.no-touchevents .page-template-page-slideshow {
overflow: hidden !important;
} .home .custom-logo
{
margin: 0 auto;
width: 312px;
height: 209px;
cursor: pointer;
opacity: 0;
animation-name: cometolife;
animation-fill-mode: forwards;
animation-delay:.5s;
animation-duration:.5s;
}
.page-template-page-home #pointToMenuContainer
{
position: absolute;
top: calc(48vh + 65px) !important;
opacity:0;
animation-delay:.5s;
animation-duration:.5s;
animation-fill-mode: forwards;
animation-name: cometolife;
}
.vidbg-container
{
opacity:0;
animation-delay: 2s;
animation-duration: 1s;
animation-fill-mode: forwards;
animation-name: cometolife;
}
@keyframes cometolife {
from {
opacity:0
}
to {
opacity:1
}
}
label {
color: white;
font-family: Karla;
font-size: 20px;
}
.gradingInside
{
height: 100%; width: 100%
}
.slick-prev {
left: 10px !important; 
z-index: 1000;
opacity: 0;
}
.slick-next {
right: 10px !important;
z-index: 1000;
opacity: 0;
}
.slick-prev::before {
content: url(https://velvetrobot.com/wp-content/themes/naked-wordpress-master/img/left-off.svg) !important;
}
.slick-next::before {
content: url(https://velvetrobot.com/wp-content/themes/naked-wordpress-master/img/right-off.svg) !important;
}
.no-touchevents .slick-prev:hover::before {
content: url(https://velvetrobot.com/wp-content/themes/naked-wordpress-master/img/left-on.svg) !important;
}
.no-touchevents .slick-next:hover::before {
content: url(https://velvetrobot.com/wp-content/themes/naked-wordpress-master/img/right-on.svg) !important;
}
.myInput {
margin-left: 10px;
border-bottom: 1px solid #9c8179!important;
border-right: 0!important;
border-left: 0!important;
border-top: 0 !important;
background-color: transparent !important;
color: #605451!important;
width: 183px;
}
.lazy-hidden {
opacity: 0;
}
.lazy-loaded {
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
opacity: 1;
}
.gradingHolder
{
width: 90%;
max-width: 1400px;
height: 450px;
background-color: #151617;
margin: 0 auto 70px auto;
position:relative;
box-sizing: border-box;
cursor: pointer;
}
.fancybox-bg {
background: #000;
}
.fancybox-is-open .fancybox-bg {
opacity: 1;
}
.gradingTitle
{
font-family: "rockwell",sans-serif;
font-style: normal;
font-weight: 300;
font-size: 20px;
margin-bottom: 15px;
color: white;
}
.gradingInfo
{
font-family: "karla",sans-serif;
font-style: normal;
font-weight: 300;
font-size: 14px;
color: #b8babc;
line-height: 1.2em
}
.gradingPlay
{
position: absolute;
bottom: 40px;
left: calc(2% + 20px);
width: 54px;
height: 54px;
}
.gradingLeft, .gradingRight
{
display:inline-block;
float:left
}
.gradingLeft
{
width: 65%;
height: 100%;
}
.gradingRight
{
width: 35%;
padding: 2%;
box-sizing: border-box;
position: relative;
height: 100%
}
.cocoCont {
display:none;
position:absolute;
z-index: 101;
left:0;
top: 0;
bottom: 0;
right:0
}
.logoSizer {
transform: scale(.8);
}
.headerSizer
{
margin: 0 auto 0 auto !important;
padding: 0 !important;
}
.page-template-page-gallery header, .post-type-archive-motion header, .post-type-archive-deconstruction header
{
position:fixed;
width: 100%;
z-index: 200;
top: 0;
margin: 0 auto 0 auto;
padding: 20px 0 20px 0;
background-color: rgba(40,39,40,0.95);
}
.no-touchevents .page-template-page-gallery  header, .no-touchevents .post-type-archive-motion header, .no-touchevents .post-type-archive-deconstruction  header
{
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-ms-transition: all .3s ease-in;
}
.page-template-page-gallery #myEverything, .post-type-archive-motion #myEverything, .post-type-archive-deconstruction #myEverything
{
margin-top:120px	
}
.page-template-page-home #masthead
{
margin: calc(48vh - 55px) auto 0 auto !important;
}
figure {
display: block;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
-moz-margin-before: 0;
-moz-margin-after: 0;
-moz-margin-start: 0;
-moz-margin-end: 0;
}
.ba
{
position:absolute;
bottom:15px;
left:calc((100% - 35px) / 2);
width:35px;
height: 21px;
z-index: 20
}
.logoContainer
{
cursor: pointer;
height: 80px;
width: 120px;
margin:0 auto	
}
.home .logoContainer
{
cursor: pointer;
height: 209px;
width: 312px;
margin:0 auto;
}
.home .main-navigation
{
position: absolute;
text-align: center;
margin: 0 auto;
width: 100%;
top: calc(50vh - 130px);	
}
.t100
{
height:100%; width: 100%	
}
*:focus
{
outline: 0;	
}
#xicon img
{
width: 50px;
height: 50px;
margin: 40px auto 40px auto;
cursor: pointer
}
button,
input,
select {
padding: 0;
margin: 0;
font-family: "rockwell",sans-serif;
font-style: normal;
font-weight: 300;
line-height: 1.1;
}
p
{
font-family: "rockwell",sans-serif;
font-style: normal;
font-weight: 300;	
}
.myShowScroll
{
overflow-y:scroll;	
}
.stopScroll
{
position: fixed !important;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.makeGray
{
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
#cerOverlay
{
position: fixed;
left:0;
right:0;
bottom:0;
top:0;
background-color: rgba(0, 0, 0, 0.8) !important;
z-index: 100;
display: none;
}  .vimeography-wonna
{
line-height:0;	
}
#bottomBar
{
margin: 7px 0 7px 0;
cursor: pointer; position: absolute;
bottom: 5px;
left: calc(50% - 12px);
opacity: 0;
}
.no-touchevents .myvideo {
vertical-align: top;
width: 100%;
height: 100%;
box-sizing: border-box;
position: absolute;
left: 0;
top: 0;
z-index: 30;
transition: all .2s ease-in;
}
.no-touchevents .myvideo, a {
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
}
video { width: 101%; }
.no-touchevents .myvideo,a{-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-ms-transition:all .2s ease-in}
iframe{border:0px !important}
.cake-video-row section:nth-child(1n)
{cursor:pointer;box-sizing:border-box;position:relative;overflow:hidden;margin: 0 0 10px 0;width:calc(33.33333333% - 7px); float: left; display: inline-block}
.cake-video-row section:nth-child(2n)
{cursor:pointer;box-sizing:border-box;position:relative;overflow:hidden;margin: 0 10px 10px 10px;width:calc(33.33333333% - 7px); float: left; display: inline-block}
.cake-video-row section:nth-child(3n)
{cursor:pointer;float:right;box-sizing:border-box;height:auto;position:relative;overflow:hidden;margin: 0 0 10px 0; width: calc(33.33333333% - 7px); display: inline-block}
.myVidImgNormal img{width:102%!important;height:auto!important;max-width:none!important}.myVidImgWide img{width:auto!important;height:105%!important;max-width:none!important}
.cake-artist-row section:nth-child(2n){width: calc(33% - 10px);
margin: 0 10px 10px 0;
float:left;box-sizing:border-box;height:auto;position:relative;overflow:hidden;cursor:pointer}
.cake-artist-row section:nth-child(3n){width:auto; float: none;box-sizing:border-box;height:auto;position:relative;overflow:hidden;cursor:pointer}
.cake-artist-row section{max-height:initial}
.cake-artist-row section:nth-child(1n){cursor:pointer;
width: calc(33% - 10px);
margin: 0 10px 10px 0;
;float:left;box-sizing:border-box;position:relative;overflow:hidden}
.cptop {margin-top: 50px}
.cpbottom {margin-bottom: 30px}
.cake-artist-row section:nth-child(2n){float:left}
.cake-gallery-background{width:101%;box-sizing:border-box;height:101%}
.cake-artist-row img{vertical-align:top}
.cake-artist-titles-first{width:100%;box-sizing:border-box;position:absolute}
.cake-artist-titles-first h2{backface-visibility:hidden}
.catt h2,.frontFooter{-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden}
.catt h2{line-height:.9!important;backface-visibility:hidden}.catt{position:absolute!important}
.no-touchevents .catt:hover{opacity:1}
.no-touchevents .catt{opacity:0;-webkit-transition:all .3s ease-out!important;-moz-transition:all .3s ease-out!important;-o-transition:all .3s ease-out!important;-ms-transition:all .3s ease-out!important;transition:all .3s ease-out!important}
.catt{z-index:30;left:0;top:calc(50% - 1.5vw); right: 0; box-sizing:border-box; display:block;}
.catt h3
{
margin:0;
}
.myCerThumbHover {
width: 100%;
height: 100%;
color: white;
opacity: 0;
z-index: 40;
position: absolute;
cursor: pointer; }
.page-template-page-gallery .myCerThumbHover
{
background-color: rgba(221, 23, 47,.9) !important;	
}
.menu-vr-menu-container
{
text-align:right	
}
#pointToMenuContainer
{
position: absolute;
top: 125px;
text-align: center;
font-size: 15px;
color:white;
line-height:1;
z-index: 9999;
font-family: "rockwell",sans-serif;
font-style: normal;
font-weight: 300;
display:none;
left: calc(50% - 20px);
}
.home #pointToMenuContainer
{
width: 100%;
text-align: center;
font-size: 15px;
color:white;
line-height:1;
z-index: 9999;
font-family: "rockwell",sans-serif;
font-style: normal;
font-weight: 300;
display:none;
margin-top:20px;
top:0;
position:relative;
left:auto
}
#pointToMenu
{
width: 19px; height: 19px;
margin:0 auto
}
.custom-logo
{
margin: 0 auto;
width: 120px;
height: 80px;
cursor: pointer;
}
.no-touchevents .custom-logo
{ }
img
{
display: block	
}
html
{
height: 100%
}
body
{
position: inherit !important;
background-color: #282728;
-webkit-tap-highlight-color: rgba(0,0,0,0);
background-position: center center; -webkit-font-smoothing: antialiased;
}
.frontTitle
{
position: absolute;
bottom: 60px;
font-size: 4.2vw;
line-height: 1.1;
font-weight: 300;
left: 40px;
overflow:hidden;
font-family: "rockwell",sans-serif;
font-style: normal;
}
.contactTitle
{
position: absolute;
bottom: 0;
left: 40px;
font-size: 30px;
line-height: 1.2;
font-family: "rockwell",sans-serif;
font-style: normal;
font-weight: 300;
}
.doArrowAnim{
animation: .5s ease-in-out 0s infinite alternate-reverse arrowAnim
}
@keyframes arrowAnim {
0% {
opacity:1;
transform: translateY(0);
}
25% {
opacity:.8;
}
50% {
opacity:.6;
}
100% {
opacity:.4;
transform: translateY(-18px);
}
}
.smallRedTitle a
{
color: rgb(136, 35, 38) !important;
font-size: 20px
}
.no-touchevents .smallRedTitle a:hover
{
color: white !important;
}
.smallerTitle
{
font-size: 20px;
}
.titleGapS { height: 10px }
.titleGapM { height: 40px }
.titleGapL { height: 80px }
#content
{
position: relative
}
.ft1, .ft2, .ft3, .ft4, .ft5, .ft4a
{
opacity:0
}
.ft1, .ft1 a { color: #fff }
.ft2, .ft2 a { color: #bcbec0 }
.ft3, .ft3 a { color: #939598 }
.ft4, .ft4 a { color: #6d6e71 }
.ft4a, .ft4a a { color: #58595b }
.ft5, .ft5 a { color: #a7a9ac; font-size: 13px } .glitchImg {
position: relative;
margin: 0 auto;
} #dvDemo2,#left-h-thumb,#left-hotspot,#myHeader-desktop,#myTopMenuBack,#right-h-thumb,#right-hotspot,.myHeaderStyleSlideshow{-webkit-tap-highlight-color:transparent;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none}.catth3a,.catth3b,.hpt1,.hpt2,.hpt3{text-transform:lowercase;line-height:.9}
.weatherPortion{margin:15px 0}.hpt1{color:#ada79e}.hpt2{color:#605451}.hpt3{color:#3d3433}.hpaImg{height:auto;z-index:11}.bx-wrapper .bx-viewport{-moz-box-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;background:0 0!important}.bx-wrapper .bx-loading{min-height:50px;background:url(https://cakefactory.com/wp-content/themes/dw-foundation/js/vendor/jquery.bxslider/images/bx_loader.gif) center center no-repeat #fff!important;height:100%;top:0;left:0;z-index:2000}.bx-wrapper .bx-next,.bx-wrapper .bx-prev{background:0 0}.catth3a{color:#ada79e}.catth3b{color:#605451}.mySelectedMenu,.pdfHoverActive{color:#a5a097!important}#nprogress .bar{background:#aaa59c!important}.shortermargin{margin-bottom:20px!important}.pdfHoverActive:after{padding-left:15px}.pdfItem:hover{color:#ada79e!important}.myweatherIcon{color:#aaa59c;font-size:24pt	!important}.clientAccessSeperator{width:260px;height:1px;background-color:#605451;margin-top:40px}#left-hotspot,#right-hotspot{position:absolute;z-index:100;width:49.9%;height:100%}#left-h-thumb,#right-h-thumb{z-index:0;top:50%;width:auto;height:auto;}#right-hotspot{right:0;background-color:rgba(255,0,0,0);text-align:right}#left-hotspot{left:0;background-color:rgba(0,0,255,0);text-align:left}#left-h-thumb{position:absolute;left:25px;}#right-h-thumb{position:absolute;right:25px;}.no-touchevents #left-hotspot,.no-touchevents #right-hotspot{cursor:pointer}
.no-touchevents #left-hotspot img:hover { content:url(//www.velvetrobot.com/wp-content/themes/naked-wordpress-master/img/left-on.svg) }
.no-touchevents #right-hotspot img:hover{ content:url(//www.velvetrobot.com/wp-content/themes/naked-wordpress-master/img/right-on.svg) }
.no-touchevents #bottomBar img:hover{ content:url(//www.velvetrobot.com/wp-content/themes/naked-wordpress-master/img/thumbs-on.svg) }
.no-touchevents #left-hotspot img,.no-touchevents #right-hotspot img{-webkit-transition: all .5s ease; transition: all .5s ease}
.bx-wrapper img { max-width: 100% }
.cakeInnerSlideshowContent{width:100%;position:relative;margin-top:0} .fancybox-opened .fancybox-skin {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
} a {
color: #007998;
-webkit-transition: color 0.25s ease-in-out;
-moz-transition: color 0.25s ease-in-out;
-o-transition: color 0.25s ease-in-out;
-ms-transition: color 0.25s ease-in-out;
transition: color 0.25s ease-in-out;
text-decoration: none;
}
.no-touchevents a:hover,
.no-touchevents a:focus,
.no-touchevents a:active {
color: rgba(136, 35, 38,1);
}
.mysub
{
font-size: 25px;
color: white;
text-align:center;
vertical-align:middle;
font-family: "rockwell",sans-serif;
font-style: normal;
font-weight: 300;
text-transform: capitalize;
} header {
padding: 0;
background: transparent;
margin: 20px auto 20px auto;
} .site-footer{
}
.hide-text {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
.clear {
clear: both;
} .clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}  @media screen and (max-width:1024px)
{
.contactTitle
{
font-size: 35px;	
}
} @media screen and (max-width:768px)
{
.frontTitle
{
font-size: 5vw;
}
.contactTitle
{
font-size: 35px;
bottom: 0;
left: 40px;
}
.smallerTitle
{
font-size: 20px;
}
} @media screen and (max-width:767px)
{
.clientLoginText
{
font-size: 15px !important;
font-weight: 300;
}
.gradingLeft, .gradingRight
{
display:block;
float:none;
width:100%;
}
.gradingLeft
{
height: 250px
}
.gradingRight
{
height:200px;
padding:3%;
}
.gradingHolder
{
margin: 0 auto 40px auto;
}
.gradingPlay
{
bottom:20px;
left: 3%;
width: 30px;
height: 30px;
}
} @media screen and (max-width:500px)
{
.gradingLeft, .gradingRight
{
display:block;
float:none;
width:100%;
}
.gradingInside
{
height: auto;
}
.gradingLeft
{
height: 200px
}
.gradingRight
{
height:auto;
padding:10px;
}
.gradingHolder
{
margin: 0 auto 20px auto;
height:auto;
}
.gradingPlay
{
position:relative;
bottom:unset;
left: unset;
width: 30px;
height: 30px;
margin-top: 15px;
margin-bottom: 10px;
}
} @media screen and (max-height:768px)
{
.titleGapL
{
height:40px	
}
.smallerTitle
{
font-size: 20px;
}
} @media screen and (max-height:480px) and (orientation: landscape)
{
#xicon
{
position: absolute;
left: 20px
}
} @media screen and (max-height:480px)
{
} @media screen and (max-height:420px)
{
.noGapWhenSmall
{
height:0 !important	
}
.titleGapM {
height: 20px;
}
.titleGapS {
height: 30px;
}
.smallerTitle
{
font-size: 20px;
}
.contactTitle
{
width: calc(100% - 40px);
bottom: 0;
left:20px;
}
.page-template-page-contact .ft2, .page-template-page-contact .ft3, .page-template-page-contact .ft4, .contactTitle
{
font-size: 4vw
}
.ft5, .ft5 a {
font-size: 3vw;
}
.smallRedTitle
{
font-size: 3vw !important
}
.custom-logo
{
width: 75px;
height: 50px	
}
#xicon img
{
width: 30px;
height: 30px;
margin: 20px auto 10px auto;	
}
.colWhenSmall
{
float:left;
display: inline-block;
width: 50%
}
} @media screen and (max-height:370px)
{
.frontTitle
{
font-size: 7vw;
bottom: 20px;
left: 20px;
}
} @media screen and (max-width:520px)
{
#pointToMenuContainer
{
top: 115px
}
.container3d
{  }
}
@media screen and (max-height:420px)
{
#pointToMenuContainer
{
top: 90px
}
}
@media screen and (max-height:667px)
{
#xicon img {
width: 25px;
height: 25px;
margin: 15px auto 10px auto;
}
.contactTitle
{
font-size: 5.5vh;
bottom: 0;
left: 20px;
position: relative !important;
padding-top: 25px
}	
.ft5, .ft5 a {
font-size: 4.5vh;
}
.frontTitle
{
font-size: 7vh;
bottom: 30px;
left: 20px;
}
.contactTitle
{
font-size: 5.5vh;
bottom: 0;
left: 20px;
position: relative !important;
padding-top: 25px
}
.smallerTitle
{
font-size: 4.5vh;
}
.titleGapS { height: 15px }
.titleGapM { height: 25px }
.titleGapL { height: 30px }
.smallRedTitle a
{
color: rgb(136, 35, 38) !important;
font-size: 5.5vh
}
} @media screen and (max-width:420px)
{
.ft5, .ft5 a {
font-size: 5vw;
}
.frontTitle
{
font-size: 7vw;
bottom: 30px;
left: 20px;
}
.contactTitle
{
font-size: 5.5vw;
bottom: 0;
left: 20px;
position: relative !important;
padding-top: 50px
}
.smallerTitle
{
font-size: 4.5vw;
}
.titleGapS { height: 15px }
.titleGapM { height: 25px }
.titleGapL { height: 30px }
.smallRedTitle a
{
color: rgb(136, 35, 38) !important;
font-size: 5.5vw
} #xicon img
{
width: 30px;
height: 30px;
margin: 20px auto 10px auto;	
}
}
@media screen and (max-width:420px)
{
.custom-logo {
margin: 0 auto;
width: 90px;
height:auto;
cursor: pointer;
}
.logoContainer {
cursor: pointer;
height: auto;
width: 90px;
margin: 0 auto;
}
#pointToMenuContainer {
top: 100px;
}
.page-template-page-gallery #myEverything, .post-type-archive-motion #myEverything, .post-type-archive-deconstruction #myEverything {
margin-top: 100px;
}
}