@charset "utf-8";
body, html{
  overflow-y: hidden;
}

#app, html, body{
  font-family: 'Lato', sans-serif;
  padding: 0px;
  margin: 0px;
  background-color: #fff;
  height: 100%;
}

#app{ overflow: auto; }



h1, h2, h3, h4, p{
  font-family: 'Lato', sans-serif;
  margin: 0px;
  padding: 0px;
}

h1, h2, h3, h4{
  text-align:center;
  font-weight:900;
}

h1{
  color: #fff;
  padding: 35px 20px;
  font-size: 4em;
}

h2{

  color: #5a5a5a;
  padding: 10px 0px;
  font-size: 3em;

  font-weight: 900;
  text-align: center;

}

h3{
  margin-bottom: 25px;
  font-size: 1.5em;
  color: #858585;
}

h4{
  color: #999999;
  font-size: 1.2em;
}

a, a:visited, a:hover{
  color: inherit;
  text-decoration: none;
}

ul, li{
  padding: 0px;
  margin: 0px;
  list-style: none;
}

*{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

.max-out{
  overflow: auto;
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px
}

.max-out2{
  overflow: auto;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px
}

.max-out3{
  overflow: auto;
  max-width: 1500px;
  margin: 0 auto;
  padding: 20px;
}

.profile-pic{
  width:100%;
  max-width:350px;
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%, 0%) !important;
  -moz-transform: translate(-50%, 0%) !important;
  -ms-transform: translate(-50%, 0%) !important;
  -o-transform: translate(-50%, 0%) !important;
  transform: translate(-50%, 0%) !important;
  margin-bottom:25px;
}

.social-link{
  color:#fff;
  font-size:0px;
  width:1px;
  height:1px;
  overflow:hidden;
}

.social-icon{
  cursor:pointer;
}
.social-icon:hover{
  color:#f29da2;
}

.overlay-close{
  font-size: 2.5em;
  position: absolute;
  top: 0;
  right: 0;
  color: #000;
  opacity: 0.2;
  padding: 10px;
  cursor: pointer;
}.overlay-close:hover{
opacity: 1;
}

.overlay-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color: #000;
  background-color: #000000d4;
  text-align:center;
}

.overlay-container:hover {

}

.span1{width:8.33333333333333%;}
.span2{width:16.6666666666667%;}
.span3{width:25%;}
.span4{width:33.3333333333333%;}
.span5{width:41.6666666666667%;}
.span6{width:50%;}
.span7{width:58.3333333333333%;}
.span8{width:66.6666666666667%;}
.span9{width:75%;}
.span10{width:83.3333333333333%;}
.span11{width:91.6666666666667%;}
.span12{width:100%;}

[ax-grid="1"] {width:100%;}
[ax-grid="2"] {width:50%;}
[ax-grid="3"] {width:33.3333333333333%;}
[ax-grid="4"] {width:25%;}
[ax-grid="5"] {width:20%;}
[ax-grid="6"] {width:16.6666666666667%;}
[ax-grid="7"] {width:14.2857142857143%;}
[ax-grid="8"] {width:12.5%;}
[ax-grid="9"] {width:11.1111111111111%;}
[ax-grid="10"] {width:10%;}
[ax-grid="11"] {width:9.09090909090909%;}
[ax-grid="12"] {width:8.33333333333333%;}
[ax-grid="13"] {width:7.69230769230769%;}
[ax-grid="14"] {width:7.14285714285714%;}
[ax-grid="15"] {width:6.66666666666667%;}
[ax-grid="16"] {width:6.25%;}
[ax-grid="17"] {width:5.88235294117647%;}
[ax-grid="18"] {width:5.55555555555556%;}
[ax-grid="19"] {width:5.26315789473684%;}
[ax-grid="20"] {width:5%;}

.hidden {display: none !important;}
.visible {display: inline-block !important;}

[ax-size="p"] .p100{ width:100% !important; }

[ax-size="d"] .hidden-d{  display: none; }

[ax-size="t"] .visible-p, [ax-size="d"] .visible-p { display: none; }
[ax-size="p"] .visible-p{  display: inline-block; }
[ax-size="p"] .hidden-p{  display: none; }


[ax-size="p"].phone-small .visible-p-small{  display: inline-block; }
[ax-size="p"] .visible-p-small{  display: none; }

[ax-size="p"].phone-small .visible-p-large{  display: none; }
[ax-size="p"] .visible-p-large{  display: inline-block; }


.oa{overflow-y:auto; overflow-x:hidden;}
.oh{overflow:hidden !important;}

.o0{opacity:0;}
.o1{opacity:1;}

.fl{float:left !important;}
.fr{float:right !important;}

.ib{ display:inline-block; }

.absolute{position:absolute !important;}
.fixed{position:fixed !important;}
.relative{position:relative !important;}

.w100{width:100%;}
.h100{height:100% !important;}
.fill{width:100%; height:100%;}

.z1{z-index:1;}
.z2{z-index:2;}
.z3{z-index:3;}
.z420{z-index:420;}
.z1000{z-index:1000;}

.tl{top:0px; left:0px;}
.tr{top:0px; right:0px;}
.bl{bottom:0px; left:0px;}
.br{bottom:0px; right:0px;}

.txt-center{text-align:center !important;}
.txt-left{text-align:left !important;}
.txt-right{text-align:right !important;}

.really-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}

.kinda-center {
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}

.center{
  margin:0 auto;
}


.txt-s{font-size:.9em !important;}
.txt-xs{font-size:.83em !important;}
.txt-xxs{font-size:.70em !important;}

.txt-thin{font-weight:300 !important;}

.txt-m{font-size:1.1em !important;}

.txt-l{font-size:1.2em !important;}
.txt-xl{font-size:1.4em !important;}
.txt-xxl{font-size:1.6em !important;}
.txt-xxxl{font-size:2em !important;}

.t{font-weight:300;}
.sb{font-weight:600;}
.b{font-weight:700;}
.i{font-style:italic;}
.u{text-decoration:underline;}
.u2{border-bottom: solid thin}
.up{text-transform:uppercase;}
.cap{text-transform:capitalize;}


.p0{padding:0px !important}
.pt0{padding-top:0px !important}
.pb0{padding-bottom:0px !important}
.pl0{padding-left:0px !important}
.pr0{padding-right:0px !important}
.plr0{padding-left:0px !important;padding-right:0px !important}
.ptb0{padding-top:0px !important;padding-bottom:0px !important}

.p5{padding:5px !important}
.pt5{padding-top:5px !important}
.pb5{padding-bottom:5px !important}
.pl5{padding-left:5px !important}
.pr5{padding-right:5px !important}
.plr5{padding-left:5px !important;padding-right:5px !important}
.ptb5{padding-top:5px !important;padding-bottom:5px !important}

.p10{padding:10px !important}
.pt10{padding-top:10px !important}
.pb10{padding-bottom:10px !important}
.pl10{padding-left:10px !important}
.pr10{padding-right:10px !important}
.plr10{padding-left:10px !important;padding-right:10px !important}
.ptb10{padding-top:10px !important;padding-bottom:10px !important}

.p15{padding:15px !important}
.pt15{padding-top:15px !important}
.pb15{padding-bottom:15px !important}
.pl15{padding-left:15px !important}
.pr15{padding-right:15px !important}
.plr15{padding-left:15px !important;padding-right:15px !important}
.ptb15{padding-top:15px !important;padding-bottom:15px !important}

.p20{padding:20px !important}
.pt20{padding-top:20px !important}
.pb20{padding-bottom:20px !important}
.pl20{padding-left:20px !important}
.pr20{padding-right:20px !important}
.plr20{padding-left:20px !important;padding-right:20px !important}
.ptb20{padding-top:20px !important;padding-bottom:20px !important}

.p25{padding:25px !important}
.pt25{padding-top:25px !important}
.pb25{padding-bottom:25px !important}
.pl25{padding-left:25px !important}
.pr25{padding-right:25px !important}
.plr25{padding-left:25px !important;padding-right:25px !important}
.ptb25{padding-top:25px !important;padding-bottom:25px !important}

.p30{padding:30px !important}
.pt30{padding-top:30px !important}
.pb30{padding-bottom:30px !important}
.pl30{padding-left:30px !important}
.pr30{padding-right:30px !important}
.plr30{padding-left:30px !important;padding-right:30px !important}
.ptb30{padding-top:30px !important;padding-bottom:30px !important}

.p40{padding:40px !important}
.pt40{padding-top:40px !important}
.pb40{padding-bottom:40px !important}
.pl40{padding-left:40px !important}
.pr40{padding-right:40px !important}
.plr40{padding-left:40px !important; padding-right:40px !important}
.ptb40{padding-top:40px !important; padding-bottom:40px !important}

.p50{padding:50px !important}
.pt50{padding-top:50px !important}
.pb50{padding-bottom:50px !important}
.pl50{padding-left:50px !important}
.pr50{padding-right:50px !important}
.plr50{padding-left:50px !important;padding-right:50px !important}
.ptb50{padding-top:50px !important;padding-bottom:50px !important}

.m0{margin:0px !important}
.mt0{margin-top:0px !important}
.mb0{margin-bottom:0px !important}
.mr0{margin-right:0px !important}
.ml0{margin-left:0px !important}
.mtb0{margin-bottom:0px !important;margin-top:0px !important}
.mlr0{margin-left:0px !important;margin-right:0px !important}

.m5{margin:5px !important}
.mt5{margin-top:5px !important}
.mb5{margin-bottom:5px !important}
.mr5{margin-right:5px !important}
.ml5{margin-left:5px !important}
.mtb5{margin-bottom:5px !important;margin-top:5px !important}
.mlr5{margin-left:5px !important;margin-right:5px !important}

.m7{margin:7px !important}
.mt7{margin-top:7px !important}
.mb7{margin-bottom:7px !important}
.mr7{margin-right:7px !important}
.ml7{margin-left:7px !important}
.mtb7{margin-bottom:7px !important;margin-top:7px !important}
.mlr7{margin-left:7px !important;margin-right:7px !important}


.m10{margin:10px !important}
.mt10{margin-top:10px !important}
.mb10{margin-bottom:10px !important}
.mr10{margin-right:10px !important}
.ml10{margin-left:10px !important}
.mtb10{margin-bottom:10px !important;margin-top:10px !important}
.mlr10{margin-left:10px !important;margin-right:10px !important}

.m15{margin:15px !important}
.mt15{margin-top:15px !important}
.mb15{margin-bottom:15px !important}
.mr15{margin-right:15px !important}
.ml15{margin-left:15px !important}
.mtb15{margin-bottom:15px !important;margin-top:15px !important}
.mlr15{margin-left:15px !important;margin-right:15px !important}

.m20{margin:20px !important}
.mt20{margin-top:20px !important}
.mb20{margin-bottom:20px !important}
.mr20{margin-right:20px !important}
.ml20{margin-left:20px !important}
.mtb20{margin-bottom:20px !important;margin-top:20px !important}
.mlr20{margin-left:20px !important;margin-right:20px !important}

.m25{margin:25px !important}
.mt25{margin-top:25px !important}
.mb25{margin-bottom:25px !important}
.mr25{margin-right:25px !important}
.ml25{margin-left:25px !important}
.mtb25{margin-bottom:25px !important;margin-top:25px !important}
.mlr25{margin-left:25px !important;margin-right:25px !important}

.m30{margin:30px !important}
.mt30{margin-top:30px !important}
.mb30{margin-bottom:30px !important}
.mr30{margin-right:30px !important}
.ml30{margin-left:30px !important}
.mtb30{margin-bottom:30px !important;margin-top:30px !important}
.mlr30{margin-left:30px !important;margin-right:30px !important}

.m35{margin:35px !important}
.mt35{margin-top:35px !important}
.mb35{margin-bottom:35px !important}
.mr35{margin-right:35px !important}
.ml35{margin-left:35px !important}
.mtb35{margin-bottom:35px !important;margin-top:35px !important}
.mlr35{margin-left:35px !important;margin-right:35px !important}

.m40{margin:40px !important}
.mt40{margin-top:40px !important}
.mb40{margin-bottom:40px !important}
.mr40{margin-right:40px !important}
.ml40{margin-left:40px !important}
.mtb40{margin-bottom:40px !important;margin-top:40px !important}
.mlr40{margin-left:40px !important;margin-right:40px !important}

.m45{margin:45px !important}
.mt45{margin-top:45px !important}
.mb45{margin-bottom:45px !important}
.mr45{margin-right:45px !important}
.ml45{margin-left:45px !important}
.mtb45{margin-bottom:45px !important;margin-top:45px !important}
.mlr45{margin-left:45px !important;margin-right:45px !important}

.m50{margin:50px !important}
.mt50{margin-top:50px !important}
.mb50{margin-bottom:50px !important}
.mr50{margin-right:50px !important}
.ml50{margin-left:50px !important}
.mtb50{margin-bottom:50px !important;margin-top:50px !important}
.mlr50{margin-left:50px !important;margin-right:50px !important}

.m75{margin:75px !important}
.mt75{margin-top:75px !important}
.mb75{margin-bottom:75px !important}
.mr75{margin-right:75px !important}
.ml75{margin-left:75px !important}
.mtb75{margin-bottom:75px !important;margin-top:75px !important}
.mlr75{margin-left:75px !important;margin-right:75px !important}

.m100{margin:100px !important}
.mt100{margin-top:100px !important}
.mb100{margin-bottom:100px !important}
.mr100{margin-right:100px !important}
.ml100{margin-left:100px !important}
.mtb100{margin-bottom:100px !important;margin-top:100px !important}
.mlr100{margin-left:100px !important;margin-right:100px !important}

.dont-wrap{white-space:nowrap; display:block; float:left; overflow:hidden; text-overflow: ellipsis;}

.animate-transition{
 -webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	  -o-transition: all 250ms ease-in-out;
		 transition: all 250ms ease-in-out;
}
.animate-opacity{
 -webkit-transition: opacity 250ms ease-in-out;
	-moz-transition: opacity 250ms ease-in-out;
	  -o-transition: opacity 250ms ease-in-out;
		 transition: opacity 200ms ease-in-out;
}
.animate-opacity2{
 -webkit-transition: opacity 500ms ease-in-out;
	-moz-transition: opacity 500ms ease-in-out;
	  -o-transition: opacity 500ms ease-in-out;
		 transition: opacity 500ms ease-in-out;
}

.spin-cw{
	-webkit-animation: cwSpin 1s linear .2s infinite;
	-moz-animation: cwSpin .666s linear .2s infinite;
	-o-animation: cwSpin .666s linear .2s infinite;
	-ms-animation: cwSpin .666s linear .2s infinite;
	animation: cwSpin .666s linear .2s infinite;
}

.spin-ccw{
	-webkit-animation: ccwSpin 1s linear .2s infinite;
	-moz-animation: ccwSpin .666s linear .2s infinite;
	-o-animation: ccwSpin .666s linear .2s infinite;
	-ms-animation: ccwSpin .666s linear .2s infinite;
	animation: ccwSpin .666s linear .2s infinite;
}

@-webkit-keyframes cwSpin
{
	0%{-webkit-transform:rotate(0deg);	}
	100%{-webkit-transform:rotate(360deg); }
}
@-moz-keyframes cwSpin
{
	0%{-moz-transform:rotate(0deg);	}
	100%{-moz-transform:rotate(360deg); }
}
@-ms-keyframes cwSpin
{
	0%{-ms-transform:rotate(0deg);	}
	100%{-ms-transform:rotate(360deg); }
}
@-o-keyframes cwSpin
{
	0%{-o-transform:rotate(0deg);	}
	100%{-o-transform:rotate(360deg); }
}
@keyframes cwSpin
{
	0%{transform:rotate(0deg);	}
	100%{transform:rotate(360deg); }
}

@-webkit-keyframes ccwSpin
{
	0%{-webkit-transform:rotate(0deg);	}
	100%{-webkit-transform:rotate(-360deg); }
}
@-moz-keyframes ccwSpin
{
	0%{-moz-transform:rotate(0deg);	}
	100%{-moz-transform:rotate(-360deg); }
}
@-ms-keyframes ccwSpin
{
	0%{-ms-transform:rotate(0deg);	}
	100%{-ms-transform:rotate(-360deg); }
}
@-o-keyframes ccwSpin
{
	0%{-o-transform:rotate(0deg);	}
	100%{-o-transform:rotate(-360deg); }
}
@keyframes ccwSpin
{
	0%{transform:rotate(0deg);	}
	100%{transform:rotate(-360deg); }
}

.no-select, .no-select * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.row{width: 100%; *zoom: 1; overflow:auto; position:relative;}
.row:before, .row:after, {display: table; content: ""; line-height: 0;}
.row:after, {clear: both;}

[ax-grid],
[class^="span"]
{
	display: block;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin:0px;
	padding:0px;
}

.row.rtl > [ax-grid],
.row.rtl > [class^="span"]
{ float: right; }

input {
  width: 100%;
  font-size: 1.3em;
  font-family: Raleway;
  padding: 10px 0px 10px 10px;
  margin-bottom: 15px;
  border: solid 2px #f7c8cb;
}

form, .contact-success{
  width:50%;
  float:left;
}

.contact-success{
  margin-top:30px;
}

#map{
  width:45%;
  float: right;
  position: relative;
  height: 489px;
  border: solid 5px #c795c9;
  margin-top: 32px;
}

[ax-size="p"] form, [ax-size="p"] form .contact-success {
  width: 100%;
  float: none;
  max-width: 420px;
  margin: 0 auto;
}

[ax-size="p"] #map {
  width: 100%;
  height: 250px;
  border: solid 5px #c795c9;
  float: left;
  margin-top: 0px;
  margin-bottom: 30px;
}



label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  text-transform: lowercase;
  padding: 6px 2px;
  display: block;
  font-size: 1.1em;
  color: #adadad;
}

select{
  width: 100%;
  padding: 10px;
  font-size: 1.2em;
  color: #6f6f6f;
  border: solid 2px #f7c8cb;
  cursor:pointer;
  outline:none;
  margin-bottom: 15px;
  font-family: Raleway;
}

option{
  color: #6f6f6f;
}

input:active, input:hover,
select:active, select:hover,
textarea:active, textarea:hover{
  outline:none;
  border
  border: solid 2px #f29da2;
  background-color: #fff6f7;
}

textarea {
  border: solid 2px #f7c8cb;
  font-family: Raleway;
  width: 100%;
  height: 100px;
  padding: 10px;
  font-size: 1.3em;
  outline:none;
}

button {
  outline: none;
  cursor:pointer;
  background-color: #f29da2;
  padding: 11px 33px;
  font-size: 1.4em;
  border: none;
  font-family: Raleway;
  color: #fff;
  margin-top: 20px;
  float: right;
}
button:hover, button:active{
  outline: none;
  background-color:#da8086;
}

.contact-info {
  font-size: 2.5em;
  line-height: 1.5em;
  color: #c795c9;
  text-align: center;
  margin-bottom: 50px;
}


[ax-size="p"] .contact-info { font-size:1.7em; }
[ax-size="p"] .contact-info a { padding-left: 0px; width:100%; display:block; line-height: 1.2em; margin-bottom:25px; }

.contact-info a {
  color: #a3a3a3;
  width: 100%;
  display: block;
}

.contact-info a:hover {
  color: #777;
}

#recaptcha{
  cursor:pointer;
  margin-top:50px;
  width:100%;
  padding-top:50%;
  opacity:0.75;
  background:url('/tools/images/click-for-contact-info.svg');
}

#recaptcha:hover{
  width:100%;
  opacity:1;
}



.invalid {
  border: solid 2px #ff868e;
  background-color: #ffc3c3;
}

.xoInput-error {
  margin-top: -12px;
  padding-left: 5px;
  margin-bottom: 20px;
  color: #e0535c;
}

.contact-success-name{
  font-size: 1.8em;
  color: #888;
  margin-bottom: 15px;
}

.contact-success-name span{
  color: #f29da2;
}

.contact-success-detail{
  font-size: 1.2em;
  color: #777;
  line-height: 1.4em;
  margin-bottom: 30px;
  padding: 20px;
}

.contact-success-signoff {
  text-align: right;
  padding-right: 30px;
  font-size: 1.7em;
  color: #757575;
  font-family: Raleway;
}

.contact-success-signoff.me{ margin-top:5px; color: #f07c85; }

footer{
  background-color: #f9cacd;
  color: #cb6167;
  overflow: auto;
}

[ax-size="d"] .padFooter{
  padding-left:300px !important;
}

footer section{
  width:25%;
  float: left;
  padding-top: 25px;
  padding-bottom: 20px;
}

[ax-size="p"] footer section{
  width:100%;
  margin-bottom: 30px;
}


footer h3{
  font-size: 1.1em !important;
  font-weight: 400;
  text-transform: uppercase;
  border-bottom: solid 1px #ffffff;
  padding-bottom: 7px;
  margin-bottom: 15px;
  letter-spacing: 2px;
  color: #cb6167;
  cursor: pointer;
  opacity: .7;
  text-align:left;
}

[ax-size="p"] footer h3{ margin-right: 0px; }
[ax-size="t"] footer h3{ margin-right: 25px; }
[ax-size="d"] footer h3{ margin-right: 50px; }

footer section h3:hover{ opacity: 1; }

footer section.pink h3{
  color: #fff;
  border-color: #ff00f7;
}

footer section.blue h3{
  color: #fff;
  border-color: #00d0ff;
}

footer section.green h3{
  color: #fff;
  border-color: #91ff00;
}

footer section.orange h3{
  color: #fff;
  border-color: #f90;
}

footer section.pink li:hover{ color: #ff00f7; }
footer section.blue li:hover{ color: #00d0ff; }
footer section.green li:hover{ color: #91ff00; }
footer section.orange li:hover{ color: #f90; }


footer li {
  margin: 10px 5px;
  cursor: pointer;
  color:#c17276;
}

footer li:hover {
    color: #8a2026;
}

#siteBy {
  text-align: center;
  font-size: .75em;
  color: #ffffff;
  background-color: #f29da2;
  padding: 25px;
  line-height: 18px;
}

#siteBy a{
  border-bottom:solid 1px #fff;
  font-weight: 600;
  margin-left: 3px;
}

#reviews{
  background-color:#fff;
}

.reviews{
  padding: 50px 25px 75px 25px;
}

[ax-size="t"] #reviews{
  padding-left: 300px !important;
  padding-right: 50px;
}

[ax-size="d"] #reviews{
  padding-left: 420px !important;
  padding-right: 100px;
}

.review-body {
    text-align: center;
    font-size: 2em;
    padding: 0px 0px 50px 0px;
}


.review{
  padding:69px 0px;
}

.ico-left-quote{ padding-right:15px; }
.ico-right-quote{ padding-left:15px; }


.slick-slide:nth-child(3n+2) .review{
  background-color:#fff6f7;
}

.slick-slide:nth-child(3n+3) .review{
  background-color:#f1b3ba;
  color:#fff;
}

.slick-slide:nth-child(3n+1) .review{
  background-color:#f29da2;
  color:#fff;
}

.slick-slide:nth-child(3n+2) .review-by{ color:#ca7c7c; }
.slick-slide:nth-child(3n+3) .review-by{ color:#ad5e5e; }
.slick-slide:nth-child(3n+1) .review-by{ color:#9e5656; }



.slick-slide:nth-child(3n+2) .ico-left-quote,
.slick-slide:nth-child(3n+2) .ico-right-quote{
  color:#facdcf;
}

.slick-slide:nth-child(3n+3) .ico-left-quote,
.slick-slide:nth-child(3n+3) .ico-right-quote{
  color:#ffdfe3;
}

.slick-slide:nth-child(3n+1) .ico-left-quote,
.slick-slide:nth-child(3n+1) .ico-right-quote{
  color:#ffbbc3;
}



.review-by {
  color: #939393;
  font-style: italic;
  text-align: center;
}

.arrow{
  fill:#f9cacd;
}

footer .slick-dots{
  display: block;
  left: 5px;
}

#gallery .image-box{
  float:left;
  padding:3px;
  transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -webkit-transition: opacity 500ms ease-in-out;
}

.big-header{
  text-align: center;
  font-size: 3em;
  font-weight: 300;
}

h1 {
  color: #a3a3a3;
padding: 0px 0px 15px 0px;
  font-size: 4em;
  font-family: Raleway;
  font-weight: 600;
  text-align:left;
}

[ax-size="d"] h1 {
  padding: 0px 0px 35px 0px;
}

h1 .inline-menu{
  float:right;
  position: absolute;
  top:20px;
  right:0px;
  font-size:.75em;
  cursor:pointer;
  opacity:.8;
}
.inline-menu:hover{ opacity:1; }

.phone-small h1{
  font-size: 3em;
}

.phone-small h1 .inline-menu{
  top: 16px;
  font-size: .6em;
}


[ax-size="d"] .big-header{ font-size: 4em; }

.phone-small .big-header{ font-size: 1.6em; }

.h12 h1 {
  font-size: 1.2em;
  margin:0px;
  padding:0px;
  width:calc(100% - 50px);
  float:left;
}
.h12 h2 {
  text-align: left;
  font-size: 1.6em;
  margin:0px;
  padding:0px;
  width:calc(100% - 50px);
  float:left;
}

.h12 .inline-menu {
  float: right;
  font-size: 1.4em;
  position: absolute;
  top: 0;
  right: 0;
  opacity:.5;
  cursor:pointer;
}
.h12 .inline-menu:hover{ opacity:1; }

[ax-size="d"] .h12 {
    padding: 0px 0px 20px 0px;
}

.h12 {
    padding: 0px 0px 25px 0px;
}

[ax-size="d"] .main2{
  padding-top:0px;
}


.main2{
  padding-top:25px;
}

.marketing-message {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 300px;
    background-color: #e79aa0;
    color: #fff;
    padding: 25px;
    border-radius: 5px;
    z-index: 1000;
}

.marketing-pic{
  float:left;
  position:absolute;
  top: 10px;
  left: 12px;
}

.marketing-body{
  padding-left: 70px;
}

.marketing-action{
  cursor:pointer;
  float: right;
  padding: 7px 8px;
  border: solid 2px #fff;
  margin-top: 18px;
}


.marketing-close{
  cursor:pointer;
  float: right;
  padding: 8px 8px;
  margin-top: 18px;
  margin-right: 10px;
  opacity:.7;
}
.marketing-close:hover{ opacity:1; }

#main{
  min-height: 650px;
  float:right;
  position:relative;
  transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -webkit-transition: opacity 500ms ease-in-out;
}

#mainMenu{
  z-index:10;
}

.logo{
  margin: 60px 60px 20px 60px;
}

[ax-size="p"] .logo{
  max-width: 300px;
  margin: 50px auto 20px auto;
  padding: 0px 40px;
}

nav{ float:left; }

[ax-size="p"] #main{ width:100%; padding-right:30px; padding-left:30px; }
[ax-size="t"] #main{ width:calc(100% - 350px); padding-right:100px; }
[ax-size="d"] #main{ width:calc(100% - 420px); padding-right:100px; }

[ax-size="p"] nav{ width:100%; }
[ax-size="t"] nav{ width:250px; position: fixed; }
[ax-size="d"] nav{ width:250px; margin-left: 100px; position: fixed; }

#coreItems li {
  text-align: center;
  padding: 20px 0px;
  text-transform: uppercase;
  color: #9a9999;
  font-size: .9em;
}

/*
[ax-size="p"] #coreItems li {
  border: solid 2px #b2b2b2;
  border-radius: 10px;
}


[ax-size="p"] .logo{
  width: 80px;
  margin: 10px 0px 5px 20px;
}

*/

.nav-social {
  text-align: center;
  padding: 25px;
  color: #aeaeae;
  font-size: 1.2em;
}

#coreItems li{
  cursor:pointer;
}

#coreItems li:hover a{
  border-bottom:solid 1px #999;
}

[ax-size="p"] #coreItems li:hover a{
  border-bottom: none;
}

[ax-size="p"] #coreItems li.blue:hover{
  background-color:#48b5eb;
  border-color: #fff;
  color:#fff;
}

[ax-size="p"] #coreItems li.green:hover{
  background-color:#5eb9b8;
  border-color: #fff;
  color:#fff;

}
[ax-size="p"] #coreItems li.pink:hover{
  background-color:#f6b1b6;
  border-color: #fff;
  color:#fff;
}

[ax-size="p"] #coreItems li.light-green:hover{
  background-color:#b4d6cf;
  border-color: #fff;
  color:#fff;
}

.photo-style{
  float:left;
  padding:10px;
  width:33.33%;
  position:relative;
  cursor:pointer;
}

[ax-size="p"] .photo-style{
  width:100%;
}

.photo-style-name{
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
  border: solid 4px #fff;
  color: #fff;
  padding: 15px 25px;
  z-index:3;
  text-align:center;
  font-size: 1.1em;
  font-weight:400;
}

.photo-image{
  z-index:1;
}

.photo-overlay{
  z-index: 2;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: rgba(51, 51, 51, 0.69);
}

.photo-overlay.newborn{ background-color: rgba(245, 180, 222, 0.69); }
.photo-overlay.realestate{ background-color: rgba(161, 144, 228, 0.69); }
.photo-overlay.animals{ background-color: rgba(180, 212, 181, 0.69); }
.photo-overlay.headshots{ background-color: rgba(147, 191, 222, 0.69); }
.photo-overlay.events{ background-color: rgba(107, 205, 210, 0.69); }
.photo-overlay.family{ background-color: rgba(242, 228, 157, 0.69); }

.photo-style:hover .photo-overlay.newborn{ background-color: rgba(245, 180, 222, 0.90); }
.photo-style:hover .photo-overlay.realestate{ background-color: rgba(161, 144, 228, 0.90); }
.photo-style:hover .photo-overlay.animals{ background-color: rgba(180, 212, 181, 0.90); }
.photo-style:hover .photo-overlay.headshots{ background-color: rgba(147, 191, 222, 0.90); }
.photo-style:hover .photo-overlay.events{ background-color: rgba(107, 205, 210, 0.90); }
.photo-style:hover .photo-overlay.family{ background-color: rgba(242, 228, 157, 0.90); }

.side-nav{
  float:left;
  width:100%;
  font-family:Raleway;
  border-left: solid 1px #eaeaea;
  padding-top: 5px;
  padding-left: 25px;
}

.side-nav li{
  cursor:pointer;
  font-size: 1.1em;
  margin-bottom: 25px;
  color: #aeaeae;
}

.side-nav li:last-child{
  margin-bottom: 15px;
}
.side-nav li:hover{
  color: #777;
}

.side-nav li:hover a{
  border-bottom:solid 1px #999;
}

.main2{
  float:right;
  width:100%;
}

[ax-size="d"] .side-nav{
  width: 131px;
}

[ax-size="d"] .main2{
  float:right;
  width: calc(100% - 150px);
}

.row{width: 100%; *zoom: 1; overflow:auto; position:relative;}
.row:before, .row:after{display: table; content: ""; line-height: 0;}
.row:after{clear: both;}

.center-horizontal{

  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%, 0%) !important;
  -moz-transform: translate(-50%, 0%) !important;
  -ms-transform: translate(-50%, 0%) !important;
  -o-transform: translate(-50%, 0%) !important;
  transform: translate(-50%, 0%) !important;

}

.bottom{
  bottom:0px;
}

[xo-size="p"] .hidden-p{
  display:none;
}

.input-icon{
  position: absolute;
  top: 11px;
  right: 5px;
  font-size: 2.3em;
  color: #bad4e9;
}

.simple-input{
  outline: none;
  border-radius: 5px;
  border: solid 1px #dad6d6;
  color: #777;
}

.border-header{
  font-size:2em;
  color: #777;
  padding: 0px 0px 12px 0px;
  text-align: left;
  border-bottom: solid 1px #bbb;
  margin-bottom: 12px;
  position:relative;
}

.price-container {
  width: 33.33%;
  float: left;
  margin-bottom: 45px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor:pointer
}

.price-item {
  transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  box-shadow: 1px 4px 10px #ece8e8;
}

.price-item:hover{
  box-shadow: 3px 6px 15px #ffe7e7;
}

.price-price {
  padding: 16px 0px;
  font-size: 3em;
  color: #f29da2;
  font-family: Raleway;
  text-align: center;
  border-bottom: solid 1px #ece6e6;
}

.price-name{
  text-align: center;
  color: #b5b5b5;
  font-size: 1.2em;
  padding: 20px 0px;
}

.price-about {
  padding: 5px 25px;
  line-height: 1.5em;
  color: #767676;
}

.price-book{
  transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  cursor:pointer;
  background-color: #f29da2;
  color: white;
  width: 75%;
  margin-left: 12.5%;
  margin-top: 40px;
  margin-bottom: 40px;
  text-align: center;
  padding: 17px 0px;
  font-size: 1.2em;
}
.price-book:hover{ background-color:#e37b81; }

.price-details{
  border-top: solid 1px #eaeaea;
}
.price-detail{
  padding: 15px 20px;
  border-bottom: solid 1px #eaeaea;
  color: #767676;
}

.price-detail span {
  color: #f29da2;
  font-weight: bold;
}

.detail-note{
  font-size:.85em;
  padding-top:20px;
  color:#c8c8c8;
  text-align:center;
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/tools/images/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/tools/fonts/slick/slick.eot');
    src: url('/tools/fonts/slick/slick.eot?#iefix') format('embedded-opentype'), url('/tools/fonts/slick/slick.woff') format('woff'), url('/tools/fonts/slick/slick.ttf') format('truetype'), url('/tools/fonts/slick/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: #999;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

p{
  font-family: 'Raleway', sans-serif;
  line-height: 1.8em;
  font-size: 1.1em;
  color: #777;
  margin-bottom:35px;
}

.loading {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
  width: 132px;
}

.loading > div {
  width: 25px;
  height: 25px;
  background-color: #FFF;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.7s infinite ease-in-out;
  animation: bouncedelay 1.7s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  margin:0px 3%;
}

#main .loading > div { background-color: #BBB; }

#LOADING_FULL .loading > div {

	background-color:#BBB;

}


.loading2 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
  width:55px;
}

.loading2 > div {
  width: 7px;
  height: 7px;
  background-color: #FFF;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.7s infinite ease-in-out;
  animation: bouncedelay 1.7s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  margin:0px 3%;
}

#main .loading2 > div { background-color: #BBB; }
#main .save .loading2 > div,
.save .loading2 > div { background-color: #FFF; }

.btn .loading2 > div{ background-color:#fff; }


.loading .bounce1, .loading2 .bounce1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.loading .bounce2, .loading2 .bounce2 {
  -webkit-animation-delay: .16s;
  animation-delay: .16s;
}

.loading .bounce3, .loading2 .bounce3 {
  -webkit-animation-delay: .32s;
  animation-delay: .32s;
}

.loading .bounce4, .loading2 .bounce4 {
  -webkit-animation-delay:.48s;
  animation-delay: .48s;
}


@-webkit-keyframes bouncedelay {
	0%, 80%, 100% {
	  -webkit-transform: scale(0.01);
	  transform: scale(0.01);
	  opacity: .01;
	}
	30% {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
		opacity: .7;
	}
}

@keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0.01);
    transform: scale(0.01);
	opacity: .01;
  } 30% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
	opacity: .7;
  }
}



.loadingDrop {
    border:3px solid #fff;
    border-radius:100px;
    height:100px;
    width:100px;
    left:50%;
    top:50%;
    margin:-50px 0 0 -50px;
    opacity:0;
    position:absolute;

    -webkit-animation: pulsate 4s ease-out infinite;
    animation: pulsate 4s ease-out infinite;
}

@-webkit-keyframes pulsate {
    0% {
	  -webkit-transform: scale(0.1);
      transform:scale(.1);
      opacity: 0.0;
    }
    25% {
      opacity:1;
    }
    40% {
      opacity:1;
    }
    85% {
	  -webkit-transform: scale(1);
      transform:scale(1);
      opacity:0;
    }
    100% {
	  -webkit-transform: scale(1.2);
      transform:scale(1.2);
      opacity:0;
    }
}

@keyframes pulsate {
    0% {
	  -webkit-transform: scale(0.1);
      transform:scale(.1);
      opacity: 0.0;
    }
    25% {
      opacity:1;
    }
    40% {
      opacity:1;
    }
    85% {
	  -webkit-transform: scale(1);
      transform:scale(1);
      opacity:0;
    }
    100% {
	  -webkit-transform: scale(1.2);
      transform:scale(1.2);
      opacity:0;
    }
}




#writing_wrapper{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
}

.path {
  stroke-dasharray: 2000;
  stroke-dashoffset: 0;
  -webkit-animation: dash 3750ms linear  infinite;
  animation: dash 3750ms linear  infinite;
}

@-webkit-keyframes dash {
  0% {stroke-dashoffset: 2000;}
  90% {stroke-dashoffset: 0;}
}
@keyframes dash {
  0% {stroke-dashoffset: 2000;}
  90% {stroke-dashoffset: 0;}
}

.path2 {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash2 3750ms linear  infinite;
  animation: dash2 3750ms linear  infinite;
}

@-webkit-keyframes dash2 {
  60% {stroke-dashoffset: 1000;}
  100% { stroke-dashoffset: 0;}
}
@keyframes dash2 {
  60% {stroke-dashoffset: 1000;}
  100% { stroke-dashoffset: 0;}
}



#stairs_container {
	margin: -45px -60px;
  width: 120px;
  height: 90px;
  position: absolute;
  top: 50%;
  left: 50%;
}
#stairs_container .dot {
  background: #FFF;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 30px;
  left: 27px;
  transform-origin: center bottom;
  -webkit-animation: dot .6s ease-in-out infinite;
  animation: dot .6s ease-in-out infinite;
}
#stairs_container .step {
	position: absolute;
  width: 30px;
  height: 30px;
  border-top: 2px solid #FFF;
	top: 0;
  right:0;
}
@-webkit-keyframes dot {
 0% { transform: scale(1,.7) }
 20% { transform: scale(.7,1.2) }
 40% { transform: scale(1,1)}
 50% { bottom: 100px;}
 46% { transform: scale(1,1)}
 80% { transform: scale(.7,1.2) }
 90% { transform: scale(.7,1.2) }
 100% { transform: scale(1,.7) }
}
@-webkit-keyframes stairs {
	0% { opacity: 0; top: 0; right: 0; }
	50% { opacity: 1; }
	100% { top: 90px; right: 90px; opacity: 0; }
}

@keyframes dot {
 0% { transform: scale(1,.7) }
 20% { transform: scale(.7,1.2) }
 40% { transform: scale(1,1)}
 50% { bottom: 100px;}
 46% { transform: scale(1,1)}
 80% { transform: scale(.7,1.2) }
 90% { transform: scale(.7,1.2) }
 100% { transform: scale(1,.7) }
}
@keyframes stairs {
	0% { opacity: 0; top: 0; right: 0; }
	50% { opacity: 1; }
	100% { top: 90px; right: 90px; opacity: 0; }
}


#stairs_container .step.s1 {
	-webkit-animation: stairs 1.8s linear infinite;
	animation: stairs 1.8s linear infinite;
}
#stairs_container .step.s2 {
	-webkit-animation: stairs 1.8s linear infinite -.6s;
	animation: stairs 1.8s linear infinite -.6s;
}
#stairs_container .step.s3 {
	-webkit-animation: stairs 1.8s linear infinite -1.2s;
	animation: stairs 1.8s linear infinite -1.2s;
}





#flippy_container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}


.spinner {position: relative; font-size:1.5em;}

  .spinner:before,
  .spinner:after {
    content: "";
    position: relative;
    display: block;
  }

  .spinner:before {
    -webkit-animation: spinner 1.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
    animation: spinner 1.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
    width: 4em;
    height: 4em;
    background-color: #fff;
  }

  .spinner:before {
    background-color: #bbb;
  }

  .spinner:after {
   -webkit-animation: shadow 1.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
    animation: shadow 1.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
    bottom: -.5em;
    height: .25em;
    border-radius: 50%;
    background-color: #000;
	   opacity:.2;
  }


@keyframes spinner {

  50% {
    border-radius: 50%;
    -webkit-transform: scale(.5) rotate(360deg);
    transform: scale(.5) rotate(360deg);
    background-color: #fff;
  }

  100% {
    -webkit-transform: scale(1) rotate(720deg);
    transform: scale(1) rotate(720deg);
  }

}

@keyframes shadow {

  50% {
   -webkit-transform: scale(.5);
    transform: scale(.5);
	   opacity:.1;
     background-color: #fff;
  }

}


@-webkit-keyframes spinner {

  50% {
    border-radius: 50%;
    -webkit-transform: scale(.5) rotate(360deg);
    transform: scale(.5) rotate(360deg);
    background-color: #fff;
  }

  100% {
    -webkit-transform: scale(1) rotate(720deg);
    transform: scale(1) rotate(720deg);
  }

}

@-webkit-keyframes shadow {

  50% {
   -webkit-transform: scale(.5);
    transform: scale(.5);
	   opacity:.1;
     background-color: #fff;
  }

}






.sexybox {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  border: 4px solid #FBFBFB;
  top: 50%;
  -webkit-animation: sexybox 4s infinite ease;
  animation: sexybox 4s infinite ease;
}

.sexybox-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #FBFBFB;
  -webkit-animation: sexybox-inner 4s infinite ease-in;
  animation: sexybox-inner 4s infinite ease-in;
}

.inlineLoading .sexybox{
  border: 4px solid #777;
	margin-left:10px;
	position: absolute;
	top:0px;
}
.inlineLoading .sexybox-inner{
  background-color: #777;
}

@keyframes sexybox {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(180deg); }
  50% {  transform: rotate(180deg); }
  75% { transform: rotate(360deg); }
  100% {  transform: rotate(360deg); }
}

@keyframes sexybox-inner {
  0% { height: 0%; }
  25% { height: 0%; }
  50% {  height: 100%; }
  75% { height: 100%; }
  100% {  height: 0%; }
}

@-webkit-keyframes sexybox {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(180deg); }
  50% {  transform: rotate(180deg); }
  75% { transform: rotate(360deg); }
  100% {  transform: rotate(360deg); }
}

@-webkit-keyframes sexybox-inner {
  0% { height: 0%; }
  25% { height: 0%; }
  50% {  height: 100%; }
  75% { height: 100%; }
  100% {  height: 0%; }
}