/*
Theme Name: Purdyswharf Child Theme
Theme URI: http://debasish-roy.com
Description: Child Theme for your Customizations.
Author: Debasish Roy
Author URI: http://debasish-roy.com
Template: purdyswharf
Version: 2.5.1
*/

@import url('fonts/DINNextLight/DINNextLight.css');
@import url('fonts/DINAlternateMedium/DINAlternateMedium.css');
@import url('fonts/DINAlternateBold/DINAlternateBold.css');


body{font-family: 'DINNextLight',sans-serif !important; line-height: 1.5;}
h1{font-family: 'DINAlternateBold',sans-serif !important;}
h2{font-family: 'DINAlternateBold',sans-serif !important;}
h3{font-family: 'DINAlternateBold',sans-serif !important;}
h4{font-family: 'DINAlternateBold',sans-serif !important;}
h5{font-family: 'DINAlternateBold',sans-serif !important;}
h6{font-family: 'DINAlternateBold',sans-serif !important;}
.title{font-family:'DINAlternateBold',sans-serif !important;}
input[type='text'],input[type='password'],input[type='email'],input[type='tel'],textarea,select{font-family:'DINNextLight',sans-serif !important;}
#sidebar .widget h3{font-family: 'DINAlternateBold',sans-serif !important;}
#navigation > ul > li > a{font-family: 'DINNextLight',sans-serif !important; color:#758591;}
#navigation .sub-menu li a{font-family: 'DINNextLight',sans-serif !important;}
#slogan{font-family: 'DINNextLight',sans-serif !important;}
#mobile-navigation ul li a{font-family: 'DINAlternateMedium',sans-serif !important;}
.header-v1 #search-top input{font-family:'DINNextLight',sans-serif !important;}
.titlebar h1{font:400 22px 'DINAlternateMedium',sans-serif !important;}
#breadcrumbs,#breadcrumbs a{font-family: 'DINNextLight',sans-serif !important;}
#fullimagecenter h1,#transparentimage h1{font-family: 'DINAlternateMedium',sans-serif !important;}
#footer .widget h3{font-family: 'DINAlternateMedium',sans-serif !important;}
.products li h3{font-family: 'DINAlternateMedium',sans-serif !important;}
.font-special{font-family:'DINAlternateMedium',sans-serif !important;}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a{
	font-family: 'DINNextLight',sans-serif !important; line-height: 1.5;
}
iframe{
	width:100%;
	display:block;
}
.pp_close:focus{
	outline: 2px dashed #f00 !important;
}
*:focus {
    outline: none;
}

*:focus.keyboard-outline {
    outline: 2px dashed #f00;
}
.ham.show:focus{
	outline:none !important;

}
#header .container{
	width:100%;
}
#logo-navigation {
    width: 100%;
    padding: 0px 50px;
    box-sizing: border-box;
	margin:0px;
}
.burger {
    width: 33px;
    height: 33px;
    position: relative;
    border-radius: 4px;
    z-index: 22;
    float: right;
    margin-top: 30px;
    margin-left: 20px;
	background:transparent !important;
	border:none !important;
}

.burger span {
  position: relative;
  margin-top: 9px;
  margin-bottom: 9px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -1.5px;
}

.burger span, .burger span::before, .burger span::after {
  display: block;
  width: 30px;
  height: 3px;
  background-color: #758591;
  outline: 1px solid transparent;
  -webkit-transition-property: background-color, -webkit-transform;
  -moz-transition-property: background-color, -moz-transform;
  -o-transition-property: background-color, -o-transform;
  transition-property: background-color, transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.burger span::before, .burger span::after {
  position: absolute;
  content: "";
}

.burger span::before { top: -9px; }

.burger span::after { 
	top: 9px;
	width:20px;
	right:0;
}

.burger.clicked span { background-color: transparent; }

.burger.clicked span::before {
  -webkit-transform: translateY(9px) rotate(45deg);
  -moz-transform: translateY(9px) rotate(45deg);
  -ms-transform: translateY(9px) rotate(45deg);
  -o-transform: translateY(9px) rotate(45deg);
  transform: translateY(9px) rotate(45deg);
}

.burger.clicked span::after {
  -webkit-transform: translateY(-9px) rotate(-45deg);
  -moz-transform: translateY(-9px) rotate(-45deg);
  -ms-transform: translateY(-9px) rotate(-45deg);
  -o-transform: translateY(-9px) rotate(-45deg);
  transform: translateY(-9px) rotate(-45deg);
  width:30px;
}

.burger.clicked span:before, .burger.clicked span:after { background-color: #d5d755; }

.burger:hover { cursor: pointer; }

/*  .ham
========================================== */
*:focus#hamburger-nav {
    outline: none !important;
}
.header-gap{
	width:100%;
	height:90px;
}
.ham {
	background-color: #fff;
	position: fixed;
	z-index: 1000;
	top: 0;
	right: 0px;
	height: 100%;
	max-width: 450px;
	width: 100%;
	overflow-y: auto;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	display:none;
}

.ham.show {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
	display:block;
}

.ham ul { 
	list-style: none; 
	margin:50px auto 0 auto;
	color:#fff;
	max-width:250px;
}
.ham ul li{ 
	line-height:67px;
}
.ham ul li a{ 
	color:#758591;
	font-size:40px;
	font-family:'DINNextLight',sans-serif !important;
	font-weight:900;
}
.ham ul li a:hover{ 
	color:#d5d755;
	text-decoration:underline;
}
.ham ul li a.keyboard-outline{ 
	text-decoration:underline;
}
.current-menu-item a{
	color:#d5d755 !important;
	text-decoration:underline;
}
.small-font p{
	font-size:18px;
	color:#fff;
}
.grid1 small, .grid3 small, .grid10 small{
	font-size: 40px;
	font-weight: 900;
	vertical-align: middle;
}
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11{
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2em;
}
.grid1 {
   	background-size: 200px !important;
	background-repeat: no-repeat !important;
	background-position: center top 63%;
}
.grid2 {
   	background-size: 200px !important;
	background-repeat: no-repeat !important;
	background-position: center top 23%;
}
.grid3 {
   	background-size: 200px !important;
	background-repeat: no-repeat !important;
	background-position: center left 30%;
}

.grid4 {
   	background-size: 200px !important;
	background-repeat: no-repeat !important;
	background-position: center top 90%;
}
.grid5 {
   	background-size: 200px !important;
	background-repeat: no-repeat !important;
	background-position: center top 23%;
}
.grid6 {
   	background-size: 200px !important;
	background-repeat: no-repeat !important;
	background-position: center center;
}
.grid7 {
   	background-size: 200px !important;
	background-repeat: no-repeat !important;
	background-position: center left 80%;
}
.grid7 sup {
    vertical-align: top;
    font-size: 40px;
    font-weight: 900;
	top:7px;
}
.grid8 {
   	background-size: 200px !important;
	background-repeat: no-repeat !important;
	background-position: center top 50%;
}
.grid8 sub {
    font-size: 40px;
    font-weight: 900;
	top:0px;
}
.grid9 {
   	background-size: 200px !important;
	background-repeat: no-repeat !important;
	background-position: center top 23%;
}
.grid10 {
   	background-size: 200px !important;
	background-repeat: no-repeat !important;
	background-position: center left 30%;
}
.grid11 {
   	background-size: 200px !important;
	background-repeat: no-repeat !important;
	background-position: center left 30%;
}
.grid11 sub {
    font-size: 40px;
    font-weight: 900;
	top:0px;
}
/*  OVERLAY
========================================== */

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #333;
  opacity: 0;
  visibility: hidden;
}

.overlay.show {
  opacity: 0.8;
  visibility: visible;
}
.full-image{
	margin:0px !important;
}
.full-image img{
	width:100%;
}
.hide-in-reg{
	display:none;
}
.btn-res{
	display:none !important;
}
.play-image img{
	width:100%;
}
#arrow{
	margin-top:-199px;
}
.iconbox h3 {
	color:#465058;
	line-height: 1.5em !important;
}
.bg-bottom-right{
	background-position:bottom right !important;
}
.bg-right{
	background-position:right !important;
}
.bg-left{
	background-position:left !important;
}
.bg-center{
	background-position:center center !important;
}
.cstm-width .wpb_wrapper{
	max-width:450px;
	margin:auto;
	width:100%;
}
.minti_list ul li {
    font-size: 18px;
    display: flex;
}
.cstm-sec .span_12{
	max-width:1400px !important;
	width:100%;
	margin:auto;
	font-size:18px;
}
.cstm-sec .wpb_column {
    padding-left: 20 !important;
	padding-right: 20 !important;
}
.cstm-list ul{
	margin:0px;	
}
.cstm-list ul li {
    list-style: none;
    display: inline-flex;
    padding: 0px 10px;
    border-right: 1px solid #bada55;
    line-height: 19px;
    font-size: 19px;
}
.cstm-list ul li:last-child {
    border-right: none;
}
.custom-iconbox .iconbox h3 {
    margin: 0 auto 10px auto;
    max-width: 186px;
}
.text-small p{
	font-size:18px;
	font-weight:300;
}
.text-small p strong{
	font-family: 'DINAlternateBold',sans-serif !important;
}
.videobox{
	margin-bottom:20px !important;
}
.plyr__controls .plyr__controls__item:last-child{
	display:none;
}
#footer{
	text-align:center;
	font-size:18px;
}
.social-icons a{
	display:inline-block;
	opacity:1;
	margin:0px 10px;
}
.social-icons a:first-child{
	margin-left:0px;
}
.social-icons a svg{
	width:45px;
	height:45px;
	fill:#5eb3e4;
}

.plyr__controls{
	display:none;
}
.plyr__controls.active-vnav{
	display:flex;
}
.custom-text {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
#footer .social-icons a:first-child{
	margin-left:0px;
}
#footer .social-icons a svg{
	width:45px;
	height:45px;
	fill:#fff;
}
#footer a{
	text-decoration:underline;
}
#footer a:hover{
	color:#bada55 !important;
	text-decoration:underline;
}
/*------ condition for 1399px ------------------------------------*/
@media screen and (max-width: 1399px){
.cstm-sec .span_12{
	max-width:1200px !important;
}
}
/*------ condition for 959px ------------------------------------*/
@media screen and (max-width: 959px){
br{
	display:none;
}
.mobile_nav{
	float:right;	
}
#talent-res{
	display: inline-block;
	padding: 0;
	margin: 30px 0px;
	list-style: none;
}
#talent-res li a{
	color: #617a91 !important;
}
#talent-res li a:hover{
	color: #d5d755 !important;
}
.burger {
    float: none;
	display:inline-block;
	vertical-align:top;
}
.grid1 br, .grid2 br, .grid3 br, .grid4 br, .grid5 br, .grid6 br, .grid7 br, .grid8 br, .grid9 br, .grid10 br, .grid11 br{
	display:block;
}
#home{
	background-image: url("https://purdys.bhdig.com/wp-content/uploads/2020/10/Hero-mobile.jpg") !important;
	background-position: top left;
}
#arrow {
    margin-top: -85px;
}
}

/*------ condition for 767px ------------------------------------*/
@media screen and (max-width: 767px){
.hide-in-reg{
	display:block;
}
.hide-in-res{
	display:none;
}
#mobile-header .container{
	width:100%;
	padding:0px 20px;
	box-sizing: border-box;
}	
#arrow {
    margin-top: -75px;
}
.iconbox-style-6{
	text-align:left;
}
.iconbox-style-6 .iconimg {
    display: inline-block;
	margin:0px 30px 0px 0px !important;
}
.custom-iconbox .iconbox h3 {
    max-width: 150px;
}
.iconbox h3 {
    display: inline-block;
	margin:0px !important;
	vertical-align:middle;
	line-height:20px;
}
.iconbox h3 br {
    display: block;
}
.minti_list ul li {
    font-size: 18px;
    display: block;
}
.bg-right{
	background-image:none !important;
}
.cstm-width .wpb_wrapper{
	max-width:100%;
	margin:auto;
	width:100%;
}
.cstm-sec .span_12{
	padding:0px 20px;
	max-width:100% !important;
	
	box-sizing:border-box;
}
.display-flex{
	display: flex;
    flex-flow: column;
}
.order1{
	order:1;
}
.order2{
	order:2;
	margin-top:40px;
}
.grid1 {
	background-position: left 20% center;
}
.grid2 {
   	background-position: center right 20%;
}
.grid3 {
   	background-position: left 20% center;
}
.grid4 {
   	background-position: center right 20%;
}
.grid5 {
   	background-position: left 20% center;
}
.grid6 {
   	background-position: center right 20%;
}
.grid7 {
   background-position: left 20% center;
}

.grid8 {
   	background-position: center right 20%;
}

.grid9 {
   	background-position: left 20% center;
}
.grid10 {
   	background-position: center right 20%;
}
.grid11 {
   	background-position: left 20% center;
}
}
/*------ condition for 480px ------------------------------------*/
@media screen and (min-width: 480px) and (max-width: 767px) {
}

/*------ condition for 320px ------------------------------------*/
@media screen and (min-width: 320px) and (max-width: 479px) {
#mobile-header .container {
    padding: 0px !important;
}
.logo img {
    max-width: 90px !important;
}
.burger {
    margin-left: 10px;
}
.ham {
  max-width: 300px;
  width: 100%;

}
.ham ul { 
	max-width:220px;
}
.ham ul li{ 
	line-height:47px;
}
.ham ul li a{ 
	font-size:27px;
}
.btn-res{
	display:block !important;
}
.iconbox-style-6 .iconimg {
    max-width: 90px;
}
.iconbox h3 {
	font-size:18px;
}
}