@charset "utf-8";
html {font-size: 62.5%; }
html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-size-adjust: none;}
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
header, section, footer, aside, nav, main, article, figure {display: block;} 
body {margin:0 0 0 0; font-size: 1.5em /* bug fix */;}
body {background-color: #017397; color: #444; line-height: 1.6; font-weight: 300; font-family: 'Open Sans', sans-serif;}
.body-container {position: relative; max-width: 1150px; background-color: #fff; width: 100%; margin: 0 auto; /*centre*/box-sizing: border-box;box-shadow: 12px 0 15px -4px #003f51, -12px 0 15px -4px #003f51;} 	
.main {margin:0px 0px 0px 0px}

p {margin: 10 0 0 0;}

h1, h2, h3 {font-weight: 200;  font-family: 'Open Sans', sans serif; margin-bottom: 1rem}

h1 { font-size: 3.4rem; line-height: 1.2}
h2 { font-size: 3.4rem;  line-height: 1.2}
h3 { font-size: 1.8rem ; line-height: 1}

/*HOME TITLES*/
.art-title-home {text-align:right; color:#FFF;padding-right:25px; padding-top:0px; margin-top:0px}
.web-design-title-home {text-align:right; color:#FFF; padding-right:25px;padding-top:0px; margin-top:0px}
.graphics-logo-title-home {text-align:left; color:#444; padding-left:25px;padding-top:0px; margin-top:0px}
.books-illustration-title-home {text-align:left;color:#FFF;padding-left:25px;padding-top:0px; margin-top:0px}



/*PAGE TITLES*/


.expandimg:hover{
    color: #424242; 
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in;
  opacity: 1;
  transform: scale(1.15);
  -ms-transform: scale(1.15); /* IE 9 */
  -webkit-transform: scale(1.15); /* Safari and Chrome */

}



/*lightbox*/




/*--------------------------SECTIONS---------------------------------*/
.full-row { margin:0px 0px 0px 0px }
.home-para {padding:20px 20px 20px 20px}

/*MAIN FLEXBOX*/
.flex-columns-white {display: flex; flex-wrap: wrap; background-color:#FFF; color:#444;margin-top: -7px}
.flex-columns-green {display: flex; flex-wrap: wrap; background-color:#003f51; color:#FFF;}
.flex-columns-footer {display: flex; flex-wrap: wrap; background-color:#003f51; color:#FFF;width:99%}
.flex-columns-footer-text {display: flex; flex-wrap: wrap; width:66%;order: 2}
.flex-columns-footer-image {display: flex; flex-wrap: wrap; width:32%;order: 1}

.flex-columns {display: flex;flex-wrap: wrap;}
.flex-direct-top {flex-direction:row}
.flex-direct-bottom {flex-direction:row}
.flex-direct {flex-direction:row-reverse}
.footer-direct {flex-direction:row}

.box2 {flex: 1; min-width: 50%; max-width:50%;position: relative;/* padding:10px 20px 0px 10px; margin-top:0px !important*/}
.box4 {flex: 1; min-width: 25%; max-width:25%;position: relative;/* padding:10px 20px 0px 10px; margin-top:0px !important*/}

.first2thirds {flex: 1; min-width: 64%;padding:10px 10px 10px 10px;}
.lastthird {flex: 1; min-width: 31%;padding:10px 10px 10px 0px;}
.firstthird {flex: 1; min-width: 33%;padding:20px 20px 20px 20px;}
.last2thirds {flex: 1; min-width: 66%;padding:20px 20px 20px 0px;}

/*logo*/
.logo  {background-repeat: no-repeat;width: 100%;height: 0; padding-top: 13.8%;background-size: 100%; background-image:url(../images/skin/header/Header1-darkgreen-lightgreen.jpg); }

/*footer*/
footer {color:#FFF; background-color:#003f51; padding: 0 20px;display:block;}
.footerlink {color: #FFF; }
.footerlink-nofollow {color: #999; }
.footerlink-privacy {color: #999; }
.social-info-facebook-footer {text-align: right; order:1;  max-width: 5.8%; max-height:10%;margin-right:10px }
.social-info-instagram-footer {text-align: right; order:1;  max-width: 10%; max-height:10%;margin-right:10px }
.social-info {text-align: right; order:1;  max-width: 10%; max-height:10%;margin-right:10px }
.footerbox2 {flex: 1; min-width: 49%; max-width:49%;position: relative; padding:10px 10px 10px 10px;}
.footerbox2-oct {flex: 1; min-width: 99%; max-width:99%;position: relative;padding:10px 10px 10px 10px;}
.privacy-order{order:1}
.text-order {order:2}
/*GENERIC CLASSES*/

/*MARGINS*/
.margintop1 {margin-top: 1%}
.margintop2 {margin-top: 2%}
.margintop3 {margin-top: 3%}
.margintop4 {margin-top: 4%}
.margintop5 {margin-top: 5%}
.margintop6 {margin-top: 6%}
.margintop7 {margin-top: 7%}
.margintop8 {margin-top: 8%}
.margintop9 {margin-top: 9%}
.margintop10 {margin-top: 10%}
.margintop11 {margin-top: 11%}
.margintop12 {margin-top: 12%}
.margintop13 {margin-top: 13%}
.margintop14 {margin-top: 14%}
.margintop15 {margin-top: 15%}
.margintop16 {margin-top: 16%}
.margintop17 {margin-top: 17%}
.margintop18 {margin-top: 18%}
.margintop19 {margin-top: 19%}
.margintop20 {margin-top: 20%}
.paragraph-leftalign {margin-top: 20px; text-align:left; padding:10px 20px 0px 10px; margin-top:0px}
.paragraph-rightalign {margin-top: 20px; text-align:right; padding:10px 10px 0px 20px; margin-top:0px}
.boximageleft {padding:10px 10px 0px 10px; margin-top:0px !important}
.boximageright {padding:0px 10px 0px 10px; margin-top:0px !important}
.left-box2-text-padding {padding: 0px 25px 40px 20px; text-align:right}
.right-box2-text-padding{padding: 0px 20px 40px 25px;text-align:left}
.curvephone-adjust6 {margin-top:0px}
.curvephone-adjust5 {margin-top:0px}
.curvephone-adjust7 {margin-top:0px}
.curvephone-adjust1 {margin-top:0px}

/*PADDING*/

.no-padding {padding: 0px 0px 0px 0px}
/*ALIGNMENT*/ 
.center {text-align:center}
.top-box {padding-top:5px}
/*COLOURS*/
.back-darkgreen {background-color:#003f51}
.back-lightgreen {background-color:#017397}
.back-white {background-color:#FFF}
.black {color:#444;}
.black:hover {color:#444;}

a {color: #FFF; font-weight:bold;text-decoration:none}
a:hover {color: #FFF; text-decoration:underline}


.fullwidth-img {width:100%;}
.box2-img{width:100%; padding:0px 10px 0px 10px}
.box4-img{width:100%; padding:0px 10px 0px 10px}
.box2-img-home{width:100%; padding:10px}

ul {list-style: none; }
ol {list-style: decimal inside; }
ol, ul {padding-left: 0; margin-top: 0; font-size:1.1em }

.home-art-para {text-align:right}
.home-book-para {text-align:left}
/* MOBILE*/

@media (max-width: 600px) {
.logo  {flex: 1; min-width: 99%; background-image:url(../images/skin/header/mobile-green.jpg);padding-top: 22% !important; }                        
 }

@media (max-width: 900px) {
.title-padding-left {padding-left:20px}
.title-padding-right {padding-left:20px}
.home-art-para {text-align:left}
.home-book-para {text-align:right}
.curvephone-adjust7 {margin-top:-7px}
.curvephone-adjust6 {margin-top:-6px !important}
.curvephone-adjust5 {margin-top:-5px !important}
.curvephone-adjust1 {margin-top:-1px !important}
.box2 {min-width: 100%;}
.basic-padding {padding: 0px 15px 0px 15px}
.top-box {padding-top:0px !important}
.flex-direct-bottom {flex-direction:row-reverse}
.flex-direct {flex-direction:row}
.left-box2-text-padding {margin-bottom:8%;padding: 0px 9px 0px 9px;text-align:left}
.right-box2-text-padding{margin-bottom:8%;padding: 0px 9px 0px 9px;text-align:right}
.margintop14 {margin-top: 0%}
.margintop15 {margin-top: 0%}
.margintop16 {margin-top: 0%}
.margintop17 {margin-top: 0%}
.margintop18 {margin-top: 0%}
.margintop19 {margin-top: 0%}
.margintop20 {margin-top: 0%}
.boximageleft {padding:0px 0px 0px 0px}
.boximageright {padding:0px 0px 0px 0px }
.paragraph-leftalign {margin-top: 0px; margin-bottom:0px; padding:15px 19px 0px 19px;}
.paragraph-rightalign {margin-top: 0px; margin-bottom:0px;padding:15px 19px 0px 19px;}
/*HOME TITLES*/
.graphics-logo-title-home {padding-right:9px;}
.art-title-home {padding-left:9px; text-align:left}
.books-illustration-title-home {padding-right:9px; text-align:right}
.web-design-title-home {padding-left:9px;text-align:left}

/*PAGE TITLES*/
.art-title-page {padding-left:0px;}
.portraits-title-page {padding-right:0px;}
.pet-portraits-title-page {margin-top:3% !important;padding-left:0px;}
.landscapes-title-page {margin-top:3% !important;padding-right:0px;}

.illustration-title-page {padding-left:0px;margin-top: 1%;}
.books-title-page {padding-right:9px;}
.web-design-title-page {padding-left:0px;margin-top: 0px !important;}
.seo-title-page {padding-right:0px;margin-top: 0px !important;}
.graphic-design-title-page {padding-left:0px;margin-top: 1% !important; }
.logo-design-title-page {padding-right:0px; margin-top: 0px !important;}

h1 { font-size: 3rem !important; line-height: 1.2; /* letter-spacing: 2px;*/}
h2 { font-size: 2.6rem !important; margin-bottom: 1rem !important; line-height: 1.3;/* letter-spacing: 0rem;*/ }
h3 { font-size: 1.8rem  !important;; line-height: 1.3;  /*letter-spacing: -.1rem;*/ }
.footerbox2 {padding: 0px 0px 0px 0px;max-width:49% !important;min-width:49% !important;}
.footerbox2-oct {padding: 0px 0px 0px 0px;}
.footer-direct {flex-direction:row-reverse}
.flex-columns-footer {display: flex; flex-wrap: wrap; background-color:#003f51; color:#FFF;width:99%; text-align:center !important}
.flex-columns-footer-text {display: flex; flex-wrap: wrap; width:99%;order: 1}
.flex-columns-footer-image {display: flex; flex-wrap: wrap; width:99%;order: 2}
.box2-img-home{width:100%; padding:0px}
}

@media (max-width: 550px) 
{
.footerbox2 {max-width:98% !important;min-width:98% !important;}
.privacy-order{order:2}
.text-order {order:1}
.footer-direct {flex-direction:row-reverse}
}

.clearfix:before, .clearfix:after{display: table; content: " ";}
.clearfix:after{ clear: both;}