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

 Theme Name:   JW Tull Theme
 Theme URI:    https://www.enetwebservices.com
 Description:  Test
 Author:       Nick
 Author URI:   
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

.citycodex {position:relative; float:left; width:100%; margin-bottom:20px;}

body, .vinn_wide::before, .vinn_wide::after{
	overflow-x: hidden !important;
}

a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}


/* Menu Indicator */
.mega-indicator::after{
	display: none !important;
}

/*  button two  */

.btn {
  color: #fff;
  cursor: pointer;
  /* display: block;*/
  font-size:16px;
  font-weight: 400;
  line-height: 38px;
  margin: 0 0 2em;
  width: auto;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
}

.btn a {
	
}

.btn:hover { text-decoration: none; }

.btn-2 {
    position: relative;
    float:left;
    overflow:visible;
    min-width:140px;
    text-align:center !important;
    font-stretch: expanded;
    letter-spacing:2px;	
    font-family: 'Libre Baskerville', serif;
    font-size: 15px;
	color:#000000;
}

.btn-2:after,
.btn-2:before {
  backface-visibility: hidden;
  border-bottom: 3px solid #000000;
    background-color: #000000;
  bottom: 0px;
  content: " ";
  display: block;
  margin: 0 auto;
  position: relative;
  transition: all 280ms ease-in-out;
  width: 90%;
}

.btn-2:hover:after,
.btn-2:hover:before {
  backface-visibility: hidden;
  border-color: #000000;
  transition: width 350ms ease-in-out;
  width: 100%;
}
.btn-2:hover {letter-spacing:4px;}
    
.btn-2:hover:before {
  bottom: auto;
  top: 0;
  width: 100%;
}
.jw_top_arrow {
    position:absolute;
    margin:0 auto;
    height:20px;
    width:100%;
    text-align:center;
    top:-26px;
  transition-property: all;
  transition-duration: .6s;
  transition-timing-function: ease;
}
.btn-2:hover .jw_top_arrow {
    top:-30px;
}
.jw_top_arrow:after {content: " ";
  display: block;
background-color:#000000;
width:100px; 
    margin:0 auto; height:6px;}
.jw_top_arrow span {
    width:100px;
    display: block;
    margin:0 auto;
    top:0px;
  height: 0; 
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 20px solid black;
}
.wh_tr_top {    width: 90px;
    position: absolute;
    display: inline-block;
    left: calc( 50% - 45px );
    margin: 0 auto;
    top: 5px;
    height: 0;
    border-left: 45px solid transparent;
    border-right: 45px solid transparent;
    border-bottom: 18px solid white;}
.top_interior {width: 88px;
    position: absolute;
    display: inline-block;
    left: calc( 50% - 45px );
    margin: 0 auto;
    top: 1px;
    height: 0;
    border-left: 45px solid transparent;
    border-right: 45px solid transparent;
    border-bottom: 18px solid black;}
.top_interior hr {
	color:#ffffff;
	width:90px;
	border-top:1px solid #000000; top: 8px;
	position:absolute;
    display: inline-block;
    left: calc( 50% - 45px );
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-left-color: transparent !important;
	}
.top_interior .boxer7 {
	background-color:black;
    width: 20px;
    height: 5px;
    position: absolute;
    top: 14px;
    transform: translateX(-10px);
	z-index:9;
}
.jw_bottom_arrow {
    position:absolute;
    margin:0 auto;
    height:20px;
    width:100%;
    text-align:center;
		bottom:-20px;
	  transition-property: all;
	  transition-duration: .6s;
	  transition-timing-function: ease;
}

.btn-2:hover .jw_bottom_arrow {
    bottom:-24px;
}
.jw_bottom_arrow:before {content: " ";
  display: block;
background-color:#000000;
width:100px; 
    margin:0 auto; height:14px;}
.jw_bottom_arrow span {
    width:100px;
    display: block;
    margin:0 auto;
    top:0px;
  height: 0; 
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 20px solid black;
}

.wh_tr_bottom {    width: 90px;
    position: absolute;
    display: inline-block;
    left: calc( 50% - 45px );
    margin: 0 auto;
    top: 11px;
    height: 0;
    border-left: 45px solid transparent;
    border-right: 45px solid transparent;
    border-top: 18px solid white;}
.bottom_interior {width: 88px;
    position: absolute;
    display: inline-block;
    left: calc( 50% - 45px );
    margin: 0 auto;
    bottom: 1px;
    height: 0;
    border-left: 45px solid transparent;
    border-right: 45px solid transparent;
    border-top: 18px solid black;}
.bottom_interior hr {
	color:#ffffff;
     border-top:1px solid #000000;
    border-right:1px solid #ffffff !important;
    border-left:1px solid #ffffff !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
	width:90px;
	height:8px;
	position:absolute;
    display: inline-block;
    left: calc( 50% - 45px );
	bottom:17px; 
    transform: scaleY(-1);
	}

/* Custom Header */

#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children > a.mega-menu-link:after, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children > a.mega-menu-link span.mega-indicator:after {
    position: absolute !important;
	  left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
    width: 0 !important;
	color:#ffffff !important;
    padding-right: 26px;
    bottom: -22px !important;
    font-size: 26px;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {overflow:hidden;}

.header_top_right {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 25px;
	position: absolute;
    width: auto;
    top: 16px;
    right: 0;
}

.top-header-left, .top-header-middle, .top-header-right{
	font-size: 14px;
	font-weight: 500;
	color: #888;
}

.top-header-text{
	color: #333 !important;
}

.top-header-left{
	border-right: solid 1px #e3e3e3;
}

.top-header-middle{
	border-right: solid 1px #e3e3e3;
	padding-right: 25px;
}

#et_mobile_nav_menu{
	display: none;
}


#top-menu-nav {
	display: none !important;
}

#mega-menu-wrap-primary-menu {
    border-bottom: 1px solid #292E34 !important; 
}

#mega-menu-primary-menu {
	overflow: hidden;
}



.vinn_wide:before {
	border-bottom:1px solid #292E34;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    right: 100%;
    background-color: #292E34;
  }
.vinn_wide:after {
	border-bottom:1px solid #292E34;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    left: 100%;
    background-color: #292E34;
}



.footer-links {position:relative; float:right;}
.footer-links a {color:#ffffff;}
.enet-credits {float:right;}

.landscape .et_pb_image_wrap {
 padding-top: 56.25%;
 display: block;
 }
 .portrait .et_pb_image_wrap {
 padding-top: 177.78%;
 display: block;
 }
.landscape .et_pb_image_wrap img,
.portrait .et_pb_image_wrap img {
 position: absolute;
 height: 100%;
 width: 100%;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 object-fit: cover;
 }


#responsive-menu-container {z-index:99999 !important;}


/* Contact Form */

input.text,
input.title,
input[type=email],
input[type=password],
input[type=tel],
input[type=text],
select,
textarea {
    width: 100%;
    padding: 15px;
    font-size: 16px;
	font-weight:700;
    color: #000000 !important;
    margin-bottom: 10px;
    border: solid 2px #e3e3e3;
    background-color: #ffffff;
}
.wpcf7-submit {
    border: 0px solid #fff;
    color: #fff;
    background-color: #5AC8FA;
    cursor: pointer;
    padding: 26px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px;
	font-weight:700;
    transition: all 0.3s ease 0s;
    position: relative;
	width: 100%;
    float: left;
    border-radius: 3px;
}
.wpcf7-submit:hover {
    background-color: #292e34;
    color: #fff;
}
.wpcf7-recaptcha {position:relative; float:left;}
.one-half,
.one-third {
    position: relative;
    margin-right: 4%;
    float: left;
    margin-bottom: 20px;
}
.one-half {
    width: 48%;
}

.one-third {
    width: 30.66%;
}

.last {
    margin-right: 0 !important;
    clear: right;
}

div.wpcf7-mail-sent-ok {border: 2px solid #024e49;
    background-color: #007069;
    color: #fff;
    position: relative;
    float: right;
     width: 100%;
    text-align: center;
     margin: 10px 0;
}
/* END Contact Form */


  


@media only screen and (max-width: 1200px) {
	
}
@media only screen and (max-width: 980px) {
	.et_menu_container, .logo_container{
		height: 115px !important;
	}
	.top-header-middle, .top-header-right{
		display: none;
	}
	
	.header_top_right {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 0px;
		position: absolute;
		width: auto;
		top: 16px;
		right: 0;
	}
	.top-header-left{
		border-right: solid 0px #e3e3e3;
	}
	
	
	 .slider-text-num{
		color: #fff !important;
	}
}


@media only screen and (max-width: 767px) {
    .one-half,
    .one-third {
        width: 100%;
        margin-right: 0 auto;
    }
	.vinn_wide::before{
		width: 38px;
	}
	.vinn_wide::after{
		width: 37px;
	}
	
}


@media (max-width: 500px) {
	.wp-caption.alignright, .wp-caption.alignleft {    margin: 0 0 20px 0px;
    width: 100%;
    max-width: 100% !important;
	}
}