@charset "utf-8";
/*
Theme Name: Loud Apartment Custom Theme
Author: Alex Varela | AX Designs
Author URI: https://axdesigns.co
Version: 1.0
*/
/* 1.0 Navigation Bar / Header Menu */
/* 2.0 Slider*/
/* 3.0 Home Page */
/* 3.1 Single Post */
/* 3.2 Archive Search Page */
/* 3.3 Archive Albums */
/* 3.3.1 Single Albums */
/* 3.4 Contact Page */
/* 3.5 Video Page*/
/* 4.0 Effects*/
/* 5.0 Footer*/
/* Responsiveness */


html{
    background: #333333 !important;
}


hr {
    border-top: 5px solid rgba(0,0,0,.1) !important;
}

:focus {
    outline: auto 5px rgba(204,168,118,0.7) !important;
}


p a, .error404 a.btn.btn-link  {
    color: #f47937 !important;
    text-decoration: none;
	transition: all 0.3s ease !important;
	-webkit-transition: all 0.3s !important;
	
}

p a:hover {
    color: #2c8320 !important;
    text-decoration: none !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
	transition: all 0.3s ease !important;
	-webkit-transition: all 0.3s !important;
}



a:hover{
    transition: all 0.3s ease !important;
	-webkit-transition: all 0.3s !important;
	cursor: pointer !important;
    
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer !important;
}

p, li, label, a, b{
    font-family: 'Inconsolata', monospace !important;
	font-display: auto;
	font-display: block;
	font-display: swap;
	font-display: fallback;
	font-display: optional;
}

body {
	background-color: #fff;
	margin: 0px;
	padding: 0px;
    font-family: 'Roboto', sans-serif !important;/*google font*/
	font-display: auto;
	font-display: block;
	font-display: swap;
	font-display: fallback;
	font-display: optional;
    
}

img{
	height: auto !important;
}

.alignleft {
	display: block;
	float: left;
	margin: 5px 3% 20px 0px;
}

.alignright {
	display: block;
	float: right;
	margin: 5px 0px 20px 3%;
}

.aligncenter {
	display: block;
	float: none;
	margin: 20px auto 20px auto;
}

.alignnone {
	display: block;
	float: none;
	margin: 20px 0px 20px 0px;
}

img.alignleft, img.alignright {
	width: auto;
	height: auto;
	max-width: 40%;
}

img.aligncenter {
	width: auto;
	height: auto;
	max-width: 100%;
}

img.alignnone {
	width: auto;
	height: auto;
	max-width: 100%;
}

.row:before, .row:after {display: none !important;}

.content {
	margin: 0px auto 0px auto;
	width: 100%;
	max-width: 1400px;
}

.margin-top-0{
    margin-top: 0px;
}


.margin-top-5{
    margin-top: 5px;
}

.margin-top-10{
    margin-top: 10px;
}

.margin-top-15{
    margin-top: 15px;
}

.margin-top-20{
    margin-top: 20px;
}

.margin-top-25{
    margin-top: 25px;
}

.margin-top-30{
    margin-top: 30px;
}

.margin-top-35{
    margin-top: 35px;
}

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

.margin-top-45{
    margin-top: 45px;
}

.margin-top-50{
    margin-top: 50px;
}

.margin-top-55{
    margin-top: 55px;
}

.margin-top-60{
    margin-top: 60px;
}

.margin-top-65{
    margin-top: 65px;
}

.margin-top-70{
    margin-top: 70px;
}

.margin-top-75{
    margin-top: 75px;
}

.margin-top-80{
    margin-top: 80px;
}

.margin-top-85{
    margin-top: 85px;
}

.margin-top-90{
    margin-top: 90px;
}

.margin-top-95{
    margin-top: 95px;
}

.margin-top-100{
    margin-top: 100px;
}

.margin-bottom-0{
    margin-bottom: 0px;
}

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

.margin-bottom-10{
    margin-bottom: 10px;
}

.margin-bottom-15{
    margin-bottom: 15px;
}

.margin-bottom-20{
    margin-bottom: 20px;
}

.margin-bottom-25{
    margin-bottom: 25px;
}

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

.margin-bottom-35{
    margin-bottom: 35px;
}

.margin-bottom-40{
    margin-bottom: 40px;
}

.margin-bottom-45{
    margin-bottom: 45px;
}

.margin-bottom-50{
    margin-bottom: 50px;
}

.margin-bottom-55{
    margin-bottom: 55px;
}

.margin-bottom-60{
    margin-bottom: 60px;
}

.margin-bottom-65{
    margin-bottom: 65px;
}

.margin-bottom-70{
    margin-bottom: 70px;
}

.margin-bottom-75{
    margin-bottom: 75px;
}

.margin-bottom-80{
    margin-bottom: 80px;
}

.margin-bottom-85{
    margin-bottom: 85px;
}

.margin-bottom-90{
    margin-bottom: 90px;
}

.margin-bottom-95{
    margin-bottom: 95px;
}

.margin-bottom-100{
    margin-bottom: 100px;
}

.margin-left-0{
    margin-left: 0px !important;
}

.margin-left-5{
    margin-left: 5px !important;
}

.margin-left-10{
    margin-left: 10px;
}

.margin-left-15{
    margin-left: 15px !important;
}

.margin-left-20{
    margin-left: 20px;
}

.margin-left-25{
    margin-left: 25px;
}

.margin-left-30{
    margin-left: 30px !important;
}

.margin-left-35{
    margin-left: 35px;
}

.margin-left-40{
    margin-left: 40px;
}

.margin-left-45{
    margin-left: 45px;
}

.margin-left-50{
    margin-left: 50px;
}

.margin-left-55{
    margin-left: 55px;
}

.margin-left-60{
    margin-left: 60px;
}

.margin-left-65{
    margin-left: 65px;
}

.margin-left-70{
    margin-left: 70px;
}

.margin-left-75{
    margin-left: 75px;
}

.margin-left-80{
    margin-left: 80px;
}

.margin-left-85{
    margin-left: 85px;
}

.margin-left-90{
    margin-left: 90px;
}

.margin-left-100{
    margin-left: 100px;
}

.margin-right-0{
    margin-right: 0px !important;
}

.margin-right-5{
    margin-right: 5px !important;
}

.margin-right-10{
    margin-right: 10px;
}

.margin-right-15{
    margin-right: 15px !important;
}

.margin-right-20{
    margin-right: 20px;
}

.margin-right-25{
    margin-right: 25px;
}

.margin-right-30{
    margin-right: 30px;
}

.margin-right-35{
    margin-right: 35px;
}

.margin-right-40{
    margin-right: 40px;
}

.margin-right-45{
    margin-right: 45px;
}

.margin-right-50{
    margin-right: 50px;
}

.margin-right-55{
    margin-right: 5px;
}

.margin-right-60{
    margin-right: 60px;
}

.margin-right-65{
    margin-right: 65px;
}

.margin-right-70{
    margin-right: 70px;
}

.margin-right-75{
    margin-right: 75px;
}

.margin-right-80{
    margin-right: 80px;
}

.margin-right-85{
    margin-right: 85px;
}

.margin-right-90{
    margin-right: 90px;
}

.margin-right-95{
    margin-right: 95px;
}

.margin-right-100{
    margin-right: 100px;
}

.padding-top-5{
    padding-top: 5px; 
}

.padding-top-10{
    padding-top: 10px; 
}

.padding-top-15{
    padding-top: 15px; 
}

.padding-top-20{
    padding-top: 20px; 
}

.padding-top-25{
    padding-top: 25px; 
}

.padding-top-30{
    padding-top: 30px; 
}

.padding-top-35{
    padding-top: 35px; 
}

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

.padding-top-45{
    padding-top: 45px; 
}

.padding-top-50{
    padding-top: 50px; 
}

.padding-bottom-5{
    padding-bottom: 5px; 
}

.padding-bottom-10{
    padding-bottom: 10px; 
}

.padding-bottom-15{
    padding-bottom: 15px; 
}

.padding-bottom-20{
    padding-bottom: 20px; 
}

.padding-bottom-25{
    padding-bottom: 25px; 
}

.padding-bottom-30{
    padding-bottom: 30px; 
}

.padding-bottom-35{
    padding-bottom: 35px; 
}

.padding-bottom-40{
    padding-bottom: 40px; 
}

.padding-bottom-45{
    padding-bottom: 45px; 
}

.padding-bottom-50{
    padding-bottom: 50px; 
}

.padding-left-5{
    padding-left: 5px;
}

.padding-left-10{
    padding-left: 10px;
}

.padding-left-15{
    padding-left: 15px;
}

.padding-left-20{
    padding-left: 20px;
}

.padding-left-25{
    padding-left: 25px;
}

.padding-left-30{
    padding-left: 30px;
}

.padding-left-35{
    padding-left: 35px;
}

.padding-left-40{
    padding-left: 40px;
}

.padding-left-45{
    padding-left: 45px;
}

.padding-left-50{
    padding-left: 50px;
}

.padding-right-5{
    padding-right: 5px;
}

.padding-right-10{
    padding-right: 10px;
}

.padding-right-15{
    padding-right: 15px;
}

.padding-right-20{
    padding-right: 20px;
}

.padding-right-25{
    padding-right: 25px;
}

.padding-right-30{
    padding-right: 30px;
}

.padding-right-35{
    padding-right: 35px;
}

.padding-right-40{
    padding-right: 40px;
}

.padding-right-45{
    padding-right: 45px;
}

.padding-right-50{
    padding-right: 50px;
}

.margin-left-negative-15{
    margin-left: -15px;
}

.margin-right-negative-15{
    margin-right: -15px;
}

.no-padding{
    padding-left: 0px !important;
    padding-right:0px !important;
}


/* 1.0 Navigation Bar /Header Menu */

a.nav-link:hover {
    color: #f47937!important;
}

button.navbar-toggler {
    background: white;
	transition: .5s !important;
	-webkit-transition: all 0.5s !important;
}

.navbar-light .navbar-toggler {
    color: rgba(0,0,0) !important;
    border-color: rgba(0,0,0,1) !important;
}

.navbar-light .navbar-toggler-icon {
    background-image: none !important;
}

.navbar-light i.fa.fa-bars {
    margin-top: 6px;
}

#nav .nav-link {
    color: white;
}

.page-template-contact-page .header-spacing {
    margin-bottom: 190px;
}

.header-spacing {
    height: 200px;
}

.dropdown-item:focus, .dropdown-item:hover, ul#menu-main .dropdown-menu a:hover {
    color: black !important;
    text-decoration: none;
    background-color: #f47937 !important;
    transition: .5s !important;
	-webkit-transition: all 0.5s !important;
    border-radius: 2.25px;
    
}

.dropdown-item{
	color: white !important;
}

ul#menu-main .dropdown-menu a {
    color: #fff551 !important;
    transition: .5s !important;
	-webkit-transition: all 0.5s !important;
}

ul.dropdown-menu {
    background-color: rgba(30, 30, 30, 0.8) !important;
    padding: .0rem 0 !important;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

ul#menu-main a {
    color: black !important;
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
}

body.admin-bar nav#nav , body.admin-bar nav#nav{
    top: 32px!important;
}

nav#nav {
    background-color: rgba(0, 0, 0, 0.93);
    margin-bottom: -125px;
    z-index: 2;    
    transition: .5s;
	-webkit-transition: all 0.5s !important;
    margin-top: -5px;
    
}

.navbar {
    padding: 1.4rem 1.5rem .8rem 1rem !important;
}


.background-navbar{
    background-color: rgba(0, 0, 0, 0.93) !important;
    transition: .5s;
	-webkit-transition: all 0.5s !important;

}

ul#mobmenuleft a {
    font-size: 20px !important;
    text-transform: uppercase !important;
}

i.mob-icon-down-open.open-icon, .mobmenu-left-panel .mob-cancel-button{
    color: #fff551 !important;
}


#mobmenuleft li a, #mobmenuleft li a:visited, .mobmenu-content h2, .mobmenu-content h3, .show-nav-left .mob-menu-copyright, .show-nav-left{
    color: white !important;
}


i.mob-icon-menu-1.mob-menu-icon {
    color: #fff551!important;
    -webkit-text-stroke-width: 0.8px;
    -webkit-text-stroke-color: black;
    -webkit-font-smoothing: antialiased;
}

.mobmenul-container i {
    color: #FFFFFF !important;
}

.mob-menu-header-holder.mobmenu {
    background: rgba(30, 30, 30, 0.5);
    border-bottom: 1px solid white;
}


.mobmenu-content #mobmenuleft > li > a:hover, #mobmenuleft li:hover i{
    background-color: #fff551 !important;
    color: black !important;
}

img.mob-standard-logo, img.logo {
    -webkit-font-smoothing: antialiased;
}

img.logo {
    width: 150px;
    transition: .5s;
	-webkit-transition: all 0.5s !important;
	filter: invert(0%);

}

.logo-small{
    max-width: 260px !important;
    transition: .5s;
	-webkit-transition: all 0.5s !important;
	filter: invert(0%) !important;

	
}

img.mob-standard-logo{
    height: auto !important;
    transition: all 0.3s ease;
	-webkit-transition: all 0.3s !important;
    max-width: 270px;
    
}

img.logo-small-mobile {
    height: auto !important;
    max-width: 200px !important;
    transition: .5s;
	-webkit-transition: all 0.5s !important;
}

.mobile-menu-height{
    height: 82px !important;
    background: rgba(30, 30, 30, 0.9) !important;
    transition: .5s;  
}

.mob-menu-left-bg-holder {
    background: #1e1e1e !important;
}

.mob-menu-header-holder, .mobmenul-container{
    transition: .5s !important;    
}

.burger-menu-spacing {
    margin-top: -10px !important;
    transition: .5s !important;   
	-webkit-transition: all 0.5s !important;
}


/* !important line of code for mobile devices and to open the sub-menus*/
ul.nav li.dropdown:hover ul.dropdown-menu {
display: block !important;
margin-top: inherit;    
}

.dropdown:hover>.dropdown-menu {
    display: block;
    visibility: visible;
    opacity: 1;
    animation: fade 1s;
    cursor: pointer;
}    

.dropdown-toggle::after {
    width: 0;
    height: 0;
    margin-left: .0em !important;
    vertical-align: .0em !important;
    border-top: .0em solid !important;
    border-right: .0em solid transparent !important;
    border-bottom: 0 !important;
    border-left: .0em solid transparent !important;
    content: "\f103" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    line-height: 0 !important;
    padding: 0px 10px 0px 5px;
    color: #f47937 !important;
    float: right;
    padding-top: 17px;
    font-size: 20px;
    webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: black;
    
}

.navbar-expand-md .navbar-nav .dropdown-menu {
   position: absolute;
   margin-left: -25px;
   margin-top: 0px;
   padding-top: 0px !important;
   padding-bottom: 0px !important;
}

.dropdown:hover>.dropdown-menu {
  display: block;
}

ul#menu-main { /*Header menu and logo is position to the left*/
    margin-top: 35px; 
}

ul#menu-main a { 
    color: blue;
}

/* 2.0 Slider*/

.slide__desc img {
    height: auto;
    width: 52px;
}

.slideshow {
	width: 100%;
	height: 96vh !important;
	position: relative;
	overflow: hidden;
}


.slide__desc, h2.slide__title, a.slide__link{
    color: white !important;
    text-transform: uppercase;
    font-size: 30px;
}

:focus {
    outline: auto 0px rgba(204,168,118,0.7) !important;
}

i.fas.fa-chevron-left, i.fas.fa-chevron-right {
    font-size: 50px;
    color: white;
}


h2.slide__title {
    border: 2px solid #ffff;
    padding: 14px 41px;
    margin-bottom: 15px;
    font-size: 75px;
    font-weight: 300;
}    

.slide__desc p {
    font-size: 30px !important;
    text-align: center !important;
    font-weight: 100 !important;
}

/* 3.0 Home Page */

.home h3.album-name, .home .date-box {
    color: white;
}

div#albums-section, .home .header-spacing{
	background-color: #fff;
}


div#music-platforms-section img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;

}


div#music-platforms-section img:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
	transform: scale(1.2);

	
}

button.close {
    position: absolute;
    right: 30px;
    top: 25px;
}

.modal-dialog {
    margin: 8.75rem auto !important; /*modify this in case the modal windows move or has scroll*/
}

.modal.show .modal-dialog{
    background-color: #1e1e1e;
    min-height: 360px;
}

.modal-logo-box {
    height: auto;
    width: 40%;
}


h3.title-blog {
    text-transform: uppercase;
}

.modal-title {
    text-transform: uppercase;
    font-size: 35px !important;
    color: #1a1a1a;
    -webkit-text-stroke-width: 0.8px;
    -webkit-text-stroke-color: #fff;
    line-height: 1.2 !important;
}


.modal-header{
    margin-bottom: -25px;
    display: block !important;
}


.modal-header, .modal-body {
    padding: 25px 45px 25px 45px !important;
    border-bottom: 0px solid #e9ecef !important;
    border-top-left-radius: .0rem !important;
    border-top-right-radius: .0rem !important;
    
}

.modal-header .close {
    padding: 5px 5px !important;
    margin: -1rem -1rem -1rem auto;
}

.modal-content{
    background: #1e1e1e !important;
    color: white !important;
}

.close {
    float: right;
    font-weight: 700;
    line-height: 1!important;
    color: #fff551 !important;
    text-shadow: 0 0px 0 #fff !important;
    opacity: 1 !important;
    font-size: 64px !important;
    transition: .5s ease;
    
}

.close:hover {
   color: #1e1e1e !important;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff551;
    transition: .5s ease;
	-webkit-transition: all 0.5s !important;
}



.modal-dialog{
    max-width: 950px !important;
}

.modal-info {
    width: 60%;
}


p.header-image-text{
    color: white;
    font-weight: 300;
    font-size: 20px;
    margin-top: 15px;
    padding: 2px;
}


a .feature-image-wrapper:hover{
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,.8);
    transition: .5s ease;
	-webkit-transition: all 0.5s !important;
      
}

.title-blog {
    position: absolute;
    bottom: 22px;
    color: white;
    left: 15px;
    font-weight: 300;
}

.date-blog {
    position: absolute;
    bottom: 10px;
    left: 15px;
    color: white;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 15px;
}

.feature-image-wrapper{
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #222836;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,.6);
}

.block-1 .feature-image-wrapper{
   position: relative;
    overflow: visible;
    width: 50%;
    height: 45vw;
    padding-right: 0px;
    float: left;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;

}

.block-2 .feature-image-wrapper{
    position: relative;
    width: 50%;
    height: 22.5vw;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    float: left;
    border-left: 1px solid #ffff;
  

}

.block-3 .feature-image-wrapper{
    position: relative;
    width: 25%;
    height: 22.5vw;
    float: left;
    border-top: 1px solid #ffff;
    border-left: 1px solid #ffff;
}

.block-4 .feature-image-wrapper{
    position: relative;
    width: 25%;
    height: 22.5vw;
    padding-top: 0px;
    float: left;
    border-top: 1px solid #ffff;
    border-left: 1px solid #ffff;
}


img.organizations-image{
    height: auto;
    width: 230px;
}
 
img.about-us-image{
    height: auto;
    float: right;
    display: block;
    width: 250px;
}


/* 3.1 Single Post */

span.publisher-logo img {
    max-width: 160px;
    min-width: 120px;
    height: auto;
    margin: 25px 0px 15px 0px;
}

.category-news span.published-text {
    font-size: 19px;
    font-weight: 300;
}

.category-news .btn-secondary{
	padding: 12px 45px 12px 45px !important
}

i.fas.fa-chevron-right {
    font-size: 19px;
    margin-left: 6px;
    color: #000;
}

.category-news div.month{
	font-weight: 800;
    font-size: 30px;
    text-align: center !important;
}

.category-news .date-wrapper {
    float: inherit;
    margin-top: -5px;
}

span.published-text {
    font-size: 12px;
    color: gray;
	text-align: center !important;
	display: block !important;
	
}

.day {
    font-size: 32px;
    font-weight: 200;
    margin-top: -13px;
    margin-bottom: -8px;
}


/* 3.3 Archive Albums */

div#albums-archive-section img, div#albums-home-section img{
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
	-webkit-transition: all 0.5s!important;
    transition: all 0.5s!important;
	width: 90% !important;

}


div#albums-archive-section img:hover, div#albums-home-section img:hover {
       -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
	-webkit-transition: 1s ease;
    transition: 1s ease;
	transform: scale(1.05) !important;
}

    
/* Page Category Functionality*/

/* Top Buttons */

.container-overlay {
  position: relative;
  width: 100%;
}

.image-overlay {
  display: block;
  width: 100%;
  height: auto;
}

.overlay-color {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  -webkit-transition: all 0.5s !important;
  background: rgba(30, 30, 30, 0.90);
  cursor: pointer;
}

.container-overlay:hover .overlay-color {
  opacity: 1;
}

.text-overlay {
  color: #fff551;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  text-transform: uppercase; 
  font-weight: 200;
}

.row:before, .row:after {display: none !important;}

.category-title {
    text-transform: uppercase;
}

.btn-secondary {
    color: black !important;
    background-color: #f47937! important;
    border-radius: 20px !important;
	text-transform: uppercase !important;
	-webkit-transition: all 0.5s !important;
    transition: all 0.5s !important;
	cursor: pointer !important;
	border: 1px solid transparent !important;
    padding: 15px 100px 15px 100px !important;
}

/*End Top Buttons*/

ul{
    padding-left: 0px !important;
}

/* Make the images height equal*/

.window-size-img img{
    display: block!important;
    height: auto!important;
    min-height: auto!important;
    transition: all 0.5s;
	-webkit-transition: all 0.5s !important;
}


/* 3.3.1 Single Albums */

.year {
    font-size: 12px;
    font-weight: 300;
}

.date-box {
    border: 1px solid;
    padding: 5px 10px;
    border-radius: 5px;
	text-align: center !important;
	margin-bottom: 10px;
}


div.month {
    font-weight: 800;
    font-size: 22px;
	text-align: center !important;
}


span.release-text {
    font-size: 12px;
    color: gray;
	text-align: center !important;
	display: block !important;
	
}

.date-wrapper {
    float: right;
    margin-top: -50px;
}

.btn.btn-secondary.back-button   {
    font-size: 15px;
    padding: 12px 15px 12px 15px !important;
	transition: all 0.5s;
	-webkit-transition: all 0.5s !important;
}

.btn.btn-secondary.back-button i{
	color: black;
	 font-size: 15px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s !important;
}

.btn.btn-secondary.back-button:hover i.fas.fa-chevron-left {
    color: #f47937 !important;
	transition: all 0.5s;
	-webkit-transition: all 0.5s !important;
	
}


/* 3.4 Contact Page */

.frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_formidable-style.with_frm_style input[type=submit], .frm_style_formidable-style.with_frm_style .frm_submit input[type=button], .frm_style_formidable-style.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_formidable-style.with_frm_style .frm-edit-page-btn{
    border-color: transparent !important;
	-moz-box-shadow: 0 0px 0px #eeeeee !important;
	box-shadow: 0 0px 0px #eeeeee !important;
	text-transform: uppercase !important;

}

button.frm_button_submit {
    width: 100% !important;
	background-color: #f47937 !important;
}

input, textarea {
    border-radius: 0px !important;
    box-shadow: none !important;
    border: none !important;
}

label {
    color: white !important;
    font-weight: 300 !important; 
    text-transform: uppercase;
    font-size: 18px !important;
}

.content-container h1 {
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-weight: 200;
    font-size: 45px;
}

body#contact-us{
    background: linear-gradient(90deg,#1e1e1e,#6a6456 200%);
    background: -webkit-gradient(linear,left top,right center,from(#1e1e1e),to(#6a6456));
}

.background-container {
    position: relative;
    width: 100%;
    top: -60rem;
    height: 0px;
}

.content-container {
    position: relative;
    z-index: 1;
}

.container-form {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 500px;
    background: rgba(30, 30, 30, 0.8) !important;
    padding: 25px 24px 10px 25px;
    border-radius: 5px;
    -webkit-box-shadow: 0 50px 100px -20px rgba(50,50,93,.25), 0 30px 60px -30px rgba(0,0,0,.3), 0 -18px 60px -10px rgba(0,0,0,.025);
    box-shadow: 0 50px 100px -20px rgba(50,50,93,.25), 0 30px 60px -30px rgba(0,0,0,.3), 0 -18px 60px -10px rgba(0,0,0,.025);
    border: 1px solid white;
    margin-bottom: 45px;
}

.slewedBox {
	background: #f47937;
	padding: 100px 0;
	/*transform: skew(0deg, -10deg) translateY(-190px);*/
    transform: skew(0deg, -28deg) translateY(255px);
    overflow-y: hidden;
}
.container-background {
	padding: 150px 200px;
	transform: skew(0deg, 10deg);
	font-family: arial;
}
.container-background h1 {
	margin: 0;
	padding: 20px 0;
	font-size: 3em;
}
.ccontainer-background p {
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.5em;
	width: 80%;
}
.sec2 {
	padding: 0 200px 150px;
	color: #fff;
	font-family: arial;
	text-align: right;
}
.sec2 h1 {
	margin: 0;
	padding: 20px 0;
	font-size: 3em;
}
.sec2 p {
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.5em;
	width: 100%;
}


/* 3.5 Video Page */

#video iframe {
    width: 100%;
    height: 550px;
}
    
/* 4.0 Effects */

/* #Progress Button / back to top*/


:root {
	font-size: 20px;
	--red: #da2c4d;
	--yellow: #f8ab37;
	--green: #2ecc71;
	--white: #ffffff;
	--grey-light: #f2f7f9;
	--grey: #ecedf3;
	--black: #080808;
	--black-blue: #1f2029;
	--black-blue-light: #353746;
	--black-blue-light-2: #404255;
	--black-blue-light-3: #4b4d64;
	--black-light: #424455;
}

.progress-wrap {
	position: fixed;
	right: 10px;
	bottom: 10px;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset  0 0 0 2px rgba(177,177,177,0.5);
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.progress-wrap::after {
    position: absolute;
    text-align: center;
    line-height: 46px;
    font-size: 24px;
    color: var(--grey);
    left: 0;
    top: 0px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    font-family: "Font Awesome 5 Free";
    content: "\f062";
    vertical-align: middle;
    font-weight: 900;
	color: #f47937;
}

.progress-wrap:hover::after {
	opacity: 0;
}
.progress-wrap::before {
    position: absolute;
    text-align: center;
    line-height: 46px;
    font-size: 24px;
    opacity: 0;
    background-image: linear-gradient(298deg, var(--red), var(--yellow));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 2;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    font-family: "Font Awesome 5 Free";
    content: "\f062";
    font-weight: 900;
}
.progress-wrap:hover::before {
	opacity: 1;
}
.progress-wrap svg path { 
	fill: none; 
}
.progress-wrap svg.progress-circle path {
	stroke: #f47937;
	stroke-width: 4;
	box-sizing:border-box;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}



.animatable {
  
  /* initially hide animatable objects */
  visibility: hidden;
  
  /* initially pause animatable objects their animations */
  -webkit-animation-play-state: paused;   
  -moz-animation-play-state: paused;     
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;   
  animation-play-state: paused; 
}

/* Time for the animations */

.animated.animationDelay{
	animation-delay:.4s;
	-webkit-animation-delay:.4s;
}
.animated.animationDelayMed{
	animation-delay:0.8s;
	-webkit-animation-delay:0.8s;
}
.animated.animationDelayLong{
	animation-delay:1.6s;
	-webkit-animation-delay:1.6s;
}

.animated {
  visibility: visible;
  
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;

  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}


/* Flip In Y */

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

/* Fade In Down Effect */
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-30px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-30px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-30px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-30px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.animated.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}


/*Fade In Effect*/


@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-o-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	60% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.animated.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}


/* Bounce in Left */

@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	60% {
		-webkit-transform: translateX(20px);
	}

	80% {
		-webkit-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}

	60% {
		-moz-transform: translateX(20px);
	}

	80% {
		-moz-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}

	60% {
		opacity: 1;
		-o-transform: translateX(20px);
	}

	80% {
		-o-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}

	60% {
		transform: translateX(20px);
	}

	80% {
		transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}



.animated.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}

/*Bounce In Right Effect */

@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}

	60% {
		-webkit-transform: translateX(-20px);
	}

	80% {
		-webkit-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}

	60% {
		-moz-transform: translateX(-20px);
	}

	80% {
		-moz-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}

	60% {
		-o-transform: translateX(-20px);
	}

	80% {
		-o-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}

	60% {
		transform: translateX(-20px);
	}

	80% {
		transform: translateX(5px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}


.animated.bounceInRight{
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
}


/*Bounce in Effect */


@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	50% {
		-webkit-transform: scale(1.05);
	}

	70% {
		-webkit-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}

	50% {
		-moz-transform: scale(1.05);
	}

	70% {
		-moz-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}

	50% {
		-o-transform: scale(1.05);
	}

	70% {
		-o-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}

	50% {
		transform: scale(1.05);
	}

	70% {
		transform: scale(.9);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

.animated.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}

/* Fade In Up Effect*/

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.animated.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

a.page-numbers.next, a.prev.page-numbers{
    background-color: transparent;
    border: 0px solid #cca876;
    color: #cca876;
    border-radius: 0px;
    height: auto;
    width: 90px;
    display: inline-block;
    line-height: 1.8;
}

a.page-numbers:hover {
    color: #cca876;
}

a.page-numbers {
    background-color: transparent;
    border: 1px solid #cca876;
    color: #cca876;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    display: inline-block;
    line-height: 1.8;
}

span.page-numbers.current {
    background-color: #cca876;
    color: white;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    display: inline-block;
    line-height: 1.8;
}


@keyframes fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* 5.0 Footer */

.page-template-contact-page span.company {
    color: #fff;
}

div#footer {
    color: white;
    background: #333333 !important;
  
}

div#footer .page-template-contact-page{
    position: relative;
    z-index: 1;
}

.footer-button{
 text-align: center;
}

.footer-text{
    font-size: 19px;
}

.btn-primary {
    margin-left: 0px;
    background-color: #f47937!important;
    animation-delay: 3s;
    border: 1px solid transparent !important;
    padding: 15px 100px 15px 100px !important;
    color: #000000 !important;
    font-size: 28px !important;
    border-radius: 19px !important;
}

.btn.btn-secondary i{
	color: #000;
	-webkit-transition: all 0.5s !important;
	 animation-delay: 3s;
	 transition: all 0.5s !important;
}

.btn.btn-secondary:hover i{
	color: #f47937 !important;
	-webkit-transition: all 0.5s !important;
	 animation-delay: 3s;
	 transition: all 0.5s !important;

}

.btn-primary:hover, .btn-secondary:hover{
    background-color: transparent!important;
    animation-delay: 3s;
    border: 1px solid #f47937!important;
    color: #f47937 !important;
	-webkit-transition: all 0.5s !important;
    transition: all 0.5s !important;
}

.footer-background-color{
    background-color: #1e1e1e;
    padding: 50px 0px 50px 0px;
    display: flex !important;
}

span.axdesigns{
    text-align: right;
    display: block;
    margin-top: -24px;
} 

/* Responsiveness */

/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) { 
    
    
/* 3.0 Home Page */  

.block-1 .feature-image-wrapper, .block-2 .feature-image-wrapper, .block-3 .feature-image-wrapper, .block-4 .feature-image-wrapper{
   position: relative;
    overflow: visible;
    width: 50%;
    height: 45vw;
    padding-right: 0px;
    float: left;
    border: 1px solid #fff;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;

}


}

/* Large devices (desktops, 991px and up) */
@media (max-width: 991px){  
    
/* 1.0 Navigation Bar / Header Menu */
	
img.logo {
    width: 110px;

}	
    
.page-template-contact-page .header-spacing {
    margin-bottom: 120px;
}    
    
    
ul#mobmenuleft a{
    font-family: 'Roboto', sans-serif !important;    
}
    
.dropdown:hover .dropdown-menu {
     display: block;
}      
    
.show{
    display: block !important;    
}    
    
.dropdown:hover>.dropdown-menu {
    display: none;
}
    
.dropdown-toggle::after {
    float: inherit;
}    

span.axdesigns {
    text-align: center;
    display: block;
    margin-top: 10px;
}    

span.company {
    text-align: center;
    display: block;
}   
    
/* 2.0 Slider */
    
.slideshow {
	width: 100%;
	height: 90vh !important;
	position: relative;
	overflow: hidden;
}    
    
/* 3.0 Home Page */
    
.modal-header{
    margin-bottom: -25px;
    display: inherit !important;
}    
    
.modal-logo-box {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    background-color: black;
    border: 1px solid white;
}    
    
.modal-header, .modal-body {
    padding: 25px 25px 25px 25px !important;
}    
    
    
.modal-title {
    margin-bottom: 0;
    line-height: 1.2 !important;
    margin-left: 16px !important;
}    


.modal-content {
    height: auto;
    border-radius: .3rem !important;
}      

.modal-dialog{
    max-width: 500px !important;
}    

.modal-info {
    width: 100%;
    border: 1px solid white;
    border-radius: 4px;
	margin: 0px 5px 1px 5px;

} 
	
/* 3.3.1 Single Albums */


.date-wrapper {
    float: inherit;
    margin-top: 10px;
}
	
.date-box {
   
    width: 138px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 5px;
}
	
h3.album-name {
    text-align: center;
}
	
/* 3.5 Video Page */

#video iframe {
    width: 100%;
    height: 450px;
}	
	
	
}



/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {

/* 1.0 Navigation Bar / Header Menu */
	
.header-spacing {
    height: 150px;
}	
     
    
.navbar-expand-md .navbar-nav .dropdown-menu {
   position: inherit;
   margin-left: 0px;
   margin-top: 0px;
   padding-top: 0px !important;
   padding-bottom: 0px !important;
}    

div#bs-example-navbar-collapse-1 {
    margin-top: 0px;
}    

img.logo.img-fluid{ /* Moves the logo to the left in a mobile devices */
    position: inherit!important; 
    right: 0px !important;
    top: 0px !important;
	float: right;
    
}

ul#menu-main { /*Header menu and logo is position to the left*/
    margin-top: 15px; 
} 
    
/* 2.0 Slider*/   
    
    
h2.slide__title {
    border: 2px solid #ffff;
    padding: 14px 41px;
    margin-bottom: 15px;
    font-size: 11vw;
}         
    
/* 3.0 Home Page */
    
.block-1 .feature-image-wrapper, .block-2 .feature-image-wrapper, .block-3 .feature-image-wrapper, .block-4 .feature-image-wrapper{
   position: relative;
    overflow: visible;
    width: 100%;
    height: 60vw;
    padding-right: 0px;
    float: left;
    border: 1px solid #fff;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;

}    
    
/* 3.1 Single Post */
	
.date-wrapper{
	margin-left: auto;
	margin-right: auto;
	display: block;
}	
	
.category-news h3 {
	text-align: center;
}	

.single img.alignright {
    float: inherit;
    max-width: 100% !important;
    margin-left: 0px;
    width: 100%;
}
    
/* 3.2 Archive Search Page */
    
a.post-edit-link {
    color: #cca876 !important;
}
    


    

    
/* 4.0 Effects */
    
@keyframes fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}    

/* 5.0 Footer */   
    
.footer-text {
    text-align: center;
}    

.footer-button {
    text-align: center;
} 

.btn-primary {
    margin-left: 0px;
    background-color: #f47937!important;
    animation-delay: 3s;
    border: 1px solid transparent !important;
    padding: 15px 30px 15px 30px !important;
    color: #000000 !important;
    font-size: 28px !important;
    border-radius: 19px !important;
    width: 100%;
    max-width: 400px;
    min-width: 252px;
	-webkit-transition: all 0.5s !important;
    transition: all 0.5s !important;
}    
    
}
/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
    
/* 1.0 Navigation Bar / Header Menu */
	
    
img.mob-standard-logo{
    margin-top: 5px;
    height: auto !important;
    transition: all 0.3s ease;
	-webkit-transition: all 0.3s !important;
    max-width: 230px;
    
}s   
    
/* 2.0 Slider */    
    
.slideshow {
	width: 100%;
	height: 75vh !important;
	position: relative;
	overflow: hidden;
}        
    
/* 3.0 Home Page */
    
.modal-logo-box {
    border-radius: 50%;
    background: black;
    height: 120px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border: 1px solid white;
}
    
    
.modal-title {
    text-align: center;
    line-height: 1.3 !important;
    margin-left: 0px !important;
    margin-top: 20px !important;
    font-size: 23px !important;
}    
    
.modal-header{
    display: initial !important;
}    
    
.modal-header .close {
    right: 37px !important;
    position: absolute !important;
    top: 18px;
}
	
/* 3.1 Single Post */
	
.margin-bottom-50.margin-top-30 {
    text-align: center;
}	 	
    
/* 3.3 Archive Porfolio */
    
   

/* 3.4 Contact Page */    
.container-background {
    padding: 80px 200px;
}    
    
.container-form {

    width: 90%;

} 
	
/* 3.5 Video Page */

#video iframe {
    width: 100%;
    height: 430px;
}	
       
    
    
}
    
 @media (max-width: 400px) {  
	 
/* 1.0 Navigation Bar / Header Menu */	 
img.logo.img-fluid {
    top: 20px !important;
}	
	 
	
/* 3.5 Video Page */	 
	
#video iframe {
    width: 100%;
    height: 420px;
}		 
    

}