@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oxanium:wght@200..800&display=swap');

*
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

html
{
    scroll-behavior: smooth;
}

body
{
    background:#fff; /*updated to resolve color contrast issue*/
    font-family: 'Lato', sans-serif;
}
  
#wrapper
{
    margin:0;
}

.screen-reader-only
{
   position:absolute;
   width: 0px;
   height: 0px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip: rect(0,0,0,0);
   border: 0;
}

.material-icons
{
    position:relative;
    top: 5px;
    margin-top: -5px;

}

a#post-button .material-icons
{
    top:5px;
}

.button-icon
{
    font-size: 21px !important; 
    font-weight:300;
}

h1
{
    font-size:1.8em;
}

h1, h2, h3, h4, h5, legend
{
   font-family: "Oxanium", sans-serif;
   padding-bottom: 5px;
   font-weight: 600;
}

#home h1
{
    color:#fff; /*updated to resolve color contrast issue*/
}

.page-container h1
{
    margin-bottom:5px;
}

.article-header
{
    /*fbackground:rgba(250,128,114,0.6);*/
    color:#fff;
    margin:10px 0;
    display:inline-block;
    border-radius: 5px;
    background: rgba(123,104,238,0.7);
    padding: 10px;
    border-left: 5px solid #f5f5f5
}

#whoweare h2
{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 8px 0;
}

.uppercase
{
    text-transform: uppercase;
}

.big-title
{
    color:#fff;
}

.section-title
{
    font-family: "Lato", serif;
}

.blog-title
{
    position:absolute;
    z-index:5;
    border-radius:5px;
    padding:3px 10px;
}

.column
{
    position:relative;
    display:inline-block;
}

.one-fifth
{
    width: 16.66%;
}

 .column.full
{
    width:100%;
}

.column.one-sixth
{
    width: 13.9%;
}

.credits-column
{
    width: 32.4%;
}

.column-heading
{
    padding:10px 10px 10px 0;
    outline:none;
}

.container
{
    margin:0 auto;
}

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

.container-padding-about
{
    position:absolute;
    top: 50%; 
    left: 50%;
    transform: translate(-50%,-50%);
}

.container-padding-process
{
    padding:10% 0 0 0;
}

.container-page-padding
{
    padding:2% 0 0 0;
}

.portfolio-button-container
{
    position:fixed;
    bottom: 40px;
    z-index:5;
}

.shopping-cart-container
{
    position:fixed;
    bottom: 0;
    z-index:5;
    right:0;
}

.post-button-container
{
    position:fixed;
    right: 20px;
    bottom: 40px;
    z-index:2;
}

button#post-sidemenu-button
{
    width: 35px;
    height: 35px;
    display: block;
    border-radius: 50%;
    background:#011919;
    color: #fff;
    border: none;
}

#post-button
{
    border-radius:50%;
    color:#fff;
    padding:10px;
    cursor: pointer;
    width:50px;
    height:50px;
    display:block;
}

a#post-button
{
    background:#4682B4;
    border:2px solid #4682B4;
    padding: 12px;

    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

a#post-button:hover
{
    background:#4682B4;
    border:2px solid #4682B4;;
}

button#post-button
{
    background:#008000;
    border: 2px solid #065b5b;

    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

button#post-button:hover
{
    background:#065b5b;
    border:2px solid #008000;
}

.thecommunity-posts-container 
{
    background: rgba(0,121,135,.95);
    /*box-shadow: 0 0 30px rgba(0,121,135,.8);*/
    padding:20px;
    position:fixed;
    overflow-y:scroll;
    overflow-x:hidden;
    right:0;
    width:400px;
    height:100%;
    padding:20px;
    top:0;
    z-index:1;
}

.posts-button-container button
{
    border:none;
    background:none;
}

.posts-button-container button .far 
{
    background:#007987;
    color:#f5f5f5;
    padding: 12px;
    border-radius: 50px;
    font-size: 1rem;
}

.position-caption-container
{
    position:absolute;
    bottom: 0px;
    left:0;
    right:0;
    z-index: 1;
}


p, label, a
{
    font-family: 'Lato', sans-serif;
}

ul.reset
{
    padding:inherit !important;
    font-family: 'Lato', sans-serif;
    margin:5px 0 5px 50px;
}

pre 
{
    white-space: pre-line;
    font-family: 'Lato', sans-serif;
}

pre ol, pre ul
{
    margin-left:50px;
}

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

.white-text
{
    color:#fff;
}

.light-pink
{
    color:#ffC6D3
}

.charcoal-text
{
    color:#333;
}

.gray-text
{
    color:#aaaaaa;
}

.green-text
{
    color:#088080;
}

.red-text
{
    color:#b22222;
}

.small-text
{
    font-size: 0.875rem;
}

.text-shadow
{
    text-shadow: 0 0 2px #000, 
                 0 0 2px #000, 
                 0 0 2px #000;
}

header
{
    position:fixed;
    top:0;
    z-index:99991;
    padding:0 0 5px 0;
    width:100%;
    right: 0;
    left: 0;
}

.header-overlay
{
    height:100%;
    background:rgba(0,38,38,.9);
    -webkit-animation:header-overlay .3s linear;
    animation: header-overlay .3s linear;
}

@-webkit-keyframes header-overlay {
    0% 
    {
        opacity:0;
        visibility: hidden;
    }
    100% 
    {
        opacity:1;
        visibility: visible;
	}
  }
  
  /*Standard syntax */
  @keyframes header-overlay {
    0% 
    {
        opacity:0;
        visibility: hidden;
    }
    100% 
    {
        opacity:1;
        visibility: visible;
	}
}

.header-add-bg
{
    background:rgba(0,38,38,.95);
    box-shadow:0 0 30px rgba(0,38,38,1);

    -o-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -khtml-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

.header-remove-bg
{
    -o-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -khtml-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

.page-header
{
    background: rgba(0,38,38,.9);
    box-shadow: 0 0 30px rgba(0,38,38,.9);
}

footer
{
    padding:8px;
    background:	#002626;
}

.footer-placement
{
    position:fixed;
    bottom:0;
    z-index:9998;
    width:100%;
}

.credits
{
    width:95%;
    margin:0 auto;
    /*position:absolute;
    bottom:5px;
    z-index:9998;*/
}

.credits a
{
    text-decoration: none;
}

#skip-navigation
{
     background: #088080;
     font-family: 'Lato', sans-serif;
     padding: 8px;
     color:#fff;
     font-size: 0.9375rem;
     text-decoration: none;
     border-radius:3px;
     display:inline-block;
     position:absolute;
     left:10px;
     top:-100px;
    
     -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s ease-in-out;
}

#skip-navigation:focus, #skip-navigation:active 
{
    visibility: visible;
    top:4px;
}

.logo-container a
{
     float:left;
     text-decoration: none;  
     position: relative;
     top: 4px;
}

.logo-image
{
    width:15px;
}

.logo-text-container
{
    position:relative; 
    left:5px;
}

.logo
{
   font-family: "Oxanium", sans-serif;
}

a
{
    font-family: "Lato", serif;
    text-decoration: underline;

    -o-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -khtml-transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    -ms-transition: all .5s ease-in;
    transition: all .5s ease-in;
}

a:hover
{
    text-decoration:none;
}

nav a
{
	color:#fff;
	text-decoration:none;
	font-family: "Lato", serif;
	text-decoration: none;
    padding:8px;
    border-bottom: 1.5px solid transparent;
	
    -o-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -khtml-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

nav a:hover, nav a:focus, nav a.active
{	
    border-bottom: 1.3px solid #ffC6D3;
    color:#ffC6D3;
    padding:8px;
    border-radius:3px;
}

.menu-icon
{  
   float:right;
   position:relative;
   background:transparent;
   border:none;
}

.menu-bar
{
    background:#fff;
    margin:1.8px 0;
    height:3px;
}

.profile-link ul li
{
    list-style-type:none;
}

.profile-link ul li button .material-icons
{
    font-size: 1rem;
}

.profile-link ul li a, .profile-link ul li button
{
    display: block;
    font-size: 1rem;
    text-decoration: none;
    background: rgba(0,0,0,.2);
    border-radius:5px;
    margin: 4px 0;
    color:#fff;
    padding:15px;
    border:1px solid transparent;
    width:100%;

    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.profile-link ul li a:hover, .profile-link ul li button:hover
{
    border:1px solid #4682B4;
    color:#fff;

    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

button, .button
{
    -webkit-appearance: none;
    appearance:none;
    background: transparent;
    border: none;
    cursor:pointer;
}

a.button
{
    display:inline-block;
    text-align:center;
    font-size: 0.875rem;
}

.button
{
    font-family: 'Lato', sans-serif;
    border-radius: 30px;
    text-decoration: none;
    -webkit-appearance: none;
    appearance: none;
    width:100%;
    padding:9px;
}

.button.inline-button
{
    display:inline-block !important;
}

.button-width-xs
{
    width:100px;
}

.button-width-sm
{
    width: 145px;
    margin-bottom:10px;
}

.button-width
{
    width:305px;
}

button.close-button
{
    z-index:9999;
    bottom: 0;
    left: 50%;
    font-size: .85rem;
    transform: translate(-50%, -50%);
    color: #088080;
    cursor: pointer;
}

.menu-icon button .menu-bar
{
    cursor:pointer;
    background:#fff;

    -o-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -khtml-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

.menu-bar-active, .sidemenu-button-active
{
    color:#C3FF68 !important;

    -o-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -khtml-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

.menu-bar.menu-bar-1, .menu-bar.menu-bar-3
{
    width:25px;
}

.menu-bar.menu-bar-2
{
    width:15px;
    float:right;
}

.change .menu-bar.menu-bar-1, .change .menu-bar.menu-bar-3
{
    /*opacity: 0;*/
    background:#C3FF68;   
}
  
.change .menu-bar.menu-bar-2
{
    /*opacity: 0;*/
    width:100% !important;
    background:#C3FF68;
}

/*.change .menu-bar.menu-bar-1
{
    -webkit-transform: rotate(-42deg) translate(-5px, 2px);
    transform: rotate(-42deg) translate(-5px, 2px);
    margin: 3px;
}*/
  
/*.change .menu-bar.menu-bar-3
{
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
    margin: 5px 2px;
}*/

ul.bullet-navigation-container
{
    position:fixed;
    right:5px;
    width:19px;
    list-style: none;
}

.bullet-desktop-position
{

    -o-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -khtml-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

li a.bullet-navigation
{
    width:10px;
    height:10px;
    border-radius:50px;
    border:1px solid #f5f5f5;
    margin-bottom:20px;
    background:transparent;
    display:block;
}

li a.bullet-navigation.active
{
    width:10px;
    height:10px;
    border-radius:50px;
    border:1px solid #C3FF68;
    margin-bottom:20px;
    background:#C3FF68;
}

ul.contact-bullet-nav
{
    text-align: center;
}

.sidemenu
{
    background: rgba(0,38,38,.95);
    position:fixed;
    right:0;
    height:100%;
    padding:20px;
    top:0;
    z-index:1;
    overflow-y:auto;
}

.sidemenu-button-container
{
    position:absolute;
    right:0;
    z-index: 2;
}

.sidemenu-button-container button
{

    color:#fff;
    font-family: 'Lato', sans-serif;
    font-size: 0.9375rem;
    background:transparent;
    border:none;
    cursor: pointer;

    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s ease-in;
    -webkit-appearance: none !important;
    appearance: none;
}

.sidemenu-button-container button
{
    cursor:pointer;
}

button.top-button
{
    color:#fff;
    font-size:40px;
    width:60px;
    height:30px;
    border-radius:50%;
    border:none;
}

.grid-item, .grid-process-item, .grid-relationship-item
{
    margin:3px;
}

.gallery-grid-item
{
    position:relative;
    display:block;
    margin:1px 2px -1px 2px;

    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.gallery-grid-item button img
{
    -o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -khtml-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.gallery-grid-item button:hover img
{
    transform: perspective(100px) translate3d(0,0,5px);
    position:relative;
    box-shadow: 0 0 50px #333;
    border-radius:10px;
    z-index:9999;
}

button.gallery-grid-item
{
    border:none;
    cursor:pointer;
}

.gallery-overlay-image
{
    margin: 0;
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#gallery-image img
{
    box-shadow: 0 0 50px rgba(0,0,0,1);
}

.overlay#gallery-overlay
{
    background: rgba(0,0,0,0.8);
}

.overlay.upload-overlay
{
    background: rgba(255,255,255,0.9);
}

button.column, a.column
{
    background:	#f9f9f9;
    border:none;
    cursor: pointer;
    text-decoration:none; /*mainly for anchor elements*/
    color:#333;
    border-radius:10px;

    -o-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -khtml-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    width:100%;
}

button.column:hover, button.column:focus, a.column:hover
{
    box-shadow:0 0 20px rgba(0,0,0,.09);
    background:	#F8F8F8;
    transform: perspective(100px) translate3d(0,0,10px);

    -o-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -khtml-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

video.masthead-video 
{
    width:100% !important;
    height:auto !important;
}

.masthead
{
    /*opacity: 0.4;*/
    position:absolute;
    top: 0; 
    left: 0;
    bottom: 0; 
    right: 0;
    width:100%;
    height:100%;
}

.overlay
{
    bottom:0;
    right:0;
    left:0;
    top:0;
    width:100%;
    height:100%;
    position:fixed;
    z-index:9999;
}

.overlay.bg
{
    background: url("../backgrounds/overlay.jpg") repeat;
    opacity: 0.9;
    width:500%;
    position:fixed;
    display:none;

    -webkit-animation:slide-animation 5s ease-in-out;
    animation: slide-animation 5s ease-in-out;
}

@-webkit-keyframes slide-animation {
    0% 
    {
        margin: 0 0 0 -200px; 
    }
    100% 
    {
        margin:0;
	}
  }
  
  /* Standard syntax */
  @keyframes slide-animation {
    0% 
    {
        margin: 0 0 0 -200px; 
    }
    100% 
    {
        margin:0;
	}
  }

.overlay.whitebg
{
    background: rgba(255,255,255,0.95);
}

.overlay.gradient-overlay-bg
{
	color: #fff;
	background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
    background-size: 400% 400%;
    display: block;
    opacity:0.5;
    position:absolute;
    z-index: 1;

    -webkit-animation:gradient-overlay 35s ease-in-out infinite;
    animation: gradient-overlay 35s ease-in-out infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes gradient-overlay {
    0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
  }
  
  /* Standard syntax */
  @keyframes gradient-overlay {
    0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

img.slide-bg
{
    z-index:0;
    position:absolute;
    height:100%;
}

img.slide-bg.video-gif
{
    z-index:1;
    position:absolute;
}

.slide-bg
{
    bottom:0;
    right:0;
    top:0;
}

.bg
{
    bottom:0;
    right:0;
    top:0;
    left:0;
    /* Preserve aspet ratio */
    height:100%;
    width:100%;
}

img.bg
{
    z-index:1;
    position:absolute;
}

img.designing-bg, img.engineering-bg, img.sundayphotography-bg, img.thereserve-bg
{
    z-index: 1;
    position:absolute;
    overflow: auto;
}

section#home, section.lead, section#product-lead
{
    width:100%;
    /*height:100%;*/
    top:0;
    left:0;
    right:0;
    bottom:0;
    position:absolute;
    /*display:block;*/
    overflow:hidden;
    z-index:0;
}

section.lead.image-lead
{
    background-size:cover !important; 
    background-position: center !important;
}

.group-sections
{
    position:absolute;
    top: 100.8%;
    width: 100%;
    right: 0;
    left:0;
    background:#fff;
}

section#whoweare
{
    background:#fff;
    position:relative;
    top:58.7%;
}

.whoweare-statement-container
{
    z-index: 0;
}

.statement-content-container
{
    padding: 15px;
    background:#F8F8F8;
    border-radius:3px;
    margin-top:5px;
    width:100%;
}

section.feature
{
    background-size: cover !important;
    background-position:center !important;
    position:relative;
    overflow: hidden;
}

section#photography
{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

section#letsconnect
{
    position:relative;
    z-index:1;
    background:#fff;
}

.standard-section
{
    position:relative;
}

.standard-section.fullscreen
{
    padding:13%;
}

.grey-scale-color
{
    -webkit-animation: grey-scale-out 20s linear forwards;
    animation: grey-scale-out 20s linear forwards;

    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes grey-scale-out {
    0%   {-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);}
    100% {-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
        filter: grayscale(0%);}
  }
  
  /* Standard syntax */
  @keyframes grey-scale-out {
    0%   {-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);}
    100% {-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
        filter: grayscale(0%);}
  }

.white-section
{
    background:#fff;
}

.dark-grey-section, .dark-grey
{
    background-color:#333;
    box-shadow:0 0 400px rgba(0,0,0,0.9) inset;
}

.gray-section
{
    background:#fbfbfb;
}

.white-smoke-section
{
    background:#fdfdfd;
}

.full-section.white-section
{
    background:#fff;
    padding:18%;
}

.left-column-container
{
    position:absolute;
    width:350px;
    right:0;
    bottom:10px;
}

.left-column-container.bottom-ext
{
    bottom:180px;
}

.left-column-upper-container
{
    width:100%;
    background:rgba(255,255,255,0.1);
    padding:10px;
}

.left-column-lower-container
{
    width:100%;
    background:rgba(0,0,0,0.2);
    padding:10px;
    opacity:0.85;
}

.search-container
{
    width:345px;
    position:relative;
}

.search-container button
{
    position:absolute;
    right: 0;
    top: 12%;
    border-radius: 0 5px 5px 0;
    padding: 14px;
}

/***************************************************************************************************************************************************************************/
/*****************************************************************Fullscreen Slider Image***********************************************************************************/
/***************************************************************************************************************************************************************************/

#slides ul li, #caption-container ul li
{
    opacity:0;
    visibility: hidden;
    list-style-type: none;
    -o-transition: all 3s linear;
    -moz-transition: all 3s linear;
    -khtml-transition: all 3s linear;
    -webkit-transition: all 3s linear;
    -ms-transition: all 3s linear;
    transition: all 3s linear;
}

#caption-container ul li
{
    position:relative;
    height: 15px;
}

.active
{
    opacity:1 !important;
    visibility: visible !important;
    height:auto;
    
     -o-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -khtml-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    -ms-transition: all .5s linear;
    transition: all .5s linear;
}

/***************************************************************************************************************************************************************************/
/****************************************************************************Slider Container*******************************************************************************/
/***************************************************************************************************************************************************************************/

#caption-container ul li
{
    list-style-type: none;
}

h2.slide-heading, h3.slide-subheading
{
    color:#fff;
    font-family: "Oxanium", sans-serif;
}

.slide-content p
{
    font-family: 'Lato', sans-serif;
    color:#fff;
}
/***************************************************************************************************************************************************************************/
/******************************************************************Thumb Slider Images**************************************************************************************/
/***************************************************************************************************************************************************************************/
.slide-nav-container      
{ 
    position:relative;
}

#slide-thumb-container
{
    display:inline-block;
    -o-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -khtml-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    -ms-transition: all .5s linear;
    transition: all .5s linear;
}

#slide-thumb-container ul.slide-thumb li
{
    display:inline-block;
    border-bottom:3px solid transparent;
}

#slide-thumb-container ul.slide-thumb li button
{
    border:none;
    background:transparent;
    cursor:pointer;
    padding:5px;
    border: none;
}

#slide-thumb-container ul.slide-thumb li:hover
{
    border-bottom:1.3px solid rgba(255,255,255,0.7);
    
    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s ease-in-out;
}

#slide-thumb-container ul.slide-thumb li button img
{
    width:100%;
    box-shadow:0 0 20px rgba(0,0,0,0.3);
    border-radius: 5px;
}

.thumb-active
{
    border-bottom:1.3px solid #C3FF68 !important;
    opacity:1;
    -o-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -khtml-transition: all 1s linear;
    -webkit-transition: all 1s linear;
    -ms-transition: all 1s linear;
    transition: all 1s linear;
}

#slide-thumb-container ul.slide-thumb li.thumb-active button img
{
    opacity:1;
    
     -o-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -khtml-transition: all 1s linear;
    -webkit-transition: all 1s linear;
    -ms-transition: all 1s linear;
    transition: all 1s linear;
}

#slide-thumb-container ul.slide-thumb li button img
{
    opacity:0.3;
    
    -o-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -khtml-transition: all 1s linear;
    -webkit-transition: all 1s linear;
    -ms-transition: all 1s linear;
    transition: all 1s linear;
}

#slide-thumb-container ul.slide-thumb li button img:hover, #slide-thumb-container ul.slide-thumb li button img:focus
{
    opacity:1;
}
/***************************************************************************************************************************************************************************/
/*********************************************************************Slide Navigation Arrows*******************************************************************************/
/***************************************************************************************************************************************************************************/
.arrow-button-container
{
    display:inline-block;
    position:relative;
}

.arrow-button-container button
{
    background: transparent;
    border:2px solid transparent;
    border-radius: 2px;
    color:#fff;
    width: 48px;
    font-size: 2.5rem;

    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -khtml-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

button.previous-button, button.next-button
{
    font-size: 2.5rem;
}

button.play-pause-button
{
    font-size: 1.25rem;
}

/***************************************************************************************************************************************************************************/
/***********************************************************************Social Media****************************************************************************************/
/***************************************************************************************************************************************************************************/
.social-media-block, .inline-block
{
    display:inline-block;
}

a.facebook svg, a.instagram svg, a.twitter svg, a.pinterest svg, a.unsplash svg
{
    fill:#fff;
    -webkit-text-fill-color: #fff;

    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -khtml-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

a.facebook svg:hover
{
    fill:#4267b2;
    -webkit-text-fill-color: #4267b2;
}

a.instagram svg:hover
{
    fill:#fbad50;
    -webkit-text-fill-color: #fbad50;
}

a.twitter svg:hover
{
    fill:#4267b2;
    -webkit-text-fill-color: #4267b2;
}

a.pinterest svg:hover
{   
    fill:#c8232c;
    -webkit-text-fill-color: #c8232c;
}

a.unsplash svg:hover
{   
    fill:#000;
    -webkit-text-fill-color: #000;
}

a.social svg
{
    fill:#ccc;
    -webkit-text-fill-color: #ccc;
}

.img-responsive
{
    width:100%;
}

.img-circle
{
    border-radius:50%;
}

.border-radius
{
    border-radius:8px;
}

.outer-circle-border
{
    border-radius: 50%;
    padding: 4px;
    margin:0 auto;
}

.outer-circle-border.about-circle-border
{
    border: 5px solid #005959;
}

.outer-circle-border.user-circle-border
{
    border:5px solid #eaeaea;
    width:235px;
    height:235px;
}

.user-menu-outer-circle-border
{
    border-radius:49%;
    margin:0 auto;
    border:2px solid #fff;
    display:inline-block;

    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -khtml-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.user-menu-outer-circle-border-active
{
    border:2px solid #C3FF68; 
}

.members .outer-circle-border
{
    width:150px;
    height:150px;
}


.featured-block
{
    width: 100%;
    position:relative;
    vertical-align: top;
    display:inline-block;

    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -khtml-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

a.news-events-block
{
    width: 33.4%;
    height:400px;
    border:none;
    cursor:pointer;
}

.featured-block:hover, .featured-block:focus, a.news-events-block:hover, a.news-events-block:focus 
{
    transform: perspective(100px) translate3d(0,0,3px);
    z-index: 4;
}

.featured-block:hover img
{
    border-radius:5px;
}

.featured-block-caption-container
{
    position:absolute;
    text-align:left;
    z-index: 1;
    bottom:3px;
    padding: 5px 20px 19px 20px;
    width:100%;
}

.featured-bg
{
    background-image: linear-gradient( 
        rgba(0, 0, 0, 0) 0%, 
        rgba(0, 0, 0, .9) 100% 
    );
}

.column
{
    display:inline-block;
    vertical-align: top;
}

.column.relationship-item
{
    background:rgba(248,248,248,0.6);
    position:relative;
    width:100%;
    padding:20px;
}

.column-static-height
{
    border-radius:5px;
}

.image-notification-container
{
    margin-top:15px;
}

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

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

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

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

.members-margin-bottom
{
    margin-bottom:1px;
}

.no-padding
{
    padding:0 !important;
}

.section-padding
{
    padding: 35% 2% 0;
}

.display-none
{
    display:none;
}

.display-inline
{
    display: inline-block;
}

.display-block
{
    display: block;
}

.hide
{
    opacity:0;
    visibility: hidden;

    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -khtml-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.unhide
{
    opacity:1 !important;
    visibility: visible !important;

    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -khtml-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.hide.slideup
{
    height:0;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -khtml-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
    
}

.unhide.slidedown
{
    height:auto;
    -o-transition: all .3s linear;
    -moz-transition: all 0.3s linear;
    -khtml-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.divider
{
    background:#e2e2e2;
    height: 1px;
}

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

.text-align-left
{
    text-align: left;
}

.text-align-right
{
    text-align: right;
}

.vertical-align-bottom
{
    vertical-align: bottom;
}

.teal
{
    background:	#005959;
}

.charcoal
{
    background:rgba(51,51,51,.3);   
    padding:5px;
    border-radius:5px;
}

.indian-red
{
    background:#CD5C5C;
}

.steel-blue
{
    background:#4682B4;
}

hr
{
    border:1px solid #f5f5f5;
}

/***************************************************************************************************************************************************************************/
/*********************************************************************Status Notification***********************************************************************************/
/***************************************************************************************************************************************************************************/
.success-text
{
    color: #3CB371;
}

.error-text
{
    color:#b22222;
}

.success
{
    background-color: rgba(60,179,113,.85);
    border: 2px solid rgba(60,179,113, 1);
    font-family: 'Lato', sans-serif;
    color:#fff;
    width:100%;
    padding:8px;
    font-size: 0.875rem;
    border-radius:5px;
}

.error
{
    background:#b22222;
    border:2px solid #ff0000;
    /*background-color:#ae0001;*/
    font-family: 'Lato', sans-serif;
    color:#fff;
    width:100%;
    padding:8px;
    font-size: 0.875rem;
    border-radius:5px;
}

/***************************************************************************************************************************************************************************/
/*****************************************************************************Forms*****************************************************************************************/
/***************************************************************************************************************************************************************************/
.textbox, .textarea, .select, .il__trigger
{
    width:100%;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    color:#333;
    background:#fff;
    border:2px solid #f5f5f5;
    border-radius: 8px;
    padding:10px;
    /*border-width: 0 0 2px 0; */
    margin-top:3px;
    cursor:pointer;
    
    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-appearance: none !important;
    appearance: none;
    margin-bottom:10px;
}

.errortextbox, .errortextarea, .errorselect
{
    width:100%;
    font-size: 1rem;
    font-family: 'Lato', sans-serif;
    background:#b22222;
    border:2px solid #ff0000;
    color:#fff;
    border-radius: 8px;
    padding:10px;
    margin-top:5px;
    -webkit-appearance: none !important;
    appearance: none;
}

label.button
{
    font-size: 0.9rem;
}

.cart-container input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.cart-container input[type=number] 
{
    /*-moz-appearance: textfield;*/
    -webkit-appearance: none !important;
    appearance: none;
}

a.service-search-link
{
    border:2px solid #4682B4;
    color:#4682B4;
    padding:10px;
    border-radius:5px;
    display:block;
    margin-bottom:10px;
}

a.service-search-link:hover
{
    border:2px solid #4682B4;
    background: #4682B4;
    color:#fff;

    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-appearance: none !important;
    appearance: none;
}

a.service-search-link .service-title
{
    float:left;
}

a.service-search-link .service-price
{
    float: right;
}

.services input[type="checkbox"], .members input[type="checkbox"]
{
   width:0;
   height:0;
}

#budget-slider
{
    -webkit-appearance: none;
    appearance: none;
    width:100%;
    height:3px;
    background:#ccc;
}

#budget-slider::-webkit-slider-thumb, #budget-slider::-moz-slider-thumb 
{
    -webkit-appearance: none;
    appearance: none;
    background: #088080;
    cursor: pointer;
    width: 20px;
    height: 20px;
    border-radius:20px;
}

.services label
{
    background:#f5f5f5;
    padding: 11px;
    cursor: pointer;
    display:inline-block;
    width:100%;
    text-align:center;
    margin-bottom: 5px;
    border:3px solid #f0f0f0;
    border-radius: 8px;

    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -khtml-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.members label, .members.friends
{
    box-shadow: 0 0 50px #000 inset;
    padding:20px;

    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -khtml-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.services label:hover, .members label:hover, .members.friends:hover
{
    background:	#088080;
    color:#fff;
    
}

.members.friends a
{
    text-decoration: none;
}

.services label.active-label, .members label.active-label
{
    background:#F08080;
    color:#fff;

    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -khtml-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.textareabox:focus
{
    border:solid 1px #C3FF68;
    color:#C3FF68;
    outline:none;
}

.custom-file-upload:hover
{
    background: #088080;
}

.antispam
{
    display:none;
}

fieldset
{
    border:none;
}

.contact-form
{
   width:100%;
   position:absolute;
   opacity:0;
   z-index: 9998;
}

.right
{
    float:right;
}

.left
{
    float:left;
}

.clear
{
    clear:both;
}

.user-account-container
{
    width:90%;
}

.user-container
{
    /*margin-top:50px;*/
    margin-top:15px;
}

.user-container a:hover .outer-circle-border.user-circle-border
{
    border: 7px solid #4682B4;

    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -khtml-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.2s linear;
}

.green
{
    background:#008000;
    border: 2px solid #065b5b;
    color:#fff;
}

.green:hover
{
    background:#065b5b;
    border:2px solid #008000;

    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.secondary-green
{
    background:#fff;
    border: 2px solid #008000;
    color:#008000;
}

.secondary-green.transparent
{
    background:transparent;
    border: 2px solid #008000;
    color:#fff !important;
}

.secondary-green:hover, .secondary-green.transparent:hover
{
    background:#008000;
    color:#fff;

    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.dark-golden-rod
{
    background:#936b08;
    border:2px solid #b39752;
    color: #fff;
}

.dark-golden-rod:hover
{
    background:#b39752;
    border:2px solid #936b08;

    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.secondary-dark-golden-rod
{
    background:#fff;
    border:2px solid #936b08;
    color: #936b08;
}


.secondary-dark-golden-rod.transparent
{
    background:transparent;
    border:2px solid #936b08;
    color: #fff;
}

.secondary-dark-golden-rod:hover, .secondary-dark-golden-rod.transparent:hover
{
    background:#936b08;
    color:#fff;

    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.blue-link
{
    color:#4682B4;
}

.blue
{
    background:#4682B4;
    color:#fff;
    border: 2px solid #4682B4;
}

.blue:hover
{
    background:#30597c;

    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.secondary-blue
{
    background:#fff;
    border:2px solid #4682B4; 
    color: #4682B4; 
}

.secondary-blue.transparent
{
    background: transparent;
    border:2px solid #4682B4;
    color:#fff !important;
}

.secondary-blue:hover, .secondary-blue.transparent:hover
{
    background: #30597c;
    color: #fff; 

    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.red
{
    background:#b22222;
    border:2px solid #ff0000;
    color:#fff;
}

.red:hover
{
    background:#ff0000;
    border:2px solid #b22222;
}

.secondary-red
{
    background:#fff;
    border:2px solid #b33333;
    color:#b33333;
}

.secondary-red.transparent
{
    background:transparent;
    border:2px solid #b33333;
    color:#fff !important
}

.secondary-red:hover, .secondary-red.transparent:hover
{
    background:#ff0000;
    border:2px solid #b33333;
    color:#fff;

    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.black
{
    background:#000;
    border:3px solid #333;
}

.black:hover
{
    background:#222;
    border:3px solid #000;

    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.light-coral
{
    background:#F08080;
    border:3px solid #CD5C5C;
    color:#fff;
    
    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.light-coral:hover
{
    background:#CD5C5C;
    border:3px solid #F08080;
}

.white-bg
{
    background:#fff;
}

.red-bg
{
    background:#b22222;
}


.black-bg-opacity
{
    background:rgba(0,0,0,0.5);
    border:3px solid rgba(51, 51, 51, 0.8);
    color:#fff;
}

.green-bg-opacity
{
    background:rgba(0,38,38,.95);
    box-shadow:0 0 10px rgba(0,38,38,1);
}

.red-bg-opacity
{
    background:rgba(178,34,34,.95);
    box-shadow:0 0 10px rgba(178,34,34,1);
}

.light-coral-bg-opacity
{
    background:rgba(240,128,128,0.8);
}

.white-smoke-bg
{
    background:#F5F5F5;
}

.quote-container-content p
{
    color: #333;
    font-family: 'Playfair Display', serif;
    font-size: 1.5625rem;
    padding: 10px;
    border-radius:8px;
    border:5px solid #FFA07A;
}

.disappear
{
    display:none;
}

.capitalize
{
    text-transform: capitalize;
}

.uppercase
{
    text-transform: uppercase;
}

.column-padding
{
    padding:50px;
}

.vertical-align-bottom
{
    vertical-align: bottom;
}

.vertical-align-middle
{
    vertical-align: middle;
}


.drop-shadow
{
    box-shadow: 2px 1px 50px #333;
    border-radius:10px;
}

.floater-container
{
    position:fixed;
    bottom:0;
    right:0;
    z-index:9999;
}

.price-container
{
   margin-top:38px;
}

.price-text
{
    font-size: 1.125rem !important;
}

.cart-icon
{
    font-size: 0.9375rem;
}

.cart-container
{
    background: #f8f8f8;
    padding:8px;
    border-radius:8px;
    border:2px solid #f5f5f5;
}

.cart-price-container
{
    text-align:right;
}

.cart-quantity
{
    display: inline-block;
    font-size: 0.875rem;
    top: 1px;
    position:relative;
    padding-left: 5px;
}

.clear-cart, .update-cart
{
    border:none; 
    background:none; 
    margin-top: 1rem; 
    font-size: 1rem;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -khtml-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.clear-cart:hover
{
    color:#b22222;
    cursor:pointer;
}

.update-cart:hover
{
    color:#008000;
    cursor:pointer;
}

.cart-remove-item
{
    font-size: 0.9375rem;
    position:relative;
    top:7px;
    cursor: pointer;
}

.cart-remove-item
{
    font-size: 0.9375rem;
    position:relative;
    top:7px;

    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -khtml-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.cart-remove-item:hover
{
    color:#b22222;
    cursor: pointer;
}

.confirmation-container
{
    position:fixed;
    bottom:20px;
    width:100%;
}

.cart-confirmation-container
{
    border-radius: 5px;
    padding: 10px;
    margin:0 auto;
}

.cart-padding
{
    padding:8px 8px 0 8px;
}

/*.row-list
{
    border-bottom:2px solid #E0E0E0
}

.row-list:nth-child(odd)
{
    background:	#ECECF0;
}

.row-list:nth-child(even)
{
    background:	#f9f8f8;
    border-radius: 5px;
}*/

.grid-third-column, .grid-fourth-column, .grid-fifth-column, .grid-sixth-column, .grid-contact-column
{
    display: inline-block;
}


.grid-fourth-column.strengths,  .grid-third-column.project-flow
{
    padding: 1px;
}


/**********************************************************************************************************************************************************************************/
/****************************************************************************display**********************************************************************************************/
/**********************************************************************************************************************************************************************************/
.studio-container
{
    margin:0 auto;
}

.studio-container img.display-img
{
   box-shadow:0 0 30px rgba(0,0,0,0.5);
}

.studio-container.article
{
    padding:30px 0;
    width:95%;
}

.studio-container.profile
{
    padding:50px 10px 0;
}

.studio-content 
{
    padding: 5px;
}

img.studio-image
{
    border-radius: 8px;
}

.loader-container
{
    position:fixed;
    top: 50%; 
    left: 50%;
    transform: translate(-50%,-50%);
    z-index:9999;
}

.loader
{
    width: 150px;
    height: 150px;
    margin: 0 auto;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 50px #ccc;
}

.loader::after
{
    content: "";
    position:fixed;
    width: 152px;
    height: 152px;
    border-top: 5px solid green;
    border-left: 5px solid white;
    border-right: 5px solid white;
    border-bottom: 5px solid white;
    border-radius: 50%;
    margin: -6px;
    animation: spinner 2s infinite;
}

@keyframes spinner 
{
    0%   
    {
        transform: rotate(0);
    }
    100%  
    {
        transform: rotate(360deg);
    }  
    /*100% 
    {
        transform: rotate(20deg);
    }*/
  }


/***************************************************************************************************************************************************************************/
/********************************************************************************Notifications & Post Contiainer Assets*****************************************************/
/***************************************************************************************************************************************************************************/
.notification-container .material-icons
{
    position:relative;
    color:#fff;
    top: -34px;
    font-size: 0.875rem;
    right: -30px;
}

.post-container-border
{
    background: #044040;
    box-shadow: 0 0 10px #011919;
    border-radius:5px;
    padding:8px;
}

.post-container
{
    padding:10px;
}

.post-container a
{
    text-decoration:none;
}

.author
{
    position:relative;
    top:-5px;
    left:5px;
}

.date
{
    position:relative;
    top:9px;
}

.post-border
{
    border-radius:3px;
    padding:10px;
}

.current-post-container
{
    background: #ffa07a;
    padding:10px;
    border-radius:3px;
}

.post-author
{
    margin:10px 0;
}

.post-text
{
    word-wrap: break-word;
}

.thecommunity-author-text
{
    display:inline-block; 
    position:relative; 
    font-size: 0.875rem;
}

button:disabled, input:disabled, textarea:disabled
{
    opacity: 0.5;
    cursor: default;
}

.credentials-container
{
    position:fixed;
    bottom:0%;
    left:0;
    right:0;
    padding:2% 0;
}

.login-container
{
    /*border:1px solid green;*/
    width:315px;
    color:#fff;
    margin: auto;
}

.login-container legend 
{
    font-size: 1.25rem;
    padding:2px 0;
}

.login-container h2
{
    font-size: 1.375rem;
}

.login-container .error
{
   font-size: 1rem;
}

.login-container .select
{ 
    color: #fff !important; 
}

.login-container .textbox::placeholder, .errortextbox::placeholder, .errortextarea::placeholder
{
    color:#fff;
}

.position-relative
{
    position:relative;
}

.box-shadow
{
    box-shadow: 0 0 10px #333;
}
/***************************************************************************************************************************************************************************/
/*********************************************************************Media Queries | Mobile First Approach*****************************************************************/
/***************************************************************************************************************************************************************************/
@media screen and (min-width : 320px) 
{
    /*header
    {
        border:5px solid green;
    }*/

    .body-overflow
    {
        overflow:hidden;
    }

    .container
    {
        width:96%;
    }

    .menu-icon
    {  
        display:block;
        top: 3px;
        right: 40px;
    }

    nav
    {
        float:left;
        margin:65px 0;
        position:absolute;
        opacity:0;
        visibility:hidden;
        height:0;
    }

    nav ul li
    {
        display:block;
        padding:8px;
    }

    nav a
    {
        font-size: 1.25rem;
        display:block;
    }

    .logo
    {
        font-size:1rem;
    }
    
    .logo-brackets
    {
        font-size:1.2rem;
    }
    
    .brackets
    {
        color:#C3FF68;
        font-size:2.5rem;
        font-family: "DM Serif Text", serif;
    }

    .sidemenu-button-container 
    {
        margin: 1px 8px;
    }

    #profile-menu
    {
        font-size: 1.5625rem;
    }

    .user-menu-outer-circle-border
    {
        width: 25px;
        height: 25px;
    }

    .overlay.about, .overlay.process
    {
        position:fixed;
        overflow-y:auto;
    }

    .overlay-notification-position
    {
        position:relative;
    }

    .overlay-notification-position.author
    {
        top:-6px;
        left:5px;
    }

    .overlay-notification-position.date
    {
        top:7px;
    }

    section#home, section.lead, section#product-lead
    {
        height: 100%;
    }

    .slide-bg
    {    
        left: -130%;
        width: 320%;
    }

    img.productdesign-bg
    {
        max-width: 223%;
        height: 570px;
        left: -200px;
    }

    .caption-navigation-container   
    {
        padding:0 10px;
    }

    /*.image-lead h1, h1
    {
        font-size: 1.25rem;
    }*/

    #caption-container
    {
        width:100%;
        float:none;
        display:inline-block;
    }

    .section-caption-container
    {
        bottom: 15px;
        position:relative;
    }

    #slide-thumb-container
    {
        width:100%;
    }

    #slide-thumb-container ul.slide-thumb li
    {
        width:23%;
    }

    .slide-nav-container      
    {
        float:none;
    }

    .arrow-button-container
    {
        display:none;
    }

    section#product-lead
    {
        position:relative;
    }

    .group-sections
    { 
        top: 100.4%;
    }

    .column.one-third
    {
        width: 99%;
    }

    .column.one-fourth
    {
        width: 99%;
    }

    .outer-circle-border
    {
        height: 180px;
        width: 180px;
    }

    .column-static-height 
    {
        height: auto;
    }

    .padding
    {
        padding:10px;
    }

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

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

    .whoweare-statement-container
    {
        position: initial;
        padding:10px;
    }

    .roles-container
    {
        float:none;
    }

    .social-media-container
    {
        float:none;
    }
    .social-media-block
    {
        padding: 0 2.8%;
    }

    .big-title
    {
        font-size: 1.5625rem;
    }

    .medium-title
    {
        font-size: 1.26rem;
    }

    .section-title
    {
        font-size: 1.5rem;
    }

    .section-grid-padding
    {
        padding:10px 0;
    }

    .grid-item
    {
        width: 48.2%;
    }

    button.column img, a.policies img
    {
        height:100px;
    }

    .column-heading
    {
        font-size:13px;
    }

    .column.one-half
    {
        width: 100%;
    }

    .column.mobile.one-third
    {
        width: 32.38%;
    }

    .column.two-third
    {
        width: 100%;
    }

    .grid-sixth-column
    {
        width: 49.8%;
    }

    .column.three-fourth
    {
        width: 100%;
    }

    .grid-half-column
    {
        width: 100%;
    }

    .grid-third-column, .grid-fourth-column, .grid-fifth-column
    {
        width: 100%;
    }

    .grid-fourth-column.strengths,  .grid-third-column.project-flow
    {
        width:49.83%;
    }

    .grid-image-padding
    {
        padding:15px;
    }

    .grid-caption
    {
        position:initial;
        z-index: initial;
        bottom:initial;
        padding:0 10px;
        width:100%;
    }

    .section-caption-container
    {
        width:95%;
    }

    .gallery-grid-item
    {
        width: 48.83%;
    }

    .gallery-overlay-image
    {
        width: 80%;
    }

    .grid-process-item
    {
        width: 47.7%;
        height:164px;
    }

    .grid-relationship-item
    {
        width:47.5%;
    }

    .grid-contact-column
    {
        width:100%;
    }

    section.feature
    {
        height:600px;
    }

    section#designing
    {
        background: url("../backgrounds/designing.jpg") 52% 20% no-repeat #333;
    }

    section#engineering
    {
        background: url("../backgrounds/engineering.jpg") 72% 20% no-repeat #333;
    }

    section#sundayphotography
    {
        background: url("../backgrounds/sundayphotography.jpg") 56% 20% no-repeat #333;
    }

    section#thereserve
    {
        background: url("../backgrounds/thereserve.jpg") 58% 20% no-repeat #333;
    }

    .dark-grey-section
    {
        padding:15px;
    }   

    p, label, ul.reset, strong
    {
        font-size:.875rem;
    }

    label
    {
        display:inline-block;
    }

    .sidemenu
    {
        width:100%;
    }

    .image-notification-container
    {
        margin-top:60px;
    }

    button.close-button
    {
        position:fixed;
    }

    .standard-section
    {
        padding:10px;
    }

    .border-right
    {
        border-right:none;
    }

    .user-account-container
    {
        position: initial;
        bottom:initial;
    }

    /*.credits
    {
        position: initial;
        bottom:initial;
        z-index:initial;
    }*/

    .article-header 
    {
        font-size: 1.875rem;
    }

    .container pre, .studio-container pre
    {
        font-size:.875rem
    }

    /*.column.one-third.display-content
    {
        width:100%;
    }*/

    .quantity-container, .addtocart-container
    {
        text-align: center;
    }

    .cart-padding 
    {
        padding: 9px 0px 0 8px;
    }

    .cart-item-container
    {
        width:100%
    }

    .cart-svg-container
    {
        width:100%
    }

    .cart-itemimage-container
    {
        width:100%;
    }

    .cart-quantity-container 
    {
        width: 100%;
        text-align:center;
    }

    .cart-price-container
    {
        width:46%;
        text-align:center;
    }

    .cart-remove-container
    {
        width:3%;
    }

    .cart-confirmation-container 
    {
        width: 300px;
    }

    .login-container#join
    {
        top:7%;
    }

    .login-container#forgottenpassword
    {
       top:40%;
    }


    /*.cart-image
    {
        display:none;
    }

    .cart-buttons-container
    {
        float:right;
    }*/

    .members .outer-circle-border
    {
        width:120px;
        height:120px;
    }
}

@media screen and (min-width : 375px) 
{
    /*header
    {
        border:5px solid orange;
    }*/

    .menu-icon
    {   
        top: 5px;
    }

    .sidemenu-button-container 
    {
        margin: 2px 8px;
    }

    .logo
    {
        font-size:1.3rem;
    }
    
    .logo-brackets
    {
        font-size:1.5rem;
    }

    img.productdesign-bg
    {
        height: 815px;
        left: -245px;
    }

    /*.slide-bg 
    {
        left: -145%;
        width: 370%;
    }*/

    #slide-thumb-container ul.slide-thumb li
    {
        width:23%;
    }

    .slide-content p
    {
        font-size: 0.9375rem;
    }

    .social-media-block
    {
        display:inline-block;
        padding: 11px 3.5%;
    }

    .column-heading
    {
        font-size: 0.8125rem
    }

    section.feature
    {
        height:700px;
    }

    button.close-whoweare-overlay
    {
        position:fixed;
    }

    button.close-whoweare-overlay#close, button.close-whoweare-overlay#close-process
    {
        bottom:0;
    }

    .page-item-price
    {
        margin-top:10px;
    }

    .cart-padding 
    {
        padding: 6px 6px 0 8px;
    }

    .cart-confirmation-container 
    {
        width: 350px;
    }

    .social-media-block 
    {
        padding: 11px 3.9%;
    }

    .gallery-grid-item 
    {
        width: 48.8%;
    }
    
    .grid-fourth-column.strengths,  .grid-third-column.project-flow
    {
        width:49.85%;
    }

    .login-container#forgottenpassword
    {
        /*border:1px solid green;*/
        top:53%;
    }
}

@media screen and (min-width : 414px) 
{
    /*header
    {
        border:5px solid darkmagenta;
    }*/

    /*.slide-bg 
    {
        left: -110%;
        width: 300%;
    }*/
    .sidemenu-button-container
    {
        margin: 4px 8px;
    }

    .bullet-desktop-position
    {
        top: 34%;
    }

    img.designing-bg
    {
        height: 86%;
        left: -270px;
    }

    .grid-relationship-item
    {
        width:47.5%;
    }

    section.feature
    {
        height:800px;
    }

    #caption-container 
    {
        padding-bottom:5px;
    }

    .social-media-block 
    {
        padding: 11px 4.1%;
    }

    .gallery-overlay-image
    {
        width: 90%;
    }
}

/*Extra Small Devices, Phones */ 
@media screen and (min-width : 568px) 
{
    /*header
    {
        border:5px solid pink;
    }*/

    .logo-container
    {
        position: relative;
        top: 2px;
    }

    .logo
    {
        font-size:1.3rem;
    }
    
    .logo-brackets
    {
        font-size:1.6rem;
    }

    .menu-icon
    {  
        top: 5px;
    }

    .sidemenu-button-container 
    {
        margin: 3px 8px;
    }

    section#home, section.lead, section#product-lead 
    {
        height: 100%;
    }

    .slide-content p 
    {
        font-size: 0.75rem;
    }

    .bullet-desktop-position
    {
        top: 27%;
    }

    .slide-bg
    {
        left: initial;
        width: 100%;
    }

    img.designing-bg
    {
        height: 1160px;
        left: -450px;
    }


    #caption-container
    {
        width:235px;
        padding:initial;
        height: auto;
    }

    #slide-thumb-container ul.slide-thumb li
    {
        width:10.3%;
    }

    .group-sections 
    {
        top: 100.5%;
    }

    .social-media-block
    {
        padding: 0 5.3%;
    }

    .grid-item
    {
        width: 48%;
    }

    .gallery-grid-item
    {
        width: 32.63%;
    }

    .gallery-overlay-image
    {
        width: 50%;
    }

    .grid-fourth-column, .grid-fourth-column.strengths, .grid-fifth-column
    {
        width: 49.82%;
    }

    /*.grid-half-column
    {
        width: 49.25%;
    }*/

    .grid-process-item
    {
        width: 48.5%;
    }

    .grid-relationship-item
    {
        width:32%;
    }

    .column.one-third
    {
        width: 100%;
    }

    .section-title
    {
        font-size:1.875rem;
    }

    .quantity-container
    {
        text-align: initial;
        float:left;
    }

    .addtocart-container
    {
        text-align: initial;
        float:right;
    }

    .cart-item-container
    {
        width:65%
    }

    .cart-svg-container 
    {
        width: 32%;
    }

    .login-container#join
    {
        /*border:1px solid green;*/
        top:12%;
    }

    .login-container#forgottenpassword
    {
        /*border:1px solid green;*/
        top:12%;
    }
}

@media screen and (min-width : 667px) 
{
    /*header
    {
        border:5px solid olivedrab;
    }*/

    .menu-icon
    {  
        top: 8px;
    }

    .sidemenu-button-container 
    {
        margin: 5px 8px;
    }

    #caption-container
    {
        width:260px;
    }

    img.designing-bg
    {
        height: 1165px;
        left: -475px;
    }

    .cart-quantity-container
    {
        width:50%;
    }

    .section-caption-container
    {
        width:600px;
    }

    .grid-item
    {
        width: 24%;
    }

    .grid-process-item 
    {
        width: 32.3%;
    }

    .gallery-grid-item
    {
        width: 32.7%;
    }

    .gallery-overlay-image
    {
        width: 60%;
    }
    
    .grid-fourth-column, .grid-fourth-column.strengths
    {
        width: 49.92%;
    }

    .grid-fifth-column, .grid-sixth-column
    {
        width: 33.02%;
    }

    .sidemenu
    {
        width:375px;
    }

    .column.one-third
    {
        width: 49%;
    }

    .column.two-third 
    {
        width: 50%;
    }

    .quantity-container, .addtocart-container
    {
        text-align: center;
        float:none;
    }

    .cart-quantity-container 
    {
        width: 54%;
    }

    .social-media-block 
    {
        padding: 0 5.7%;
    }

    .login-container#forgottenpassword
    {
        /*border:1px solid green;*/
        top:24%;
    }
}

@media screen and (min-width : 736px) 
{
    /**header
    {
        border:5px solid orange;
    }*/

    #caption-container 
    {
        width: 290px;
        height: 175px;
    }

    /*.column.one-half {
        width: 50%;
    }*/

    img.designing-bg
    {
        height: 1160px;
        left: -492px;
        left: 0;
    }

    .section-caption-container
    {
        width:620px;
    }

    .gallery-grid-item
    {
        width: 32.8%;
    }

    .grid-third-column
    {
       width: 33.02%;
    }
    
    .grid-relationship-item
    {
        width: 32%;
    }

    .column.one-third
    {
        width: 49%;
    }

    section.feature 
    {
        height: 480px;
    }

    .login-container#forgottenpassword
    {
        /*border:1px solid green;*/
        top:31%;
    }

     .quantity-container
    {
        text-align: initial;
        float:left;
    }

    .addtocart-container
    {
        text-align: initial;
        float:right;
    }

}

@media screen and (min-width : 768px) 
{
    /*header
    {
        border:5px solid blue;
    }*/

    section#home, section.lead, section#product-lead 
    {
       
        height: 50%;
    }

    .slide-bg 
    {
        left: -24%;
        width: 1000px;
    }

    #caption-container 
    {
        width: 260px;
        height: 180px;
    }

    .slide-content p 
    {
        font-size: 0.75rem;
    }

    .bullet-desktop-position 
    {
        top: 40%;
    }

    img.designing-bg
    {
        height: 653px;
        left: -100px;
    }

    /*.slide-bg
    {
        left: -760px;
        width: 271%;
    }*/

    #slide-thumb-container ul.slide-thumb li
    {
        width: 10%;
    }

    .group-sections 
    {
        top: 50.2%;
    }

    .column.one-fourth 
    {
        width: 24.5%;
    }

    .outer-circle-border 
    {
        height: 145px;
        width: 145px;
    }

    /*.column.one-fourth 
    {
        width: 49%;
    }*/

    .roles-container
    {
        float:left;
    }

    .social-media-container
    {
        float:right;
        text-align: right;
    }

    .social-media-block 
    {
        padding: 0 8.8px;
    }

    .grid-third-column
    {
        width: 33.8%;
    }

    .grid-third-column.project-flow, .grid-fourth-column, .grid-fourth-column.strengths, .grid-fifth-column
    {
        width: 49.93%;
    }

    .grid-sixth-column
    {
        width: 33.06%;
    }

    .gallery-grid-item
    {
        width: 32.72%;
    }

    .gallery-overlay-image
    {
        width: 75%;
    }

    .grid-relationship-item
    {
        width: 32.2%;
    }

    .grid-item
    {
        width: 49%;
    }

    .grid-process-item
    {
        width: 49%;
        height: 149px;
    }

    section#letsconnect
    {
        padding:50px 0;
    }

    .standard-section
    {
        padding:50px;
    }

    section.feature 
    {
        height: 1020px;
    }

    .cart-itemimage-container
    {
        width:20%;
    }

    .cart-itemname-container
    {
        width:65%;
    }

    .cart-quantity-container
    {
        width:38%;
        text-align:left;
    }

    .cart-price-container
    {
        width:28%;
    }

    .cart-remove-container
    {
        width:3%;
    }

    img.designing-bg
    {
        height: 86%;
        left: -65%;
    }

    .login-container#join 
    {
        /* border: 1px solid green; */
        top: 29%;
    }

    .login-container#forgottenpassword
    {
        /*border:1px solid green;*/
        top:72%;
    }
}

@media screen and (min-width : 812px) 
{
    /*header
    {
        border:5px solid teal;
    }*/

    section#home, section.lead, section#product-lead {
        height: 100%;
    }

    .slide-bg 
    {
        left: 0;
        width: 100%;
    }

    .user-menu-outer-circle-border
    {
        width: 29px;
        height: 29px;
    }

    .bullet-desktop-position 
    {
        top: 28%;
    }

    .social-media-container
    {
        width: 42%;
    }

    /*.slide-bg 
    {
        width: 220%;
        left: -670px;
    }*/

    img.designing-bg
    {
        height: 542px;
        left: 0;
    }

    #slide-thumb-container ul.slide-thumb li
    {
        width:8%;
    }

    .group-sections 
    {
        top: 100.5%;
    }

    .social-media-block 
    {
        padding: 0 4.22%;
    }

    .grid-third-column, .grid-sixth-column
    {
        width: 33.08%;
    }

    .grid-item
    {
        width: 24.2%;
    }

    .gallery-grid-item
    {
        width: 32.8%;
    }

     .grid-process-item
    {
        width: 32.5%;
    }

    .grid-relationship-item
    {
        width: 24%;
    }

    .grid-contact-column
    {
        width:49.7%;
    }

    section.feature 
    {
        height: 425px;
    }

    img.designing-bg
    {
        height: 1165px;
        left: -400px;
    }

    .login-container#join 
    {
        /* border: 1px solid green; */
        top: 12%;
    }

    .login-container#forgottenpassword
    {
        /*border:1px solid green;*/
        top:24%;
    }
}

@media screen and (min-width : 992px) 
{
    /*header
    {
        border:5px solid yellow;
    }*/

    /*.image-lead h1, h1
    {
        font-size: 1.75rem;
    }*/

    .big-title
    {
        font-size: 1.875rem;
    }

    .medium-title
    {
        font-size: 1.5625rem
    }
    
    .gallery-grid-item
    {
        width: 32.9%;
    }

    .gallery-overlay-image
    {
        width: 950px;
    }
}

@media screen and (min-width : 1024px) 
{
    /*header
    {
        border:5px solid red;
    }*/

    .body-overflow
    {
        overflow:initial;
    }

    .bullet-desktop-position 
    {
        top: 40%;
    }

    section#home, section.lead, section#product-lead 
    {
        width: 100%;
        height: 100%;
    }

    img.slide-bg 
    {

        width: 1500px;
        left: -300px;
        /*width: 225%;
        left: -68%;*/
    }

    #caption-container
    {
        float:left;
        padding: 0 15px;
        height:auto;
        width:425px;
        height: 230px;
    }

    .slide-content p 
    {
        font-size: 1rem;
    }

    .slide-nav-container      
    {
        float:right;
        margin:50px 0;
    }

    #slide-thumb-container
    {
        width: 425px;
    }

    #slide-thumb-container ul.slide-thumb li 
    {
        width: 24%;
    }

    .arrow-button-container
    {
        display:initial;
        top:-25px;
    }

    img.designing-bg
    {
        height: 1366px;
        left: -535px;
    }

    /*img.productdesign-bg
    {
        height: 1164px;
        left: -300px;
    }*/

    .outer-circle-border
    {
        height: 200px;
        width: 200px;
    }

    .social-media-block 
    {
        padding: 0 4.9%;
    }

    .group-sections 
    {
        /*top: 100%;*/
        top:100.2%;
    }

    .column.one-half
    {
        width: 49.5%;
    }

    .column.mobile.one-third
    {
        width: 32.3%;
    }

    .grid-half-column
    {
        width: 49.85%;
    }

    .grid-third-column, .grid-third-column.project-flow
    {
        width: 33.1%;
    }

    .grid-fourth-column, .grid-fourth-column.strengths
    {
        width: 49.92%;
    }

    .grid-fifth-column, .grid-sixth-column 
    {
        width: 33.07%;
    }

    .grid-process-item
    {
        width: 30%;
    }

    .grid-contact-column
    {
        width:48.8%;
    }

    section.feature
    {
        height:840px;
    }

    p, label, ul.reset, strong
    {
        font-size: 1rem;
    }

    button.close-whoweare-overlay#close, button.close-whoweare-overlay#close-process
    {
        bottom:150px;
    }

    .gallery-overlay-image
    {
        width: 40%;
    }

    .article-header 
    {
        font-size: 2rem;
    }

    .container pre
    {
        font-size: 1rem;
    }

    .teal.center
    {
        text-align:center;
    }
}


/* Large Devices, Wide Screens */
@media screen and (min-width : 1200px) 
{
    /*header
    {
        border:5px solid rgb(128, 46, 46);
    }*/

    section#home, section.lead, section#product-lead 
    {
        height: 100%;
    }

    img.slide-bg 
    {

        left: -60px;
        /*width: 225%;
        left: -68%;*/
    }

    #caption-container
    {
        width: 490px; 
    }

    #slide-thumb-container 
    {
        width: 548px;
    }

    .slide-content p {
        font-size: 1rem;
    }

    .group-sections
    {
        top:100.2%;
    }

    .teal.center
    {
        text-align:left;
    }

    .gallery-grid-item
    {
        width: 33%;
    }

    .gallery-overlay-image
    {
        width: 30%;
    }

    .outer-circle-border
    {
        height: 294px;
        width: 294px;
    }

    .login-container#join
    {
       top:60%;
    }

    .login-container#forgottenpassword
    {
       top:72%;
    }
}

/* Large Devices, Wide Screens */
@media screen and (min-width : 1366px) 
{ 
    /*header
    {
        border:5px solid yellow;
    }*/

    .container
    {
        width: 95%;
    }

    .menu-icon
    {  
        display:none;
    }

    nav
    {
        float:right;
        margin:6px 50px;
        display:block;
        position:relative;
        z-index:9998;
        opacity:1;
        visibility: visible;
        height:auto;
    }

    nav ul li
    {
        display:inline-block; /*inline-block stops a screen reader from skipping list item numbers in a list, use inline-block instead of inline*/
        padding:initial;
        list-style-type:none;
    }

    nav a
    {
        font-size: .9rem;
        display:initial;
    }

    .sidemenu-button-container
    {
        margin: 3px 16px;
    }

    .sidemenu-button-container
    {
        opacity:1;
        visibility:visible;
    }

    #profile-menu 
    {
        font-size: 1.875rem;
    }

    section#home, section.lead, section#product-lead 
    {
        width: 100%;
        height: 100%;
    }

    .overlay.about, .overlay.process
    {
        position:absolute;
        overflow:initial;
    }

    .slide-bg
    {
        left:0;
        /* Preserve aspet ratio */
        width:100%;
    }

    img.slide-bg 
    {
       width: 100%;
       left: 0;
    }


    img.designing-bg
    {
        height: 77%;
        left: -8%;
    }

    #caption-container 
    {
        margin-top:35px;
        width:495px;
        height:240px;
    }

    .slide-content p 
    {
        font-size: 1rem;
    }

    #slide-thumb-container ul.slide-thumb li
    {
        width:164.8px;
    }

    #slide-thumb-container
    {
        width:672px;
    }

    .arrow-button-container
    {
        display:initial;
        top: -40px;
    }

    .group-sections 
    {
        top: 100.2%;
    }

    .section-caption-container
    {
        width: 522px;
    }

    /*.column.one-half
    {
        width: 48.65%;
    }*/

    .column.one-fourth
    {
        width: 24.61%;
    }

    .column.two-third
    {
        width: 66.5%;
    }

    .column-static-height 
    {
        height: 310px;
    }

    .padding
    {
        padding:20px 8px;
    }

    .grid-image-padding
    {
        padding:60px;
    }

    .whoweare-statement-container
    {
        position:absolute;
        margin: -120px 0;
        padding:1px;
    }

    .social-media-container 
    {
        width: 33%;
    }

    .social-media-block 
    {
        padding: 10px 6.3% 0 0;
    }

    .section-grid-padding
    {
        padding:100px 0;
    }

    .featured-block-caption-container p
    {
        font-size: 1rem;
    }

    .grid-item
    {
        width: 24.2%;
    }

    button.column img, a.policies img
    {
        height:230px;
    }

    .grid-process-item 
    {
        height:286px;
    }

    .column-heading
    {
        font-size:1.125rem;
    }

    .grid-caption
    {
        position:absolute;
        z-index: 1;
        bottom:0;
        padding:0 20px 20px 20px;
        width:100%;
    }

    .grid-relationship-item
    {
        width: 23.7%;
    }

    .gallery-grid-item
    {
        width: 24.72%;
    }

    section#letsconnect
    {
        padding: 252px 0;
    }

    .grid-contact-column
    {
        width:49%;
    }

    section.feature
    {
        height:1040px;
    }

    section#designing
    {
        background: url("../backgrounds/designing.jpg") 100% 20% no-repeat #333;
    }

    section#sundayphotography
    {
        background: url("../backgrounds/sundayphotography.jpg") 100% 20% no-repeat #333;
    }

    section#thereserve
    {
        background: url("../backgrounds/thereserve.jpg") 100% 20% no-repeat #333;
    }

    section#universaldesign
    {
        background: url("../designing/backgrounds/grabmoon.jpg") 100% 20% no-repeat #333;
    }

    /*section#gallery
    {
        background: url("../development/backgrounds/gallery.jpg") 100% 20% no-repeat #333;
    }*/

    button.close-whoweare-overlay
    {
        position:absolute;
    }

    .dark-grey-section
    {
        padding:50px;
    } 

    .image-notification-container 
    {
        margin-top: 260px;
    }

    button.close-button
    {
        position:absolute;
    }

    .border-right
    {
        border-right:2px solid #f1f1f1;
    }

    .column.three-fourth
    {
        width: 74.8%;
    }

    .grid-half-column
    {
        width:49.85%;
    }

    .grid-third-column, .grid-third-column.project-flow
    {
        width: 33.18%;
    }

    .grid-fourth-column, .grid-fourth-column.strengths, .grid-fifth-column 
    {
        width: 24.83%;
    }

    .grid-sixth-column 
    {
        width: 16.475%;
    }

    .gallery-grid-item, a.article-grid-item
    {
        width: 24.69%;
    }
    
    .user-account-container
    {
        position:absolute;
        bottom:80px;
    }

    .cart-item-container
    {
        width:66.7%
    }

    .cart-svg-container
    {
        width:32.63%
    }

    .studio-content 
    {
        padding: 20px;
    }

    .studio-container.article
    {
        width:100%;
    }

    .studio-container.profile 
    {
        padding: 70px 20px 0;
    }

    .cart-itemimage-container
    {
        width:10%;
    }

    .cart-itemname-container
    {
        width:36%;
    }
    
    .cart-quantity-container
    {
        width:19%;
        margin-top:-12px;
    }

    .cart-price-container
    {
        width:15%;
    }

    .cart-remove-container
    {
        width:3%;
    }

    .gallery-overlay-image
    {
        width: 33%;
    }

    .login-container#join
    {
       top:55%;
    }

    .login-container#forgottenpassword
    {
       top:72%;
    }

    .column.one-third 
    {
        width: 33%;
    }
    
    /*.cart-image
    {
        display:block;
    }

    .cart-buttons-container
    {
        float:none;
    }*/
}

@media screen and (min-width : 1367px) 
{  
    /*header
    {
        border:5px solid rgb(251, 253, 253);
    }*/

    .container
    {
        width:1366px;
    }

    .arrow-button-container
    {
        top:-40px;
    }

    p, label, ul.reset, strong, .slide-content p, .container pre, .studio-container pre, .featured-block-caption-container p
    {
        font-size:1.125rem;
    }

    img.designing-bg, img.engineering-bg, img.sundayphotography-bg, img.thereserve-bg
    {
        height: 100%;
        left: -2px;
        width: 100%;
    }

    section#product-lead
    {
        position:absolute;
    }

    .grid-fourth-column
    {
        width: 24.93%;
    }

    .grid-fifth-column
    {
        width: 19.888%;
    }

    .grid-sixth-column
    {
        width:16.6%;
    }

    .grid-half-column
    {
        width:49.95%;
    }

    .grid-caption
    {
        position:absolute;
        z-index: 1;
        bottom:0;
        padding:0 20px 10px 20px;
        width:100%;
    }

    .gallery-grid-item
    {
        width: 24.68%;
    }

    .column.one-half 
    {
       width: 49.49%;
    }

    .column.inner.one-half 
    {
        width: 49.74%;
    }

    section#letsconnect
    {
        padding:480px 0;
    }

    section.feature
    {
        height:1350px;
    }

    .social-media-block 
    {
        padding: 10px 22px 0 0px;
    }

    .studio-container.article
    {
        padding:200px 200px 0;
    }

    .studio-container.profile
    {
        padding:70px 200px 0;
    }

    .studio-container
    {
        width:2000px;
    }

    .studio-content 
    {
        padding: 20px;
    }

    .studio-content.product-content
    {
        margin-top: -25px !important;
    }
}

@media screen and (min-width : 1400px) 
{ 
    .gallery-grid-item
    {
        width: 24.76%;
    }
}