/* ==========================================================================
GENERALES
========================================================================== */
footer {width: 100%; text-align: center; padding: 20px 0; color: #b3b3b3; margin-bottom: 0;}
hr {border: 1px #f2f2f2 solid;}
ul, li {list-style: none; margin: 0; padding: 0;}
h1, h2 {margin: 0; font-weight: normal; font-size: 3em;}
ul.circle {list-style-type: circle;}
/* ==========================================================================
COMING SOON
========================================================================== */
.ComingSoon {text-align: center; margin-top: 20%;}
/* ==========================================================================
LOGO
========================================================================== */
.logo {margin: 0 10px 0 0; float: left;}
/* ==========================================================================
MENU & BUTTONS
========================================================================== */
/* PRINCIPAL */
.navbar-default {background-color: #FFF; box-shadow: 0px 5px 5px 0 rgba(0, 0, 0,0.3); border-radius: 0; margin-bottom: 0; z-index: 999; height: 70px; border:none;}
.navbar-default .nav > li > a {background-color: rgba(255, 255, 255, 0.9); text-transform: uppercase; color: #b3b3b3; transition: all 300ms ease; font-size: 0.85em; padding-top: 25px; height: 70px;}
.navbar-default .nav > li > a:hover {background-color: #f7931e; color: #FFF; height: 70px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {background-color: #662d91; height: 70px; color: #FFF;}
.navbar-nav {margin: 0 -15px;}
.navbar-toggle {position: relative; float: right; padding: 9px 10px; margin-top: 20px; margin-right: 15px; margin-bottom: 10px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 5px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: #662d91; color: #fff;}
/* LINKS */
a.animated-button:link, a.animated-button:visited {position: relative; display: block; margin: 20px 0 40px 0; padding: 14px 15px; color: #FFF; font-size:14px; font-weight: bold; text-align: center; text-decoration: none; text-transform: uppercase; overflow: hidden; letter-spacing: .08em; border-radius: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
a.animated-button:link:after, a.animated-button:visited:after {content: ""; position: absolute; height: 0%; left: 50%; top: 50%; width: 150%; z-index: -1; -webkit-transition: all 0.75s ease 0s; -moz-transition: all 0.75s ease 0s; -o-transition: all 0.75s ease 0s; transition: all 0.75s ease 0s;}
a.animated-button:link:hover, a.animated-button:visited:hover {color: #FFF; text-shadow: none;}
a.animated-button:link:hover:after, a.animated-button:visited:hover:after { height: 450%;}
a.animated-button:link, a.animated-button:visited {position: relative; display: block; margin: 20px 0 40px 0; padding: 14px 15px; color: #FFF; font-size:14px; border-radius: 0; font-weight: bold; text-align: center; text-decoration: none; text-transform: uppercase; overflow: hidden; letter-spacing: .08em; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
a.animated-button.purple {border: 2px solid #662d91; width: 250px; color: #662d91; z-index: 1;}
a.animated-button.purple:after {background: #662d91; -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg); transform: translateX(-50%) translateY(-50%) rotate(-25deg);}
a.animated-button.white {border: 2px solid #FFF; width: 250px; color: #FFF; z-index: 1;}
a.animated-button.white:after {background: rgba(255,255,255,0.2); -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg); transform: translateX(-50%) translateY(-50%) rotate(-25deg);}
.contact a {color: #333; text-align: left; font-size: 1.2em; margin-bottom: 20px; margin-top: 20px; font-weight: 200; text-decoration: none;}
.contact a:hover {color: #662d91;}
.contact ul {margin: 20px 0;}
.contact li {margin: 10px 0;}
.site-map-active {color: #CCC; text-align: left; font-size: 1.2em; margin-bottom: 20px; margin-top: 20px; font-weight: 200; text-decoration: none;}
.panel-CoActiveCoaching a {color: #f7931e; text-decoration: none}
.panel-CoActiveCoaching a:hover {color: #662d91; text-decoration: none}
/* TO TOP */
#toTop {display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; border: none; outline: none; background-color: rgba(0, 0, 0, 0.2); color: $FFF; cursor: pointer; padding: 10px 15px; border-radius: 5px; font-size: 2em;}
#toTop:hover {background-color: #555;}
/* ==========================================================================
SOCIAL & ICONS
========================================================================== */
.socialIcons > ul > li {list-style-type: none; margin: 0  10px 10px 0; text-align: center; display: inline-block;}
.socialIcons > ul > li:last-child {margin: 0 0 0 0;}
.socialIcons > ul > li > a { color: #FFF; transition: all 300ms ease; display: inline-block;}
.socialIcons > ul > li > a:hover { color: #CCC;}
.fa-B {color: #134395;}
.fa-R {color: #c1272d;}
.fa-Box-B {background-color: rgba(0, 0, 0, 0.6); padding: 5px 10px; border-radius: 2px; margin-left: 5px;}
.icon-Box {background-color: #c1272d;; padding: 10px; border-radius: 5px; float: left;}
/* ==========================================================================
PANEL
========================================================================== */
.panel-Yellow {background-color:#f7931e; box-sizing: border-box; padding: 20px 20px; border-radius: 2.5px; margin-bottom: 30px; box-shadow: 0 10px 10px 0 rgba(0, 0, 0,0.4);}
.panel-White {background-color:transparent; box-sizing: border-box; padding: 20px 20px; margin-top: 100px; margin-bottom: 30px;}
.panel-Purple {background-color: #662d91; box-sizing: border-box; padding: 90px 20px 20px 20px; margin-top: -100px; height: auto 0;}
.panel-Coaching {border: 1px dashed #ccc; border-radius: 5px; padding: 30px 20px; margin-bottom: 30px;}
.panel-CoActiveCoaching {border: 1px dashed #ccc; border-radius: 5px; padding: 30px 20px; margin-bottom: 30px;}
/* ==========================================================================
SECCIONES
========================================================================== */
.contact {background-color: #f2f2f2; padding: 30px 0;}
.Biography {padding: 70px 0;}
.MyJourney {padding: 0 20px; margin-bottom: 50px;}
.Coaching {padding: 70px 0;}
.Differences {background-color: #662d91; padding: 30px 20px; height: auto; margin-bottom: 30px;}
.FactsBenefits {padding: 0 20px; margin-bottom: 50px;}
.Facts {margin-bottom: 20px;}
.Benefits {margin-bottom: 20px;}
.Work-Together {padding-top: 50px; padding-bottom: 20px; background-color:#f7931e;}
.LogisticDelivery {margin-bottom: 20px;}
.Offer {margin-bottom: 30px;}
.Logistic {margin-bottom: 30px;}
.Delivery {margin-bottom: 30px;}
.Description {padding: 70px 0; background-color: #f2f2f2; margin-bottom: 30px;}
.TheyAre {background-color: #662d91; padding: 50px 20px; height: auto; margin-bottom: 0px;}
.Description-2 {margin-bottom: 30px;}
.Message {padding: 70px 0; text-align: center;}
/* ==========================================================================
PADDINGS & MARGINS
========================================================================== */
.padding-15 {padding:15px;}
.padding-20 {padding:20px;}
.padding-30 {padding:30px;}
.padding-50 {padding:50px;}
.padding-top-100 {padding: 100px 20px 0 20px;}
.margin-top-20 {margin-top:20px;}
.margin-top-30 {margin-top:30px;}
.margin-top-50 {margin-top:50px;}
.margin-top-70 {margin-top:70px;}
.margin-top-90 {margin-top:90px;}
.margin-top-m100 {margin-top:-100px;}
.margin-top-100 {margin-top:100px;}
.margin-top-200 {margin-top:200px;}
.margin-bottom-5 {margin-bottom:5px;}
.margin-bottom-10 {margin-bottom:10px;}
.margin-bottom-20 {margin-bottom:20px;}
.margin-bottom-30 {margin-bottom:30px;}
.margin-bottom-50 {margin-bottom:50px;}
.margin-bottom-100 {margin-bottom:100px;}
.margin-left-20 {margin-left:20px;}
.margin-left-m20 {margin-left:-20px;}
.no-padding {padding: 0;}
.no-padding-left {padding-left: 0;}
.no-padding-right {padding-right: 0;}
.no-margin {margin: 0;}
.no-margin-bottom {margin-bottom: 0;}
.no-space {padding-left: 0; padding-right: 0;}
.col-bottom {vertical-align: bottom;} 
/* ==========================================================================
BACKGROUND & SHADOWS & ELEMENTS & PICS
========================================================================== */
.About-Me {background-color: #662d91; height: 0 auto;  text-align: center; padding: 40px 0; padding-top: 0;}
.AboutMe-photo {margin-bottom: 30px; text-align: center;}
.AboutCoaching-photo {margin-bottom: 30px; text-align: center;}
.AboutMyClients-photo {margin-bottom: 30px; text-align: center;}
.Work-Together-photo {margin-bottom: 30px; text-align: center;}
.panel-ValuesOfferPromise {width: 100%; margin-bottom: 40px;}
.MyValues {border-top: 5px solid #662d91; padding: 10px 20px; width: 100%; float: left; margin-bottom: 20px;}
.MyOffer {background-color: #f7931e; padding: 20px 25px; width: 100%; float: left; border-radius: 5px; margin-bottom: 40px; margin-top: 20px;}
.MyPromise {background-color: #662d91; padding: 20px 25px; width: 100%; float: left; border-radius: 5px;}
.About-Coaching {background-color: #f7931e; height: 0 auto; text-align: center; color: #000; padding: 40px 0; padding-top: 0;}
.Lets-Work-Together {background-color: #662d91; height: 0 auto;  text-align: center; padding: 40px 0; padding-top: 0;}
.About-My-Clients {background-color: #f7931e; height: 0 auto; text-align: center; color: #000; padding: 40px 0; padding-top: 0;}
/* ==========================================================================
ELEMENTOS
========================================================================== */
.hr-black {border: 1px rgba(0, 0, 0, 0.2) solid; margin-top: 20px; margin-bottom: 20px;}
.hr-Y {border:1px solid #f7931e; margin: 20px 0;}
.hr-solid-B {border:2px solid #000; margin: 20px 0;}
.hr-dashed-N {border:1px dashed #CCC; margin: 5px 0;}
.hr-dashed-B {border:1px dashed #FFF; margin: 5px 0;}
/* ==========================================================================
TITLES & PANELS & TXT
========================================================================== */
.panel-Yellow h2 {font-weight: 200; font-size: 1.8em; text-transform: uppercase; text-align: left; color: #FFF; margin-bottom: 10px;}
.panel-Yellow p {font-size: 1em; text-align: justify;margin-bottom: 10px;}
.panel-White h1 {font-weight: 200; font-size: 1.9em; text-transform: uppercase; text-align: left; color: #666; margin-bottom: 10px;}
.panel-White p {font-size: 1em; text-align: justify;margin-bottom: 10px;}
.panel-White li {font-size: 1em; text-align: justify;margin-bottom: 10px; color: #666;}
.panel-Purple h1 {font-weight: 200; font-size: 2.5em; text-transform: uppercase; text-align: left; color: #FFF; margin-bottom: 10px;}
.panel-Purple p {font-weight: 100; font-size: 1.7em; text-align: justify; margin-bottom: 10px; color: #FFF;}
 /* HOME  */
.panel-White p {font-size: 1.5em; text-align: justify; font-weight: 200;}
/* ABOUT ME */
.About-Me h1 {font-weight: 200; font-size: 4em; color: #ffffff; text-align: center; margin-bottom: 0px;}
.About-Me h5 {font-weight: 100; font-size: 2em; color: #ffffff; text-align: center; letter-spacing: 2px;}
.Biography h6 {font-weight: 200; font-size: 1.3em; color: #662d91; text-align: center; line-height: 1.6em; letter-spacing: 2px; margin-bottom: 30px;}
.MyJourney h2 {font-weight: 200; font-size: 4em; color: #f7931e; text-align: left; margin-bottom: 0px;}
.MyJourney p {font-size: 1em; color: #333; text-align: justify; line-height: 1.7em;}
.panel-ValuesOfferPromise h1 {font-weight: 200; font-size: 3em; color: #f7931e; text-align: left; margin-bottom: 0px;}
.panel-ValuesOfferPromise h2 {font-weight: 200; font-size: 2em; text-align: left; margin: 20px 0;}
.panel-ValuesOfferPromise h3 {font-weight: 200; font-size: 2em; color: #662d91; text-align: left; margin-bottom: 20px;}
.panel-ValuesOfferPromise p {font-size: 1em; font-weight: normal; text-align: justify; line-height: 2em; margin-bottom: 0; color: #333;}
.panel-ValuesOfferPromise li {font-size: 1em; font-weight: normal; text-align: justify; line-height: 2em; margin-bottom: 0; color: #fff;}
/* ABOUT COACHING */
.About-Coaching h1 {font-weight: 200; font-size: 4em; color: #000000; text-align: center; margin-bottom: 0px;}
.About-Coaching h5 {font-weight: 100; font-size: 2em; color: #000000; text-align: center; letter-spacing: 2px;}
.Coaching h2 {font-weight: 200; font-size: 2.3em; color: #f7931e; text-align: left; margin-bottom: 0px;}
.Coaching p {font-size: 1em; color: #333; text-align: justify; line-height: 1.7em;}
.Differences h1 {font-weight: 200; font-size: 3em; color: #fff; text-align: left; margin-bottom: 10px;}
.Differences p {font-size: 1em; color: #ccc; text-align: justify; line-height: 1.7em;}
.b-W {color: #FFF;}
.Facts h2 {font-weight: 200; font-size: 1.5em; color: #f7931e; text-align: left; margin-bottom: 0px;}
.Benefits h2 {font-weight: 200; font-size: 1.5em; color: #f7931e; text-align: left; margin-bottom: 0px;}
/*  LET'S WORK TOGETHER  */
.Lets-Work-Together h1 {font-weight: 200; font-size: 4em; color: #ffffff; text-align: center; margin-bottom: 0px;}
.Lets-Work-Together h5 {font-weight: 100; font-size: 2em; color: #ffffff; text-align: center; letter-spacing: 2px;}
.Work-Together h1 {font-weight: 200; font-size: 3em; color: #000; text-align: left; margin-bottom: 0px; padding: 0;}
.Work-Together h2 {font-weight: 200; font-size: 1.5em; color: #fff; background-color: #000; padding: 10px 15px; border-radius: 5px; width: auto; text-align: left; margin-bottom: 20px;}
.Work-together p {font-size: 1em; font-weight: normal; text-align: justify; line-height: 2em; margin-bottom: 0; color: #000;}
.Work-Together ul {margin-bottom: 20px; text-align: justify;} 
.Offer, .Logistics, .Delivery p {text-align:justify; color: #000;}
/* ABOUT MY CLIENTS*/
.About-My-Clients h1 {font-weight: 200; font-size: 4em; color: #000; text-align: center; margin-bottom: 0px;}
.About-My-Clients h5 {font-weight: 100; font-size: 2em; color: #000; text-align: center; letter-spacing: 2px;}
.Description h4 {font-weight: 200; font-size: 2em; color: #f7931e; text-align: center; margin-bottom: 0px;}
.TheyAre h1 {font-weight: 200; font-size: 4em; color: #ffffff; text-align: left; margin-bottom: 20px; margin-top: 0;}
.TheyAre li {font-weight: 200; font-size: 1.5em; color: #ffffff; text-align: left; margin-bottom: 20px;}
.Description-2 p {font-size: 1.5em; font-weight: normal; text-align: justify; line-height: 2em; margin-bottom: 0; color: #666;}
.Message h3 {font-weight: 200; font-size: 2em; color: #666; text-align: center; margin-bottom: 20px; margin-top: 0;}
/* CONTACT */
.contact h2 {color: #662d91; text-align: left; font-size: 1.5em; margin-bottom: 0px; font-weight: 200; text-transform: uppercase; margin-bottom: 20px;}
.contact h4 {color: #333; text-align: left; font-size: 1.2em; margin-bottom: 20px; margin-top: 20px; font-weight: 200;}