@charset "UTF-8";
/* CSS Document */
body {margin: 0; padding: 0; }
p {font-family: "Gill Sans", "Gill Sans MT", Helvetica, Arial, "sans-serif"; font-size: 16px; color: #414141; letter-spacing: 1px;}
p a:link {color: #007FFF; font-weight: 600; text-decoration: none;}
p a:hover {color: #007FFF; font-weight: 600; text-decoration: underline;}
p a:visited {color: #007FFF; font-weight: 600; text-decoration: none;}
h1 {font-family: 'Anton', sans-serif; font-size: 45px; letter-spacing: 2px; color: #99cc00; text-shadow: 1px 1px 1px #969696; margin-top: 0px;}
h2 {font-family: 'Anton', sans-serif; font-size: 30px; letter-spacing: 2px; color: #99cc00; text-shadow: 1px 1px 1px #969696;}
h3 {margin-bottom: 0px !important; }
h5 {font-size: 24px; font-style: italic;}
ul{font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; font-size: 16px; list-style-type: square; }
li:before { padding-right: 8px; color: #99cc00; }
a.btn.btn-primary {color:#fff;}
accordion > h3 {font-size: 24px; font-weight: 500; letter-spacing: 2px;}

.mps-container {width: 80%; margin:auto; padding: 10px ;}

.row { margin-right: 0px; margin-left: 0px; padding: 10px 0;}

/*----------- mps panel ---------------*/
.panel-mps {border-color: #99cc00;}
.panel-mps > .panel-heading {
background-color: #99cc00;color: #ffffff;border-color: #99cc00;text-align: center;font-size: 18px;font-weight: 500;}
.custom-body {background-color: lightgreen;}
.custom-body > .panel-body {color: green;}
.panel-mps > .mps-footer {background-color: #f2f2f2;padding: 10px;text-align: center;}
.mps-footer > .mps-footer {color: #000;}

/*----------- panel ---------------*/
.panel-default>.panel-heading {
  color: #333; background-color: #fff; border-color: #e4e5e7;  padding: 0;  -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none;  user-select: none;}

.panel-default>.panel-heading a {
  display: block;  padding: 10px 15px;}

#panelContainer {width: 100%; padding: 0; margin: 0; }
#panelHeaderContainer {width: 100%;  background-color: #252525; border-bottom: solid #99cc33 5px;}
#panelHeader {max-width: 1000px; margin: auto;}
#panelContentContainer {width: 100%; background-color: #ffffff; overflow: auto; }
#panelContent {max-width: 1000px; margin: auto; overflow: auto;}
#panelFooterContainer {width: 100%;  padding: 70px 0 200px 0; background: #868686; }
#panelFooter {max-width: 1000px; margin: auto;}

.webDesktop {display: block;}
.webMobile {display: none;}

/*---------------- menu ----------------------*/
  .navbar-inverse .navbar-nav>li>a { color: #99cc33 !important;}
  .navbar-inverse .navbar-nav>li>a:hover { color: #FFFFFF !important;}
  .navbar-inverse .navbar-toggle .icon-bar {   background-color: #99cc33;}
  .navbar-inverse .navbar-toggle:hover .icon-bar  {   background-color: #FFFFFF;}
  .navbar {position: relative; min-height: 50px; margin-bottom: 0px;  border-radius: 0px; border-bottom: solid 4px #99cc00;}
  
  .listAbout {list-style: none; display: inline;}
  .navbar-inverse .navbar-brand { color: #99cc00;}

/*---------------- footer ----------------------*/
.footerLogo {background: #353535; padding: 10px 20px 20px 20px;}
#footerCopyright {margin: 40px 0 50px 0;}
#panelFooterContainer {width: 100%;  padding: 10px 0 10px 0; background: #353535;}
.footerMenu {font-size: 14px; color: #ffffff; letter-spacing: 2px;}
.footerMenu li {list-style: none; display: inline;}
ul.footerMenu {padding: 0px !important;}
.footerMenu>li a:link {color: #ffffff; text-decoration: none;}
.footerMenu>li a:hover {color: #ffffff; text-decoration:underline;}
.footerMenu>li a:visited {color: #ffffff; text-decoration: none;}
.socialIcons li {list-style: none; display: inline;}
ul.socialIcons{padding: 0px !important;}

/*---------------- home page -------------------*/
.homePanTitle {font-size: 22px; letter-spacing: 1px; font-weight: 600;}
.homePanTitle {font-size: 16px; letter-spacing: 1px; }
.homeTextTitle1 {font-size: 24px; letter-spacing: 1px; font-weight: 700;}
.homeText1 {font-size: 15px; letter-spacing: 1px;}
.homeTagLine {font-size: 30px; letter-spacing: 2px; font-style: oblique;}
.homePanelTitle {font-size: 23px; letter-spacing: 2px; font-weight: 600;}
.homePanelText {font-size: 16px; letter-spacing:1px;}
.webHomeDesktop {display: block;}
.webHomeMobile {display: none;}
  @media only screen and (max-width: 768px) {
    /* For mobile phones: */
.webHomeDesktop {display: none;}
.webHomeMobile {display: block;}
}

/*---------------- forms ----------------------*/
.form-control {font-size: 18px !important; letter-spacing: 2px !important;}
.formInput {font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; font-size: 18px; letter-spacing: 2px; padding: 0px; margin-bottom: 10px; }
.formLable {font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; font-size: 16px; letter-spacing: 2px; padding: 3px; }
.formRequired {font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 18px; color: #D20003;}
.formSelect select {letter-spacing: 2px; font-size: 13px;}
.formTitle {font-size: 30px; letter-spacing: 1; font-weight: 600;}

input.parsley-success, select.parsley-success, textarea.parsley-success {  color: #468847;  background-color: #DFF0D8;  border: 1px solid #D6E9C6;}

input.parsley-error, select.parsley-error, textarea.parsley-error {  color: #B94A48;  background-color: #F2DEDE;  border: 1px solid #EED3D7;}

.parsley-errors-list {  margin: 2px 0 3px;  padding: 0;  list-style-type: none;  font-size: 0.9em;  line-height: 0.9em;  opacity: 0;
  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {  opacity: 1;}

/*--------------- maps -------------------------*/
.mapDiv {background-color: #E6E6E6;}
.mapInstruction {font-size: 12px; letter-spacing: 1px; color: #B1B1B1;}
.mapText {font-size: 15px; letter-spacing: 1px; color: #797979 }
.mapCity {font-size: 22px; font-weight: 500px; letter-spacing: 1px; }
.mapAdobe {font-size: 14px; letter-spacing: 1px;}

/*--------------- panels -------------------------*/

.panel-success {  border-color: #608418; }
.panel-success>.panel-heading { color: #ffffff; background-color: #608418;  border-color: #608418;}
.panel-footer { padding: 0px 15px 10px 15px; background:#FFFFFF !important; border-top: 0px !important; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;
}

/*--------------- sessions -------------------------*/
.sesPrice {font-size: 26px; letter-spacing: 2px; font-weight: 600; color: #828282;}
.sesDiscount {font-size: 26px; letter-spacing: 2px; font-weight: 600; color: #9A0002;}
.sesDiscountPrice {font-size: 40px; letter-spacing: 2px; font-weight: 600; color: #99cc33;}
.everySession {margin: 20px 0; padding: 20px; background-color:#F5FDE3; border: solid 1px #E6F8BF; }
.imgSamples img {max-width: 100px; margin: 2px;}
  @media only screen and (max-width: 450px) {
    /* For mobile phones: */
.sesPrice {font-size: 16px; letter-spacing: 2px; font-weight: 600; color: #828282;}
.sesDiscount {font-size: 14px; letter-spacing: 2px; font-weight: 600; color: #9A0002;}
.sesDiscountPrice {font-size: 30px; letter-spacing: 2px; font-weight: 600; color: #99cc33;}
.everySession {margin: 14px 0; padding: 20px; background-color:#F5FDE3; border: solid 1px #E6F8BF; }
.imgSamples img {max-width: 80px; margin: 2px;}

}

/*-------------- portfoio ------------------------*/
.portfolioContainer { margin: 20px; }
.portfolioCategory{font-size: 18px; letter-spacing: 2px;}
.imgTitle {font-size: 20px; letter-spacing: 2px; color: #8D8D8D;}
.imgText {font-size: 30px; letter-spacing: 2px; color: #000000; font-weight: 600; line-height: 25px;}
.imgLastView {font-size: 14px; color: #A9A9A9; letter-spacing: 1px;}
.imgPortThum {border: 1px solid #000; margin-bottom: 3px;}
.catTumb > a {border: 2px solid #000;} 
.catTumb > a:hover {border: 2px solid #33cc00;} 
.portThumb > li{list-style: none; display: inline-block; margin:6px;}
.imgInfoDesktop {display: block;}
.imgInfoMobile {display: none;}

  @media only screen and (max-width: 992px) {
    /* For mobile phones: */
.imgInfoDesktop {display: none;}
.imgInfoMobile {display: block;}

}
/*-------------- buttons -------------------------*/
.btn-mps {
  background-color: #99cc33 !important;
  border-color: #b1e527 !important; font-size: 18px; font-weight: 500;
  color: #40530e;
text-align: center; padding: 7px 5px 7px 5px; margin: 0 0 5px 0 }

.btn-mps:hover {
  background-color: #86ae1d !important;
  border-color: #99cc33 !important;
  color: #fff;
}
.btn-custom {
  text-transform: uppercase;
  color: #ffffff;
  background-color: #262626;
  padding: 14px 20px;
  letter-spacing: 1px;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  border-radius: 4px;
  transition: all 0.3s;
}
.btn-custom:hover, .btn-custom:focus, .btn-custom.focus, .btn-custom:active, .btn-custom.active {
  color: #99cc00;
  background-color: #000000;
}
.btn:active, .btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/*--------------- shadow --------------------------*/
.shadow {
    -moz-box-shadow: 3px 3px 3px 3px #ddd;
    -webkit-box-shadow: 3px 3px 3px 3px #ddd;
    box-shadow: 3px 3px 3px 3px #ddd;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

/*--------------- workshop --------------------------*/
.workShop p {font-size: 14px;  }
.workShopMini {font-size: 11px; font-style: italic; letter-spacing: 1px;}
.worhShopList li {line-height: 18px;}
.workShopTestimonial {font-size: 15px; font-style: italic; letter-spacing: 1px;}
.workShopTestimonialPhotog {ont-size: 15px; font-weight: 600; letter-spacing: 1px;}
.workshopTextExample {font-size: 12px; font-style: italic;}
.workshopTextTitle {font-size: 20px; font-weight: 600; letter-spacing: 1px; }

/*--------------- thank you --------------------------*/
.tyTitle {font-size: 36px; letter-spacing: 2px; font-weight: 700; font-style: italic;}
.tyName {font-size: 26px; letter-spacing: 1px; }
.tyText {font-size: 20px; letter-spacing: 1px; }

/*--------------- previews ---------------------------*/
.previewMenuHeader {font-size: 24px; font-weight: 600; letter-spacing: 1px; color: #99cc33;}

/*--------------- responsive --------------------------*/

  @media only screen and (max-width: 992px) {
    /* For mobile phones: */
.webDesktop {display: none;}
.webMobile {display: block;}
}

/*----------------- bac to top ------------------------*/
#myBtn {  display: none;  position: fixed;  bottom: 20px;  right: 30px;  z-index: 99;  border: solid 1px #fff;  outline: none;  background-color: #99CC33;  color: white;  cursor: pointer;  padding: 15px;  border-radius: 10px;}
#myBtn:hover {  background-color: #81AC2A;}

/* ---------------- calendar ---------------------------*/
table.calendar      { border-left:1px solid #99cc11; }
tr.calendar-row {  }
td.calendar-day { min-height:120px; font-size:11px; position:relative; text-align: center; } * html div.calendar-day { height:120px; }
td.calendar-day:hover   { background:#F3FFD4;  }
td.calendar-day-np  { background:#D7DFC2; min-height:120px; } * html div.calendar-day-np { height:120px; }
td.calendar-day-head { background:#99cc11; font-weight:bold; text-align:center; width:220px; padding:5px; border-bottom:1px solid #99cc11; border-top:1px solid #99cc11; border-right:1px solid #99cc11; }
div.day-number      {  padding:0px 5px 0px 5px; color:#000; font-weight:bold; text-align:left; font-size: 16px; }
/* shared */
td.calendar-day, td.calendar-day-np { max-width:120px; padding:5px; border-bottom:1px solid #99cc11; border-right:1px solid #99cc11; }
.calTitle {font-size:34px; text-transform:uppercase;letter-spacing: 2px; font-weight: 700;}
.calText { font-size: 15px;}

/* responsive */
.calDT {display: block;}
.calHol {display: none;}
/* Extra Small Devices, Phones */
.label {font-weight:100 !important; font-size: 85%;}
.label-mps {background-color: #99cc33; color: #405516;}
.label-misc {background-color: #f0d704; color: #000000;}
.label-personal {background-color: #630202;}
.label-travel {background-color:#05089c;}
@media only screen and (max-width : 750px){
.calText { font-size: 17px;}
.calDT {display: none;}
.calHol {display: block;}
.label {font-weight:100 !important; padding: .3em .5em .2em !important; }
.mps-container {width: 90%;}
}
@media only screen and (max-width : 550px){
  h2 {font-family: 'Anton', sans-serif; font-size: 40px; letter-spacing: 2px;}
.calTitle {font-size:26px; text-transform:uppercase;letter-spacing: 1px; font-weight: 600;}
.calText { font-size: 14px;}
.label {font-weight:100 !important; padding: .3em .5em .2em !important; }
.mps-container {width: 100%; padding: 5px ;}
}
@media only screen and (max-width : 480px){
  h2 {font-family: 'Anton', sans-serif; font-size: 35px; letter-spacing: 2px;}
div.day-number      {  padding:2px 2px 10px 2px;!important;  }
td.calendar-day, td.calendar-day-np {padding: 2px!important;}
.calText { font-size: 11px;}
div.day-number      {  padding:5px; color:#000; font-weight:bold; text-align:center; font-size: 13px; }
.calDT {display: none;}
.calHol {display: block;}
.label {font-weight:100 !important; font-size: 110%;   padding: .3em .5em .2em !important; }
.mps-container {width: 100%; padding: 1px ;}
}
/*--------------- workshop --------------------------*/
.workShop p {font-size: 14px;  }
.workShopMini {font-size: 11px; font-style: italic; letter-spacing: 1px;}
.worhShopList li {line-height: 18px;}
.workShopTestimonial {font-size: 15px; font-style: italic; letter-spacing: 1px;}
.workShopTestimonialPhotog {ont-size: 15px; font-weight: 600; letter-spacing: 1px;}
.workshopTextExample {font-size: 12px; font-style: italic;}
.workshopTextTitle {font-size: 20px; font-weight: 600; letter-spacing: 1px; }