@charset "utf-8";
/* CSS Document */


/* --------------
Gubbins To Make It All Work
Gubbins To Make It All Work    
Gubbins To Make It All Work
-----------   */


html, body, #header {
    margin: 0 !important;
    padding: 0 !important;
}


.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;
      }

/* Working bits and mechanics and magic - Working bits and mechanics and magic  */
/* Working bits and mechanics and magic - Working bits and mechanics and magic  */


.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 : 501px)
   and (max-device-width : 1025px){  .tabletHide { display: none;}}

.tabletShow { display: none;}
   /* Smartphone Portrait and Landscape */
   @media only screen
   and (min-device-width : 501px)
   and (max-device-width : 1025px){  .tabletShow { display: inline;}}




.link1 A:link { -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s; color: black; text-decoration: none;}
  .link1 A:visited {color: black; text-decoration: none;}
   .link1 A:active { color: black; text-decoration: none;}
    .link1 A:hover {color:#868686; text-decoration: none; }




/* --------------
Header Header Header Header Header Header Header Header Header Header  
Header Header Header Header Header Header Header Header Header Header  
Header Header Header Header Header Header Header Header Header Header  
-----------   */



.header {
    height:81px;
    background-color: white;  
    width:100%;
    margin:0 auto;
  position:fixed;
  text-align:center;
  z-index:1000000;
}

div.headercont{
width: 90%;
padding: 10px 0px 10px 00px;
backgroundcolor: yellow;
text-align:left;
display:inline-block;
border-bottom:2px solid #CCC;
  }
  
  div.headerwrapright{
width: 75%;
padding: 30px 0px 0px 00px;
backgroundcolor: blue;
text-align:right;
display:inline-block;
float:right;
  }
  
  div.headerblocks{
width:auto; 
padding: 0px 0% 0px 6%;
backgroundcolor: green;
margin: 0 auto;
text-align:center;
float: right;
display:inline-block;
vertical-align: top;
font-family: 'Nunito', sans-serif;
color:#000000;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.1px;  
  white-space:nowrap;
  }

  div.icontwitter{
padding: 0px 0px 00px 0px;
  height:30px;
  width:30px;
  margin: 0px 0px 0px 10px;
    display:inline-block;
  vertical-align: top;
background-size: cover;
background-position:center;
background-repeat:no-repeat;
background-image:url(icontwitter.png);
opacity: 0.5;
  }

    div.iconinstagram{
padding: 0px 0px 0px 00px;
 margin: 0px 0px 00px 10px;
  height:30px;
  width:30px;
  display:inline-block;
  vertical-align: top;
background-size: cover;
background-position:center;
background-repeat:no-repeat;
background-image:url(iconinstagram.png);
opacity: 0.5;
  }

div.headernamecont{
width:auto; 
padding: 10px 0% 0px 0;
backgroundcolor: green;
text-align:left;
display:inline-block;
vertical-align: top;
  }

    div.morfydd{
width:auto; 
margin:0 auto;
height: 20px;
padding: 0px 0% 0px 0%;
background-color: white;
text-align:center;
display:inline-block;
font-family: 'Nunito', sans-serif;
color:#000000;
  font-size: 25px;
  font-weight: 300;
  letter-spacing: 0px;  
  line-height: 0;
  }

    div.ransom{
width:auto; 
height:auto;
margin:0 auto;
padding: 5px 0% 0px 0%;
backgroundcolor: yellow;
text-align:center;
display:inline-block;
font-family: 'Nunito', sans-serif;
color:#000000;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.7px;  
  line-height: 0;
  }

/* --------------
Mobile Header - Mobile Header - Mobile Header - 
Mobile Header - Mobile Header - Mobile Header -   
-----------   */

.hide {
  display: none;
}

#topMenu {
height: 80px;
width: 100%;
background-color: white;
display: block;
}

nav {
width: 100%;
height: auto;
display: block;
margin: 0;
padding: 0;
}

nav a {
text-decoration: none;
padding-left: 0px;
}

nav ul {
list-style: none;
display: block;
margin: 0;
padding: 0;
background-color: white;
} 

nav ul li {
display: block;
width: 100%;
height: auto;
text-align:center;
padding: 10px 0px 10px 0px;
border-bottom: 1px solid #cccccc;
font-family: 'Nunito', sans-serif;
font-weight:200;
  font-size: 20px;
  letter-spacing: 4px;
  color:#000000;
  line-height:1;
}

nav ul ul {
height: 0;
overflow: hidden;
padding-top: 0px;
}

nav ul ul li a {
padding-left: 0px;
}

.hide-nav {
    display: none;
}

.styling {
    background-color: white; 
    border: none;
    color: grey;
    border-bottom: 1px grey solid;
  width:100%;
    padding: 8px 0px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}







  /* --------------
Footer - Footer - Footer - Footer - Footer - Footer - Footer - Footer - 
Footer - Footer - Footer - Footer - Footer - Footer - Footer - Footer - 
Footer - Footer - Footer - Footer - Footer - Footer - Footer - Footer - 
-----------   */

    div.footer{
width:100%; 
height: 70px
padding: 0px 0% 0px 0%;
background-color: #D7D7D7;
text-align: center;
  }


div.footercont{
width: 90%;
padding: 10px 0px 10px 00px;
backgroundcolor: pink;
text-align:center;
display:inline-block;
border-bottom:2px solid #CCC;
  }

div.footerstrap1{
width:90%; 
padding: 20px 0% 20px 0%;
backgroundcolor: yellow;
text-align:center;
display:inline-block;
font-family: 'Nunito', sans-serif;
color: white;
  font-size: 22px;
  font-weight: 200;
  letter-spacing: 9px;  
  }

  div.footerstrap2{
width:90%; 
padding: 20px 0% 30px 0%;
backgroundcolor: yellow;
text-align:center;
display:inline-block;
font-family: 'Nunito', sans-serif;
color: white;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;  
  }


/* --------------
S P A C E R S   S P A C E R    S P A C E R S   S P A C E R S
-----------   */

div.spacer25{
  width:50px;
  height: 25px;
  margin: 0 auto ;
  backgroundColor:  yellow;
 text-align:center;
padding: 0px;
  }


 div.spacer50{
  width:50px;
  height: 50px;
  margin: 0 auto ;
  backgroundColor:  yellow;
 text-align:center;
padding: 0px;
  }
  
  div.spacer100{
  width:50px;
  height: 100px;
  margin: 0 auto ;
  backgroundColor:  yellow;
 text-align:center;
padding: 0px;
  }
  
    div.spacer150{
  width:50px;
  height: 150px;
  margin: 0 auto ;
  backgroundColor:  yellow;
 text-align:center;
padding: 0px;
  }
  
    div.spacer200{
  width:50px;
  height: 200px;
  margin: 0 auto ;
  backgroundColor:  yellow;
 text-align:center;
padding: 0px;
  }

   div.spacer250{
  width:50px;
  height: 250px;
  margin: 0 auto ;
  backgroundColor:  yellow;
 text-align:center;
padding: 0px;
  }

 div.w90{
  width:90%;
 text-align: center;
 margin:0 auto;
backgroundcolor: orange;
  }

 div.center{
width:90%;
 text-align: center;
 margin:0 auto;
backgroundcolor: green;
  }



/* --------------
GENERAL TEXT STYLES - - - 
GENERAL TEXT STYLES  - - -
GENERAL TEXT STYLES 
-----------   */

div.linetitle{
width:auto; 
height: auto;
padding: 0px 0% 10px 0%;
background-color: initial;
text-align:left;
float:left;
font-family: 'Nunito', sans-serif;
color:black;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 1px; 
  line-height: 1.5; 
  }



.h1{
font-family: 'Nunito', sans-serif;
color: #333333;
	font-size: 35px;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: -4px;
}

.h2{
font-family: 'Nunito', sans-serif;
color: #333333;
	font-size: 30px;
	font-weight: 400;
	letter-spacing: 4px;
	line-height: 1;
}

.h3{
font-family: 'Nunito', sans-serif;
color: #333333;
	font-size: 25px;
	font-weight: 400;
	letter-spacing: 5px;
	line-height: 1.7;
}

.h4{
font-family: 'Nunito', sans-serif;
color: #333333;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 5px;
	line-height: 1.7;
}

.t5{
font-family: 'Nunito', sans-serif;
color:black;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.7px; 
  line-height: 1.4; 
}


/* --------------
Layout shizzle - Layout shizzle - Layout shizzle  
Layout shizzle - Layout shizzle - Layout shizzle  
Layout shizzle - Layout shizzle - Layout shizzle  
-----------   */

div.twocolwrap{
  width:100%;
  margin: 0 auto ;
  backgroundcolor:  rgba(84,36,55,.5);
  text-align:center;
}

div.hero{
width:90%; 
height: 200px
padding: 0px 0% 0px 0%;
backgroundcolor: #D7D7D7;
text-align: center;
margin: 0 auto;
  }

div.imagecont{
padding: 0px 0px 0px 00px;
  height:250px;
  width:400px;
  display:inline-block;
  vertical-align:top;
background-size: cover;
background-position:center;
background-repeat:no-repeat;
background-image:url(headingimg1.jpg);
  }

div.doublevertpictcont{
padding: 0px 0px 0px 0px;
margin:0px 0;
  height:auto;
  width:100%;
  background-color: white;
  display:inline-block;
  vertical-align:top;
background-size: cover;
background-position:center;
background-repeat:no-repeat;
  }


div.pictureblock{
padding: 0px 0px 0px 0px;
margin: 0px 0pc 0px;
position: relative;
  height:300px;
  width:100%;
  background-color: white;
  display:inline-block;
  vertical-align:top;
background-size: cover;
background-position:center;
background-repeat:no-repeat;
  }

  div.pictureblockinternal{
padding: 00px 0px 0px 0px;
margin: 25px 0px 25px 0px;
position: relative;
  height:300px;
  width:90%;
  backgroundcolor: pink;
  display:inline-block;
  vertical-align:top;
background-size: cover;
background-position:center;
background-repeat:no-repeat;
  }

  div.pictureblocknoheight{
padding: 20px 0px 0px 0px;
margin:10px 0;
position: relative;
  height:2px;
  width:28%;
  background-color: white;
  display:inline-block;
  vertical-align:top;
background-size: cover;
background-position:center;
background-repeat:no-repeat;
  }

.link-spanner{
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;
}

div.spacerblock{
padding: 0px 0px 0px 00px;
  height:10px;
  width:0%;
  display:inline-block;
  vertical-align:top;
background-color: orange;
 }

 div.spacerblock2{
padding: 0px 0px 0px 00px;
  height:10px;
  width:15.9%;
  display:inline-block;
  vertical-align:top;
backgroundcolor: orange;
 }

div.textblock{
width:100%;
height: auto; 
padding: 0%;
backgroundcolor: #F1F1F1;
text-align:left;
display:inline-block;
font-family: 'Nunito', sans-serif;
color:black;
  font-size: 20px;
  font-weight: 200;
  letter-spacing: 0.7px; 
  line-height: 1.6; 
  }

  div.textblockdouble{
width:56%;
height: auto; 
padding: 10px 0% 0px 0%;
backgroundcolor: yellow;
text-align:left;
display:inline-block;
font-family: 'Nunito', sans-serif;
color:black;
  font-size: 16px;
  font-weight: 200;
  letter-spacing: 0.7px; 
  line-height: 1.4; 
  }

  div.textblockfloatleft{
width:60%;
height: auto; 
margin: 10px 0;
padding: 0%;
background-color: #F1F1F1;
text-align:left;
float:left;
display:inline-block;
font-family: 'Nunito', sans-serif;
color:black;
  font-size: 16px;
  font-weight: 200;
  letter-spacing: 0.7px; 
  line-height: 1.6; 
  }

 div.textblockdoublefloatleft{
width:98%;
height: auto; 
margin: 10px 0;
padding: 0%;
backgroundcolor: #F1F1F1;
text-align:left;
float:left;
display:inline-block;
font-family: 'Nunito', sans-serif;
color:black;
  font-size: 20px;
  font-weight: 200;
  letter-spacing: 0.7px; 
  line-height: 1.6; 
  }


/* --------------
Front page bits - frontpagebits -  Front page bits - frontpagebits - 
Front page bits - frontpagebits -  Front page bits - frontpagebits - 
Front page bits - frontpagebits -  Front page bits - frontpagebits -  
-----------   */

div.frontimage1{
padding: 0px 0px 0px 00px;
  height:500px;
  width:50%;
  display:inline-block;
  vertical-align:top;
background-size: cover;
background-position:center;
background-repeat:no-repeat;
background-image:url(frontimage1.jpg);
  }


div.strapholder1{
width:auto; 
padding: 0px 0% 0px 0%;
backgroundcolor: yellow;
text-align:center;
display:inline-block;
font-family: 'Nunito', sans-serif;
color:#8C8C8C;
  font-size: 30px;
  font-weight: 200;
  letter-spacing: 9px;  
  }

div.frontpagetitle{
width:100%; 
padding: 0px 0% 0px 0%;
backgroundcolor: yellow;
text-align:center;
display:inline-block;
font-family: 'Nunito', sans-serif;
color:#000000;
  font-size: 38px;
  font-weight: 400;
  letter-spacing: 0.5px;  
  }

div.frontpagewords{
width:80%; 
padding: 0px 0% 0px 0%;
backgroundcolor: yellow;
text-align:center;
display:inline-block;
font-family: 'Nunito', sans-serif;
color:#6C6C6C;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 1px;  
line-height: 1.4;
  }

div.frontpageexhib{
width:40%; 
margin: 30px 2% 0px 2%;
padding: 30px 0% 0px 0%;
backgroundcolor: yellow;
border-top: 1px solid #dddddd;
text-align: left;
display:inline-block;
vertical-align: top;
font-family: 'Nunito', sans-serif;
font-family: 'Oxygen', sans-serif;
color:#6C6C6C;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;  
line-height: 1.4;
  }

/* --------------
About The Artist - About The Artist - About The Artist - 
About The Artist - About The Artist - About The Artist - 
About The Artist - About The Artist - About The Artist -  
-----------   */




div.ab1{
background-image:url(ab1.jpg);
  }

div.ab2{
background-image:url(ab2.jpg);
  }

  div.ab3{
background-image:url(ab3.jpg);
  }

div.ab4{
background-image:url(ab4.jpg);
  }

div.ab5{
background-image:url(ab5.jpg);
  }

div.ab6{
background-image:url(ab6.jpg);
  }

  div.ab7{
background-image:url(ab7.jpg);
  }

  div.ab8{
background-image:url(ab8.jpg);
  }

  div.ab9{
background-image:url(ab9.jpg);
  }

  div.ab10{
background-image:url(ab10.jpg);
  }

  div.ab11{
background-image:url(ab11.jpg);
  }

  div.ab12{
background-image:url(ab12.jpg);
  }


 div.ab13{
background-image:url(ab13.jpg);
  }


 div.ab14{
background-image:url(ab14.jpg);
  }


 div.ab15{
background-image:url(ab15.jpg);
  }


 div.ab16{
background-image:url(ab16.jpg);
  }


 div.ab17{
background-image:url(ab17.jpg);
  }


 div.ab18{
background-image:url(ab18.jpg);
  }


 div.ab19{
background-image:url(ab19.jpg);
  }


 div.ab20{
background-image:url(ab20.jpg);
  }


 div.ab21{
background-image:url(ab21.jpg);
  }


 div.ab22{
background-image:url(ab22.jpg);
  }








div.strapholder3{
width:auto; 
padding: 0px 0% 0px 0%;
backgroundcolor: yellow;
text-align:center;
display:inline-block;
font-family: 'Nunito', sans-serif;
font-family: 'Libre Baskerville', serif;
color:#8C8C8C;
  font-size: 24px;
  font-weight: 200;
  letter-spacing: 9px;  
  }

  div.strapholder2{
width:auto; 
padding: 0px 0% 0px 0%;
backgroundcolor: yellow;
text-align:center;
display:inline-block;
font-family: 'Nunito', sans-serif;
font-family: 'Libre Baskerville', serif;

color:#8C8C8C;
  font-size: 24px;
  font-weight: 200;
  letter-spacing: 9px;  
  }


/* --------------
Works - Works -  Works - Works - Works - Works - 
Works - Works - Works - Works - Works - Works - 
Works - Works - Works - Works - Works - Works - 
-----------   */

 div.workww1{
background-image:url(ww1.jpg);
  }

   div.workww2{
background-image:url(ww2.jpg);
  }

   div.workww3{
background-image:url(ww3.jpg);
  }

   div.workww4{
background-image:url(ww4.jpg);
  }

 
div.workap1{
background-image:url(ap1.jpg);
  }

div.workap2{
background-image:url(ap2.jpg);
  }

  div.workap3{
background-image:url(ap3.jpg);
  }

   div.workap4{
background-image:url(ap4.jpg);
  }



  div.workwwb1{
background-image:url(wwb1.jpg);
  }

  div.workwwb2{
background-image:url(ap1.jpg);
  }

  div.workwwb3{
background-image:url(wwb3.jpg);
  }

    div.workwwb3t{
background-image:url(wwb3t.jpg);
  }


div.workap2{
background-image:url(ap2.jpg);
  }

  div.workap3{
background-image:url(ap3.jpg);
  }

   div.workap4{
background-image:url(ap4.jpg);
  }


    div.workcf1{
background-image:url(cf1.jpg);
  }

  div.workcf2{
background-image:url(cf2.jpg);
  }


  div.workwot1{
background-image:url(wot1.jpg);
  }

   div.workwot2{
background-image:url(wot2.jpg);
  }

   div.workwot3{
background-image:url(wot3.jpg);
  }

   div.workgf1{
background-image:url(gf1.jpg);
  }

   div.workgf2{
background-image:url(gf2.jpg);
  }

   div.workgf3{
background-image:url(gf3.jpg);
  }

   div.workss1{
background-image:url(ss1.jpg);
  }

   div.workss2{
background-image:url(ss2.jpg);
  }

   div.workbof1{
background-image:url(bof1.jpg);
  }

   div.workbof2{
background-image:url(bof2.jpg);
  }

   div.workbof3{
background-image:url(bof3.jpg);
  }


   div.workhl1{
background-image:url(hl1.jpg);
  }

   div.workhl2{
background-image:url(hl2.jpg);
  }

 div.workhl3{
background-image:url(hl3.jpg);
  }


 div.workms1{
background-image:url(ms1.jpg);
  }

   div.workms2{
background-image:url(ms2t.jpg);
  }


div.workem1{
background-image:url(em1.jpg);
  }

div.workem2{
background-image:url(em2.jpg);
  }

  div.workem3{
background-image:url(em3.jpg);
  }

   div.workem4{
background-image:url(em4.jpg);
  }

  div.workrtjs1{
background-image:url(rtjs1.jpg);
  }




div.workeos1{
background-image:url(eos1.jpg);
  }

div.workeos2{
background-image:url(eos2.jpg);
  }

  div.workeos3{
background-image:url(eos3.jpg);
  }

   div.workeos4{
background-image:url(eos4.jpg);
  }

 div.workeos4t{
background-image:url(eos4t.jpg);
  }


   div.workem4{
background-image:url(em4.jpg);
  }


div.worktea1{
background-image:url(tea1.jpg);
  }

div.worktea2{
background-image:url(tea2.jpg);
  }

  div.worktea3{
background-image:url(tea3.jpg);
  }

   div.worktea4{
background-image:url(tea4.jpg);
  }

div.workhow1{
background-image:url(how1.jpg);
  }

div.workhow2{
background-image:url(how2.jpg);
  }

div.workhow3{
background-image:url(how3.jpg);
  }


div.workitr1{
background-image:url(itr1.jpg);
  }

div.workitr2{
background-image:url(itr2.jpg);
  }

div.workitr3{
background-image:url(itr3.jpg);
  }

  div.workitr4{
background-image:url(itr4.jpg);
  }

div.workitr5{
background-image:url(itr5.jpg);
  }

div.workrts1{
background-image:url(rts1.jpg);
  } 


div.leap1{
background-image:url(leap1.jpg);
  } 

  div.leap1t{
background-image:url(leap1t.jpg);
  } 

  div.leap2{
background-image:url(leap2.jpg);
  } 

  div.leap2t{
background-image:url(leap2t.jpg);
  } 

  div.leap3{
background-image:url(leap3.jpg);
  } 

  div.leap3t{
background-image:url(leap3t.jpg);
  } 




div.workcap1{
background-image:url(workcap1.jpg);
  } 

  div.workcap1t{
background-image:url(workcap1t.jpg);
  } 

  div.workcap2{
background-image:url(workcap2.jpg);
  } 

  div.workcap2t{
background-image:url(workcap2t.jpg);
  } 



div.mar1{
background-image:url(mar1.jpg);
  } 
div.mar1t{
background-image:url(mar1t.jpg);
  } 
div.mar2{
background-image:url(mar2.jpg);
  } 
div.mar2t{
background-image:url(mar2t.jpg);
  } 



div.wswe1{
background-image:url(wswe1.jpg);
  } 
  div.wswe1t{
background-image:url(wswe1t.jpg);
  } 
  div.wswe2{
background-image:url(wswe2.jpg);
  } 
  div.wswe2t{
background-image:url(wswe2t.jpg);
  } 
  div.wswe3{
background-image:url(wswe3.jpg);
  } 
  div.wswe3t{
background-image:url(wswe3t.jpg);
  } 


div.dwr1{
background-image:url(dwr1.jpg);
  } 
div.dwr1t{
background-image:url(dwr1t.jpg);
  } 
div.dwr2{
background-image:url(dwr2.jpg);
  } 
  div.dwr2t{
background-image:url(dwr2t.jpg);
  } 


div.dyf1{
background-image:url(dyf1.jpg);
  } 
div.dyf1t{
background-image:url(dyf1t.jpg);
  } 
div.dyf2{
background-image:url(dyf2.jpg);
  } 
  div.dyf2t{
background-image:url(dyf2t.jpg);
  } 
  div.dyf3{
background-image:url(dyf3.jpg);
  } 
  div.dyf3t{
background-image:url(dyf3t.jpg);
  } 



/* --------------
Contact - Contact - Contact - Contact - Contact - Contact - 
Contact - Contact - Contact - Contact - Contact - Contact - 
Contact - Contact - Contact - Contact - Contact - Contact - 
-----------   */

 div.contactblock{
padding: 0px 0px 0px 0px;
margin:50px 0px;
  height: auto;
  width:100%;
  backgroundcolor: pink;
  }


div.confieldwrapy{
width:100%;
height:auto;
margin: 0px 0 10px 0% ;
backgroundcolor: green;
text-align:left;
  } 

div.postbox{
width:auto;
height:auto;
margin: 0px 0 10px 0% ;
backgroundcolor: yellow;
text-align:left;
  } 


  .boxcopy{
font-family: 'Nunito', sans-serif;
color: #333333;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1.7;
  } 

input[type=text] {
  height: 30px;
  width:60%;
   }

input[type=text] {
  height: 30px;
  width:60%;
   }


 div.ex1{
background-image:url(ex1.jpg);
  }

   div.ex2{
background-image:url(ex2.jpg);
  }

   div.ex3{
background-image:url(ex3.jpg);
  }

   div.ex4{
background-image:url(ex4.jpg);
  }

 div.ex5{
background-image:url(ex5.jpg);
  }

  div.ex6{
background-image:url(ex6.jpg);
  }



div.dyf5{
background-image:url(dyf5.jpg);
  } 
  div.dyf5t{
background-image:url(dyf5t.jpg);
  } 


div.mm1{background-image:url(mm1.jpg);  } 
div.mm2{background-image:url(mm2.jpg);  } 
  div.mm3{background-image:url(mm3.jpg);  } 
  div.mm4{background-image:url(mm4.jpg);  } 


/* ------------- - Oct 2021 Update files - -----------   */
/* ------------- - Oct 2021 Update files - -----------   */
/* ------------- - Oct 2021 Update files - -----------   */
/* ------------- - Oct 2021 Update files - -----------   */



div.diw1{background-image:url(updateoct/diw1.jpg);  } 
div.diw2{background-image:url(updateoct/diw2.jpg);  } 
div.diw3{background-image:url(updateoct/diw3.jpg);  } 
div.diw4{background-image:url(updateoct/diw4.jpg);  } 

div.pr1{background-image:url(updateoct/pr1.jpg);  } 
div.pr2{background-image:url(updateoct/pr2.jpg);  } 
div.pr3{background-image:url(updateoct/pr3.jpg);  } 

div.mg1{background-image:url(updateoct/mg1.jpg);  } 
div.fp1{background-image:url(updateoct/fp1.jpg);  } 

div.ec1{background-image:url(updateoct/ec1.jpg);  } 


.link-f A:link { -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s; color: white; text-decoration: none;}
  .link-f A:visited {color: white; text-decoration: none;}
   .link-f A:active { color: white; text-decoration: none;}
    .link-f A:hover {color:white; text-decoration: none; }


div.mg-pic{
padding: 0px 0px 0px 00px; margin:  100px 0px 0px 00px; 
  height:850px;width:100%;
  display:inline-block;
  vertical-align:top;
background-size: cover;
background-position:center;
background-repeat:no-repeat;
  }

  div.mg-textframe{
padding: 0px 0px 0px 00px; margin:  10px 0px 0px 00px; 
  height:auto ;width:100%;
  display:inline-block;
  vertical-align:top;
text-align: right;
  }

  div.mg-1{
width:auto; height: auto; 
padding: 0px 0% 0px 0%;
backgroundcolor: yellow;
vertical-align: top; display:inline-block;
font-family: 'Nunito', sans-serif;
color:black;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.7px; 
  line-height: 1.4; 
  }

  div.mg-2{
width:auto; height: auto; 
padding: 0px 0% 0px 0%;
backgroundcolor: yellow;
vertical-align: top; display:inline-block;
font-family: 'Nunito', sans-serif;
color:black;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.7px; 
  line-height: 1.4; 
  }






















div.oak-l1{background-image:url(oak-l1.jpg);  } 
div.oak-l2{background-image:url(oak-l2.jpg);  } 

div.oak-r1{background-image:url(oak-r1.jpg);  } 
div.oak-r2{background-image:url(oak-r2.jpg);  } 
div.oak-r3{background-image:url(oak-r3.jpg);  }