@charset "UTF-8";

/*
	Theme Name: Petersen Consulting by Giant Media
	Description: Custom responsive theme for Petersen Consulting
	Version: 1.0
	Author: GiantMedia.com.au
*/

/* 

font-family: futura-pt, sans-serif;



/*  Standard styling site wide  ============================================================================= */
body, textarea {font-family: futura-pt, sans-serif; font-style: normal; font-weight:400; }
p {font-family: futura-pt, sans-serif;font-style: normal;font-weight: 400;line-height: 1.7;margin-bottom: 2rem;font-size: 20px;color: #535353;}
ol { font-family: inherit; }
ul {font-family: inherit;padding-left: 20px;}
li {font-family: inherit;margin-bottom: 1rem;font-size: 20px;color: #535353;}
a { font-family: inherit;}
a:hover { text-decoration: none; }
a img { -webkit-transition: all 500ms; transition: all 500ms;  }
/* ============================================================================= */
hr {}
@-ms-viewport {	width: device-width; }
@viewport {	width: device-width; }
/* headings  ================================================== */
h1,h1 a{font-family: futura-pt, sans-serif;font-style: normal;color: #000000;font-size: 65px;font-weight: 400;margin-bottom: 1.5rem;}
h2, h2 a {font-family: futura-pt, sans-serif;font-style: normal;color: #000000;margin-bottom: 1.5rem;font-weight: 500;}
h3, h3 a {font-family: futura-pt, sans-serif; font-style: normal; color: #163a4f;margin-bottom: 1.5rem;font-weight: 400;}
h4, h4 a {font-family: futura-pt, sans-serif;font-style: normal;line-height: 1.4;color: #000000;font-weight: 400;margin-bottom: 2rem;}
h5, h5 a {font-family: futura-pt, sans-serif;font-style: normal;line-height: 1.7;font-weight: 400;color: #000000;}
/* responsive block elements. Make sure images etc squash down */
iframe {max-width:100%!important; display:block; margin:0px auto; }
img  {max-width:100% !important; height:auto; display:block; }
textarea {}


/* top bar css hide if not using */

.topbar {background-color: #0f7393; position: relative; display: none;}
.topbar p, .topbar a {color: #fff;margin-bottom: 0px;}
 
 /* #### */

/*  HEAD  ============================================================================= */

#logomain {}
#desktopmenu {}
.navbar {padding: 10px 0px;max-width: 1600px;max-width: 1600px;margin: 0 auto;}
.absolute-top {position: absolute;top: 0;right: 0;/* padding-top: 35px; */left: 0;z-index: 1030;}
.nav-link {font-size: 19px;}
.header li {margin-bottom: 0px!Important;}
.nav-link:after {/* width: 0%; *//* content: ""; *//* height: 2px; *//* background-color: #ffffff; *//* display: block; *//* transition: all 500ms; *//* -webkit-transition: all 500ms; *//* margin: 0 auto; */background-image: url(images/dropdown.png);border: 0px;height: 9px;width: 11px;vertical-align: 1px;margin-left: 9px;}
.nav-link:hover:after, .current-menu-item a.nav-link:after {/* width: 100%; */}
a.nav-link {color: #000000!important;margin-right: 40px!important;transition:  all 300ms;-webkit-transition: all 300ms;background-repeat: no-repeat;font-weight: 500;margin-top: 0px;}
.dropdown-item:focus, .dropdown-item:hover {color: #0d6a89;}
.current-menu-item a.nav-link {color: #a40047!important;background-size: 15px;background-repeat: no-repeat;background-position: 50% 67%;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #a40047!important;/* padding-bottom: 0px!Important; */}
.home .header {/* display:  block; *//* max-height: 130px; *//* height: 100%; *//* position:  absolute; *//* width: 100%; *//* border-bottom: 1px solid white; *//* z-index:  9999; */display: block;position: relative;}
.header {/* display:  block; *//* max-height: 130px; *//* height: 100%; *//* position:  absolute; *//* width: 100%; *//* border-bottom: 1px solid rgba(255, 255, 255, 0.4); *//* z-index:  9999; */box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.3);}
.header .nav-item:last-child a {/* margin-right: 0px!important; *//* padding-right: 0px; *//* border: 2px solid #fff; *//* padding: 18px 28px; *//* margin-top: 0px; *//* padding: 14px 41px!important; *//* border-radius: 6px; */}
.header .nav-item:last-child a:after {content: unset;} 
.header .nav-item:last-child a:hover {/* background-color: rgba(255, 255, 255, 0.4); */} 
.sidenav .nav-item:last-child a {margin-right: 0px!important;padding-right: 0px;border: 0px solid #fff;padding: 18px 28px;margin-top: 0px;padding: 0px!Important;border-radius: 6px;}
.header .navbar-nav .dropdown-menu {margin-top: 0px;border-top: white;border-top-right-radius: 0px;border-top-left-radius: 0px; border-radius:  0px;background-color: #0f7393;border: 0px;color: white;}
.sidenav .navbar-nav .dropdown-menu {background-color: unset;}
.sidenav .navbar-nav  .dropdown-menu.show {/* display: block!important; */}
.dropdown-item {  color: #ffffff;  font-family: inherit; }
/*slider styles if any */
.slider h1 {margin-top: 80px;}

/* inner headers - banners */
.banner {position: relative;overflow: hidden;background-size: cover;/* background: none!important; */background-repeat:  no-repeat;text-align: center;}
.banner h1 {padding: 0;color: #000000 !important;/* max-width: 100%; *//* margin: auto; *//* font-weight: 800; *//* text-transform:  uppercase; */text-align: center;/* float: none; */margin-bottom: 1.5rem!Important;}
.blackbanner {/* background-color: rgba(0, 0, 0, 0.3); */padding: 45px 0px 0px!important;}

/* mobile icon phone */
.tel-mob {position: fixed;bottom: 10px;left: 14px;height: 49px;width: 49px;background: url(images/phoneicon.png) no-repeat center #a40047;border-radius: 50%;display: none;background-size: 16px;z-index: 99999;}


/* Home */

body {background-position: top;background-repeat: no-repeat;}
body.home {background-position-y: 850px;background-size: contain;}
.slider .btn { width: 100%!Important; }
.rightmenu a {
  display: inline-block;
  vertical-align: middle;
  margin-left: 13px;
}
.sindex a {display: block;position: relative;padding: 85px 13px 40px;border-radius: 6px;transition: all 500ms;-webkit-transition: all 500ms;}
.sindex:hover a {background-color: #fff;box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.2);}
.imgstyle { box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.2); border-radius: 3px; }
.stars img {
  display: inline-block;
}
.testibox {
  padding: 100px 120px;
  background-color: #fff;
  box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.2);
}

.testi h2 {
  font-size: 46px;
  font-weight: 400;
  line-height: 1.5;
}
.fpsect2 p:last-child {
  margin-bottom: 0px!important;
}

.su-table table tr td{
  border: 0px!Important;
  vertical-align: top;
  font-family: futura-pt, sans-serif;
  font-style: normal;
  font-weight: 400;
  background: unset!Important;
  line-height: 1.7;
  margin-bottom: 2rem;
  font-size: 20px;
  color: #535353;
}
.su-table.contact table {
    border: 0px!Important;
    background-color: unset!Important;
}
a.btn.btn-thirdly.redo {
    color: #a40047;
    border: 2px solid #a40047!important;
}
a.btn.btn-thirdly.redo:hover {
    color: #ffffff;
    border: 2px solid #a40047!important;
}

.clientbox {
      background-color: #fff;
      box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.2);
      padding: 30px;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
}


#aboutnav li a, #aboutnav li span {
      font-family: futura-pt, sans-serif;
      font-style: normal;
      line-height: 0;
      font-size: 1.4rem;
      color: #000000!important;
      font-weight: 400;
     padding-left: 20px;
     padding-right: 20px;
}

#aboutnav li:hover a, #aboutnav li:hover span {
color: #a40047!important;
}

#aboutnav li {
	border-left: 1px solid #000;
	cursor: pointer!important;
}

#aboutnav li:first-child { border: 0px; }

.pindex {
  transition: all 500ms;
    -webkit-transition: all 500ms;
}
.hide {
      -ms-flex: 0 0 0%;
    flex: 0 0 0%;
    max-width: 0%;
width: 0px!Important;
    transition: all 500ms;
    -webkit-transition: all 500ms;
    padding: 0px;
  transform-origin: center;
  -ms-transform: scale(0, 0); /* IE 9 */
  -webkit-transform: scale(0, 0); /* Safari */
  transform: scale(0, 0);
}

.hide .ptext {
  display: none;
}



span.location {    padding-left: 30px;
    background-image: url(images/location.png);
    background-repeat: no-repeat;
    background-size: contain;
    color: #919191;
    font-size: 18px;}
.pindex a {
      display: block;
    position: relative;
    box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}
.pindex img {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.ptext {
 padding: 40px 30px;
 background-color: #fff;
 border-bottom-left-radius: 3px;
 border-bottom-right-radius: 3px;
}

.owl-stage-outer { box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.2);
    border-radius: 3px;}

.rightmenu a img { transition: all 500ms; -webkit-transition: all 500ms;  }

.rightmenu a:hover img {
  opacity: 0.5;
}


.fpsect2 {
    overflow: hidden;
}





/* jacob */


/* body elements - action etc then footer styles */
.action {background-size: cover;display:  block;position:  relative;}

/* owl carousel styling */
.owl-carousel .owl-nav {position: absolute;top: unset;right: 15px;bottom: 15px!important;}
button.owl-prev {/* background-image: url(images/sliderleft.png)!important; */width: 50px;height: 50px;box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.5);color: #fff!important;font-weight: 900!important;background-color: #a40047!Important;}
button.owl-next {display: block;/* background-image: url(images/sliderright.png)!important; */width: 50px;height: 50px;background-color: #a40047!important;color: #fff!important;box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.5);font-weight: 900!important;margin-top: -7px;}
.owl-theme .owl-dots .owl-dot span {width: 60px!important;height: 6px!important; margin: 5px 7px!important; background: #8db9e4!important; display: block!important; transition: opacity .2s ease;border-radius: 0px!important;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #007fd0!important;}
.owl-theme .owl-nav.disabled+.owl-dots {text-align: left!important;}
.owl-two.owl-theme .owl-nav.disabled+.owl-dots{text-align: center!important;}
.owl-theme .owl-dots .owl-dot:first-child span{ margin-left: 0px!important;}
/* -------- owl carousel styling END ------ */


/* for when theres child page links */
.page_link { font-size: 22px;text-align: left;display: block;color: #333;border-bottom: 1px solid;margin-bottom: 13px;padding-bottom: 13px;float: left;width: 98%;margin: 13px 0; }
.page_link:hover { color:#666; border-bottom:1px solid; }





select {height: 50px!Important;margin-bottom: 36px;color: #000000!important;}
textarea {height: 150px!important;}
input[type=number] { line-height: 60px;}


/*footer*/ 
footer .current-menu-item a.nav-link {color: #a40047!important;}
#logomainfoot {margin: 0 auto;max-width: 270px!important;}
#copy-foot {font-size: 12px;}
#copy-foot p {font-size: 12px;color: rgb(164, 0, 71);}
#menu-footer {margin-top: 13px;max-height: 200px;flex-direction:  row;}
#menu-footer li {margin-right: 15px;display:  flex;}
.footerlogo  {margin-right: auto!important;padding: 0px 0px 30px;}
.footer {padding-bottom: 0px!Important;padding-top: 50px!Important;}
#copy-foot { padding: 160px 0px 20px; color: rgba(255, 255, 255, 0.7); text-align: center;font-size: 13px;}
#copy-foot a {color: rgb(69, 155, 230);}
#footer {background-color: #f2eeea;padding-top: 80px;}
.footer a.nav-link {color: #000000!important;text-transform: capitalize;padding: 0px 0px 17px 0px!important;margin-left: 0px!important;}
footer .dropdown-toggle::after {display: none;}
footer .dropdown-menu.show {display: none;}
footer .dropdown-menu {display: block;background-color: rgba(0,0,0,0);}
footer #menu-footer-nav {flex-direction: row;width: 100%!important;}
footer #menu-footer-nav li {width: 25%;}
footer .dropdown-item {color: #ffffff;  padding-left: 0px;}
footer .dropdown-item:hover {background-color: #000; color: #e9008a;}
footer .container { border-top: 1px solid #f0f0f0;}

/*  buttons  ============================================================================= */
.btn {font-family: futura-pt, sans-serif;}
.btn-primary {
  background-color: #459be6;
  font-size: 18px!important;
  padding: 18px 40px!important;
  border: 2px solid #459be6!important;
  color: #ffffff;
  font-weight: 400!important;
  -webkit-transition: all 500ms!Important;
  border-radius: 50px;
  transition: all 500ms!important;
  cursor:  pointer;
  box-shadow: 0px 0px 18px -3px rgba(0, 0, 0, 0.3);
}

.btn-primary:hover {color: #ffffff;background-color: rgb(69, 155, 230);box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.5);}
.btn-secondary {
  background-color: #a40047;
  font-size: 18px!important;
  padding: 18px 40px!important;
  border: 2px solid #a40047!important;
  color: #ffffff;
  font-weight: 400!important;
  -webkit-transition: all 500ms!Important;
  border-radius: 50px;
  transition: all 500ms!important;
  cursor:  pointer;
  box-shadow: 0px 0px 18px -3px rgba(0, 0, 0, 0.3);
}
.btn-secondary:hover {
    color: #fff;
    border-color: #a40047!Important;
    background-color: #a40047;
    box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.5);
}


.btn-thirdly {
  background-color: rgba(15, 115, 147, 0);
  font-size: 18px!important;
  padding: 18px 40px!important;
  border: 2px solid #fff!important;
  color: #ffffff;
  font-weight: 500!important;
  -webkit-transition: all 500ms!Important;
  border-radius: 50px;
  transition: all 500ms!important;
  cursor:  pointer;
}
.btn-thirdly:hover {
    color: #fff;
    border-color: #a40047!Important;
    background-color: #a40047;
    box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.5);
}






/* Mobile Styling - Bootstrap build from bottom up */

/* side nav */
.home .navbar-toggler-icon {/* background-image: url(images/mobile-nav-icon.png)!important; */}
.navbar-toggler-icon {display: block;position: absolute;right: 0%;background-image: url(images/mobile-nav-icon-red.png)!important;width: 33px;top: 25px;}
#desktopmenu {display: none!Important;}
.sidenav {height: 100%;width: 0;position: fixed;z-index: 1;top: 0;right: 0;background-color: rgba(69, 155, 230, 0.9);overflow-x: hidden;padding-top: 60px;z-index: 99999;transition: 0.5s;}
.sidenav li { padding: 8px 8px 8px 32px;  text-decoration: none; font-size: 25px;   color: #fff!important;   display: block;   transition: 0.3s;   -webkit-box-flex: 0;   -ms-flex: 0 0 100%;   flex: 0 0 100%;}
.sidenav a{  padding: 8px 8px 8px 32px;   text-decoration: none;   font-size: 25px;   color: #fff!important;   display: block;   transition: 0.3s;}
.sidenav li a {  color: #fff!important; font-size: 16px;}
.sidenav li:hover { color: #f1f1f1;}
.sidenav .closebtn { position: absolute;   top: 4px;   right: 25px;font-size: 36px;   margin-left: 50px;}
.sidenav li a:after { content: unset; } 

	/* Input/form */
	
	input[type="email"], select, input[type="password"], input[type="text"], .form-phone , textarea, input[type="tel"]{}
	textarea {}
	input[type="submit"] {}
	input[type="submit"]:after {}
	input[type="submit"]:hover {} 




/* Small devices (landscape phones, 576px and up) */ 
@media (min-width: 576px) { 
  .navbar {
    max-width: 540px;
}

  }

@media (min-width: 768px) {
  .navbar {max-width: 720px;} 
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 780px) {

  
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
.navbar {max-width: 960px;}
.container {padding: 40px 15px!Important;}
.container-fluid {}
 #desktopmenu {display: flex!Important;}
.navbar-toggler-icon { display: none;}
}

/* Extra large devices (large desktops, 1200px and up) - Put All Desktop Styling here*/
@media (min-width: 1200px) { .navbar {max-width: 1140px;}}
@media (min-width: 1440px) { }
@media (min-width: 1600px) { 
  /* essential */
  .container { max-width: 1600px; } 
  .navbar {padding-top: 23px;padding-bottom: 23px;max-width: 1600px;}
    /* essential end */
}



@media (max-width: 1600px) {
.home {/* background-position: 100% 54%; */}
}

@media (max-width: 1440px) {
  #logomain {max-width: 250px!important;}
}

@media (max-width: 1280px) {

}
@media (max-width: 1199.98px) { 
  
  a.nav-link { font-size: 18px;}  
  
  .btn-thirdly {
    padding: 14px 10px!important;
    cursor: pointer;
  }

  .btn-thirdly {
    padding: 14px 10px!important;
    cursor: pointer;
}

#logomain {
    max-width: 150px!important;
}
.rightmenu a img {
   width: 65px; display: none;
}


  
}

@media (max-width: 991.98px) { 
  .topbar { display: block; }
.rightmenu { display: none;}
  
 .home {/* background-position: 65% 0%; */}
  .fpsect1 { padding-top: 30px!important; }
  .ordertwo {  order: 2; }
  .fpsect2 .text { margin-bottom: 30px; }
  
  
  .testibox { padding: 50px 30px; }
  .testi h2 { font-size: 32px; }
  .stars  { margin-bottom: 13px!Important; }
  .testibox h5 { margin-top: 13px!Important; }
  
  .footerlogo {margin: 0 auto!important;}
  .su-table.contact {display: none;}
  #copy-foot { padding: 100px 0px 20px; }
  #aboutnav {
        display: none;
  }
  .blackbanner {
    padding: 45px 0px 15px!important;
  }
  .weoffer h2  {margin-top: 60px;
    margin-bottom: 0px;}
  .aboutclients {padding: 15px;     margin-top: 0px!Important; }
  .clientbox { margin-top: 50px; padding: 13px;}
  .innerpage .imgstyle, .innerpage .owl-two { margin-bottom: 40px; }
}

@media screen and (max-width: 860px) { }



@media (max-width: 767.98px) {
  .tel-mob {display: block;}
  
  
  
}

@media (max-width: 575.98px) { 
 	h1 {font-size: 36px;}
    h2, h3 {font-size: 30px;} 
.navbar {
    padding-left:15px;
}
.navbar-toggler-icon {
	right: 15px;
}
  #logomain {
    max-width: 140px!important;
}
  
.home {
    /* background-position: 65% 0%; */
    background-size: 200%;
}
  
  
.footerlogo {
     max-width: 200px!important;
}
  
.slider h1 {
    padding-right: 35%;
    margin-top: 40px;
}
  
  .slider .btn-secondary {
    margin-left: 0px!Important;
    margin-top: 13px;
  }
  .slider p {    padding-right: 10%;}
 p { font-size: 16px; }
  
  .btn-primary, .btn-secondary { padding: 13px 23px!important; font-size: 16px; }
  
  
  .btncontainer { display: table-caption; }
  
  
  .sindex img { max-width: 80px!Important; }
  .sindex p { display: none;}
  .sindex h4 { font-size: 20px; margin-top: 13px!important;  }
  .sindex a {padding: 13px 0px 0px;}
  
  .stars img { margin-left: 0px!Important; }
  .testibox {
    padding: 30px 13px;}
  .testi h2 {
    font-size: 24px;
}
  
  .fpsect1 {
    /* padding-top: 0px!important; */
}
  
  .fpsect2 .text {
    margin-bottom: 50px;
    padding-top: 20px;
}
  .ptext {
    padding: 23px;}
  
}





	/*  SUNDRIES  ============================================================================= */
	.inlineblock { display: inline-block!important; }
	.absolute { position:absolute; top:0px; left:0px; }
	.fr { float:right; }
	.fl { float:left; }
	.base { margin:0px 18px 18px 0px; }
	.tl { text-align:left; }
	.tr { text-align:right; }
	.padd1 { padding:23px 0px!important; }
	.big { font-size:26px!important; padding-bottom:13px; }
	.clBottom { margin-bottom:0px!important; padding-bottom:0px!important; }
	.white { color:#fff!important; text-decoration:none; border-color:#fff!important; }
	.black { color:#333!important; text-decoration:none; border-color:#333!important; }
	.grey { color:#655e4e!important; }
	.pink{ color:#ff3692!important; }
	.light-orange { color:#f58220!important; }
	.green { color:#2e7a32!important; }
	.center { text-align:center!important; }
	.upper { text-transform:uppercase; }
	.no_style { text-decoration:none; }
	.fb { position:relative; top:-14px; }
	.clear { clear:both; }
	.bgwhite { background:#fff; }
	.nopadd { padding:0px!important; }
	.rounded { border-radius:9px; }
	.inline { display:inline-block; }
	strong {font-size: inherit;color: inherit;}
	.ML0 { margin-left:0px!important; }
	.ML2 { margin-left:2em!important; }
	.M0 { margin:0px!important; }
	.M1 { margin:13px!important; }
	.MR0 { margin-right:0px!important; }
	.MT0 { margin-top:0px!important; }
	.MT65 { margin-top:65px!important; }
	 .MB0 { margin-bottom:0!important;}
	 .MBhalf { margin-bottom:0.5em!important;}
	 .MB1 { margin-bottom:8px!important;}
	 .MB2-5 { margin-bottom:2.5em!important;}
	 .MB3 { margin-bottom:3.0em!important;}
	 .MB5 { margin-bottom:5.0em!important;}
	 .MR0 { margin-right:0!important;}
	  .MR1 { margin-right:1em!important;}
	 .ML1 { margin-left:1.0em!important;}
	 .PB0 { padding-bottom:0!important;}
	 .PB0-5, .minPad { padding-top:0.5em!important;}
	 .PB1 { padding-bottom:1.0em!important;}
	 .PB2 { padding-bottom:2.0em!important;}
	 .PB4 { padding-bottom:4.0em!important;}
	 .PT0 { padding-top:0!important;}
	  .PT1 { padding-top:1em!important;}
	  .PT2 { padding-top:2em!important;}
	 .PT2-5 { padding-top:2.5em!important;}
	 .aCenter {text-align:center;}
	 .aLeft { text-align:left;}
	 .aRight { text-align:right!important;}
	.bb1 { border-bottom:1px solid #666; margin-bottom:13px!important; padding-bottom:13px; }
	.bt1 { border-top:1px solid #ccc; }
	.br1 { border-right:1px solid #bdbdbd; margin:0px; }
	.bl1 { border-left:1px solid #c5c5c5; margin:0px; }
	.m-only { display:none; }
	.alignright { float:right; margin: 0px 0px 13px 13px;}
	.alignleft {  }
	.aligncenter {margin: auto; }
	.no_padd { padding:0px!important; }
	.bgnone { background:none!important; }
	.cap { text-transform:capitalize; }
	.Borange { background:#f8951d!important; }
	.Bblue { background:#0aa6c7!important; }
	.padd2 { padding:43px 0px 3px 0px; }
	.padd3 { padding:55px 0px; }
	.dark { color:#303b42!important; }
	.rel { position:relative; }
	.minh300 { min-height:300px; }
	.minh250 { min-height:250px; }
	.bkgw { background:#fff!important; }
	.whitebkg { background:#fff!important; }
	.padder {
	padding: 45px;
	display: block;
	border-radius: 6px; 
	}
	.padder h3 { margin:0px !important; }
	.small { font-weight:300; font-size:16px; }
	.plain {  }
	.max-250 { max-width:450px!important; }
	/* Required */
.blackbg {
	background-color: black;
}
	.hidden{ opacity: 0!important; }
	.visible{ opacity: 1!important; }