body { overflow-x: hidden; height:100%;  height:100%; }
body.fixed-nav { padding-top: 25px; }

a, a:hover, a:focus, a:active, a.active { outline: 0; color: #18bc9c; text-decoration: none; }

/*p { font-size:14px; line-height:1.75; }
p.large { font-size:16px }*/
h1, h2, h3, h4, h5, h6 { font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 700; }

.centre { text-align: center;}
.invisible { display: none; }
.indented {  }

@media(min-width:768px) {
.indented { margin-left: 50px; }
}

/*p { font-size: 20px; }
p.small { font-size: 16px; }*/

div#border { background: url(../img/topborder.png) repeat-x 0em 0em; width: 100%; height: 5px; position: absolute; top: 0em; }

a.navbar-brand { width: 250px; max-width: 325px; height: 57px; background: url(../img/logo-go.png) no-repeat 0em 0em; text-indent: -2000em;
display: block; margin-top: .5em; margin-bottom: .5em; margin-left: -.25em;
}
a.navbar-brand-center { float: none; margin: .5em auto; width: 250px; max-width: 250px; height: 57px; }

.navbar-default .navbar-nav>.active>a { border-radius:0; background: rgb(255,114,41); color: rgb(255,255,255); }
.navbar-default .nav li a:hover,.navbar-default .nav li a:focus { color:rgb(78,161,47); outline:0; }

@media (min-width:768px)
{
.navbar-default .navbar-nav>.active>a { border-radius:3px; }
}

/* ------------------------------
Color
------------------------------ */

.purple { background: rgb(164,123,178); color: rgb(255,255,255); }
.purple hr.colored { border: .08em solid rgb(153,102,153); }

.light-gray { background: rgb(247,247,247); }
.light-gray hr.colored { border: .08em solid rgb(255,255,255); }

.lined { background: url(../img/css-linenbkgd.jpg) fixed repeat 0em 0em; }
.lined hr.colored { border: .08em solid rgb(247,247,247); }

.fa-monochrome { color: rgb(255,255,255); }
.fa-monochrome .fa-inverse { color: rgb(0,0,0); }

.fa-monochrome-inverse { color: rgb(0,0,0); }
.fa-monochrome-inverse .fa-inverse {  }

.fa-orange { color: rgb(255,114,41); }
.fa-green { color: rgb(78,161,47); }
.fa-blue { color: rgb(103,155,195); }
.fa-purple { color: rgb(184,97,225); }

/* ------------------------------ .navbar ------------------------------ */
.navbar { text-transform: uppercase; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 700; }
.navbar a:focus { outline: 0; }
.navbar .navbar-nav { letter-spacing: 1px; margin-top: 1em; }
.navbar .navbar-nav li a:focus { outline: 0; }
.navbar-default, .navbar-inverse { border: 0; }
.navbar-default .navbar-nav>li>a { color: #737373; }

/* ------------------------------ section ------------------------------ */
section { padding: 2em 0em; }
section h2 { margin: 0; font-size: 3em; }

section h2.section-heading { font-size: 40px; margin-top: 0; margin-bottom: 15px; }
section h3.section-subheading { font-size: 16px; font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: none;
font-style: italic; font-weight: 400; margin-bottom: 75px; }

/* ------------------------------ section#video-cover ------------------------------ */
section#video-cover { text-align: center; color: #fff; padding: 0em 0em; height: 200px; width: 100%; z-index: 1; overflow: hidden;  }
section#video-cover .container { padding-top: 50px; padding-bottom: 50px; }
section#video-cover img { display: block; margin: 0 auto 20px; background-color: #fed136; border-radius: 100%; border: 7px solid #f1f1f1; }

section#video-cover .intro-text { line-height: 150px; }
section#video-cover .intro-text .name { display: block; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 2.25em; font-weight: 700; }
section#video-cover .intro-text .skills { font-size: 1.25em; font-weight: 300; }

/* ------------------------------ header [responsive] ------------------------------ */
@media(min-width:768px) {
	section#video-cover { display: block; height: 400px; }
    section#video-cover .container { padding-top: 100px; padding-bottom: 50px; }
	section#video-cover .intro-text { margin-top: 5em; line-height: normal }
    section#video-cover .intro-text .name { font-size: 4.75em; }
    section#video-cover .intro-text .skills { font-size: 1.75em; }
}

@media(min-width:992px) {
	section#video-cover { display: block; height: 400px; }
    section#video-cover .container { padding-top: 100px; padding-bottom: 50px; }
	section#video-cover .intro-text { margin-top: 5em; }
    section#video-cover .intro-text .name { font-size: 4.75em; }
    section#video-cover .intro-text .skills { font-size: 1.75em; }
}

/* ------------------------------ header#home ------------------------------ */
header#home { text-align: center; color: #fff; background: #6a9ac7; background: url(../img/bck-andrea.jpg) no-repeat center center fixed; -webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
header#home .container { padding-top: 50px; padding-bottom: 50px; }
header#home img { display: block; margin: 0 auto 20px; }
header#home .intro-text .name { display: block; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 2em; font-weight: 700; }
header#home .intro-text .skills { font-size: 1.25em; font-weight: 300; }

/* ------------------------------ header [responsive] ------------------------------ */
@media(min-width:768px) {
    header#home .container { padding-top: 100px; padding-bottom: 50px; }
    header#home .intro-text .name { font-size: 4.75em; }
    header#home .intro-text .skills { font-size: 1.75em; }
}

.typed-cursor { opacity: 1; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; animation: blink 0.7s infinite; }
@keyframes blink {
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}

/* ------------------------------ section#about-me ------------------------------ */
section#about-me { padding: 5em 0em;  margin: 0em 0em; }
.dark-faded-border { border: solid 5px rgba(62, 68, 77, 0.5); }
.img-centered { margin: 0 auto; }
.btn-social-dark { background-color: transparent; color: #3e444d; }

section#about-me img.dark-faded-border-small { width: 150px; margin-right: .5em; }

@media(min-width:768px) {
section#about-me img.dark-faded-border-small { width: auto; margin-right: normal; }
}

/* ------------------------------ classes ------------------------------ */
hr.star-light, hr.star-primary { margin: 25px auto 30px; padding: 0; max-width: 250px; border: 0; border-top: solid 5px; text-align: center; }
hr.star-light:after, hr.star-primary:after { content: "\f005"; display: inline-block; position: relative; top: -.8em; padding: 0 .25em;   font-family: FontAwesome; font-size: 2em; }
hr.star-light { border-color: #fff; }
hr.star-light:after { color: #fff; background-color: transparent; }
hr.star-primary { border-color: #2c3e50; }
hr.star-primary:after { color: #2c3e50; background-color: #fff; }

header#home hr.star-light:after { background-color: transparent; }

@media(max-width:767px) {
    section { padding: 2em 0em; }
    section.first { padding-top: 75px; }
}

/* ------------------------------ section#features ------------------------------ */
section#features {  }

/* ------------------------------ section#about ------------------------------ */
section#about { padding: 5em 0em;  margin: 0em 0em; }

/* ------------------------------ section#welcome-video ------------------------------ */
section#welcome-video {  }
.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ------------------------------ section.testimonialsl ------------------------------ */
section.testimonials { background: #f5f5f5; padding-top: 60px; padding-bottom: 120px; }
section.testimonials .carousel-indicators { bottom: -60px; z-index: auto; }
section.testimonials .carousel-indicators li { background: #cccccc; border: none; margin: 1px;
}
section.testimonials .carousel-indicators li.active { background: #f19180; border: none; width: 10px; height: 10px; margin: 1px; }
section.testimonials .title { font-size: 36px; font-weight: 300; margin-top: 0; margin-bottom: 60px; }
section.testimonials .item { min-height: 265px; }
section.testimonials .item .profile { position: absolute; left: 0; }
section.testimonials .item .content { padding-left: 210px; }
section.testimonials .item blockquote { font-size: 20px; font-weight: 300; border-left: 0; padding: 0; position: relative; }
section.testimonials .item blockquote .fa { position: absolute; color: #ef7d69; font-size: 22px; left: -45px; }
section.testimonials .item .source { color: #ec6952; }
section.testimonials .item .source .title { font-size: 16px; color: #666666; }

/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
section.testimonials .item .profile { position: static; margin: 0 auto; text-align: center; margin-bottom: 30px; }
section.testimonials .item .content { padding-left: 60px; }
section.testimonials .item blockquote { font-size: 18px; }
}

.timeline { list-style: none; padding: 0; position: relative; font-family:"Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif; }
.timeline:before { top: 0; bottom: 0; position: absolute; content: ""; width: 2px; background-color: #f1f1f1; left: 40px; margin-left: -1.5px; }
.timeline>li { margin-bottom: 50px; position: relative; min-height: 50px; }
.timeline>li:before, .timeline>li:after { content: " "; display: table; }
.timeline>li:after { clear: both; }
.timeline>li .timeline-panel { width: 100%; float: right; padding: 0 20px 0 100px; position: relative; text-align: left; }
.timeline>li .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; }
.timeline>li .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
.timeline>li .timeline-image { left: 0; margin-left: 0; width: 80px; height: 80px; position: absolute; z-index: 100; background-color: rgb(255,114,41);
color: #fff; border-radius: 100%; border: 7px solid #f1f1f1; text-align: center; }
.timeline>li .timeline-image h4 { font-size: 10px; margin-top: 12px; line-height: 14px; }
.timeline>li.timeline-inverted>.timeline-panel { float: right; text-align: left; padding: 0 20px 0 100px; }
.timeline>li.timeline-inverted>.timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; }
.timeline>li.timeline-inverted>.timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
.timeline>li:last-child { margin-bottom: 0; }
.timeline .timeline-heading h4 { margin-top: 0; color: inherit; }
.timeline .timeline-heading h4.subheading { text-transform: none; }
.timeline .timeline-body>p,
.timeline .timeline-body>ul { margin-bottom: 0; }
@media (min-width: 768px) {
.timeline:before { left: 50%; }
.timeline>li { margin-bottom: 100px; min-height: 100px; }
.timeline>li .timeline-panel { width: 41%; float: left; padding: 0 20px 20px 30px; text-align: right; }
.timeline>li .timeline-image { width: 100px; height: 100px; left: 50%; margin-left: -50px; }
.timeline>li .timeline-image h4 { font-size: 13px; margin-top: 16px; line-height: 18px; }
.timeline>li.timeline-inverted>.timeline-panel { float: right; text-align: left; padding: 0 30px 20px 20px; }
}
@media (min-width: 992px) {
.timeline>li { min-height: 150px; }
.timeline>li .timeline-panel { padding: 0 20px 20px; }
.timeline>li .timeline-image { width: 150px; height: 150px; margin-left: -75px; }
.timeline>li .timeline-image h4 { font-size: 18px; margin-top: 30px; line-height: 26px; }
.timeline>li.timeline-inverted>.timeline-panel { padding: 0 20px 20px; }
}
@media (min-width: 1200px) {
.timeline>li { min-height: 170px; }
.timeline>li .timeline-panel { padding: 0 20px 20px 100px; }
.timeline>li .timeline-image { width: 170px; height: 170px; margin-left: -85px; }
.timeline>li .timeline-image h4 { margin-top: 40px; }
.timeline>li.timeline-inverted>.timeline-panel { padding: 0 100px 20px 20px; }
}

/* ------------------------------ section#message ------------------------------ */
section#message { background: #6a9ac7; background: url(../img/bck-andrea.jpg) no-repeat center center fixed; -webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

/* ------------------------------ section#andrea-message ------------------------------ */
section#andrea-message { /*background:rgb(55,64,90); background: url(../img/bck-andrea-alt.jpg) no-repeat center center fixed; -webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: rgb(255,255,255);*/ background:#f4e7fc; }

section#andrea-message .main-image-container { margin:1em auto 0; text-align: center; }
section#andrea-message i.fa-question-circle { font-size: 25em; color: rgb(255,114,39); }

section#andrea-message header { text-align:center; margin:0 auto; max-width:1060px; }
section#andrea-message header h1 { text-transform: capitalize; /*color:#fff5d3;*/ }
section#andrea-message header h2 { line-height:1.2em; font-size:40px; margin:20px 0 30px; text-transform: capitalize; font-family:Georgia,"Times New Roman",Times,serif; -webkit-font-smoothing:antialiased; font-size:1.75em; font-style:italic; font-weight:400; margin-bottom:2.5em; /*color:#fff5d3;*/ }

@media(min-width:768px) {
section#andrea-message header h1 { font-size:78px; font-weight:600; margin:.5em 0 .3em; letter-spacing:-1.4px; line-height:1.25em; /*color:#fff5d3;*/ }
}

section#andrea-message article { margin:0 auto; text-align:left; width:72%; }
section#andrea-message article p:first-child { font-size:26px; line-height:37px; margin:60px 0 37px; }

section#andrea-message .author-img { display: block; height: 200px; width: 200px; margin: 0em auto; background-color: #fed136; border-radius: 100%; border: 7px solid #f1f1f1; }
section#andrea-message .author { display: block; text-align:center; margin-top: 1em; }
section#andrea-message .author .name {  }

/* ------------------------------ section#cta ------------------------------ */
section#cta { text-align: center; /*color: #fff; background: #6a9ac7; background: url(../img/bck-andrea.jpg) no-repeat center center fixed; -webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/ }
section#cta .text-muted { color: rgb(51,51,51); }

section#cta .form-group { margin-bottom:25px; }
section#cta .form-group input,section#contact .form-group textarea { padding:20px; }
section#cta .form-group input.form-control { height:auto }
section#cta .form-group textarea.form-control { height:236px; }
section#cta .form-control:focus { border-color:#fed136; box-shadow:none; }
section#cta ::-webkit-input-placeholder { font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; text-transform:uppercase; font-weight:700; color:#bbb }
section#cta:-moz-placeholder { font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; text-transform:uppercase; font-weight:700;
color:#bbb; }
section#cta ::-moz-placeholder { font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; text-transform:uppercase; font-weight:700;
color:#bbb; }
section#cta :-ms-input-placeholder { font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; text-transform:uppercase; font-weight:700;
color:#bbb; }
section#cta .text-danger { color:#e74c3c }

/* ------------------------------ section.video ------------------------------ */
section.video { background: rgb(255,255,255); padding: 0em 0em 2em 0em;  margin: 0em 0em; }
section.video .page-header { padding-bottom: 9px; margin: 0px 0 20px; }

section.video .biton-wrap { text-align: center; margin: .5em 0em; }

section.video .video-constrain { margin: 1em auto; }
section.video .biton { width: 90%; }

/* ------------------------------ section.extras ------------------------------ */
section.extras { background: rgb(255,255,255); padding: 0em 0em 2em 0em;  margin: 0em 0em; }
section.extras .page-header { padding-bottom: 9px; margin: 0px 0 20px; }

section.extras .biton-wrap { text-align: center; margin: .5em 0em; }

section.extras .video-constrain { margin: 1em auto; }
section.extras .biton { width: 90%; }

/* ------------------------------ footer ------------------------------ */
footer { clear: both; padding: 1em 1em; text-align: center;  }
footer div.container { border-top: 1px dotted rgb(215,215,215); }
footer p { margin: 1em 0em; }

.video-constrain { max-width: 960px; margin: 0em auto; }
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }

/* ------------------------------
ADDONS
------------------------------ */

.biton-wrap {  display: block; margin: 0 auto 1em; clear: both; }

.biton { display: inline-block; position: relative; margin: 0 10px; text-align: left; vertical-align: top; }

@media screen and (max-width: 500px) {
.biton { display: block; }
}
.biton > a { display: block; position: relative; padding: 0.8em 1.75em 0.7em; color: #fff; font-size: 1.5em; font-weight: 600; line-height: 1em;
text-align: center; text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 2px; background-color: #cccccc; background-color: #cccccc; background-image: -webkit-linear-gradient(top, #e6e6e6, #b3b3b3); background-image: -moz-linear-gradient(top, #e6e6e6, #b3b3b3); background-image: -ms-linear-gradient(top, #e6e6e6, #b3b3b3); background-image: -o-linear-gradient(top, #e6e6e6, #b3b3b3); background-image: linear-gradient(top, #e6e6e6, #b3b3b3);
border-radius: 4px; box-shadow: inset rgba(255, 255, 255, 0.6) 0px 1px 0px, inset rgba(0, 0, 0, 0.2) 0px -1px 0px, rgba(0, 0, 0, 0.5) 0px 1px 5px, rgba(0, 0, 0, 0.5) 0px 0px 0px 1px; z-index: 0; }

.biton > a:hover { background-color: #cccccc; background-image: -webkit-linear-gradient(top, #f2f2f2, #b3b3b3); background-image: -moz-linear-gradient(top, #f2f2f2, #b3b3b3); background-image: -ms-linear-gradient(top, #f2f2f2, #b3b3b3); background-image: -o-linear-gradient(top, #f2f2f2, #b3b3b3); background-image: linear-gradient(top, #f2f2f2, #b3b3b3); }

.biton > a:active { text-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px; box-shadow: inset rgba(0, 0, 0, 0.5) 0px 1px 4px; background-color: #cccccc;
background-image: -webkit-linear-gradient(top, #d9d9d9, #b3b3b3); background-image: -moz-linear-gradient(top, #d9d9d9, #b3b3b3); background-image: -ms-linear-gradient(top, #d9d9d9, #b3b3b3); background-image: -o-linear-gradient(top, #d9d9d9, #b3b3b3); background-image: linear-gradient(top, #d9d9d9, #b3b3b3); }

.biton p { line-height: 1em; }
.biton p a { color: #34a2ff; }
.biton p a:hover { color: #80c5ff; }

.biton-blue a {
background-color: #34a2ff;
background-image: -webkit-linear-gradient(top, #67b9ff, #018bff);
background-image: -moz-linear-gradient(top, #67b9ff, #018bff);
background-image: -ms-linear-gradient(top, #67b9ff, #018bff);
background-image: -o-linear-gradient(top, #67b9ff, #018bff);
background-image: linear-gradient(top, #67b9ff, #018bff); }
.biton-blue a:hover {
background-color: #34a2ff;
background-image: -webkit-linear-gradient(top, #80c5ff, #018bff);
background-image: -moz-linear-gradient(top, #80c5ff, #018bff);
background-image: -ms-linear-gradient(top, #80c5ff, #018bff);
background-image: -o-linear-gradient(top, #80c5ff, #018bff);
background-image: linear-gradient(top, #80c5ff, #018bff); }
.biton-blue a:active {
background-color: #34a2ff;
background-image: -webkit-linear-gradient(top, #4daeff, #018bff);
background-image: -moz-linear-gradient(top, #4daeff, #018bff);
background-image: -ms-linear-gradient(top, #4daeff, #018bff);
background-image: -o-linear-gradient(top, #4daeff, #018bff);
background-image: linear-gradient(top, #4daeff, #018bff); }

.biton-green a {
background-color: #33bf39;
background-image: -webkit-linear-gradient(top, #54d159, #28972d);
background-image: -moz-linear-gradient(top, #54d159, #28972d);
background-image: -ms-linear-gradient(top, #54d159, #28972d);
background-image: -o-linear-gradient(top, #54d159, #28972d);
background-image: linear-gradient(top, #54d159, #28972d); }
.biton-green a:hover {
background-color: #33bf39;
background-image: -webkit-linear-gradient(top, #68d76d, #28972d);
background-image: -moz-linear-gradient(top, #68d76d, #28972d);
background-image: -ms-linear-gradient(top, #68d76d, #28972d);
background-image: -o-linear-gradient(top, #68d76d, #28972d);
background-image: linear-gradient(top, #68d76d, #28972d); }
.biton-green a:active {
background-color: #33bf39;
background-image: -webkit-linear-gradient(top, #40cc46, #28972d);
background-image: -moz-linear-gradient(top, #40cc46, #28972d);
background-image: -ms-linear-gradient(top, #40cc46, #28972d);
background-image: -o-linear-gradient(top, #40cc46, #28972d);
background-image: linear-gradient(top, #40cc46, #28972d); }

.biton-orange a {
background-color: #ff7700;
background-image: -webkit-linear-gradient(top, #ff9233, #cc5f00);
background-image: -moz-linear-gradient(top, #ff9233, #cc5f00);
background-image: -ms-linear-gradient(top, #ff9233, #cc5f00);
background-image: -o-linear-gradient(top, #ff9233, #cc5f00);
background-image: linear-gradient(top, #ff9233, #cc5f00); }
.biton-orange a:hover { background-color: #ff7700; background-image: -webkit-linear-gradient(top, #ffa04d, #cc5f00); background-image: -moz-linear-gradient(top, #ffa04d, #cc5f00); background-image: -ms-linear-gradient(top, #ffa04d, #cc5f00); background-image: -o-linear-gradient(top, #ffa04d, #cc5f00); background-image: linear-gradient(top, #ffa04d, #cc5f00); }

.biton-orange a:active { background-color: #ff7700; background-image: -webkit-linear-gradient(top, #ff851a, #cc5f00); background-image: -moz-linear-gradient(top, #ff851a, #cc5f00); background-image: -ms-linear-gradient(top, #ff851a, #cc5f00); background-image: -o-linear-gradient(top, #ff851a, #cc5f00); background-image: linear-gradient(top, #ff851a, #cc5f00); }

.biton-block { display: block; margin: 0; }

.biton-center { text-align: center; }

.biton-tooltip a { z-index: 9999; }

.biton-tooltip .tooltip { display: block; position: absolute; margin: auto; width: 100%; top: 0px; padding: 20px 0; opacity: 0; background-color: #333; background-image: -webkit-linear-gradient(top, #333333, #222222); box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 15px, inset rgba(255, 255, 255, 0.3) 0px 1px 0px; border: black 1px solid; border-radius: 5px; color: #fff; text-align: center; text-shadow: #000 0px -1px 0px; z-index: 0;
-webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.biton-tooltip .tooltip:before, .biton-tooltip .tooltip:after { content: ""; position: absolute; bottom: -10px; left: 50%; margin-left: -10px;
display: block; border-left: transparent 10px solid; border-right: transparent 10px solid; border-top: #222 10px solid; }
.biton-tooltip .tooltip:before { border-top: black 10px solid; bottom: -11px; }
.biton-tooltip .init-biton-tooltip { top: -75px; opacity: 1;
z-index: 999; }

/*=========================
  Callouts
================= */

.callout-light { padding: 30px; color: #000; background-color: #ccc; }
.callout-light h1, h2, h3, h4 { font-weight: 300; line-height: 1.4; }
.callout-dark { padding: 30px; color: #fff; background-color: #252525; }
.callout-dark h1, h2, h3, h4 { font-weight: 300; line-height: 1.4; }
.callout-dark p { color: #B1B1B1; font-size: 17px; }
.callout-mage { padding: 30px; background-color: #743C58; color: #fff; }
.callout-bubble { padding: 30px; color: #fff; background-color: #A94545; }
.callout-bubble h1, h2, h3, h4 { font-weight: 300; line-height: 1.4; }
.callout-block { background-color: #F5F3F4; border-left: 5px solid #a94545; border-right: 5px solid #a94545; padding: 15px; }
.callout-block h1, .callout-block h2, .callout-block h3, .callout-block h4 { font-weight: 300; line-height: 1.4; }

/*=========================
  Social Icons
================= */

/* footer social icons */
ul.social-network { list-style: none; display: inline; margin-left:0 !important; padding: 0; }
ul.social-network li { display: inline; margin: 0 5px; }


/* footer social icons */
.social-network a.icoRss:hover { background-color: #F56505; }
.social-network a.icoFacebook:hover { background-color:#3B5998; }
.social-network a.icoTwitter:hover { background-color:#33ccff; }
.social-network a.icoGoogle:hover { background-color:#BD3518; }
.social-network a.icoVimeo:hover { background-color:#0590B8; }
.social-network a.icoLinkedin:hover { background-color:#007bb7; }
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i { color:#fff; }
a.socialIcon:hover, .socialHoverClass { color:#44BCDD; }

.social-circle li a { display:inline-block; position:relative; margin:0 auto 0 auto; -moz-border-radius:50%; -webkit-border-radius:50%;
border-radius:50%; text-align:center; width: 50px; height: 50px; font-size:20px; background-color: #D3D3D3; }
.social-circle li i { margin:0; line-height:50px; text-align: center; }

.social-circle li a:hover i, .triggeredHover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms--transform: rotate(360deg);
transform: rotate(360deg); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; }
.social-circle i { color: #fff; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s; }

/*=========================
  Featurettes
================= */

.featurette .text-muted { color: rgb(204,0,0); }

/* Featurettes
------------------------- */
.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

.featurette-divider-last {
  margin: 80px 0 20px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}

.featurette-image { padding: .15em; background-color: rgb(153,153,153); border: 2px solid rgb(153,153,153); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 40px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 20px;
  }
}


/*=========================
  zig-timeline
================= */
.zig-timeline {
    position: relative;
    padding:4px 0 0 0;
    margin-top:22px;
    list-style: none;
}

.zig-timeline>li:nth-child(even) {
    position: relative;
    margin-bottom: 50px;
    height: 180px;
    right:-100px;
}

.zig-timeline>li:nth-child(odd) {
    position: relative;
    margin-bottom: 50px;
    height: 180px;
    left:-100px;
}

.zig-timeline>li:before,
.zig-timeline>li:after {
    content: " ";
    display: table;
}

.zig-timeline>li:after {
    clear: both;
    min-height: 170px;
}

.zig-timeline > li .zig-timeline-panel {
  position: relative;
  float: left;
  width: 41%;
  padding: 0 20px 20px 30px;
  text-align: right;
}

.zig-timeline>li .zig-timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

.zig-timeline>li .zig-timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}

.zig-timeline>li .zig-timeline-image {
    z-index: 100;
    position: absolute;
    left: 50%;
    border: 7px solid #3b5998;
    border-radius: 100%;
    background-color: #3b5998;
    box-shadow: 0 0 5px #4582ec;
    width: 200px;
    height: 200px;
    margin-left: -100px;
}

.zig-timeline>li .zig-timeline-image h4 {
    margin-top: 12px;
    font-size: 10px;
    line-height: 14px;
}

.zig-timeline>li.zig-timeline-inverted>.zig-timeline-panel {
    float: right;
    padding: 0 30px 20px 20px;
    text-align: left;
}

.zig-timeline>li.zig-timeline-inverted>.zig-timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

.zig-timeline>li.zig-timeline-inverted>.zig-timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}

.zig-timeline>li:last-child {
    margin-bottom: 0;
}

.zig-timeline .zig-timeline-heading h4 {
  margin-top:22px;
    margin-bottom: 4px;
    padding:0;
    color: #b3b3b3;
}

.zig-timeline .zig-timeline-heading h4.subheading {
  margin:0;
  padding:0;
    text-transform: none;
    font-size:18px;
    color:#333333;
}

.zig-timeline .zig-timeline-body>p,
.zig-timeline .zig-timeline-body>ul {
    margin-bottom: 0;
    color:#808080;
}
/*Style for even div.line*/
.zig-timeline>li:nth-child(odd) .line:before {
    content: "";
    position: absolute;
    top: 60px;
    bottom: 0;
    left: 690px;
    width: 4px;
    height:340px;
    background-color: #3b5998;
    -ms-transform: rotate(-44deg); /* IE 9 */
    -webkit-transform: rotate(-44deg); /* Safari */
    transform: rotate(-44deg);
    box-shadow: 0 0 5px #4582ec;
}
/*Style for odd div.line*/
.zig-timeline>li:nth-child(even) .line:before  {
    content: "";
    position: absolute;
    top: 60px;
    bottom: 0;
    left: 450px;
    width: 4px;
    height:340px;
    background-color: #3b5998;
    -ms-transform: rotate(44deg); /* IE 9 */
    -webkit-transform: rotate(44deg); /* Safari */
    transform: rotate(44deg);
    box-shadow: 0 0 5px #4582ec;
}
/* Medium Devices, .visible-md-* */
@media (min-width: 992px) and (max-width: 1199px) {
  .zig-timeline > li:nth-child(even) {
    margin-bottom: 0px;
    min-height: 0px;
    right: 0px;
  }
  .zig-timeline > li:nth-child(odd) {
    margin-bottom: 0px;
    min-height: 0px;
    left: 0px;
  }
  .zig-timeline>li:nth-child(even) .zig-timeline-image {
    left: 0;
    margin-left: 0px;
  }
  .zig-timeline>li:nth-child(odd) .zig-timeline-image {
    left: 690px;
    margin-left: 0px;
  }
  .zig-timeline > li:nth-child(even) .zig-timeline-panel {
    width: 76%;
    padding: 0 0 20px 0px;
    text-align: left;
  }
  .zig-timeline > li:nth-child(odd) .zig-timeline-panel {
    width: 70%;
    padding: 0 0 20px 0px;
    text-align: right;
  }
  .zig-timeline > li .line {
    display: none;
  }
}
/* Small Devices, Tablets */
@media (min-width: 768px) and (max-width: 991px) {
  .zig-timeline > li:nth-child(even) {
    margin-bottom: 0px;
    min-height: 0px;
    right: 0px;
  }
  .zig-timeline > li:nth-child(odd) {
    margin-bottom: 0px;
    min-height: 0px;
    left: 0px;
  }
  .zig-timeline>li:nth-child(even) .zig-timeline-image {
    left: 0;
    margin-left: 0px;
  }
  .zig-timeline>li:nth-child(odd) .zig-timeline-image {
    left: 520px;
    margin-left: 0px;
  }
  .zig-timeline > li:nth-child(even) .zig-timeline-panel {
    width: 70%;
    padding: 0 0 20px 0px;
    text-align: left;
  }
  .zig-timeline > li:nth-child(odd) .zig-timeline-panel {
    width: 70%;
    padding: 0 0 20px 0px;
    text-align: right;
  }
  .zig-timeline > li .line {
    display: none;
  }
}
/* Custom, iPhone Retina */
@media only screen and (max-width: 767px) {
  .zig-timeline > li:nth-child(even) {
    margin-bottom: 0px;
    min-height: 0px;
    right: 0px;
  }
  .zig-timeline > li:nth-child(odd) {
    margin-bottom: 0px;
    min-height: 0px;
    left: 0px;
  }
  .zig-timeline>li .zig-timeline-image {
    position: static;
    width: 150px;
    height: 150px;
    margin-bottom:0px;
  }
  .zig-timeline>li:nth-child(even) .zig-timeline-image {
    left: 0;
    margin-left: 0;
  }
  .zig-timeline>li:nth-child(odd) .zig-timeline-image {
    float:right;
    left: 0px;
    margin-left:0;
  }
  .zig-timeline > li:nth-child(even) .zig-timeline-panel {
    width: 100%;
    padding: 0 0 20px 14px;
  }
  .zig-timeline > li:nth-child(odd) .zig-timeline-panel {
    width: 100%;
    padding: 0 14px 20px 0px;
  }
  .zig-timeline > li .line {
    display: none;
  }
}