/*====================================== reset.css is here ========================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
caption,th {text-align:left;}
abbr,acronym { border:0;}
.clear{clear:both; font-size:1px;line-height:1px; display:block; height:0;}
.clrflt{clear:both;}
.last	{margin:0 !important;}
.pad_last{padding:0 !important;}
.no_bg {background:none !important;}
.no_bor{border:none !important; }
header,nav,section,article,aside,footer,hgroup {display: block;}
/**************************************************************************************/
a											{color:#000; text-decoration:none; outline:0 none;}
a:hover										{color:#000;  text-decoration:none;}
h1											{font-size:24px;}
h2											{font-size:22px;}
h3											{font-size:18px;}
h4											{font-size:16px;}
h5											{font-size:14px;}
h6											{font-size:12px;}
/*----------------------------------------------------------------------------------*/
html 										{}
body										{color:#b1b1b1; -webkit-text-size-adjust:100%; font-family:"Arial", Verdana, Tahoma; font-size:16px;}
.flt_lt										{float:left; display:inline;}
.flt_rt										{float:right; display:inline;}
/* ---------------------------------------------------------------------------------*/
/* ----------------------- layout ----------*/
.wrapper{margin:0 auto; padding:0 0 0 0;}
.container{width:960px; margin:0 auto; padding:0;}
/*-------------------------------------------*/
/* ------------------ HEADER HERE -------------------*/
header{margin:0 0 0px 0;padding:28px 0 37px 0; box-sizing:border-box; width:100%;}
.logo{float:left; display:inline-block; padding:0 0 0 4%; margin:0;}
.logo a{display:inline-block; padding:0; margin:0;}
.logo a img{display:block;}

/* ------------------------- NAVIGATION HERE ---------------*/
nav{float:right;display:inline-block;padding:0;margin:0;}
nav ul{display:inline-block; padding:0; margin:0;}
nav ul li{float:left;padding:0;margin:0 0 0 22px;display:inline-block;}

/* 🔥 BASE NAV LINK (controls ALL icons) */
nav ul li a{
    background-repeat: no-repeat;
    background-position: center 8px;
    background-size: 120% auto;   /* 🔥 icon size control */

    font-family:"Bradley Hand ITC";
    font-size:12px;
    color:#d4a742;

    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
	padding-top: 11px;   /* 🔥 moves ALL text down ~5px */

    font-weight:bold;
    font-style:italic;
    letter-spacing:1px;

    width:87px;
    height:95px;

    line-height:1.1;
    text-align:center;

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

nav ul li a:hover{opacity:0.6; color:#fce726;}

/* 🔹 Per-item: image + size ONLY (no background reset) */
nav ul li a{background-image:url(../images/home.png);}

nav ul li a.about{
    background-image:url(../images/about.png);
    color:#fce726;
    width:80px;
}

nav ul li a.gallery{
    background-image:url(../images/gallery.png);
    color:#fce726;
    width:110px;
}

nav ul li a.media{
    background-image:url(../images/media.png);
    color:#fc20b2;
    width:85px;
}

nav ul li a.studio{
    background-image:url(../images/studio.png);
    color:#1ee0e7;
    width:86px;
}

nav ul li a.contact{
    background-image:url(../images/contact.png);
    color:#ffffff;
    width:132px;
}

/* ------------------------- HAMBURGER --------------------- */
.menu{display:none; cursor:pointer; position:absolute; top:70px; right:0;}
.c-hamburger{position:relative;overflow:hidden;margin:0;padding:0;width:48px;height:48px;font-size:0;box-shadow:none;border:none;cursor:pointer;transition:background 0.3s;appearance:none;-webkit-appearance:none;}
.c-hamburger:focus{outline:none;}
.c-hamburger span{display:block;position:absolute;top:22px;left:9px;right:9px;height:4px;background:#000;}
.c-hamburger span::before,.c-hamburger span::after{position:absolute;display:block;left:0;width:100%;height:4px;background:#000;content:"";}
.c-hamburger span::before{top:-10px;}
.c-hamburger span::after{bottom:-10px;}
.c-hamburger--htx{background:#f05e50;float:right;border-radius:5px;}
.c-hamburger--htx span{transition:background 0s 0.3s;}
.c-hamburger--htx span::before,.c-hamburger--htx span::after{transition-duration:0.3s,0.3s;transition-delay:0.3s,0s;}
.c-hamburger--htx span::before{transition-property:top,transform;}
.c-hamburger--htx span::after{transition-property:bottom,transform;}
.c-hamburger--htx.is-active{background:#f05e50;}
.c-hamburger--htx.is-active span{background:none;}
.c-hamburger--htx.is-active span::before{top:0;transform:rotate(45deg);transition:all ease-in-out 0.5s;}
.c-hamburger--htx.is-active span::after{bottom:0;transform:rotate(-45deg);transition:all ease-in-out 0.5s;}
.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after{transition-delay:0s,0.3s;}

/* ------------------------ MIAN CONTENT HERE --------------*/
.maincontent{margin:0 0 0 0; padding:0; width:100%;}
.williams{margin:0;padding: 0 0 0 4%;width:100%;box-sizing:border-box;}
.profile{width:50%;float:left;padding:0;margin: 0 3% 0 0;display:inline-block;}
.profile h1{font-family:"Myriad Pro", Arial, Helvetica, sans-serif;font-size: 50px;line-height:30px;color:#0093d5;padding: 0 0 17px 0;margin:0;letter-spacing: 3px; font-weight:normal;}
.profile h1 span{color:#f62504;}
.profile h3{font-family:"Myriad Pro", Arial, Helvetica, sans-serif;font-size: 16px;line-height: 16px;color:#000000;padding: 0 0 13px 0;margin:0;font-weight: normal;}
.profile p{font-family:"Myriad Pro", Arial, Helvetica, sans-serif;font-size: 11px;line-height: 13px;color: #000000;padding: 0 0 10px 0;margin:0;display: block; text-align:justify;}
.art{width:47%;float:left;padding:66px 0 0 0;margin:0;position: relative;}
.art img{width:80%; height:auto;}
.video{margin:0; padding:30px 0 0; text-align:center;}
.video a{display:block;}
.video a img{width:100%; height:auto;}
.video span{font-family:"Myriad Pro", Arial, Helvetica, sans-serif;font-size: 13px;line-height: 14px;color: #94887c;padding:20px 0 20px 0;margin:0;display:none;}
.copy{margin:0; padding:0;}
.copy span{font-family:"Myriad Pro", Arial, Helvetica, sans-serif;font-size: 12px;line-height: 14px;color: #94887c;padding: 0 0 0px 0;margin:0;display:inline-block; -moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); -webkit-transform:rotate(-90deg);position:absolute; right:60px; top:76px;  -webkit-transform-origin:top right; -moz-transform-origin:top right; -ms-transform-origin:top right; -o-transform-origin:top right; transform-origin:top right;}
/* ------------------------ INNER HERE --------------*/
.inner .logo{padding:0;}
.gallery-items{width:100%; margin:0; padding:0 0 30px 0; text-align:left;}
.galler_types{margin:0; padding:0 0 0 0;}
.galler_types h2{font-family:"Myriad Pro", Arial, Helvetica, sans-serif;font-size: 18px;line-height: 18px;color: #999999;padding:0px 0 20px 0;margin:0; font-weight:400; letter-spacing:1px; text-align:left;}
.galler_types ul{float:left;display:inline-block;padding:0;margin: 0 0 0 -18px;width:100%;}
.galler_types ul li{display:inline-block;padding:8px 8px;margin: 0 0.5% 15px;width: 22.9%;border: 2px solid #c3c3c3;text-align:center;box-sizing: border-box;}
.galler_types ul li img{display:block;margin: 0 auto 10px;text-align:center;padding:0;width:100%;height:auto;}
.galler_types ul li h4{font-family:"Myriad Pro", Arial, Helvetica, sans-serif;font-size: 14px;line-height: 14px;color: #e41a1a;padding: 0px 0 6px 0;margin:0;font-weight:400;}
.galler_types ul li h5{font-family:"Myriad Pro", Arial, Helvetica, sans-serif;font-size: 14px;line-height: 14px;color: #676767;padding: 0px 0 5px 0;margin:0;font-weight:400;}
.galler_types ul li:nth-child(1), .galler_types ul li:nth-child(5){margin-left:0px;}
.galler_types ul li:nth-child(4), .galler_types ul li:nth-child(8){margin-right:0px;}
.gallery-items .copy span{right:0; top:40px; -webkit-transform-origin:top right; -moz-transform-origin:top right; -ms-transform-origin:top right; -o-transform-origin:top right; transform-origin:top right;}
.gallery-items small{display:none; font-family:"Myriad Pro", Arial, Helvetica, sans-serif;font-size: 13px;line-height: 14px;color: #94887c;padding:20px 0 20px 0;margin:0;}
.gallery-items .container	{position:relative;}
.williams .container	{position:relative;}
@media only screen and (max-device-width: 1024px), 
       only screen and (-webkit-min-device-pixel-ratio: 2) {
.gallery-items .copy span{right:15px; top:40px;}
.copy span{right:50px; top:50px;}}