/*

Theme Name: Decoder Media 7.9 Child

Theme URI: http://mittun.co

Description: A child theme of Decoder Media Theme

Author: Mittun Creative

Author URI: http://mittun.co

Version: 1.0.0

Template: decoder

*/

@import url("../bridge/style.css");
/*MINIFY BELOW THIS LINE*/

/*-------------------------------------*/



/*font easy change*/

/*--->proxima bold*/

body,  p, h1, h4,  .carousel-inner h2, .carousel-inner .q_slide_subtitle, .qbutton {
	font-family: 'Proxima Nova W01';
}
.carousel-inner h2, .carousel-inner h2.q_slide_title span, .carousel-inner .q_slide_subtitle, .qbutton {
	font-weight: 700;
}
.playfair {
	font-family: 'Playfair Display', sans-serif;
}
/*//*/

.content .full_width {
position: relative;
}





/*general*/

a, p, h1, h2, h3, h5, h6 {
	text-rendering: optimizeLegibility;
}
h1.giant {
	font-size: 15vw;
	margin-top:-10px
	line-height: 18vw;
	margin-top: -38px;
}
span.bold {
	font-weight: 600;
}
.half img {
	width: 50%;
}
.hidden {
	display: none;
}
h1.playfair {
	font-family: 'Playfair Display', sans-serif;
	font-weight: 700;
	text-transform: none;
}
h1.large {
	font-size: 3.8em;
}
.content .container {
	background: white;
}
.padding-left-40 {
	padding-left: 40px;
}
.padding-right-100 {
	padding-right: 100px;
}
h3.ult_modal-title {
	font-weight: 700 !important;
	font-size: 1.4em !important;
}
/*//*/









/*header*/

/*.home .header_bottom {

background: linear-gradient(to right, white, rgba(255,255,255,.87), white);

background-color: transparent !important;

}*/

.side_menu_button {
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
nav.main_menu > ul > li > a {
	font-weight: 100;
}
nav.main_menu ul li.active a, nav.main_menu ul li a.current {
	font-weight: 600;
}
/*body:not(.home) nav.main_menu ul li.current-menu-item {

	border-bottom: 3px solid black;

}*/

nav.main_menu > ul > li:last-child > a {
	padding-right: 0;
}
nav.mobile_menu ul li a, nav.mobile_menu ul li h3 {
	font-size: 20px;
	color: black;
	text-transform: uppercase;
	line-height: 32px;
}
/*//*/









/*footer*/

.paspartu_on_bottom_fixed footer {
	margin-bottom: initial;
}
.footer_bottom .textwidget:before, .footer_bottom .textwidget:after {
	border-top: 11px double black;
	content: '';
	display: inline-block;
	position: absolute;
	top: 120px;
	width: 37%;
}
.footer_bottom .textwidget:before {
	left: 0;
}
.footer_bottom .textwidget:after {
	right: 0;
}
.footer_bottom .qbutton.large {
	font-size: 35px;
	font-weight: 100;
	padding-left: 20px;
	padding-right: 20px;
	text-transform: uppercase;
}
.footer_bottom .qbutton.large span {
	color: white;
	font-size: 35px !important;
	font-weight: 700;
}
.footer_bottom .qbutton.large:hover span {
	color: black;
}
.footer_bottom .qbutton.large {
    border-bottom: 2px none;
    border-left: 25px solid #ffffff !important;
    border-right: 25px solid #ffffff !important;
    border-top: 2px none;
    position: relative;
    z-index: 100;
}

/*//*/









/*slider*/

.carousel-inner h2 {
	text-transform: uppercase;
}
.carousel-inner .slider_content_outer {
	width: 100%;
}
.carousel .item .left .text .separator {
	float: right;
}
.carousel-inner .slider_content .text .qbutton {
	border-right: none;
	clear: right;
	float: right;
	margin-right: 0;/*right: 23%;*/

}
.carousel-inner .slider_content .slide_anchor_holder {
	clear: right;
	float: right;
	margin-top: 0 !important;
	padding: 0 52px 0 0;
	position: relative;
	top: -20px;
	/*right: 23%;*/
	text-align: right;
}
.carousel-inner .slider_content .slide_anchor_holder i {
	font-size: 68px;
}
.q_slider {
	padding-bottom: 0 !important;
}
.carousel .item .text .separator {
	margin-bottom: 5px;
	margin-top: 15px;
}
/*//*/









/*homepage*/

.page-id-6 h4.view-project-link a {
	border-top: 1px solid lightgray;
	display: inline-block;
	font-size: 23px;
	margin: 2px 0 0;
	padding: 10px 0 0;
}
.client_holder.detroit-nation .half img {
	width: 70%;
}
/*//*/









/*portfolio page*/

.filter_holder {
	padding: 6px 0 0;
}
.filter_holder ul {
	float: left;
	padding: 0 0 0 5px;
}
.filter_holder ul li:first-child {
	border-right: 3px solid white;
}
.custom-first-name, .custom-last-name {
	line-height: 60px;
}
.custom-first-name {
	color: #000;
	display: inline-block;
	font-weight: 100;
	padding-right: 10px;
}
.custom-logo_hover-holder {
	position: relative;
	text-align: center;
	width: 100%;
}
.custom-logo_hover {
	height: auto;
	margin: 5% auto 0;
	width: 60%;
}
/*.explore-our-work-title {
	font-family: 'Playfair Display';
	line-height: 41px;
	font-size: 70px;
	letter-spacing: 0;
	padding: 0 0 55px 25px;
	text-transform: none;
	position: relative;
	color: whitesmoke;
}*/
.explore-our-work-title {
	color: white;
	line-height: 8vw;
	font-size: 9vw;
	letter-spacing: 0;
	padding: 0 0 35px 25px;
	position: relative;
	top: -18px;
	font-weight: 700;
}
.projects_holder article .portfolio_description {
	padding: 15px 0 24px;
}
.projects_holder article .portfolio_description .portfolio_title {
	margin: 0;
	text-transform: uppercase;
}
.projects_holder article .portfolio_description .portfolio_title a {
	float: left;
}
.portfolio-grid .qbutton.small {
	height: 65px;
	line-height: 65px;
	font-size: 24px;
	padding: 0 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.portfolio_title img {
	background: white;
	float: left;
	max-height: 65px;
	padding-left: 30px;
	padding-right: 20px;
}
.projects_holder article .portfolio_description {
	background-color: #ffffff;
}
/*//*/









/*portfolio single*/

.portfolio-header {
	font-size: 8vw;
	font-weight: 700;
	line-height: 7vw;
	text-transform: uppercase;
}
.ult-modal-input-wrapper.half img {
	width: 40px;
}
.ult-modal-input-wrapper.half2x img {
	width: 80px;
}
.portfolio_navigation .portfolio_prev a, .portfolio_navigation .portfolio_next a {
	border: 2px solid #ccc;
	width: 60px;
	height: 40px;
	line-height: 40px;
	font-size: 36px;
	-webkit-border-radius: 0!important;
	-moz-border-radius: 0!important;
	border-radius: 0!important;
}
/*========== WHEELS UP ===========*/

.portfolio-margin-top-halfway {
	margin-top: 14%;
}
.portfolio-container-text-overlay h5 {
	padding: 10px 50px;
	font-weight: 300;
	text-transform: none;
	text-align: center;
	line-height: 31px;
	font-size: 20px;
}
.view-project-link {
	text-align: center
}
.portfolio-container-text-overlay .half img {
	width: 70%;
	margin-bottom: 10px;
}
.portfolio-container-text-overlay {
	padding-top: 50px;
	padding-bottom: 50px;
}
#wheels-up .portfolio-container-text-overlay {
	padding-bottom: 0;
	padding-top: 0;
}
#wheels-up .portfolio-container-text-overlay h5 {
	padding-top: 0;
}
#wheels-up .portfolio-margin-top-halfway {
	margin-top: 30%;
}
/*========== END WHEELS UP ===========*/



/*========== Rangers ===========*/

#ny-rangers .portfolio-container-text-overlay {
	padding-bottom: 45px;
	padding-top: 10px;
}
#ny-rangers .portfolio-margin-top-halfway {
	margin-top: 14%;
}
#ny-rangers .portfolio-container-text-overlay h5 {
	padding-top: 0;
}
/*========== End Rangers ===========*/



/*========== Fresh ===========*/

#fresh .portfolio-container-text-overlay {
	padding-bottom: 45px;
	padding-top: 10px;
}
#fresh .portfolio-margin-top-halfway {
	margin-top: 14%;
}
#fresh .portfolio-container-text-overlay .half img {
	width: 50%;
}
/*========== End Fresh ===========*/



/*========== Detroit Nation ===========*/

#detroit-nation .portfolio-container-text-overlay {
	padding-bottom: 30px;
	padding-top: 35px;
}
#detroit-nation .portfolio-margin-top-halfway {
	margin-top: 14%;
}
/*========== End Detroit Nation ===========*/



/*========== Staples ===========*/

#staples .portfolio-container-text-overlay {
	padding-bottom: 0;
	padding-top: 0;
}
#staples .portfolio-container-text-overlay h5 {
	padding: 10px 35px;
}
#staples .half img {
	width: 50%;
}
/*#staples .portfolio-margin-top-halfway {

	margin-top: 44%;

}*/

/*========== End Staples ===========*/

/*//*/









/*portfolio video slider*/

.custom-video-gallery section #huge_it_videogallery {
	/*background: #1a1a1a !important;*/

	background: none;
	box-shadow: none !important;
	float: left;
	margin-bottom: 0 !important;
	padding: 0 !important;
}
#huge_it_videogallery .huge_it_big_li, section #huge_it_videogallery li a, #huge_it_videogallery li img, section #huge_it_videogallery li .overLayer, section #huge_it_videogallery li .infoLayer {
	border: none !important;
	border-radius: 0 !important;
}
.single #huge_it_videogallery .huge_it_big_li {
	float: left;
	height: auto !important;
	margin: 0 !important;
	max-width: none !important;
	width: 25% !important;
}
.custom-video-gallery #huge_it_videogallery li img {
	height: 100% !important;
	max-height: none !important;
	max-width: none !important;
	width: 100% !important;
}
#huge_it_videogallery h2 {
	font-family: 'Proxima Nova W01' !important;
}
section #huge_it_videogallery li .overLayer, section #huge_it_videogallery li .infoLayer {
	height: 100% !important;
	max-width: none !important;
}
/*//*/









/*elements*/

.portfolio_share, .social_share_list_holder {
	font-size: 19px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}
.social_share_list_holder ul li i {
	color: black;
}
/*news slider*/

.blog_slider .blog_slides>li {
	margin-right: 1px;
}
/*//*/









/*contact page*/

body.page-id-57 input.wpcf7-form-control.wpcf7-submit, body.page-id-57 input.wpcf7-form-control.wpcf7-submit:not([disabled]) {
	padding: 0 30px;
}
.contact_form input.qbutton {
	padding: 0 35px;
}
.contact_form h5 {
	font-size: 6vw;
	line-height: 6vw;
}

/*//*/

/*************/
.single-portfolio_page .paspartu_outer.paspartu_on_bottom_slider{ padding:0 !important; } 
.single-portfolio_page .paspartu_left{ display:none;}
.single-portfolio_page .paspartu_right{ display:none; }
.client-name-content{
	padding-top:20px;
}
.client-name-content h3{
	font-weight:bold;
	text-align:center;
}
.client-name-content p{
	text-align:center;
	font-size:22px;
}
.client-watch-video h3{
	font-size:21px;
	text-transform:none;
	font-weight:bold;
	text-align:center;
	width:auto;
	display:table;
	margin:auto;
	border-top:1px solid #000;
	padding:10px 60px 15px;    
}
.overlay-show.client-watch-video-link.ult-responsive.mycust.ult-align-center
{
	font-size:21px;
	text-transform:none;
	font-weight:bold;
	text-align:center;
	width:auto;
	display:table;
	margin:auto;
	border-top:1px solid #000;
	padding:10px 60px 15px; 
	color: #000 !important;    
}
#wheels-up, #ny-rangers, #fresh, #detroit-nation, #staples{
	min-height:600px; 
}


/*---------Responsive Styles------------*/

@media only screen and (min-width: 1201px) {
.carousel-inner h2 {
	font-size: 6.75vw !important;
	line-height: 7.1vw !important;
}
.qode_clients .qode_client_holder a {
	max-height: 150px;
}
.qode_clients .qode_client_holder a img {
	max-height: 250px;
	position: relative;
	top: -50px;
}
.qode_clients .qode_client_holder_inner:before, .qode_clients .qode_client_holder_inner:after {
	border-color: transparent;
}
}



@media only screen and (min-width: 691px) and (max-width: 1200px) {
.smaller-p-text p {
	font-size: 18px !important;
}
}

/*//*/



@media only screen and (max-width: 1024px) {
body.paspartu_on_top_fixed .paspartu_outer .content .content_inner {
	padding-top: 0 !important;
}
}

/*//*/



@media only screen and (min-width: 1000px) {
section.parallax_section_holder, .title.has_background {
	background-size: cover !important;
}
.tablet-visible {
	display: none;
}
/*menu*/

.popup_menu_opened .header_top, .popup_menu_opened .header_bottom, .popup_menu_opened .fixed_top_header .top_header {
	background-color: white !important;
}
.popup_menu_holder {
	background: none;
	position: relative;
}
.popup_menu_holder_outer {
	height: 124px !important;
	left: auto;
	right: 90px;
	-moz-transition: all .45s ease;
	-webkit-transition: all .45s ease;
	transition: all .45s ease;
	width: auto;
	z-index: 203;
}
.popup_menu_holder_inner {
	padding: 25px 0 10px;
}
.popup_menu_holder_outer.scrolled {
	height: 95px !important
}
.popup_menu_holder_outer.scrolled .popup_menu_holder_inner {
	padding: 10px 0 0 !important;
}
nav.popup_menu ul {
	float: right;
}
nav.popup_menu ul li {
	display: inline-block;
	padding: 0 30px 0 0;
}
nav.popup_menu ul li:last-child {
	padding-right: 0;
}
nav.popup_menu ul li a {
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
}

/*//*/



/*hide slider on tablet and mobile*/

@media only screen and (max-width: 1000px) {
.q_slider {
	display: none;
}
.logo_wrapper {
	left: 100px;
}
.q_logo a {
	left: 0;
}
header .q_logo img.mobile {
	position: absolute;
}
}

/*//*/



/*tablet portrait*/

@media only screen and (max-width: 1000px) and (min-width: 691px) {
.tablet-visible {
	display: block;
}
#wheels-up .client_holder, #rangerstown .client_holder, #fourthsection-home .client_holder {
	padding-bottom: 50px !important;
	padding-top: 50px !important;
}
#thirdsection-home .client_holder {
	padding-bottom: 50px !important;
	padding-top: 30px !important;
}
#wheels-up .vc_empty_space, #rangerstown .vc_empty_space, #thirdsection-home .vc_empty_space, #fourthsection-home .vc_empty_space {
	height: 100px !important;
}
.client_holder h3 {
	font-size: 22px;
}
.client_holder .half img {
	width: 70%;
}
.footer_bottom .textwidget:before, .footer_bottom .textwidget:after {
	width: 32%;
}
}

/*//*/



/*hide mobile-only styles on tablet and desktop*/

@media only screen and (min-width: 691px) {
.mobile-visible {
	display: none;
}
}

/*//*/



/*mobile/phone*/

@media only screen and (max-width: 690px) {
#wheels-up {
    min-height: 360px;
}

p {
	font-size: 17px;
	line-height: 26px;
}
h1 {
	font-size: 42px;
	line-height: 42px;
}
.half img {
	width: 75%;
}
.mobile-hide, .hide-on-mobile {
	display: none;
}
.mobile-visible {
	display: block;
}
.tablet-visible {
	display: none;
}
#wheels-up .client_holder, #rangerstown .client_holder,  #thirdsection-home .client_holder, #fourthsection-home .client_holder {
	padding-bottom: 30px !important;
	padding-top: 30px !important;
}
#wheels-up .vc_empty_space, #rangerstown .vc_empty_space,  #thirdsection-home .vc_empty_space, #fourthsection-home .vc_empty_space {
	height: 65px !important;
}
.vc_custom_1452560692472, .vc_custom_1453941844934 {
	margin: 0 20px;
	padding-right: 10px!important;
	padding-left: 10px!important;
}
.footer_bottom .textwidget:before, .footer_bottom .textwidget:after {
	width: 20%!important;
}
.footer_bottom h2 {
	font-size: 36px
}
.footer_bottom h4 {
	font-size: 17px;
	padding: 10px 15px
}
.footer_bottom_holder a, .footer_bottom_holder ul li a {
	font-size: 16px;
}
/*.explore-our-work-title {
	font-family: 'Playfair Display';
	font-size: 23px;
	line-height: 1;
	padding: 5px 0;
	text-align: center;
}*/
.explore-our-work-title {
	padding-bottom: 10px;
	top: -3px;
}
.filter_outer {
	height: auto;
}
.filter_holder ul {
	float: none;
	padding: 0;
}
.filter_holder ul li {
	display: inline-block;
	float: none;
	line-height: 16px;
}
.filter_holder ul li:first-child {
	border-width: 2px;
}
.filter_holder ul li span {
	font-size: 15px;
}
.play-and-down-buttons .width-30-percent-mobile {
	width: 28%;
	max-width: 100px;
	margin: 0 auto;
}
.negative-top-margin-mobile {
	margin-top: -30px;
	margin-bottom: 30px;
}
.padding-left-40 {
	padding-left: 0px;
	padding-right: 0;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.padding-right-100 {
	padding-right: 0px!important;
	padding-left: 0;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.padding-right-100 p, .padding-left-40 p {
	font-size: 18px;
	line-height: 26px;
	padding: 15px 15px 0 15px !important;
}
.footer_bottom .textwidget:before, .footer_bottom .textwidget:after {
	width: 20% !important;
}
.footer_bottom_holder {
	padding-bottom: 30px !important;
}
.footer_bottom {
	padding-top: 60px;
}
 .footer_bottom .textwidget::before, .footer_bottom .textwidget::after{ top:81px;}
.home h3 {
	font-size: 20px;
}
.page-id-6 h4.view-project-link a {
	font-size: 18px;
}
#work-page-title_holder {
	padding-bottom: 25px !important;
	padding-top: 20px !important;
}
h1.giant {
	font-size: 14vw;
}
.custom-first-name, .custom-last-name {
	line-height: 1;
}
.portfolio-grid .qbutton.small {
	height: auto;
	line-height: normal;
}
.projects_holder article .portfolio_description {
	padding: 10px 0;
}
.projects_holder article .portfolio_description .portfolio_title {
	text-align: center;
}
.projects_holder article .portfolio_description .portfolio_title a {
	max-height: 60px;
	text-align: center;
	width: 100%;
}
.portfolio_title img {
	float: none;
	padding: 0;
}
.portfolio-margin-top-halfway {
	margin-top: auto;
}
.portfolio-container-text-overlay h3 {
	font-size: 24px;
}
.portfolio-container-text-overlay h5 {
	padding: 10px 0;
}
#wheels-up .portfolio-margin-top-halfway {
	margin-top: 0;
}
#wheels-up .ult-modal-input-wrapper.half2x img {
	margin: 25px auto;
}
.meta-info .vc_col-sm-3 {
	margin-bottom: 20px;
}
/*about page*/

#about_first-row {
	padding: 40px 0 45px !important;
}
#about_first-row .about-title, #about_second-row .mission-title {
	padding-left: inherit !important;
}
#about_first-row .about-title h1, #about_first-row .about-title h2, #about_second-row .mission-title h1 {
	/*padding: 0 !important;*/
	text-align: left;
}
#about_first-row .about-title h1, #about_first-row .about-title h2 {
	padding-left: 35px;
}
#about_second-row .mission-title h1 {
	padding-left: 15px;
}
#about_first-row .about-title h2 {
	line-height: 1;
}
#about_second-row {
	padding-bottom: 0 !important;
	padding-top: 40px !important;
}
#about_third-row {
	padding-bottom: 30px !important;
}
#about_third-row .wpb_text_column {
	padding-left: inherit !important;
}
#about_fourth-row {
	padding-bottom: 45px !important;
	padding-top: 40px !important;
}
#about_fourth-row .vc_col-sm-12 {
	margin-top: -3px !important;
}
#about_fourth-row .ethos-title {
	padding-left: inherit !important;
}
#about_fourth-row .ethos-title h2 {
	padding-left: 33px;
	text-align: left;
}
/*brands*/

#brands-title {
	margin-top: 40px;
	padding-bottom: 0 !important;
}
#brands-title .vc_col-sm-8 {
	padding-left: inherit !important;
}
#brands-title .vc_col-sm-12 {
	margin-top: -5px !important;
}
#brands-title h1, #brands-title h2 {
	color: #f6f6f6 !important;
	padding: 0 !important;
	text-align: center;
}
#brands-title h2 {
	line-height: 5vw;
}
#brands_logo-grid {
	padding-top: 0 !important;
}
.qode_clients .qode_client_holder a {
	max-height: 150px;
}
.qode_clients .qode_client_holder a img {
	margin-top: -50px;
}
/*portfolio*/

.single section.parallax_section_holder {
	background-size: contain;
}
}

@media only screen and (max-width: 480px) {
.work-page-ethos {
	padding-left: 5px;
}
#work-holder .projects_holder_outer {
	position: relative;
	top: -3px;
}
}

/*//*/



@media only screen and (max-width: 1080px) and (min-width: 1001px) {
nav.popup_menu ul li a, nav.popup_menu ul li h6 {
	font-size: 22px;
}
}
/*//*/



/*-----------end responsive styles-------------*/



/*Style update 18-03-16*/

.carousel-inner h2 {
	opacity: 1;
}
/*header.centered_logo.centered_logo_animate .q_logo img, header:not(.centered_logo) .q_logo img {
	height: 70% !important;
	margin:16px 0 0;
}*/
.director-text h5 {
	color: #fff;
}
.white-text-one {
	border-left: 4px solid #fff;
	color: #fff !important;
	margin: 44px 0 0;
}
.social_share_list_holder {
	color: #fff;
}
.facebook_share .fa.fa-facebook {
	color: #fff;
}
.twitter_share .fa.fa-twitter {
	color: #fff;
}
.google_share .fa.fa-google-plus {
	color: #fff;
}
.linkedin_share .fa.fa-linkedin {
	color: #fff;
}
.tumblr_share .fa.fa-tumblr {
	color: #fff;
}
.pinterest_share .fa.fa-pinterest {
	color: #fff;
}
.white-text-one .portfolio-text-overlay {
	color: #fff;
}
.white-text-one code {
	font-weight: bold;
	text-transform: uppercase;
	font-family: "Proxima Nova W01";
}
.mobile {
	float: right;
}
#wheels-up .portfolio-margin-top-halfway {
	margin-top: 12%;
}
.single-portfolio_page .content_inner  { padding-top:0px !important; }

@media screen and (max-width: 691px), screen and (max-device-width: 691px), screen and (max-width: 767px) {
    .qbutton.large {
        height: 54px;
        line-height: 54px;
        padding: 0 17px;
    }
	
}
@media screen and (max-width: 481px), screen and (max-device-width: 481px), screen and (max-width: 690px) {
    #about_third-row .wpb_text_column {
        padding-left: 15px !important;  padding-right: 15px !important;
    }
    #about_second-row .mission-title h1 {
        font-size: 10vw;
        padding-left: 30px;
    }
    .footer_bottom h2 {
        font-size: 45px !important;
    }
}
@media screen and (max-width: 320px), screen and (max-device-width: 320px), screen and (max-width: 480px) {
    .footer_bottom .qbutton.large span{
        font-size:25px !important;
    }
    .footer_bottom .qbutton.large{
        font-size:25px !important;  padding-right: 10px;  padding-left: 10px;  border-left: 15px solid #ffffff !important; border-right: 15px solid #ffffff !important;
    }
    .footer_bottom h2 {
        font-size: 36px !important;
    }
}
/*styles to override broken theme panel options*/
@media only screen and (min-width: 1000px) {
	.content.content_top_margin {
		margin-top: 100px !important;
	}
}
.google_map_holder {
	display: none;
}