a,.primaryNav,.roundedCornerArrow{transition:all .1s ease-in-out}main,footer,.siteBy{transition:all .5s ease-in-out}@media screen, projection{html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}a img{border:none}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle;margin:0}input:not([type=radio]){-webkit-border-radius:0;border-radius:0}@font-face{font-family:'elegant_luxmager';src:url("fonts/elegantlux-mager-webfont.eot");src:url("fonts/elegantlux-mager-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/elegantlux-mager-webfont.woff2") format("woff2"),url("fonts/elegantlux-mager-webfont.woff") format("woff"),url("fonts/elegantlux-mager-webfont.ttf") format("truetype"),url("fonts/elegantlux-mager-webfont.svg#elegant_luxmager") format("svg");font-weight:normal;font-style:normal}body{font-family:'elegant_luxmager';background-color:#fff;font-style:normal;font-weight:300;font-size:1.4em;text-transform:none;text-decoration:none;letter-spacing:0em;word-spacing:0em;text-rendering:optimizeLegibility;color:#000;margin:0;padding:0;position:relative;word-wrap:break-word;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}::selection{color:#fff;background:#e14d43}::-moz-selection{color:#fff;background:#e14d43}.screen-reader-text{display:none}a{color:#000;text-decoration:none}a:hover{text-decoration:underline}a.btn{background-color:#e14d43;color:#fff;padding:5px 10px;display:inline-block;border-radius:5px}a.btn:hover{background-color:#dd382d;border-radius:7px}.highlight{color:#e14d43}button{display:inline-block;margin:0 1em;border:none;background:none;outline:none}p{margin:0 0 10px}p.intro{font-size:1.2em}h1{font-size:2em}h2{font-size:1.7em}h3{font-size:1.5em}h4{font-size:1em}h1,h2,h3,h4{margin:0 0 20px;text-transform:uppercase}.grid-container{width:80%;max-width:1200px;margin:0 auto}.sticky .posted-on{display:none}main{padding:30px 0 20px 0;background:#C9C9C9;overflow:hidden}.roundedCornerArrow{display:inline-block;width:54px;height:54px;border-radius:0.14286rem;cursor:pointer;position:absolute;top:0;left:0;opacity:0;margin:0;padding:20px}.roundedCornerArrow.show{opacity:1}.roundedCornerArrow:before{display:inline-block;width:1rem;height:0.28571rem;background:#e14d43;border-radius:0.14286rem;position:absolute;left:16px;content:'';transform:rotate(-50deg);-webkit-transform:rotate(-50deg);top:24px}.roundedCornerArrow:after{display:inline-block;width:1rem;height:0.28571rem;background:#e14d43;border-radius:0.14286rem;position:absolute;left:24px;content:'';transform:rotate(50deg);-webkit-transform:rotate(50deg);top:24px}header{background-color:#000}header .menuIcon{width:40px;height:35px;border-radius:5px;display:none;position:absolute;right:20px;top:25px;background:#000;cursor:pointer}header .menuIcon .burger{width:30px;height:4px;background-color:#fff;display:block;position:relative;top:15px;border-radius:2px;left:5px}header .menuIcon .burger:before{content:"";width:inherit;height:inherit;background-color:#fff;display:block;position:absolute;top:9px;border-radius:inherit;left:0px}header .menuIcon .burger:after{content:"";width:inherit;height:inherit;background-color:#fff;display:block;position:absolute;bottom:9px;border-radius:inherit;left:0px}header .logo h1{margin:0}header .logo a{margin:0 0;background:#000;width:140px;height:70px;display:block;text-align:center;color:#fff;padding:10px 0 10px !important}header .logo a span{font-size:18px}header .logo a img{padding:3px 0 0;width:130px}header nav.primaryNav ul{text-align:center}header nav.primaryNav ul li{list-style:none;display:inline-block}header nav.primaryNav ul li a{padding:20px 10px;text-transform:uppercase;font-size:20px}header nav.mobileNav{display:none;background-color:#fff}header nav.mobileNav.show{display:block}header nav.mobileNav ul{text-align:center}header nav.mobileNav ul li{list-style:none}header nav.mobileNav ul li a{margin:0 10px;text-transform:uppercase;display:block;border-bottom:1px solid #f0f0f0;padding:10px}footer{text-align:center;font-size:14px;margin:20px 0 0}footer .logo{margin:0 auto 10px;width:120px;display:block;color:#000;font-weight:bold;font-size:12px}footer .logo img{padding:3px 0 0}.siteBy{text-align:center;font-size:12px;margin:0 0 10px}.swiper-container{width:100%;height:630px;background:url("images/bg.png");margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container .arrow-left{transform:rotate(180deg);background:url("images/sliderArrow.png") no-repeat center center;position:absolute;left:0;width:26px;height:100%;z-index:10;background-size:13px 111px;padding:0 30px}.swiper-container .arrow-right{background:url("images/sliderArrow.png") no-repeat center center;position:absolute;right:0;width:26px;height:100%;z-index:10;background-size:13px 111px;padding:0 30px}.swiper-container .swiper-slide .title{font-style:italic;font-size:42px;margin-top:80px;margin-bottom:0;line-height:45px}.swiper-container .swiper-slide .slide-painting{width:100%;float:left}.swiper-container .swiper-slide .slide-info{width:100%;float:right;padding:40px 0 0 0;color:#000}.swiper-container .swiper-slide .slide-info .slide-info-content{text-align:center}.swiper-container .swiper-slide .slide-info .slide-info-content h3{font-size:20px;text-transform:uppercase}.swiper-container .swiper-slide .slide-info .slide-info-content p{display:none}.swiper-container .swiper-slide .slide-info .slide-info-content a{color:#000;text-transform:uppercase;text-decoration:underline;font-weight:bold;padding:20px 0 0;display:block}.swiper-container .pagination{position:absolute;z-index:20;left:10px;bottom:10px}.swiper-container .swiper-pagination-switch{display:inline-block;width:8px;height:8px;border-radius:8px;background:#222;margin-right:5px;opacity:0.8;border:1px solid #fff;cursor:pointer}.swiper-container .swiper-visible-switch{background:#aaa}.swiper-container .swiper-active-switch{background:#fff}.swiper-container .slide-painting{padding:40px 0 0 0}.swiper-container .slide-painting .nail{width:10px;height:10px;background-color:#000;border-radius:10px;margin:0 auto;position:relative;z-index:10}.swiper-container .slide-painting .nail.nailGrad{background:radial-gradient(#ddd, #aaa)}.swiper-container .slide-painting .nail.nailGrad:after{content:"";display:block;width:1px;height:9px;background-color:#999;transform:rotate(45deg);left:5px;position:absolute;top:1px}.swiper-container .slide-painting .pictureFrame{margin:0 auto}.swiper-container .slide-painting .pictureFrame .string{margin:0 auto;display:block;width:10px;height:10px;position:relative}.swiper-container .slide-painting .pictureFrame .string:before{content:"";display:block;width:2px;height:90px;background-color:#333;transform:rotate(40deg);left:-27px;position:absolute;top:-15px}.swiper-container .slide-painting .pictureFrame .string:after{content:"";display:block;width:2px;height:90px;background-color:#333;transform:rotate(-40deg);left:35px;position:absolute;top:-15px}.swiper-container .slide-painting .pictureFrame .string .shadow{margin:0 auto;display:block;width:10px;height:10px;position:relative}.swiper-container .slide-painting .pictureFrame .string .shadow:before{content:"";display:block;width:2px;height:100px;background-color:rgba(0,0,0,0.2);transform:rotate(44deg);left:-34px;position:absolute;top:-19px}.swiper-container .slide-painting .pictureFrame .string .shadow:after{content:"";display:block;width:2px;height:90px;background-color:rgba(0,0,0,0.2);transform:rotate(-37deg);left:31px;position:absolute;top:-15px}.swiper-container .slide-painting .pictureFrame .frame{background-color:rgba(255,255,255,0.3);margin:60px auto 0;transition:.5s all;position:relative}.swiper-container .slide-painting .pictureFrame .frame .corners{position:relative}.swiper-container .slide-painting .pictureFrame .frame .blCorner{width:15px;height:15px;background-color:#fff;left:0px;position:absolute;bottom:10px;z-index:20}.swiper-container .slide-painting .pictureFrame .frame .trCorner{width:15px;height:15px;background-color:#fff;right:15px;position:absolute;top:0px;z-index:20}.swiper-container .slide-painting .pictureFrame .frame .left{content:"";display:block;width:10px;background-color:#ccc;transform:skewY(45deg);left:-10px;position:absolute;top:-5px}.swiper-container .slide-painting .pictureFrame .frame .top{content:"";display:block;height:10px;background-color:#f0f0f0;transform:skew(45deg);left:-5px;position:absolute;top:-10px}.swiper-container .slide-painting .pictureFrame .frame img{display:block;position:relative;border:15px solid white;max-width:150px;max-height:300px;padding:0 10px 10px 0}.swiper-container .slide-painting .pictureFrame .frame .painting{position:relative}.swiper-container .slide-painting .pictureFrame .frame .painting .innerBottom{height:10px;background-color:#f0f0f0;transform:skew(45deg);left:10px;position:absolute;bottom:15px;width:200px;z-index:10}.swiper-container .slide-painting .pictureFrame .frame .painting .innerRight{background-color:#ccc;transform:skewY(45deg);right:15px;position:absolute;bottom:19px;width:10px;z-index:10}@keyframes slideReset{0%{transform:rotate(0deg) translateX(0px) translateY(0px)}33%{transform:rotate(5deg) translateX(-12px) translateY(0px)}66%{transform:rotate(-5deg) translateX(12px) translateY(0px)}100%{transform:rotate(0deg) translateX(0px) translateY(0px)}}.slideReset{animation:slideReset 1s}@keyframes slide{0%{transform:rotate(0deg) translateX(0px) translateY(0px)}33%{transform:rotate(10deg) translateX(-25px) translateY(2px)}66%{transform:rotate(-10deg) translateX(25px) translateY(2px)}100%{transform:rotate(0deg) translateX(0px) translateY(0px)}}.slide{animation:slide 1s infinite}.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px, 0, 0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px, 0, 0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px, 0, 0);-o-transition-timing-function:ease;-o-transform:translate(0px, 0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px, 0, 0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px, 0, 0);transition-timing-function:ease;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{float:left;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-wp8-horizontal{-ms-touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x}.portfolio{line-height:0;-webkit-column-count:2;-webkit-column-gap:0px;-moz-column-count:2;-moz-column-gap:0px;column-count:1;column-gap:0}.portfolio a{display:block;position:relative}.portfolio a img{width:93%;height:auto !important;margin:10px 0 0 0;border:10px solid #fff;border-bottom:50px solid #fff}.portfolio a .paintingTitle{background-color:#fff;width:100%;position:absolute;bottom:25px;left:10px}.pagination{margin:0 0 20px 0;text-align:right}.pagination .page-numbers{background-color:#fff;padding:10px 20px;display:inline-block;margin-top:15px}.pagination .page-numbers.current,.pagination .page-numbers:hover{background-color:#000;color:#fff}.aboutJohnLaw{float:right;margin:0 0 20px;border:5px solid #fff;width:100%;height:auto}.largePainting{text-align:center}.largePainting img{max-width:100%;margin:20px 0 20px;border:5px solid #fff}}@media screen and (min-width: 30em){.swiper-container .swiper-slide .slide-painting .pictureFrame .frame img{max-width:300px;max-height:300px}}@media screen and (min-width: 37.5em){header{background-color:#fff}header .logo a{margin:0 5px;width:180px;height:100px;padding:25px 0 0 !important}header .logo a span{font-size:22px}header .logo a img{width:165px}header nav.mobileNav{display:none !important}.swiper-container .swiper-slide .slide-info .slide-info-content{text-align:center}.swiper-container .swiper-slide .slide-info .slide-info-content h3{font-size:20px;text-transform:uppercase}.swiper-container .swiper-slide .slide-info .slide-info-content p{display:none}.swiper-container .swiper-slide .slide-info .slide-info-content a{padding:20px 0 0}.swiper-container .swiper-slide .slide-painting .pictureFrame .frame img{max-width:420px;max-height:300px}.portfolio{line-height:0;-webkit-column-count:2;-webkit-column-gap:10px;-moz-column-count:2;-moz-column-gap:10px;column-count:2;column-gap:10px}.portfolio a img{width:90%;height:auto !important;margin:22px 0 0 0}.aboutJohnLaw{float:right;margin:0 0 20px 20px;border:5px solid #fff;width:320px}}@media screen and (min-width: 50em){.swiper-container .swiper-slide .slide-painting .pictureFrame .frame img{max-width:580px;max-height:300px}}@media screen and (min-width: 64em){header .logo a{margin:0 40px;width:276px;height:120px;padding:50px 0 0 !important}header .logo a img{width:212px}header nav.primaryNav ul li a{font-size:22px}.swiper-container .swiper-slide .slide-info{width:40%;float:right;padding:40px 0 0 0;color:#000}.swiper-container .swiper-slide .slide-info .slide-info-content{text-align:left}.swiper-container .swiper-slide .slide-info .slide-info-content p{display:block}.swiper-container .swiper-slide .slide-painting{width:60%;float:left}.swiper-container .swiper-slide .slide-painting .pictureFrame .frame img{max-width:400px;max-height:400px}.largePainting{text-align:center}.largePainting img{max-width:800px;margin:20px 0 20px;border:5px solid #fff}.portfolio{line-height:0;-webkit-column-count:2;-webkit-column-gap:10px;-moz-column-count:2;-moz-column-gap:10px;column-count:2;column-gap:10px}.portfolio a{position:relative}.portfolio a img{width:93%;height:auto !important;margin:30px 0 0 0}}