@charset "utf-8";
/* CSS Document */
html, body, #header {
margin: 0 !important;
padding: 0 !important;
}
body { background-image: url();
background-color:#090909;}
/* ======== COLOURS ========
#4378bc LOGO BLUE
#a7a8ac LOGO GREY
====== */
/* --------------#f4f3ef;
_____ _ ______ _ ____ ___
| __ \(_) | ____| | | |___ \ / _ \
| |__) |_ _ __ ___ __ _ _ __ _ __ __ _ | |__ _ __ __ _ _ __ ___ _____ _____ _ __| | __ __) | | | | ___ ___ ___
| _ /| | '_ \ / _ \/ _` | '_ \| '_ \ / _` | | __| '__/ _` | '_ ` _ \ / _ \ \ /\ / / _ \| '__| |/ / |__ <| | | | / __/ __/ __|
| | \ \| | | | | __/ (_| | | | | | | | (_| | | | | | | (_| | | | | | | __/\ V V / (_) | | | < ___) | |_| | | (_| (__\__ \
|_| \_\_|_| |_|\___|\__,_|_| |_|_| |_|\__,_| |_| |_| \__,_|_| |_| |_|\___| \_/\_/ \___/|_| |_|\_\ |____(_)___/ \___\___|___/
----------- */
div.ham{
height:25px;
width: 25px;
margin: 12px 0px 0px 0%;
padding: 0px 0px 0px 0%;
vertical-align:top; display: inline-block;
background-size: cover;background-position:center;
background-repeat:no-repeat;
background-image: url(ham.png);
z-index: 99999;
}
.hide {
display: none;
}
/* ======== MEDIA QUERIES ============== */
.mobileHide { display: inline;}
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px){ .mobileHide { display: none;}}
.mobileShow { display: none;}
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px){ .mobileShow { display: inline;}}
.tabletHide { display: inline;}
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 480px)
and (max-device-width : 1025px){ .tabletHide { display: none;}}
.tabletShow { display: none;}
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 480px)
and (max-device-width : 1025px){ .tabletShow { display: inline;}}
.smallHide { display: inline;}
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 1026px)
and (max-device-width : 1439px){ .smallHide { display: none;}}
.smallShow { display: none;}
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 1026px)
and (max-device-width : 1439px){ .smallShow { display: inline;}}
/* ======== FADES AND ANIMATIONS ============== */
.fade {
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.fade:hover { opacity: 0.5; }
.fade2 {
filter:greyscale(100%);
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.fade2:hover {
filter: grayscale(100%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
transform: scale(1.0);
-webkit-transform: scale(1.03);
-moz-transform: scale(1.1);
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.fade3aa {
transition: all 0.2s;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
}
.fade3aa{
height: 100px;
float: left;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
}
.fade3:hover {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
transform: scale(1.03);
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
}
.fade4 {
transition: all 0.2s;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
}
.fade4{
height: 100px;
float: left;
filter: grayscale(60%);
-webkit-filter: grayscale(60%);
-moz-filter: grayscale(60%);
}
.fade4:hover {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
transform: scale(1.03);
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
}
/* ======== SPACERS ============== */
div.spacer{ backgroundColor: yellow;}div.s-25{height:25px;}div.s-50{ height:50px; }
div.s-75{height:75px;}div.s-100{ height:100px;}div.s-150{height:150px;}
div.s-200{ height:200px;}div.s-250{height:250px;}
/* ======== LINKS ============== */
/* ======== LINKS ============== */
.link-header A:link { -o-transition:.8s;
-ms-transition:.8s;
-moz-transition:.8s;
-webkit-transition:.8s;
transition:.8s; color: white; text-decoration: none;}
.link-header A:visited {color: white; text-decoration: none;}
.link-header A:active { color:white; text-decoration: none;}
.link-header A:hover {color:#4378bc; text-decoration: none; }
.link-foot A:link { -o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s; color: white; text-decoration: none;}
.link-foot A:visited {color: white; text-decoration: none;}
.link-foot A:active { color: white; text-decoration: none;}
.link-foot A:hover {color:#4378bc; text-decoration: none; }
.link-bg A:link { -o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s; color: #4378bc ; text-decoration: none;}
.link-bg A:visited {color: #4378bc ; text-decoration: none;}
.link-bg A:active { color: #4378bc ; text-decoration: none;}
.link-bg A:hover {color:#a7a8ac ; text-decoration: none; }
.link-con A:link { -o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s; color: white ; text-decoration: none;}
.link-con A:visited {color: white ; text-decoration: none;}
.link-con A:active { color: white ; text-decoration: none;}
.link-con A:hover {color:#4378bc ; text-decoration: none; }
.link-bar A:link { -o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s; color:#a7a8ac ; text-decoration: none;}
.link-bar A:visited {color: #a7a8ac ; text-decoration: none;}
.link-bar A:active { color: #a7a8ac ; text-decoration: none;}
.link-bar A:hover {color:white ; text-decoration: none; }
/* ======== COLOURS ========
#4378bc LOGO BLUE
#a7a8ac LOGO GREY
====== */
/* =====================================================================================*/
/* =====================================================================================*/
/* =====================================================================================*/
/* =====================================================================================*/
/* -=========== HEADER NAVIGATION BAR =========== */
div.header {
position: fixed;
top: 0; left: 0;
width: 95%; padding: 0 0 0 5%;
z-index: 10000;
transition: all 1s ease-in-out;
height: 50PX;
background-color: transparent;
text-align:left;
}
div.header.active {
background: #222222;
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
border-bottom: 1px solid #4378bc;
}
div.headercont{
margin: 0 2% 0 0 ;
width: 98%; height:12px;
padding: 0px 0px 0px 0%;
backgroundcolor: red;
text-align:right;
}
div.headerblocks{
width:auto;
padding: 13px 2.5% 10px 0%;
backgroundcolor: grey;
text-align:left;
display:inline-block;
font-family: 'oswald', serif;
color:#3a3c3b;
font-size: 14px;
font-weight: 400;
letter-spacing:-0.5px;
white-space:nowrap;
}
/* =====================================================================================*/
/* =====================================================================================*/
/* =====================================================================================*/
/* =====================================================================================*/
/* HERO - - HERO - - - HERO - - - */
/* HERO - - HERO - - - HERO - - - */
div.hero-cont{
height:550px; width: 100%;
background-size: cover;background-position:center;
background-repeat:no-repeat;color:black;
display: inline-block;vertical-align: top;
margin: 0px 0px 0px 0%; padding: 0px 0px 0px 0px;
}
div.hero-left{
height:400px; width: 50%;
background-size: cover;background-position:center;
background-repeat:no-repeat;color:black;
display: inline-block;vertical-align: top;
margin: 0px 0px 0px 0%; padding: 0px 0px 0px 0px;
background-image: url(hero/hero-left-honey.jpg);
text-align: center;
}
div.hero-left-inner{
height:auto; width: 100%;
background-size: cover;background-position:center;
background-repeat:no-repeat;color:black;
display: inline-block;vertical-align: top;
margin: 0px 0px 0px 0%; padding: 0px 0px 0px 0px;
text-align: center;
}
div.hero-logo{
height:120px; width:200px;
margin:75px 0% 0px 0%;
display: inline-block;vertical-align: top;
background-size: cover; background-position:center; background-repeat:no-repeat;
background-image: url(hero-logo1.png);
}
div.hero-tit1{
width:auto; height: auto;
margin: 10px 0px 0px 0px; padding:10px 25px 15px 25px;
display: inline-block;vertical-align: top;
font-family: 'oswald', serif;
font-size: 40px;
font-weight: 200;
letter-spacing: -2px;
line-height: 1;
color:#a7a8ac ;
background-color: rgba(0,0,0,0.9);
border-radius: 0 20px 20px 0;
}
.ht-bold{
font-weight: 400;
line-height: 1;
color:white;
}
div.hero-right{
height:475px; width: 50%;
background-size: cover;background-position:center;
background-repeat:no-repeat;color:black;
display: inline-block;vertical-align: top;
margin: 0px 0px 0px 0%; padding: 0px 0px 0px 0px;
}
div.bot{
width:auto; height: auto;
margin: 10px 0px 10px 0px; padding: 10px 15px 10px 15px;
display: inline-block;vertical-align: top;
font-family: 'oswald', serif;
font-size: 12px;
font-weight: 800;
letter-spacing: 3px;
line-height: 1;
color:#aaaaaa;
background-color: rgba(0,0,0,0.9);
border-radius:5px ;
}
div.XXXhero-button1{
width:auto; height: auto;
margin: 0px 30px 0px 0%; padding: 5px 35px 5px 35px;
display: inline-block;vertical-align: top;
font-family: 'Raleway', sans-serif;
font-size: 13px;
font-weight: 800;
letter-spacing: 6px;
line-height: 1;
color:#30155d ;
border-radius:5px ;
border:1px dotted #111111;
}
div.tab-hero1{
height:520px; width: 100%;
background-size: cover;background-position:center;
background-repeat:no-repeat;color:black;
display: inline-block;vertical-align: top;
margin: 0px 0px 0px 0%; padding: 0px 0px 0px 0px;
}
div.tab-holder{
height:auto; width:auto;
margin:240px 0% 0px 0%; padding: 20px 20px 20px 20px;
display: inline-block;vertical-align: top;
background-size: cover; background-position:center; background-repeat:no-repeat;
background-color: rgba(0,0,0,0.9);
border-radius: 0 20px 20px 0;
}
div.tab-hero-logo{
height:110px; width:180px;
margin:0px 0% 0px 0%; padding: 0px 0px 0px 0px;
display: inline-block;vertical-align: top;
background-size: cover; background-position:center; background-repeat:no-repeat;
background-image: url(hero-logo1.png);
}
/* ======== HOME HOME PAGE ============== */
/* ======== HOME HOME PAGE ============== */
/* ======== HOME HOME PAGE ============== */
div.in-frame{
height:auto; width:100%;
margin:0px 0% 0px 0%;
backgroundcolor: black;
display: inline-block; vertical-align: top;
background-size: cover; background-position:center; background-repeat:no-repeat;
overflow:hidden;
}
div.in-cont{
height:auto; width:95%;
margin:50px 0% 50px 5%;
backgroundcolor: black;
display: inline-block; vertical-align: top;
}
div.in-covers{
height:300px; width:95%;
margin:0px 30px 30px 0%;
backgroundcolor: black;
display: inline-block; vertical-align: top;
background-size: cover; background-position:center; background-repeat:no-repeat;
text-align: center;
}
div.in-inner{
height:auto; width:80%;
margin: 160px 0px 0px 0px;padding: 0px 0px 0px 0px;
display: inline-block;vertical-align: top;
text-align: center;
}
div.in-t1{
height:auto:; width:auto;
margin: 0px 00px 15px 0px;padding: 0px 0px 0px 0px;
display: inline-block;vertical-align: top;
font-family: 'oswald', serif;
font-size:30px;
font-weight: 600;
letter-spacing: -1.2px;
line-height: 1;
color:#ffffff;
text-shadow: 2px 2px #000000;
}
div.in-c1{
height:auto:; width:auto;
margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;
display: inline-block;vertical-align: top;
font-family: 'oswald', serif;
font-size:22px;
font-weight: 300;
letter-spacing: 0px;
line-height: 1.4;
color:white;
text-shadow: 2px 2px 3px #000000;
}
div.in-line-cont{
height: auto; width: 35%;
margin: 0px 0% 0px 0%;padding: 0px 0px 0px 0%;
vertical-align:top; display: inline-block;
line-height: 4px;
}
div.in-line{
height: 2px; width: 100%;
margin: 0px 0% 0px 0%;padding: 0px 0px 0px 0%;
vertical-align:top; display: inline-block;
border-bottom:1px solid rgba(255,255,255,0.1);
}
div.in-link{
height:auto:; width:35%;
margin: 10px 0px 0px 0px;padding: 10px 0px 0px 0px;
display: inline-block;vertical-align: top;
font-family: 'oswald', serif;
font-size:18px;
font-weight: 300;
letter-spacing: 0px;
line-height: 1;
color:#4378bc;
border-top:1px solid rgba(255,255,255,0.1);
}
/* ======== Index second section ============== */
div.in-deets-frame{
height:auto; width:100%;
margin:0px 0% 0px 0%;
backgroundcolor: black;
display: inline-block; vertical-align: top;
background-size: cover; background-position:center; background-repeat:no-repeat;
}
div.in-second-pic-frame{
height:auto; width:42%;
margin:-30px 0% 75px 5%;
background-color: black;
display: inline-block; vertical-align: top;
background-size: cover; background-position:center; background-repeat:no-repeat;
}
div.in-bar-pic1{
height:450px; width:100%;
margin:0px 20px 0px 0%;
backgroundcolor: black;
display: inline-block; vertical-align: top;
background-size: cover; background-position:center; background-repeat:no-repeat;
}
div.in-bar-pic2{
height:500px; width:100%;
margin:0px 20px 0px 0%;
backgroundcolor: black;
display: inline-block; vertical-align: top;
background-size: cover; background-position:center; background-repeat:no-repeat;
}
div.in-inner-copy{
height:auto; width: 90%;
margin: 50px 0px 50px 5%; padding: 0px 0px 0px 0px;
display: inline-block;vertical-align: top;
backgroundcolor: grey;
font-family: 'oswald', serif;
font-size:20px;
font-weight: 300;
letter-spacing: 0px;
line-height: 1.4;
color:white;
text-align: left;
}
div.in-horiz{
height:auto; width: auto;
margin: 0px 0px 15px 0%; padding: 0px 0px 0px 0px;
display: inline-block;vertical-align: top;
backgroundcolor: grey;
font-family: 'oswald', serif;
font-size:20px;
font-weight: 300;
letter-spacing: 0px;
line-height: 1.4;
color:white;
}
/* ======== NEW YT SECTION ============== */
div.show-frame{
height:auto; width:95%;
margin:50px 0% 50px 5%;
backgroundcolor: black;
display: inline-block; vertical-align: top;
text-align: left;
}
div.show-horiz{
height:auto; width:90%;
margin:0px 0% 50px 0%;
backgroundcolor: black;
display: inline-block; vertical-align: top;
}
div.yt-holder-big{
height:450px; width:100%;
margin:0px 0% 0px 0%;
backgroundcolor: black;
display: inline-block; vertical-align: top;
}
div.yt-words{
height:auto; width:100%;
margin:0px 0% 50px 0%;backgroundcolor: black;
display: inline-block; vertical-align: top;
}
div.yt-title{
width:100%; height: auto;
margin: 0px 0% 0% 0%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
}
div.yt-sub{
width:100%; height: auto;
margin: 8px 0% 0% 0%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
font-family: 'oswald', serif;
font-size:26px;
font-weight: 600;
letter-spacing: -1.4px;
line-height: 1;
color:#4378bc;
}
div.yt-copy{
width:100%; height: auto;
margin: 20px 0% 0% 0%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
}
/* ============ What I do - Specif - */
div.wid-top{
width:100%; height: auto;
margin: -25px 0% 0px 0%; padding: 0px 0px 0px 0px;
background-size: cover;background-position:center;
background-repeat:no-repeat;
}
div.wid-words{
width:35%; height: auto;
margin: 75px 0% 50px 8%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
}
div.tab-fix1{
width:80%; height: auto;
margin: 75px 0% 100px 8%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
}
div.tab-fix2-proj{
width:90%; height: auto;
margin: 75px 0% 100px 8%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
}
div.tab-fix3-index{
width:80%; height: auto;
margin: 75px 0% 50px 8%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
}
div.tab-fix4-wid{
width:80%; height: auto;
margin: 75px 0% 50px 8%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
}
div.tab-fix5-pland{
width:80%; height: auto;
margin: 75px 0% 50px 8%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
}
div.tab-fix6-con{
width:80%; height: auto;
margin: 75px 0% 50px 8%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
}
div.tab-fix7-gal{
width:80%; height: auto;
margin: 75px 0% 50px 8%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
}
div.tab-fix55{
width:90%; height: auto;
margin: 75px 0% 100px 5%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
}
div.tit1{
width:100%; height: auto;
margin: 0px 0% 0% 0%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
}
div.cop1{
width:100%; height: auto;
margin: 20px 0% 0% 0%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
}
div.wid-pics{
height:auto; width:45%;
margin:-50px 0% 50px 8%;
backgroundcolor: black;
display: inline-block; vertical-align: top;
background-size: cover; background-position:center; background-repeat:no-repeat;
}
div.wp1{
height:490px; width:350px;
margin:0px 5% 50px 0%;
display: inline-block; vertical-align: top;
border:5px solid rgba(0,0,0,0.8);
background-size: cover; background-position:center; background-repeat:no-repeat;
}
/* ============ Six Box - */
div.sb-sect{
width:100%; height: auto;
margin: 0px 0% 0px 0%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
background-size: cover;background-position:center;
background-repeat:no-repeat;
}
div.sb-left{
width:20%; height: 675px;
margin: -30px 0% 0px 0%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
background-size: cover;background-position:center;
background-repeat:no-repeat;
z-index: 150;
}
div.sb-frame{
width:100%; height: auto;
margin: 0px 0% 0px 0%; padding: 50px 0px 50px 0px;
vertical-align:top; display: inline-block;
background-size: cover;background-position:center;
background-repeat:no-repeat;
}
div.sb-horiz{
width:90%; height: auto;
margin: 30px 0% 50px 10%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
backgroundcolor: rgba(111,163,111,0.7);
}
div.sb-entry{
width:80%; height: auto;
margin: 0px 0% 30px 00%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
backgroundcolor: black;
}
div.sb-tit{
width:auto; height: auto;
margin: 0px 0px 0px 0%; padding: 0px 0px 0px 0px;
display: inline-block; vertical-align: top;
font-family: 'oswald', serif;
font-size: 23px;
font-weight: 600;
line-height: 1;
letter-spacing: 0px;
color: white;
}
div.sb-copy{
width:auto; height: auto;
margin: 10px 0px 0px 0%; padding: 0px 0px 0px 0px;
display: inline-block; vertical-align: top;
font-family: 'oswald', serif;
font-size: 17px;
font-weight: 300;
line-height: 1.3;
letter-spacing: 0px;
color: white;
}
/* ============ CALL TO ACTION BAR ----- - */
div.gic{
width:100%; height: auto;
margin: -20px 0% 0px 0%; padding: 50px 0px 50px 0px;
background-size: cover;background-position:center;
background-repeat:no-repeat;
text-align: center;
z-index: 100;
}
div.gic-inner{
width:70%; height: auto;
margin:0px 0px 0px 0%; padding: 0px 0px 0px 0px;
display: inline-block; vertical-align: top;
font-family: 'oswald', serif;
font-size: 22px;
font-weight: 600;
line-height: 1.4;
letter-spacing: 0px;
color: white;
}
div.gic-ms{
width:100%; height: auto;
margin: 0px 0% 0px 0%; padding: 50px 0px 50px 0px;
background-size: cover;background-position:center;
background-repeat:no-repeat;
text-align: center;
background-color: rgba(0,0,0,0.7);
z-index: 100;
}
div.gic-ms{
width:100%; height: auto;
margin:0px 0px 0px 0%; padding: 50px 0px 50px 0px;
display: inline-block; vertical-align: top;
font-family: 'oswald', serif;
font-size: 25px;
font-weight: 600;
line-height: 1.3;
letter-spacing: 0px;
color: white;
}
/* ======== My Story ============== */
div.ms-pics{
height:auto; width:90%;
margin:00px 0% 0px 5%;
backgroundcolor: black;
display: inline-block; vertical-align: top;
background-size: cover; background-position:center; background-repeat:no-repeat;
}
div.ms1{
height:400px; width:100%;
margin:0px 0% 25px 0%;
display: inline-block; vertical-align: top;
background-size: cover; background-position:center; background-repeat:no-repeat;
}
div.kawfix1{height:350px};
div.msback{
width:100%; height: auto;
margin: 0px 0% 0% 0%; padding: 75px 0px 100px 0px;
vertical-align:top; display: inline-block;
background-size: cover; background-position:center; background-repeat:no-repeat;
}
div.ms-pic-left1{
width:14%; height: 400px;
margin: -35px 0% 0% 8%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
background-size: cover; background-position:center; background-repeat:no-repeat;
-webkit-box-shadow: 10px 10px 14px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 10px 10px 14px 0px rgba(0,0,0,0.4);
box-shadow: 10px 10px 14px 0px rgba(0,0,0,0.4);
}
div.ms-pic-left2{
width:14%; height: 400px;
margin: -35px 0% 0% 3%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
background-size: cover; background-position:center; background-repeat:no-repeat;
-webkit-box-shadow: 10px 10px 14px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 10px 10px 14px 0px rgba(0,0,0,0.4);
box-shadow: 10px 10px 14px 0px rgba(0,0,0,0.4);
}
div.ms-words-right{
width:90%; height: auto;
margin: 50px 0% 75px 5%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
font-family: 'oswald', serif;
font-size:21px;
font-weight: 300;
letter-spacing: 0px;
line-height: 1.4;
color:white;
}
div.ms-pic-right1{
width:15%; height: 400px;
margin: -35px 0% 0% 6%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
background-size: cover; background-position:center; background-repeat:no-repeat;
-webkit-box-shadow: 10px 10px 14px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 10px 10px 14px 0px rgba(0,0,0,0.4);
box-shadow: 10px 10px 14px 0px rgba(0,0,0,0.4);
}
div.ms-pic-right2{
width:35%; height: 450px;
margin: -35px 0% 0% 5%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
background-size: cover; background-position:center; background-repeat:no-repeat;
-webkit-box-shadow: 10px 10px 14px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 10px 10px 14px 0px rgba(0,0,0,0.4);
box-shadow: 10px 10px 14px 0px rgba(0,0,0,0.4);
}
div.ms-words-left{
width:90%; height: auto;
margin: 50px 0% 75px 5%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
font-family: 'oswald', serif;
font-size:21px;
font-weight: 300;
letter-spacing: 0px;
line-height: 1.4;
color:white;
}
/* ======== PROJECT LANDING PAGE ============== */
/* ======== PROJECT LANDING PAGE ============== */
div.pl-frame{
height:auto; width:100%;
margin:0px 0% 0px 0%;
backgroundcolor: black;
display: inline-block; vertical-align: top;
background-size: cover; background-position:center; background-repeat:no-repeat;
overflow:hidden;
}
div.pl-covers{
height:340px; width:100%;
margin:0px 0% 20px 0%;
backgroundcolor: black;
display: inline-block; vertical-align: top;
background-size: cover; background-position:center; background-repeat:no-repeat;
text-align: center;
border-top: 2px solid black;
border-bottom: 2px solid black;
}
div.pl-inner{
height:auto; width:75%;
margin: 100px 0px 0px 0px;padding: 0px 0px 0px 0px;
display: inline-block;vertical-align: top;
text-align: center;
}
div.pl-t1{
height:auto:; width:auto;
margin: 0px 00px 20px 0px;padding: 0px 0px 0px 0px;
display: inline-block;vertical-align: top;
font-family: 'oswald', serif;
font-size:32px;
font-weight: 600;
letter-spacing: -1.2px;
line-height: 1;
color:#ffffff;
}
div.pl-c1{
height:auto:; width:auto;
margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;
display: inline-block;vertical-align: top;
font-family: 'oswald', serif;
font-size:22px;
font-weight: 300;
letter-spacing: 0px;
line-height: 1.4;
color:white;
}
div.pl-line-cont{
height: auto; width: 35%;
margin: 0px 0% 0px 0%;padding: 0px 0px 0px 0%;
vertical-align:top; display: inline-block;
line-height: 4px;
}
div.pl-line{
height: 2px; width: 100%;
margin: 0px 0% 0px 0%;padding: 0px 0px 0px 0%;
vertical-align:top; display: inline-block;
border-bottom:1px solid rgba(255,255,255,0.1);
}
div.pl-link{
height:auto:; width:65%;
margin: 10px 0px 0px 0px;padding: 10px 0px 0px 0px;
display: inline-block;vertical-align: top;
font-family: 'oswald', serif;
font-size:18px;
font-weight: 300;
letter-spacing: 0px;
line-height: 1;
color:#4378bc;
border-top:1px solid rgba(255,255,255,0.1);
}
/* ======== Different Projects ============== */
div.pr-text1{
width:85%; height: auto;
margin: 50px 4% 25px 5%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
font-family: 'oswald', serif;
font-size:21px;
font-weight: 300;
letter-spacing: 0px;
line-height: 1.4;
color:white;
}
div.suz{
height:300px; width: 15%;
background-size: cover;background-position:center;
background-repeat:no-repeat;color:black;
display: inline-block;vertical-align: top;
margin: 0px 3% 0px 0; padding: 0px 0px 0px 0px;
position:relative;
}
.link-spanner{
position:absolute;
width:100%;
height:100%;
top:0;
left: 0;
z-index: 1;
}
div.suz2box{
height:auto; width: 95%;
display: inline-block;vertical-align: top;
margin: 0px 0% 50px 5%; padding: 0px 0px 0px 0px;
back-ground:yellow;
}
div.suz2{
height:150px; width: 30%;
background-size: cover;background-position:center;
background-repeat:no-repeat;color:black;
display: inline-block;vertical-align: top;
margin: 0px 2% 5px 0; padding: 0px 0px 0px 0px;
position:relative;
}
div.pr-text3{
width:90%; height: auto;
margin: 50px 4% 50px 5%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
font-family: 'oswald', serif;
font-size:21px;
font-weight: 300;
letter-spacing: 0px;
line-height: 1.4;
color:white;
}
div.suz3box{
height:auto; width: 95%;
display: inline-block;vertical-align: top;
margin: 0px 0% 50px 5%; padding: 0px 0px 0px 0px;
back-ground:yellow;
}
div.suz3{
height:200px; width: 30%;
background-size: cover;background-position:center;
background-repeat:no-repeat;color:black;
display: inline-block;vertical-align: top;
margin: 0px 2% 5px 0; padding: 0px 0px 0px 0px;
position:relative;
}
div.pr-text4{
width:90%; height: auto;
margin: 50px 4% 20px 5%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
font-family: 'oswald', serif;
font-size:21px;
font-weight: 300;
letter-spacing: 0px;
line-height: 1.4;
color:white;
}
div.suz4box{
height:auto; width: 95%;
display: inline-block;vertical-align: top;
margin: 0px 0% 0px 5%; padding: 0px 0px 0px 0px;
back-ground:yellow;
}
div.suz4{
height:200px; width: 30%;
background-size: cover;background-position:center;
background-repeat:no-repeat;color:black;
display: inline-block;vertical-align: top;
margin: 0px 2% 9px 0; padding: 0px 0px 0px 0px;
position:relative;
}
div.pr-text5{
width:85%; height: auto;
margin: 50px 0% 50px 5%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
font-family: 'oswald', serif;
font-size:22px;
font-weight: 300;
letter-spacing: 0px;
line-height: 1.4;
color:white;
}
div.pr-text6{
width:100%; height: auto;
margin: 30px 0% 0% 0%; padding: 30px 0px 0px 0px;
vertical-align:top; display: inline-block;
font-family: 'oswald', serif;
font-size:20px;
font-weight: 300;
letter-spacing: 0px;
line-height: 1.3;
color:#a7a8ac;
border-top: 1px solid #4378bc;
}
div.ol-vidcont1{
width:90%; height: 700px;
margin: 0px 0% 0% 5%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
border:3px solid black;
}
div.ol-vidcont2{
width:300px; height: 0px;
margin: 0px 7% 00px 3%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
border:3px solid black;
float:right;
}
/* ======== Contact ============== */
div.con-pics{
height:auto; width:45%;
margin:-20px 0% 50px 8%;
backgroundcolor: black;
display: inline-block; vertical-align: top;
background-size: cover; background-position:center; background-repeat:no-repeat;
}
div.cs1{
height:420px; width:360px;
margin:0px 5% 100px 0%;
display: inline-block; vertical-align: top;
border:5px solid rgba(0,0,0,0.8);
background-size: cover; background-position:center; background-repeat:no-repeat;
}
div.con-bar-pic{
height:350px; width:25%;
margin:-30px 0% 50px 0%;
backgroundcolor: black;
display: inline-block; vertical-align: top;
background-size: cover; background-position:center; background-repeat:no-repeat;
}
div.con-deets-frame{
height:auto; width:100%;
margin:0px 0% 0px 0%;
backgroundcolor: black;
display: inline-block; vertical-align: top;
background-size: cover; background-position:center; background-repeat:no-repeat;
}
div.con-inner{
height:auto; width: auto;
margin: 50px 0px 50px 8%; padding: 0px 0px 0px 0px;
display: inline-block;vertical-align: top;
backgroundcolor: grey;
}
div.con-horiz{
height:auto; width: auto;
margin: 0px 0px 15px 0%; padding: 0px 0px 0px 0px;
display: inline-block;vertical-align: top;
backgroundcolor: grey;
font-family: 'oswald', serif;
font-size:22px;
font-weight: 300;
letter-spacing: 0px;
line-height: 1.4;
color:white;
}
div.social-icon-inline{
height:30px; width:30px;
padding: 00px 0px 0px 0px; margin: 0px 30px 0px 0px;
display: inline-block; vertical-align: top;
background-size: cover; background-position:center;
background-repeat:no-repeat;
}
div.si-fb{ background-image: url(si-facebookicon.png);}
div.si-in{ background-image: url(si-instagramicon.png);}
div.si-ph{ background-image: url(si-phoneicon.png);}
div.si-em{ background-image: url(si-emailicon.png);}
/* =========FOOTERS -======================================*/
/* =========FOOTERS -======================================*/
/* =========FOOTERS -======================================*/
div.footer{
width:100%; height: auto;
margin: 0px 0px 0px 0%; padding: 0px 0px 00px 0px;
display: inline-block; vertical-align: top;
background-image: url(footer1.jpg);
}
div.fcol1{
width:100%; height: auto;
margin: 50px 0px 30px 0%; padding: 0px 0% 0px 0px;
display: inline-block; vertical-align: top;
backgroundcolor: pink;
text-align: center;
border-bottom: 1px solid black;
}
div.fcol2{
width:28%; height: auto;
margin: 0px 0px 0px 8%; padding: 20px 0px 0px 0px;
display: inline-block; vertical-align: top;
backgroundcolor: pink;
}
div.fcol3{
width:18%; height: auto;
margin: 0px 0px 0px 2%; padding: 20px 0px 0px 0px;
display: inline-block; vertical-align: top;
backgroundcolor: grey;
}
div.fcol4{
width:auto; height: auto;
margin: 0px 0px 0px 21%; padding:20px 0px 0px 0px;
display: inline-block; vertical-align: top;
backgroundcolor: pink;
}
div.fcol5{
width:15%; height: auto;
margin: 30px 0px 0px 2%; padding:50px 0px 0px 0px;
display: inline-block; vertical-align: top;
backgroundcolor: pink;
}
div.footer-logo1{
height:90px; width:150px;
margin:0px 0% 30px 0%; padding:00px 0px 0px 0px;
background-size: cover; background-position:center; background-repeat:no-repeat;
background-image: url(footlogo1.png);
display: inline-block; vertical-align: top;
}
div.f-tit{
width:auto; height: auto;
margin: 0px 0px 15px 0%; padding: 0px 0px 0px 0px;
display: inline-block; vertical-align: top;
font-family: 'oswald', serif;
font-size: 14.5px;
font-weight: 600;
letter-spacing: -0.2px;
line-height: 1.2;
color: #4378bc ;
}
div.f-copy{
width:auto; height: auto;
margin: 0px 0px 0px 0%; padding: 0px 0px 0px 0px;
display: inline-block; vertical-align: top;
font-family: 'Source Sans Pro', sans-serif;
font-size: 13px;
font-weight: 300;
letter-spacing: -0.1px;
line-height: 1.4;
color: white;
}
div.footer-about-text{
width:auto; height: auto;
margin: 0px 0px 0px 0%; padding: 0px 0px 0px 0px;
display: inline-block; vertical-align: top;
font-family: 'Source Sans Pro', sans-serif;
font-size: 13px;
font-weight: 400;
letter-spacing: -0.2px;
line-height: 1.3;
color: white;
}
div.social-bar{
width:auto%; height: auto;
margin: 0px 0% 0px 0%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
}
div.social-icon{
width:30px; height: 30px;
margin: 0px 15px 0% 0%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
background-size: cover;background-position:center;
background-repeat:no-repeat;
}
div.ig{background-image: url(si-instagramicon.png);}
div.fb{background-image: url(si-facebookicon.png);}
div.foot-base{
width:100%; height: auto;
margin: 80px 0px 0px 0%; padding: 30px 0px 30px 0px;
display: inline-block; vertical-align: top;
text-transform: uppercase;
text-align: center;
border-top: #000000 solid 1px;
background-color: rgba(0,0,0,0.7);
font-family: 'Source Sans Pro', sans-serif;
font-size: 8px;
font-weight:400;
letter-spacing: 2px;
line-height: 2.1;
color: white;
}
/* ======== Full image control measures ============== */
/* ======== Full image control measures ============== */
/* ======== Full image control measures ============== */
div.bp1{background-image: url(bp/bp1.jpg);} div.bp2{background-image: url(bp/bp2.jpg);}
div.bp3{background-image: url(bp/bp3.jpg);} div.bp4{background-image: url(bp/bp4.jpg);}
div.bp5{background-image: url(bp/bp5.jpg);} div.bp6{background-image: url(bp/bp6.jpg);}
div.bp7{background-image: url(bp/bp7.jpg);} div.bp8{background-image: url(bp/bp8.jpg);}
div.bp9{background-image: url(bp/bp9.jpg);} div.bp10{background-image: url(bp/bp10.jpg);}
div.bp11{background-image: url(bp/bp11.jpg);}div.bp12{background-image: url(bp/bp12.jpg);}
div.bp13{background-image: url(bp/bp13.jpg);}div.bp13{background-image: url(bp/bp13.jpg);}
div.bp14{background-image: url(bp/bp14.jpg);}div.bp15{background-image: url(bp/bp15.jpg);}
div.bp16{background-image: url(bp/bp16.jpg);}div.bp17{background-image: url(bp/bp17.jpg);}
div.bp18{background-image: url(bp/bp18.jpg);}div.bp19{background-image: url(bp/bp19.jpg);}
div.bp20{background-image: url(bp/bp20.jpg);}div.bp21{background-image: url(bp/bp21.jpg);}
div.bp22{background-image: url(bp/bp22.jpg);}div.bp23{background-image: url(bp/bp23.jpg);}
div.bp24{background-image: url(bp/bp24.jpg);}div.bp25{background-image: url(bp/bp25.jpg);}
div.bp26{background-image: url(bp/bp26.jpg);}div.bp27{background-image: url(bp/bp27.jpg);}
div.bp28{background-image: url(bp/bp28.jpg);}div.bp29{background-image: url(bp/bp29.jpg);}
div.bp30{background-image: url(bp/bp30.jpg);}div.bp31{background-image: url(bp/bp31.jpg);}
div.bp32{background-image: url(bp/bp32.jpg);}div.bp33{background-image: url(bp/bp33.jpg);}
div.bp34{background-image: url(bp/bp34.jpg);}div.bp35{background-image: url(bp/bp35.jpg);}
div.bp36{background-image: url(bp/bp36.jpg);}div.bp37{background-image: url(bp/bp37.jpg);}
div.bp39{background-image: url(bp/bp39.jpg);} div.bp40{background-image: url(bp/bp40.jpg);}
div.bp41{background-image: url(bp/bp41.jpg);} div.bp42{background-image: url(bp/bp42.jpg);}
div.bp43{background-image: url(bp/bp43.jpg);} div.bp44{background-image: url(bp/bp44.jpg);}
div.bp45{background-image: url(bp/bp45.jpg);} div.bp46{background-image: url(bp/bp46.jpg);}
div.bp47{background-image: url(bp/bp47.jpg);} div.bp48{background-image: url(bp/bp48.jpg);}
div.bp49{background-image: url(bp/bp49.jpg);} div.bp50{background-image: url(bp/bp50.jpg);}
div.bp51{background-image: url(bp/bp51.jpg);} div.bp52{background-image: url(bp/bp52.jpg);}
div.bp53{background-image: url(bp/bp53.jpg);} div.bp54{background-image: url(bp/bp54.jpg);}
div.bp55{background-image: url(bp/bp55.jpg);} div.bp56{background-image: url(bp/bp56.jpg);}
div.bp57{background-image: url(bp/bp57.jpg);} div.bp58{background-image: url(bp/bp58.jpg);}
div.bp59{background-image: url(bp/bp59.jpg);} div.bp60{background-image: url(bp/bp60.jpg);}
div.bp61{background-image: url(bp/bp61.jpg);} div.bp62{background-image: url(bp/bp62.jpg);}
div.bp63{background-image: url(bp/bp63.jpg);} div.bp64{background-image: url(bp/bp64.jpg);}
div.bp66{background-image: url(bp/bp66.jpg);} div.bp66{background-image: url(bp/bp66.jpg);}
div.bp67{background-image: url(bp/bp67.jpg);} div.bp68{background-image: url(bp/bp68.jpg);}
div.bp69{background-image: url(bp/bp69.jpg);} div.bp38{background-image: url(bp/bp38.jpg);}
div.bp101{background-image: url(bp/bp101.jpg);}div.bp102{background-image: url(bp/bp102.jpg);}
div.bp103{background-image: url(bp/bp103.jpg);}div.bp104{background-image: url(bp/bp104.jpg);}
div.bp105{background-image: url(bp/bp105.jpg);}div.bp106{background-image: url(bp/bp106.jpg);}
div.bp107{background-image: url(bp/bp107.jpg);}div.bp108{background-image: url(bp/bp108.jpg);}
div.bp109{background-image: url(bp/bp109.jpg);}div.bp110{background-image: url(bp/bp110.jpg);}
div.bp111{background-image: url(bp/bp111.jpg);}div.bp112{background-image: url(bp/bp112.jpg);}
div.bp113{background-image: url(bp/bp113.jpg);}div.bp113{background-image: url(bp/bp113.jpg);}
div.bp114{background-image: url(bp/bp114.jpg);}div.bp115{background-image: url(bp/bp115.jpg);}
div.bp116{background-image: url(bp/bp116.jpg);}div.bp117{background-image: url(bp/bp117.jpg);}
div.bp118{background-image: url(bp/bp118.jpg);}div.bp119{background-image: url(bp/bp119.jpg);}
div.bp120{background-image: url(bp/bp120.jpg);}
/* ======== thumbnails innit============== *//* ======== thumbnails innit============== */
div.th-bp1{background-image: url(bp/th/th-bp1.jpg);}div.th-bp2{background-image: url(bp/th/th-bp2.jpg);}
div.th-bp3{background-image: url(bp/th/th-bp3.jpg);}div.th-bp4{background-image: url(bp/th/th-bp4.jpg);}
div.th-bp5{background-image: url(bp/th/th-bp5.jpg);}div.th-bp6{background-image: url(bp/th/th-bp6.jpg);}
div.th-bp7{background-image: url(bp/th/th-bp7.jpg);}div.th-bp8{background-image: url(bp/th/th-bp8.jpg);}
div.th-bp9{background-image: url(bp/th/th-bp9.jpg);}div.th-bp10{background-image: url(bp/th/th-bp10.jpg);}
div.th-bp11{background-image: url(bp/th/th-bp11.jpg);}div.th-bp12{background-image: url(bp/th/th-bp12.jpg);}
div.th-bp13{background-image: url(bp/th/th-bp13.jpg);}div.th-bp13{background-image: url(bp/th/th-bp13.jpg);}
div.th-bp14{background-image: url(bp/th/th-bp14.jpg);}div.th-bp15{background-image: url(bp/th/th-bp15.jpg);}
div.th-bp16{background-image: url(bp/th/th-bp16.jpg);}div.th-bp17{background-image: url(bp/th/th-bp17.jpg);}
div.th-bp18{background-image: url(bp/th/th-bp18.jpg);}div.th-bp19{background-image: url(bp/th/th-bp19.jpg);}
div.th-bp20{background-image: url(bp/th/th-bp20.jpg);}div.th-bp21{background-image: url(bp/th/th-bp21.jpg);}
div.th-bp22{background-image: url(bp/th/th-bp22.jpg);}div.th-bp23{background-image: url(bp/th/th-bp23.jpg);}
div.th-bp24{background-image: url(bp/th/th-bp24.jpg);}div.th-bp25{background-image: url(bp/th/th-bp25.jpg);}
div.th-bp26{background-image: url(bp/th/th-bp26.jpg);}div.th-bp27{background-image: url(bp/th/th-bp27.jpg);}
div.th-bp28{background-image: url(bp/th/th-bp28.jpg);}div.th-bp29{background-image: url(bp/th/th-bp29.jpg);}
div.th-bp30{background-image: url(bp/th/th-bp30.jpg);}div.th-bp31{background-image: url(bp/th/th-bp31.jpg);}
div.th-bp32{background-image: url(bp/th/th-bp32.jpg);}div.th-bp33{background-image: url(bp/th/th-bp33.jpg);}
div.th-bp34{background-image: url(bp/th/th-bp34.jpg);}div.th-bp35{background-image: url(bp/th/th-bp35.jpg);}
div.th-bp36{background-image: url(bp/th/th-bp36.jpg);}div.th-bp37{background-image: url(bp/th/th-bp37.jpg);}
div.th-bp38{background-image: url(bp/th/th-bp38.jpg);} div.th-bp39{background-image: url(bp/th/th-bp39.jpg);}
div.th-bp40{background-image: url(bp/th/th-bp40.jpg);} div.th-bp41{background-image: url(bp/th/th-bp41.jpg);}
div.th-bp42{background-image: url(bp/th/th-bp42.jpg);}
div.th-bp43{background-image: url(bp/th/th-bp43.jpg);} div.th-bp44{background-image: url(bp/th/th-bp44.jpg);}
div.th-bp45{background-image: url(bp/th/th-bp45.jpg);} div.th-bp46{background-image: url(bp/th/th-bp46.jpg);}
div.th-bp47{background-image: url(bp/th/th-bp47.jpg);} div.th-bp48{background-image: url(bp/th/th-bp48.jpg);}
div.th-bp49{background-image: url(bp/th/th-bp49.jpg);} div.th-bp50{background-image: url(bp/th/th-bp50.jpg);}
div.th-bp51{background-image: url(bp/th/th-bp51.jpg);} div.th-bp52{background-image: url(bp/th/th-bp52.jpg);}
div.th-bp53{background-image: url(bp/th/th-bp53.jpg);} div.th-bp54{background-image: url(bp/th/th-bp54.jpg);}
div.th-bp55{background-image: url(bp/th/th-bp55.jpg);} div.th-bp56{background-image: url(bp/th/th-bp56.jpg);}
div.th-bp57{background-image: url(bp/th/th-bp57.jpg);} div.th-bp58{background-image: url(bp/th/th-bp58.jpg);}
div.th-bp59{background-image: url(bp/th/th-bp59.jpg);} div.th-bp60{background-image: url(bp/th/th-bp60.jpg);}
div.th-bp61{background-image: url(bp/th/th-bp61.jpg);} div.th-bp62{background-image: url(bp/th/th-bp62.jpg);}
div.th-bp63{background-image: url(bp/th/th-bp63.jpg);} div.th-bp64{background-image: url(bp/th/th-bp64.jpg);}
div.th-bp66{background-image: url(bp/th/th-bp66.jpg);} div.th-bp66{background-image: url(bp/th/th-bp66.jpg);}
div.th-bp67{background-image: url(bp/th/th-bp67.jpg);} div.th-bp68{background-image: url(bp/th/th-bp68.jpg);}
div.th-bp69{background-image: url(bp/th/th-bp69.jpg);} div.th-bp70{background-image: url(bp/th/th-bp70.jpg);}
div.th-bp71{background-image: url(bp/th/th-bp71.jpg);} div.th-bp72{background-image: url(bp/th/th-bp72.jpg);}
div.th-bp73{background-image: url(bp/th/th-bp73.jpg);} div.th-bp74{background-image: url(bp/th/th-bp74.jpg);}
div.th-bp75{background-image: url(bp/th/th-bp75.jpg);} div.th-bp76{background-image: url(bp/th/th-bp76.jpg);}
div.th-bp77{background-image: url(bp/th/th-bp77.jpg);} div.th-bp78{background-image: url(bp/th/th-bp78.jpg);}
div.th-bp79{background-image: url(bp/th/th-bp79.jpg);} div.th-bp80{background-image: url(bp/th/th-bp80.jpg);}
div.th-bp81{background-image: url(bp/th/th-bp81.jpg);} div.th-bp82{background-image: url(bp/th/th-bp82.jpg);}
div.th-bp83{background-image: url(bp/th/th-bp83.jpg);} div.th-bp84{background-image: url(bp/th/th-bp84.jpg);}
div.th-bp85{background-image: url(bp/th/th-bp85.jpg);} div.th-bp86{background-image: url(bp/th/th-bp86.jpg);}
div.th-bp87{background-image: url(bp/th/th-bp87.jpg);} div.th-bp88{background-image: url(bp/th/th-bp88.jpg);}
div.th-bp89{background-image: url(bp/th/th-bp89.jpg);} div.th-bp90{background-image: url(bp/th/th-bp90.jpg);}
div.th-bp91{background-image: url(bp/th/th-bp91.jpg);} div.th-bp92{background-image: url(bp/th/th-bp92.jpg);}
div.th-bp93{background-image: url(bp/th/th-bp93.jpg);} div.th-bp94{background-image: url(bp/th/th-bp94.jpg);}
div.th-bp95{background-image: url(bp/th/th-bp95.jpg);} div.th-bp96{background-image: url(bp/th/th-bp96.jpg);}
div.th-bp97{background-image: url(bp/th/th-bp97.jpg);} div.th-bp98{background-image: url(bp/th/th-bp98.jpg);}
div.th-bp99{background-image: url(bp/th/th-bp99.jpg);} div.th-bp100{background-image: url(bp/th/th-bp100.jpg);}
div.th-bp101{background-image: url(bp/th/th-bp101.jpg);}div.th-bp102{background-image: url(bp/th/th-bp102.jpg);}
div.th-bp103{background-image: url(bp/th/th-bp103.jpg);}div.th-bp104{background-image: url(bp/th/th-bp104.jpg);}
div.th-bp105{background-image: url(bp/th/th-bp105.jpg);}div.th-bp106{background-image: url(bp/th/th-bp106.jpg);}
div.th-bp107{background-image: url(bp/th/th-bp107.jpg);}div.th-bp108{background-image: url(bp/th/th-bp108.jpg);}
div.th-bp109{background-image: url(bp/th/th-bp109.jpg);}div.th-bp110{background-image: url(bp/th/th-bp110.jpg);}
div.th-bp111{background-image: url(bp/th/th-bp111.jpg);}div.th-bp112{background-image: url(bp/th/th-bp112.jpg);}
div.th-bp113{background-image: url(bp/th/th-bp113.jpg);}div.th-bp113{background-image: url(bp/th/th-bp113.jpg);}
div.th-bp114{background-image: url(bp/th/th-bp114.jpg);}div.th-bp115{background-image: url(bp/th/th-bp115.jpg);}
div.th-bp116{background-image: url(bp/th/th-bp116.jpg);}div.th-bp117{background-image: url(bp/th/th-bp117.jpg);}
div.th-bp118{background-image: url(bp/th/th-bp118.jpg);}div.th-bp119{background-image: url(bp/th/th-bp119.jpg);}
div.th-bp120{background-image: url(bp/th/th-bp120.jpg);}div.th-bp121{background-image: url(bp/th/th-bp121.jpg);}
div.th-bp122{background-image: url(bp/th/th-bp122.jpg);}div.th-bp123{background-image: url(bp/th/th-bp123.jpg);}
div.th-bp124{background-image: url(bp/th/th-bp124.jpg);}div.th-bp125{background-image: url(bp/th/th-bp125.jpg);}
div.th-bp126{background-image: url(bp/th/th-bp126.jpg);}div.th-bp127{background-image: url(bp/th/th-bp127.jpg);}
div.th-bp128{background-image: url(bp/th/th-bp128.jpg);}div.th-bp129{background-image: url(bp/th/th-bp129.jpg);}
div.th-bp130{background-image: url(bp/th/th-bp130.jpg);}div.th-bp131{background-image: url(bp/th/th-bp131.jpg);}
div.heropic1{background-image: url(hero/heropic1.jpg);} div.heropic2{background-image: url(hero/heropic2.jpg);}
div.heropic3{background-image: url(hero/heropic3.jpg);} div.heropic4{background-image: url(hero/heropic4.jpg);}
div.heropic5{background-image: url(hero/heropic5.jpg);} div.heropic6{background-image: url(hero/heropic6.jpg);}
div.heropic7{background-image: url(hero/heropic7.jpg);} div.heropic8{background-image: url(hero/heropic8.jpg);}
div.heropic9{background-image: url(hero/heropic9.jpg);} div.heropic10{background-image: url(hero/heropic10.jpg);}
div.heropic11{background-image: url(hero/heropic11.jpg);} div.heropic12{background-image: url(hero/heropic12.jpg);}
div.heropic13{background-image: url(hero/heropic13.jpg);} div.heropic14{background-image: url(hero/heropic14.jpg);}
div.heropic15{background-image: url(hero/heropic15.jpg);} div.heropic16{background-image: url(hero/heropic16.jpg);}
div.heropic17{background-image: url(hero/heropic17.jpg);} div.heropic18{background-image: url(hero/heropic18.jpg);}
div.heropic19{background-image: url(hero/heropic19.jpg);} div.heropic20{background-image: url(hero/heropic20.jpg);}
div.heropic21{background-image: url(hero/heropic21.jpg);} div.heropic22{background-image: url(hero/heropic22.jpg);}
div.heropic23{background-image: url(hero/heropic23.jpg);} div.heropic24{background-image: url(hero/heropic24.jpg);}
div.heropic25{background-image: url(hero/heropic25.jpg);} div.heropic26{background-image: url(hero/heropic26.jpg);}
div.heropic27{background-image: url(hero/heropic27.jpg);} div.heropic28{background-image: url(hero/heropic28.jpg);}
div.heropic29{background-image: url(hero/heropic29.jpg);} div.heropic30{background-image: url(hero/heropic30.jpg);}
div.heropic31{background-image: url(hero/heropic31.jpg);} div.heropic32{background-image: url(hero/heropic32.jpg);}
div.heropic33{background-image: url(hero/heropic33.jpg);} div.heropic34{background-image: url(hero/heropic34.jpg);}
div.heropic35{background-image: url(hero/heropic35.jpg);} div.heropic36{background-image: url(hero/heropic36.jpg);}
div.heropic37{background-image: url(hero/heropic37.jpg);} div.heropic38{background-image: url(hero/heropic38.jpg);}
div.heropic39{background-image: url(hero/heropic39.jpg);} div.heropic40{background-image: url(hero/heropic40.jpg);}
div.heropic41{background-image: url(hero/heropic41.jpg);} div.heropic42{background-image: url(hero/heropic42.jpg);}
div.backimage1{background-image: url(fbi/backimage1.jpg);} div.backimage2{background-image: url(fbi/backimage2.jpg);}
div.backimage3{background-image: url(fbi/backimage3.jpg);}div.backimage4{background-image: url(fbi/backimage4.jpg);}
div.backimage5{background-image: url(fbi/backimage5.jpg);}div.backimage6{background-image: url(fbi/backimage6.jpg);}
div.backimage7{background-image: url(fbi/backimage7.jpg);}div.backimage8{background-image: url(fbi/backimage8.jpg);}
div.backimage9{background-image: url(fbi/backimage9.jpg);}div.backimage10{background-image: url(fbi/backimage10.jpg);}
div.backimage11{background-image: url(fbi/backimage11.jpg);}div.backimage12{background-image: url(fbi/backimage12.jpg);}
div.backimage13{background-image: url(fbi/backimage13.jpg);}div.backimage14{background-image: url(fbi/backimage14.jpg);}
div.backimage15{background-image: url(fbi/backimage15.jpg);}div.backimage16{background-image: url(fbi/backimage16.jpg);}
div.backimage17{background-image: url(fbi/backimage17.jpg);}div.backimage18{background-image: url(fbi/backimage18.jpg);}
div.backimage19{background-image: url(fbi/backimage19.jpg);}div.backimage20{background-image: url(fbi/backimage20.jpg);}
div.backimage21{background-image: url(fbi/backimage21.jpg);}div.backimage22{background-image: url(fbi/backimage22.jpg);}
div.backimage23{background-image: url(fbi/backimage23.jpg);}div.backimage24{background-image: url(fbi/backimage24.jpg);}
div.backimage25{background-image: url(fbi/backimage25.jpg);}div.backimage26{background-image: url(fbi/backimage26.jpg);}
div.backimage27{background-image: url(fbi/backimage27.jpg);}div.backimage28{background-image: url(fbi/backimage28.jpg);}
div.backimage29{background-image: url(fbi/backimage29.jpg);}div.backimage30{background-image: url(fbi/backimage30.jpg);}
div.backimage31{background-image: url(fbi/backimage31.jpg);}div.backimage32{background-image: url(fbi/backimage32.jpg);}
div.backimage33{background-image: url(fbi/backimage33.jpg);}div.backimage34{background-image: url(fbi/backimage34.jpg);}
div.backimage35{background-image: url(fbi/backimage35.jpg);}div.backimage36{background-image: url(fbi/backimage36.jpg);}
div.backimage37{background-image: url(fbi/backimage37.jpg);}div.backimage38{background-image: url(fbi/backimage38.jpg);}
div.backimage39{background-image: url(fbi/backimage39.jpg);}div.backimage40{background-image: url(fbi/backimage40.jpg);}
div.th-3439{background-image: url(suz/th/th-3439.jpg);}
div.th-3440{background-image: url(suz/th/th-3440.jpg);}
div.th-3441{background-image: url(suz/th/th-3441.jpg);}
div.th-3442{background-image: url(suz/th/th-3442.jpg);}
div.th-3443{background-image: url(suz/th/th-3443.jpg);}
div.th-3444{background-image: url(suz/th/th-3444.jpg);}
div.th-3445{background-image: url(suz/th/th-3445.jpg);}
div.th-3446{background-image: url(suz/th/th-3446.jpg);}
div.th-3447{background-image: url(suz/th/th-3447.jpg);}
div.th-3448{background-image: url(suz/th/th-3448.jpg);}
div.th-3449{background-image: url(suz/th/th-3449.jpg);}
div.th-3450{background-image: url(suz/th/th-3450.jpg);}
div.th-3451{background-image: url(suz/th/th-3451.jpg);}
div.th-3452{background-image: url(suz/th/th-3452.jpg);}
div.th-3453{background-image: url(suz/th/th-3453.jpg);}
div.th-3454{background-image: url(suz/th/th-3454.jpg);}
div.th-3455{background-image: url(suz/th/th-3455.jpg);}
div.th-3456{background-image: url(suz/th/th-3456.jpg);}
div.th-8291{background-image: url(suz/th/th-8291.jpg);}
div.th-8292{background-image: url(suz/th/th-8292.jpg);}
div.th-8293{background-image: url(suz/th/th-8293.jpg);}
div.th-8294{background-image: url(suz/th/th-8294.jpg);}
div.th-8295{background-image: url(suz/th/th-8295.jpg);}
div.th-8296{background-image: url(suz/th/th-8296.jpg);}
div.th-8297{background-image: url(suz/th/th-8297.jpg);}
div.th-8298{background-image: url(suz/th/th-8298.jpg);}
div.th-7322{background-image: url(suz/th/th-7322.jpg);}
div.th-7323{background-image: url(suz/th/th-7323.jpg);}
div.th-7447{background-image: url(suz/th/th-7447.jpg);}
div.th-7448{background-image: url(suz/th/th-7448.jpg);}
div.th-7449{background-image: url(suz/th/th-7449.jpg);}
div.th-7450{background-image: url(suz/th/th-7450.jpg);}
div.th-7454{background-image: url(suz/th/th-7454.jpg);}
div.th-7473{background-image: url(suz/th/th-7473.jpg);}
div.th-4232{background-image: url(kaw/th/th-4232.JPG);}
div.th-4234{background-image: url(kaw/th/th-4234.JPG);}
div.th-4609{background-image: url(kaw/th/th-4609.JPG);}
div.th-6345{background-image: url(kaw/th/th-6345.JPG);}
div.th-6346{background-image: url(kaw/th/th-6346.JPG);}
div.th-6347{background-image: url(kaw/th/th-6347.JPG);}
div.th-6356{background-image: url(kaw/th/th-6356.JPG);}
div.th-6404{background-image: url(kaw/th/th-6404.JPG);}
div.th-6532{background-image: url(kaw/th/th-6532.JPG);}
div.th-6534{background-image: url(kaw/th/th-6534.JPG);}
div.th-6535{background-image: url(kaw/th/th-6535.JPG);}
div.th-6545{background-image: url(kaw/th/th-6545.JPG);}
div.th-6546{background-image: url(kaw/th/th-6546.JPG);}
div.th-6552{background-image: url(kaw/th/th-6552.JPG);}
div.th-6553{background-image: url(kaw/th/th-6553.JPG);}
div.th-6554{background-image: url(kaw/th/th-6554.JPG);}
div.th-6555{background-image: url(kaw/th/th-6555.JPG);}
div.th-6556{background-image: url(kaw/th/th-6556.JPG);}
div.th-6557{background-image: url(kaw/th/th-6557.JPG);}
div.th-6558{background-image: url(kaw/th/th-6558.JPG);}
div.th-6661{background-image: url(kaw/th/th-6661.JPG);}
div.th-6667{background-image: url(kaw/th/th-6667.JPG);}
div.th-6702{background-image: url(kaw/th/th-6702.JPG);}
div.th-6703{background-image: url(kaw/th/th-6703.JPG);}
div.th-7720{background-image: url(kaw/th/th-7720.JPG);}
div.th-7721{background-image: url(kaw/th/th-7721.JPG);}
div.th-8699{background-image: url(kaw/th/th-8699.jpg);}
div.th-8700{background-image: url(kaw/th/th-8700.JPG);}
div.th-8701{background-image: url(kaw/th/th-8701.JPG);}
div.th-8702{background-image: url(kaw/th/th-8702.JPG);}
div.th-8703{background-image: url(kaw/th/th-8703.JPG);}
/* ========NEW SR GAL THUMBS============== *//* ======== thumbnails innit============== */
div.srgal1{background-image: url(srgal/th/th-srgal1.jpg);} div.srgal2{background-image: url(srgal/th/th-srgal2.jpg);}
div.srgal3{background-image: url(srgal/th/th-srgal3.jpg);} div.srgal4{background-image: url(srgal/th/th-srgal4.jpg);}
div.srgal5{background-image: url(srgal/th/th-srgal5.jpg);} div.srgal6{background-image: url(srgal/th/th-srgal6.jpg);}
div.srgal7{background-image: url(srgal/th/th-srgal7.jpg);} div.srgal8{background-image: url(srgal/th/th-srgal8.jpg);}
div.srgal9{background-image: url(srgal/th/th-srgal9.jpg);} div.srgal10{background-image: url(srgal/th/th-srgal10.jpg);}
div.srgal11{background-image: url(srgal/th/th-srgal11.jpg);}div.srgal12{background-image: url(srgal/th/th-srgal12.jpg);}
div.srgal13{background-image: url(srgal/th/th-srgal13.jpg);}div.srgal13{background-image: url(srgal/th/th-srgal13.jpg);}
div.srgal14{background-image: url(srgal/th/th-srgal14.jpg);}div.srgal15{background-image: url(srgal/th/th-srgal15.jpg);}
div.srgal16{background-image: url(srgal/th/th-srgal16.jpg);}div.srgal17{background-image: url(srgal/th/th-srgal17.jpg);}
div.srgal18{background-image: url(srgal/th/th-srgal18.jpg);}div.srgal19{background-image: url(srgal/th/th-srgal19.jpg);}
div.srgal20{background-image: url(srgal/th/th-srgal20.jpg);}div.srgal21{background-image: url(srgal/th/th-srgal21.jpg);}
div.srgal22{background-image: url(srgal/th/th-srgal22.jpg);}div.srgal23{background-image: url(srgal/th/th-srgal23.jpg);}
div.srgal24{background-image: url(srgal/th/th-srgal24.jpg);}div.srgal25{background-image: url(srgal/th/th-srgal25.jpg);}
div.srgal26{background-image: url(srgal/th/th-srgal26.jpg);}div.srgal27{background-image: url(srgal/th/th-srgal27.jpg);}
div.srgal28{background-image: url(srgal/th/th-srgal28.jpg);}div.srgal29{background-image: url(srgal/th/th-srgal29.jpg);}
div.srgal30{background-image: url(srgal/th/th-srgal30.jpg);}div.srgal31{background-image: url(srgal/th/th-srgal31.jpg);}
div.srgal32{background-image: url(srgal/th/th-srgal32.jpg);}div.srgal33{background-image: url(srgal/th/th-srgal33.jpg);}
div.srgal34{background-image: url(srgal/th/th-srgal34.jpg);}div.srgal35{background-image: url(srgal/th/th-srgal35.jpg);}
div.srgal36{background-image: url(srgal/th/th-srgal36.jpg);}div.srgal37{background-image: url(srgal/th/th-srgal37.jpg);}
div.srgal39{background-image: url(srgal/th/th-srgal39.jpg);} div.srgal40{background-image: url(srgal/th/th-srgal40.jpg);}
div.srgal41{background-image: url(srgal/th/th-srgal41.jpg);} div.srgal42{background-image: url(srgal/th/th-srgal42.jpg);}
div.srgal43{background-image: url(srgal/th/th-srgal43.jpg);} div.srgal44{background-image: url(srgal/th/th-srgal44.jpg);}
div.srgal45{background-image: url(srgal/th/th-srgal45.jpg);} div.srgal46{background-image: url(srgal/th/th-srgal46.jpg);}
div.srgal47{background-image: url(srgal/th/th-srgal47.jpg);} div.srgal48{background-image: url(srgal/th/th-srgal48.jpg);}
div.srgal49{background-image: url(srgal/th/th-srgal49.jpg);} div.srgal50{background-image: url(srgal/th/th-srgal50.jpg);}
div.srgal51{background-image: url(srgal/th/th-srgal51.jpg);} div.srgal52{background-image: url(srgal/th/th-srgal52.jpg);}
div.srgal53{background-image: url(srgal/th/th-srgal53.jpg);} div.srgal54{background-image: url(srgal/th/th-srgal54.jpg);}
div.srgal55{background-image: url(srgal/th/th-srgal55.jpg);} div.srgal56{background-image: url(srgal/th/th-srgal56.jpg);}
div.srgal57{background-image: url(srgal/th/th-srgal57.jpg);} div.srgal58{background-image: url(srgal/th/th-srgal58.jpg);}
div.srgal59{background-image: url(srgal/th/th-srgal59.jpg);} div.srgal60{background-image: url(srgal/th/th-srgal60.jpg);}
div.srgal61{background-image: url(srgal/th/th-srgal61.jpg);} div.srgal62{background-image: url(srgal/th/th-srgal62.jpg);}
div.srgal63{background-image: url(srgal/th/th-srgal63.jpg);} div.srgal64{background-image: url(srgal/th/th-srgal64.jpg);}
div.srgal66{background-image: url(srgal/th/th-srgal66.jpg);} div.srgal66{background-image: url(srgal/th/th-srgal66.jpg);}
div.srgal67{background-image: url(srgal/th/th-srgal67.jpg);} div.srgal68{background-image: url(srgal/th/th-srgal68.jpg);}
div.srgal69{background-image: url(srgal/th/th-srgal69.jpg);} div.srgal38{background-image: url(srgal/th/th-srgal38.jpg);}
div.srgal101{background-image: url(srgal/th/th-srgal101.jpg);}div.srgal102{background-image: url(srgal/th/th-srgal102.jpg);}
div.srgal103{background-image: url(srgal/th/th-srgal103.jpg);}div.srgal104{background-image: url(srgal/th/th-srgal104.jpg);}
div.srgal105{background-image: url(srgal/th/th-srgal105.jpg);}div.srgal106{background-image: url(srgal/th/th-srgal106.jpg);}
div.srgal107{background-image: url(srgal/th/th-srgal107.jpg);}div.srgal108{background-image: url(srgal/th/th-srgal108.jpg);}
div.srgal109{background-image: url(srgal/th/th-srgal109.jpg);}div.srgal110{background-image: url(srgal/th/th-srgal110.jpg);}
div.srgal111{background-image: url(srgal/th/th-srgal111.jpg);}div.srgal112{background-image: url(srgal/th/th-srgal112.jpg);}
div.srgal113{background-image: url(srgal/th/th-srgal113.jpg);}div.srgal113{background-image: url(srgal/th/th-srgal113.jpg);}
div.srgal114{background-image: url(srgal/th/th-srgal114.jpg);}div.srgal115{background-image: url(srgal/th/th-srgal115.jpg);}
div.srgal116{background-image: url(srgal/th/th-srgal116.jpg);}div.srgal117{background-image: url(srgal/th/th-srgal117.jpg);}
div.srgal118{background-image: url(srgal/th/th-srgal118.jpg);}div.srgal119{background-image: url(srgal/th/th-srgal119.jpg);}
div.srgal120{background-image: url(srgal/th/th-srgal120.jpg);}
div.febgal1{background-image: url(febgal/th/th-febgal1.jpg);} div.febgal2{background-image: url(febgal/th/th-febgal2.jpg);}
div.febgal3{background-image: url(febgal/th/th-febgal3.jpg);} div.febgal4{background-image: url(febgal/th/th-febgal4.jpg);}
div.febgal5{background-image: url(febgal/th/th-febgal5.jpg);} div.febgal6{background-image: url(febgal/th/th-febgal6.jpg);}
div.febgal7{background-image: url(febgal/th/th-febgal7.jpg);} div.febgal8{background-image: url(febgal/th/th-febgal8.jpg);}
div.febgal9{background-image: url(febgal/th/th-febgal9.jpg);} div.febgal10{background-image: url(febgal/th/th-febgal10.jpg);}
div.febgal11{background-image: url(febgal/th/th-febgal11.jpg);}div.febgal12{background-image: url(febgal/th/th-febgal12.jpg);}
div.febgal13{background-image: url(febgal/th/th-febgal13.jpg);}div.febgal13{background-image: url(febgal/th/th-febgal13.jpg);}
div.febgal14{background-image: url(febgal/th/th-febgal14.jpg);}div.febgal15{background-image: url(febgal/th/th-febgal15.jpg);}
div.febgal16{background-image: url(febgal/th/th-febgal16.jpg);}div.febgal17{background-image: url(febgal/th/th-febgal17.jpg);}
div.febgal18{background-image: url(febgal/th/th-febgal18.jpg);}div.febgal19{background-image: url(febgal/th/th-febgal19.jpg);}
div.febgal20{background-image: url(febgal/th/th-febgal20.jpg);}div.febgal21{background-image: url(febgal/th/th-febgal21.jpg);}
div.febgal22{background-image: url(febgal/th/th-febgal22.jpg);}div.febgal23{background-image: url(febgal/th/th-febgal23.jpg);}
div.febgal24{background-image: url(febgal/th/th-febgal24.jpg);}div.febgal25{background-image: url(febgal/th/th-febgal25.jpg);}
div.febgal26{background-image: url(febgal/th/th-febgal26.jpg);}div.febgal27{background-image: url(febgal/th/th-febgal27.jpg);}
div.febgal28{background-image: url(febgal/th/th-febgal28.jpg);}div.febgal29{background-image: url(febgal/th/th-febgal29.jpg);}
div.febgal30{background-image: url(febgal/th/th-febgal30.jpg);}div.febgal31{background-image: url(febgal/th/th-febgal31.jpg);}
div.febgal32{background-image: url(febgal/th/th-febgal32.jpg);}div.febgal33{background-image: url(febgal/th/th-febgal33.jpg);}
div.febgal34{background-image: url(febgal/th/th-febgal34.jpg);}div.febgal35{background-image: url(febgal/th/th-febgal35.jpg);}
div.febgal36{background-image: url(febgal/th/th-febgal36.jpg);}div.febgal37{background-image: url(febgal/th/th-febgal37.jpg);}
div.febgal39{background-image: url(febgal/th/th-febgal39.jpg);} div.febgal40{background-image: url(febgal/th/th-febgal40.jpg);}
/* =====================================================================================*/
/* =====================================================================================*/
div.kaw{
height:150px; width: 28%;
background-size: cover;background-position:center;
background-repeat:no-repeat;color:black;
display: inline-block;vertical-align: top;
margin: 0px 3% 20px 0; padding: 0px 0px 0px 0px;
position:relative;
backgroundcolor: black;
}
div.kaw99box{
height:auto; width: 92%;
display: inline-block;vertical-align: top;
margin: 0px 0% 0px 8%; padding: 0px 0px 0px 0px;
backgroundcolor: black;
}
div.kaw1{
height:180px; width: 25%;
background-size: cover;background-position:center;
background-repeat:no-repeat;color:black;
display: inline-block;vertical-align: top;
margin: 0px 3% 15px 0; padding: 0px 0px 0px 0px;
position:relative;
backgroundcolor: black;
}
div.kaw2{
height:320px; width: 42.5%;
background-size: cover;background-position:center;
background-repeat:no-repeat;color:black;
display: inline-block;vertical-align: top;
margin: 0px 3% 15px 0; padding: 0px 0px 0px 0px;
position:relative;
backgroundcolor: black;
}
div.kaw10box{
height:auto; width: 95%;
display: inline-block;vertical-align: top;
margin: 50px 0% 0px 5%; padding: 0px 0px 0px 0px;
backgroundcolor: black;
}
div.kaw15box{
height:auto; width: 95%;
display: inline-block;vertical-align: top;
margin:50px 0% 0px 5%; padding: 0px 0px 0px 0px;
backgroundcolor: black;
}
div.kaw3{
height:200px; width: 46%;
background-size: cover;background-position:center;
background-repeat:no-repeat;color:black;
display: inline-block;vertical-align: top;
margin: 0px 3% 15px 0; padding: 0px 0px 0px 0px;
position:relative;
backgroundcolor: black;
}
div.kaw20box{
height:auto; width: 95%;
display: inline-block;vertical-align: top;
margin: 50px 0% 0px 5%; padding: 0px 0px 0px 0px;
backgroundcolor: black;
}
div.kaw4{
height:320px; width: 45.5%;
background-size: cover;background-position:center;
background-repeat:no-repeat;color:black;
display: inline-block;vertical-align: top;
margin: 0px 3% 15px 0; padding: 0px 0px 0px 0px;
position:relative;
backgroundcolor: black;
}
div.kaw25box{
height:auto; width: 45%;
display: inline-block;vertical-align: top;
margin: 50px 0% 0px 4%; padding: 0px 0px 0px 0px;
backgroundcolor: black;
}
div.kaw5{
height:435px; width: 90%;
background-size: cover;background-position:center;
background-repeat:no-repeat;color:black;
display: inline-block;vertical-align: top;
margin: 0px 3% 15px 0; padding: 0px 0px 0px 0px;
position:relative;
backgroundcolor: black;
}
div.kaw35box{
height:auto; width: 95%;
display: inline-block;vertical-align: top;
margin: 50px 0% 0px 5%; padding: 0px 0px 0px 0px;
backgroundcolor: black;
}
div.kaw6{
height:220px; width: 43%;
background-size: cover;background-position:center;
background-repeat:no-repeat;color:black;
display: inline-block;vertical-align: top;
margin: 0px 3% 15px 0; padding: 0px 0px 0px 0px;
position:relative;
backgroundcolor: black;
}
div.kaw45box{
height:auto; width: 95%;
display: inline-block;vertical-align: top;
margin: 50px 0% 0px 5%; padding: 0px 0px 0px 0px;
backgroundcolor: black;
}
div.kaw7{
height:380px; width: 90%;
background-size: cover;background-position:center;
background-repeat:no-repeat;color:black;
display: inline-block;vertical-align: top;
margin: 0px 3% 15px 0; padding: 0px 0px 0px 0px;
position:relative;
background-color: black;
}
div.kaw55box{
height:auto; width: 95%;
display: inline-block;vertical-align: top;
margin: 50px 0% 0px 5%; padding: 0px 0px 0px 0px;
background-color: black;
}
div.kaw8{
height:200px; width:29%;
background-size: cover;background-position:center;
background-repeat:no-repeat;color:black;
display: inline-block;vertical-align: top;
margin: 0px 3% 15px 0; padding: 0px 0px 0px 0px;
position:relative;
backgroundcolor: black;
}
div.kaw65box{
height:auto; width: 95%;
display: inline-block;vertical-align: top;
margin: 50px 0% 0px 5%; padding: 0px 0px 0px 0px;
backgroundcolor: black;
}
div.kaw9{
height:300px; width: 95%;
background-size: cover;background-position:center;
background-repeat:no-repeat;color:black;
display: inline-block;vertical-align: top;
margin: 0px 3% 15px 0; padding: 0px 0px 0px 0px;
position:relative;
background-color: black;
}
div.kaw75box{
height:auto; width: 95%;
display: inline-block;vertical-align: top;
margin:50px 0% 0px 5%; padding: 0px 0px 0px 0px;
backgroundcolor: black;
}
div.kaw10{
height:350px; width: 95%;
background-size: cover;background-position:center;
background-repeat:no-repeat;color:black;
display: inline-block;vertical-align: top;
margin: 0px 3% 15px 0; padding: 0px 0px 0px 0px;
position:relative;
backgroundcolor: black;
}
div.ka-text1{
width:90%; height: auto;
margin: 50px 4% 0% 5%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
font-family: 'oswald', serif;
font-size:20px;
font-weight: 300;
letter-spacing: 0px;
line-height: 1.4;
color:white;
}
div.ka-text2{
width:90%; height: auto;
margin:50px 4% 0% 5%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
font-family: 'oswald', serif;
font-size:21px;
font-weight: 300;
letter-spacing: 0px;
line-height: 1.4;
color:white;
}
/* ======== GALLERY ============== */
div.gal-back{
width:100%; height: auto;
margin: 0px 0% 0% 0%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
font-family: 'oswald', serif;
font-size:25px;
font-weight: 300;
letter-spacing: 0px;
line-height: 1.4;
color:white;
}
div.gal-band{
height:auto; width:100%;
margin:0px 0% 0px 0% ; padding: 50px 0px 75px 0px;
display: inline-block; vertical-align: top;
background-size: cover; background-position:center; background-repeat:no-repeat;
}
div.gal-cont{
width:85%; height: auto;
margin: 50px 0% 75px 10%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
backgroundcolor: black;
}
div.gal-tit{
width:auto; height: auto;
margin: 0px 0% 20px 0%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
font-family: 'oswald', serif;
font-size:32px;
font-weight: 600;
letter-spacing: -1.4px;
line-height: 1;
color:#ffffff;
}
div.gal-copy{
width:90%; height: auto;
margin: 0px 5% 10px 0%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
font-family: 'oswald', serif;
font-size:20px;
font-weight: 300;
letter-spacing: 0px;
line-height: 1.4;
color:white;
}
div.gal-line-cont{
height: auto; width: 95%;
margin: 0px 0% 0px 0%;padding: 0px 0px 0px 0%;
vertical-align:top; display: inline-block;
line-height: 4px;
}
div.gal-line{
height: 2px; width: 100%;
margin: 0px 0% 0px 0%;padding: 0px 0px 0px 0%;
vertical-align:top; display: inline-block;
border-bottom:1px solid #111111;
}
div.gal{
height:120px; width:29.5%;
background-size: cover;background-position:center;
background-repeat:no-repeat;color:black;
display: inline-block;vertical-align: top;
margin: 0px 2% 10px 0; padding: 0px 0px 0px 0px;
position:relative;
box-shadow: 0px 0px 0px 1px darkgrey;
transition: box-shadow 0.1s linear;
}
div.kxgal-th1{background-image: url(kxgal/th/th-gal1.jpg);} div.kxgal-th2{background-image: url(kxgal/th/th-gal2.jpg);}
div.kxgal-th3{background-image: url(kxgal/th/th-gal3.jpg);} div.kxgal-th4{background-image: url(kxgal/th/th-gal4.jpg);}
div.kxgal-th5{background-image: url(kxgal/th/th-gal5.jpg);} div.kxgal-th6{background-image: url(kxgal/th/th-gal6.jpg);}
div.kxgal-th7{background-image: url(kxgal/th/th-gal7.jpg);} div.kxgal-th8{background-image: url(kxgal/th/th-gal8.jpg);}
div.kxgal-th9{background-image: url(kxgal/th/th-gal9.jpg);} div.kxgal-th10{background-image: url(kxgal/th/th-gal10.jpg);}
div.kxgal-th11{background-image: url(kxgal/th/th-gal11.jpg);}div.kxgal-th12{background-image: url(kxgal/th/th-gal12.jpg);}
div.kxgal-th13{background-image: url(kxgal/th/th-gal13.jpg);}div.kxgal-th13{background-image: url(kxgal/th/th-gal13.jpg);}
div.kxgal-th14{background-image: url(kxgal/th/th-gal14.jpg);}div.kxgal-th15{background-image: url(kxgal/th/th-gal15.jpg);}
div.kxgal-th16{background-image: url(kxgal/th/th-gal16.jpg);}div.kxgal-th17{background-image: url(kxgal/th/th-gal17.jpg);}
div.kxgal-th18{background-image: url(kxgal/th/th-gal18.jpg);}div.kxgal-th19{background-image: url(kxgal/th/th-gal19.jpg);}
div.kxgal-th20{background-image: url(kxgal/th/th-gal20.jpg);}div.kxgal-th21{background-image: url(kxgal/th/th-gal21.jpg);}
div.kxgal-th22{background-image: url(kxgal/th/th-gal22.jpg);}div.kxgal-th23{background-image: url(kxgal/th/th-gal23.jpg);}
div.kxgal-th24{background-image: url(kxgal/th/th-gal24.jpg);}div.kxgal-th25{background-image: url(kxgal/th/th-gal25.jpg);}
div.kxgal-th26{background-image: url(kxgal/th/th-gal26.jpg);}div.kxgal-th27{background-image: url(kxgal/th/th-gal27.jpg);}
div.kxgal-th28{background-image: url(kxgal/th/th-gal28.jpg);}div.kxgal-th29{background-image: url(kxgal/th/th-gal29.jpg);}
div.kxgal-th30{background-image: url(kxgal/th/th-gal30.jpg);}div.kxgal-th31{background-image: url(kxgal/th/th-gal31.jpg);}
div.kxgal-th32{background-image: url(kxgal/th/th-gal32.jpg);}div.kxgal-th33{background-image: url(kxgal/th/th-gal33.jpg);}
div.kxgal-th34{background-image: url(kxgal/th/th-gal34.jpg);}div.kxgal-th35{background-image: url(kxgal/th/th-gal35.jpg);}
div.kxgal-th36{background-image: url(kxgal/th/th-gal36.jpg);}div.kxgal-th37{background-image: url(kxgal/th/th-gal37.jpg);}
div.kxgal-th39{background-image: url(kxgal/th/th-gal39.jpg);} div.kxgal-th40{background-image: url(kxgal/th/th-gal40.jpg);}
div.rmgal-th1{background-image: url(rmgal/th/th-gal1.jpg);} div.rmgal-th2{background-image: url(rmgal/th/th-gal2.jpg);}
div.rmgal-th3{background-image: url(rmgal/th/th-gal3.jpg);} div.rmgal-th4{background-image: url(rmgal/th/th-gal4.jpg);}
div.rmgal-th5{background-image: url(rmgal/th/th-gal5.jpg);} div.rmgal-th6{background-image: url(rmgal/th/th-gal6.jpg);}
div.rmgal-th7{background-image: url(rmgal/th/th-gal7.jpg);} div.rmgal-th8{background-image: url(rmgal/th/th-gal8.jpg);}
div.rmgal-th9{background-image: url(rmgal/th/th-gal9.jpg);} div.rmgal-th10{background-image: url(rmgal/th/th-gal10.jpg);}
div.rmgal-th11{background-image: url(rmgal/th/th-gal11.jpg);}div.rmgal-th12{background-image: url(rmgal/th/th-gal12.jpg);}
div.rmgal-th13{background-image: url(rmgal/th/th-gal13.jpg);}div.rmgal-th13{background-image: url(rmgal/th/th-gal13.jpg);}
div.rmgal-th14{background-image: url(rmgal/th/th-gal14.jpg);}div.rmgal-th15{background-image: url(rmgal/th/th-gal15.jpg);}
div.rmgal-th16{background-image: url(rmgal/th/th-gal16.jpg);}div.rmgal-th17{background-image: url(rmgal/th/th-gal17.jpg);}
div.rmgal-th18{background-image: url(rmgal/th/th-gal18.jpg);}div.rmgal-th19{background-image: url(rmgal/th/th-gal19.jpg);}
div.rmgal-th20{background-image: url(rmgal/th/th-gal20.jpg);}div.rmgal-th21{background-image: url(rmgal/th/th-gal21.jpg);}
div.rmgal-th22{background-image: url(rmgal/th/th-gal22.jpg);}div.rmgal-th23{background-image: url(rmgal/th/th-gal23.jpg);}
div.rmgal-th24{background-image: url(rmgal/th/th-gal24.jpg);}div.rmgal-th25{background-image: url(rmgal/th/th-gal25.jpg);}
div.rmgal-th26{background-image: url(rmgal/th/th-gal26.jpg);}div.rmgal-th27{background-image: url(rmgal/th/th-gal27.jpg);}
div.rmgal-th28{background-image: url(rmgal/th/th-gal28.jpg);}div.rmgal-th29{background-image: url(rmgal/th/th-gal29.jpg);}
div.rmgal-th30{background-image: url(rmgal/th/th-gal30.jpg);}div.rmgal-th31{background-image: url(rmgal/th/th-gal31.jpg);}
div.rmgal-th32{background-image: url(rmgal/th/th-gal32.jpg);}div.rmgal-th33{background-image: url(rmgal/th/th-gal33.jpg);}
div.rmgal-th34{background-image: url(rmgal/th/th-gal34.jpg);}div.rmgal-th35{background-image: url(rmgal/th/th-gal35.jpg);}
div.rmgal-th36{background-image: url(rmgal/th/th-gal36.jpg);}div.rmgal-th37{background-image: url(rmgal/th/th-gal37.jpg);}
div.rmgal-th38{background-image: url(rmgal/th/th-gal38.jpg);}
div.rmgal-th39{background-image: url(rmgal/th/th-gal39.jpg);} div.rmgal-th40{background-image: url(rmgal/th/th-gal40.jpg);}
div.dangal1-th1{background-image: url(dangal1/th/th-gal1.jpg);} div.dangal1-th2{background-image: url(dangal1/th/th-gal2.jpg);}
div.dangal1-th3{background-image: url(dangal1/th/th-gal3.jpg);} div.dangal1-th4{background-image: url(dangal1/th/th-gal4.jpg);}
div.dangal1-th5{background-image: url(dangal1/th/th-gal5.jpg);} div.dangal1-th6{background-image: url(dangal1/th/th-gal6.jpg);}
div.dangal1-th7{background-image: url(dangal1/th/th-gal7.jpg);} div.dangal1-th8{background-image: url(dangal1/th/th-gal8.jpg);}
div.dangal1-th9{background-image: url(dangal1/th/th-gal9.jpg);} div.dangal1-th10{background-image: url(dangal1/th/th-gal10.jpg);}
div.dangal1-th11{background-image: url(dangal1/th/th-gal11.jpg);}div.dangal1-th12{background-image: url(dangal1/th/th-gal12.jpg);}
div.dangal1-th13{background-image: url(dangal1/th/th-gal13.jpg);}div.dangal1-th13{background-image: url(dangal1/th/th-gal13.jpg);}
/* ======== CONTACT PAGE============== */
div.con-frame{
width:100%; height: auto;
margin: 0px 0% 20px 0%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
border-bottom: 1px solid #2B3241;
}
div.con-icon{
width:50px; height: 50px;
margin: 0px 0% 0% 0%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
background-size: cover;background-position:center;
background-repeat:no-repeat;
backgroundcolor: yellow;
}
div.mail{background-image: url(i-mail.png);}
div.phone{background-image: url(i-facebook.png);}
div.insta{background-image: url(i-insta.png);}
div.con-info{
width:auto; height: auto;
margin: 17px 0px 0px 5%; padding: 0px 0px 0px 0px;
display: inline-block; vertical-align: top;
font-family: 'Source Serif Pro', sans-serif;
font-size: 17px;
font-weight: 600;
line-height: 1;
color: #2B3241;
}
.con-small{
font-family: 'Source Sans Pro', sans-serif;
font-size:14.5px;
font-weight: 400;
letter-spacing: 0px;
line-height: 1.4;
color:#2B3241;
}
/* ======== TEXT CONTROLS ============== */
div.t1{
font-family: 'oswald', serif;
font-size:34px;
font-weight: 600;
letter-spacing: -1.4px;
line-height: 1;
color:#ffffff;
}
div.c1{
font-family: 'oswald', serif;
font-size:21px;
font-weight: 300;
letter-spacing: 0px;
line-height: 1.4;
color:white;
}
div.t2{
font-family: 'oswald', serif;
font-size:28px;
font-weight: 400;
letter-spacing: -1.4px;
line-height: 1;
color:#111111;
}
.blue{color:#4378bc;}
div.white{color: white;}
div.db{color: #2B3241;}
div.center-all{text-align: center;}
div.purp{color: #30155d ;}
/* ======== MERCH ============== */
/* ======== MERCH ============== */
/* ======== MERCH ============== */
div.mer-frame{
height:auto; width:100%;
margin:0px 0% 0px 0%; padding: 0px 0px 0px 0px;
backgroundcolor: black;
display: inline-block; vertical-align: top;
background-size: cover; background-position:center; background-repeat:no-repeat;
}
div.mer-cont{
height:auto; width:95%;
margin:0px 0% 0px 5%; padding: 0px 0px 0px 0px;
backgroundcolor: black;
display: inline-block; vertical-align: top;
}
div.mer-item-cont{
width:100%; height: auto;
margin: 0px 0% 50px 0%; padding: 25px 1% 25px 2%;
vertical-align:top; display: inline-block;
background-color: black;
border-radius: 20px;
}
div.mer-pic{
height:380px; width:40%;
margin:-40px 3% 0px -3%; padding: 0px 0px 0px 0px;
backgroundcolor: black;
display: inline-block; vertical-align: top;
background-size: cover; background-position:center; background-repeat:no-repeat;
}
div.mer-blank-pic{
height:380px; width:95%;
margin:-40px 0% 30px 0%; padding: 0px 0px 0px 0px;
backgroundcolor: black;
display: inline-block; vertical-align: top;
background-size: cover; background-position:center; background-repeat:no-repeat;
}
div.mer-words{
width:49%; height: auto;
margin: 0px 0% 0% 0%; padding: 0px 0px 40px 3%;
vertical-align:top; display: inline-block;
bordder-left:1px dotted #666666;
}
div.mer-tit1{
width:100%; height: auto;
margin: 0px 0% 0% 0%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
font-family: 'oswald', serif;
font-size:22px;
font-weight: 400;
letter-spacing: 0px;
line-height: 1.3;
color:white;
}
div.mer-tit2{
width:100%; height: auto;
margin: 0px 0% 0% 0%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
font-family: 'oswald', serif;
font-size:18px;
font-weight: 300;
letter-spacing: 0px;
line-height: 1.3;
color:#4378bc;
}
div.mer-tit3{
width:100%; height: auto;
margin: 10px 0% 0% 0%; padding: 10px 0px 0px 0px;
vertical-align:top; display: inline-block;
font-family: 'oswald', serif;
font-size:20px;
font-weight: 300;
letter-spacing: 0px;
line-height: 1.4;
color:white;
border-top:1px solid #333333;
}
div.mer-tit4{
width:100%; height: auto;
margin: 10px 0% 0% 0%; padding: 0px 0px 15px 0px;
vertical-align:top; display: inline-block;
font-family: 'oswald', serif;
font-size:26px;
font-weight: 500;
letter-spacing: 0px;
line-height: 1;
color:white;
border-bottom:1px solid #333333;
}
.link-etsy A:link { -o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s; color:#a7a8ac ; text-decoration: none;}
.link-etsy A:visited {color: #a7a8ac ; text-decoration: none;}
.link-etsy A:active { color: #a7a8ac ; text-decoration: none;}
.link-etsy A:hover {color:white ; text-decoration: none; }
div.etsy-but{
width:auto; height: auto;
margin: 15px 0% 0% 0%; padding: 5px 15px 8px 15px;
vertical-align:top; display: inline-block;
text-transform: uppercase;
font-family: 'oswald', serif;
font-size:18px;
font-weight: 600;
letter-spacing: 0px;
line-height: 1;
color:white;
background-color:#29426e;
border-radius: 5px;
}
/* ======== Front page image patch ============== */
div.patch-pic1{
height:600px; width:100%;
margin:25px 0px 25px 0px ;
backgroundcolor: black;
display: inline-block; vertical-align: top;
background-size: cover; background-position:center; background-repeat:no-repeat;
}
div.patch-pic5{
height:350px; width:30%;
margin:0px 0px 25px 5% ;
backgroundcolor: black;
display: inline-block; vertical-align: top;
background-size: cover; background-position:center; background-repeat:no-repeat;
float:right;
}
div.patch5{
width: 90%; height: auto;
margin:100px 0% 100px 5%; padding: 0px 0px 0px 0px;
vertical-align:top; display: inline-block;
}
.hov:hover { box-shadow: 0px 0px 0px 3px #4378bc ; }