/*
Theme Name: Delatorre Dentistry
Theme URI:
Author URI:
Version: 1.0.1
Tags: Sidebar, Slider, Custom Menu
*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong {font-weight: bold;}
em {font-style: italic;}
a {text-decoration: none;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/* GLOBALS */
html {min-height: 100%;}
body {background: #ffffff; overflow-x: hidden;}
#mobile-menu {display: none; text-align: center; font-size: 30px; line-height: 30px; text-decoration: none; color: #ffffff; font-weight: bold; text-transform: uppercase;}
#mobile-menu.active-slide {color: #c891f2;}
.clear {clear: both;}
.full_width {width: 100%;}
.container {width: 1170px; margin: 0 auto; position: relative;}
.centered {text-align: center;}
.btn {display: inline-block; text-align: center; text-transform: uppercase; font-weight: 700; font-family: 'CenturyGothic'; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.btn.btn-small {font-size: 15px; padding: 10px 25px;}
.btn.btn-rounded {-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
.btn.btn-border-mauve {border: 3px solid #922290; color: #922290;}
.btn.btn-border-mauve:hover { background: #922290; color: #ffd9fe;}
.row .half {width: 50%;}
.row .one-third {width: 33.33333333333333%;}
.row .two-thirds {width: 66.66666666666666%;}
.row .one-quarter {width: 25%;}
footer .spaced-med .row .widget-one.one-quarter { width:17%;}
footer .spaced-med .row .widget-three.one-quarter { width:33%;}
.row .three-quarters {width: 75%;}
.row .one-quarter-custom {width: 15%;}
.row .three-quarters-custom {width: 85%;}
.row .pull-left {float: left;}
.row .pull-right {float: right;}
.row .pull-left > .row-container {padding-right: 15px;}
.row .pull-right > .row-container {padding-left: 15px;}
.spaced-x-small {padding: 30px 0px;}
.spaced-small {padding: 45px 0px;}
.spaced-med {padding: 60px 0px;}
.spaced-banner {padding-top: 60px; padding-bottom: 200px;}
.spaced-page {padding-top: 40px; padding-bottom: 80px;}
.box-shadow {box-shadow: 0 0 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.radius-5 {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.title {color: #56227e; margin-bottom: 35px; font-weight: 400; font-family: 'GreatVibes';}
.title.title-med {font-size: 60px; line-height: 66px;}
.title.title-mauve {color: #56227e;}
.inset-top {-moz-box-shadow: inset 0px 7px 9px -7px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0px 7px 9px -7px rgba(0,0,0,0.4); box-shadow: inset 0px 7px 9px -7px rgba(0,0,0,0.4);}
section.info {background: #56227e; padding: 11px 0px;}
section.info .logo {position: absolute; top: -9px; left: 0px; z-index: 99;}
section.info .logo img {max-width: 100%; height: auto; display: block;}
section.info .info-area {float: right;}
section.info .info-area ul {font-size: 16px;}
section.info .info-area ul li {display: inline-block; margin: 0px 2px;}
section.info .info-area ul li a {width: 35px; height: 35px; display: table; border: 2px solid #922290; color: #c891f2; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
section.info .info-area ul li a i {display: table-cell; vertical-align: middle;}
section.info .info-area ul li a:hover {background: #922290; color: #ffffff;}
section.info .info-area a.tel {font-size: 21px; color: #ffffff; margin-left: 25px; font-weight: 700; font-family: 'AvenirLTStd';}
section.info .info-area a.tel:hover {color: #c891f2;}
section.info .info-area ul,
section.info .info-area a.tel {display: inline-block; vertical-align: middle;}
section.menu {background: #922290;}
section.mobile-area {display: none; background: #56227e; padding: 10px 0px;}
section.mobile-area ul {font-size: 18px; color: #ffffff; text-align: center; font-weight: 700; font-family: 'AvenirLTStd';}
section.mobile-area ul li {display: inline-block; padding: 0px 15px;}
section.mobile-area ul li a {color: #ffffff; display: inline-block;}
section.mobile-area ul li:hover, section.mobile-area ul li a:hover {color: #c891f2;}
section.banner-home {background: url(images/banners/banner-home.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
section.banner .title-banner {float: left; font-size: 42px; line-height: 65px; color: #3c3640; text-align: center; font-weight: 400; font-family: 'CenturyGothic';}
section.banner .title-banner span.CenturyGothic {display: block; color: #56227e; text-transform: uppercase; letter-spacing: 2px; font-size: 54px; font-weight: 700;}
section.banner .title-banner span.GreatVibes {font-size: 56px; font-weight: 400; font-family: 'GreatVibes';}
section.banner-home .person {display: none;}
section.banner-page {position: relative; overflow: hidden;}
section.banner-page:after {content: ""; display: block; width: 1920px; height: 68px; position: absolute; left: 50%; margin-left: -960px; bottom: 0px; background: url(images/banners/shape.png) no-repeat;}
section.testimonials {margin-top: -145px;}
section.testimonials .single-testimonial {background: url(images/content/bg-testimonial.jpg) no-repeat center; -webkit-border-radius: 5px; -webkit-border-top-left-radius: 0; -moz-border-radius: 5px; -moz-border-radius-topleft: 0; border-radius: 5px; border-top-left-radius: 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
section.testimonials .single-testimonial .single-testimonial-container {padding: 25px;}
section.testimonials .single-testimonial .single-testimonial-content {position: relative;} 
section.testimonials .single-testimonial blockquote {padding-left: 45px; margin-left: 130px; margin-right: 220px; position: relative;}
section.testimonials .single-testimonial blockquote p {font-size: 22px; line-height: 36px; padding-bottom: 15px; color: #ffffff; font-style: italic; font-weight: 500; font-family: 'AvenirLTStd';}
section.testimonials .single-testimonial blockquote p:before,
section.testimonials .single-testimonial blockquote p:after {font-family: 'FontAwesome'; font-size: 28px; color: #c891f2; font-style: italic; position: absolute;}
section.testimonials .single-testimonial blockquote p:before {content: "\f10d"; top: -10px; left: 0px;}
section.testimonials .single-testimonial blockquote p:after {content: "\f10e"; bottom: 25px; margin-left: 10px;}
section.testimonials .single-testimonial blockquote span.name {display: block; font-size: 15px; line-height: 20px; color: #c891f2; text-transform: uppercase; font-style: normal; letter-spacing: 1px; font-weight: 700; font-family: 'CenturyGothic';}

section.testimonials .single-testimonial img {border: 5px solid #ffffff; position: absolute; left: 0px; top: 0px; display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}

section.testimonials .testimonials-container {position: relative;}
section.testimonials .bx-wrapper .bx-controls {position: absolute; top: 0px; left: 232px; font-size: 36px;}
section.testimonials .bx-wrapper .bx-controls a {color: #ffffff; margin: 0px 3px;}
section.testimonials .bx-wrapper .bx-controls .bx-controls-direction {padding: 10px 4px;}
section.testimonials h3 {font-size: 36px; font-weight: 400; color: #ffffff; letter-spacing: 2px; display: inline-block; padding: 12px 80px 8px 30px; font-family: 'GreatVibes'; background: url(images/content/bg-title.jpg) no-repeat center; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.testimonials-inside .single-testimonial {background: url(images/content/bg-testimonial.jpg) no-repeat center; -webkit-border-radius: 5px; -webkit-border-top-left-radius: 0; -moz-border-radius: 5px; -moz-border-radius-topleft: 0; border-radius: 5px; border-top-left-radius: 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.testimonials-inside .single-testimonial .single-testimonial-container {padding: 15px;}
.testimonials-inside .single-testimonial .single-testimonial-content {position: relative;} 
.testimonials-inside .single-testimonial blockquote {text-align: center; position: relative; margin-bottom: 15px;}
.testimonials-inside .single-testimonial blockquote p {font-size: 16px; line-height: 26px; padding: 40px 0px; color: #ffffff; font-style: italic; font-weight: 500; font-family: 'AvenirLTStd';}
.testimonials-inside .single-testimonial blockquote p:before,
.testimonials-inside .single-testimonial blockquote p:after {font-family: 'FontAwesome'; font-size: 28px; color: #c891f2; font-style: italic; position: absolute;}
.testimonials-inside .single-testimonial blockquote p:before {content: "\f10d"; top: 5px; left: 50%; margin-left: -15px;}
.testimonials-inside .single-testimonial blockquote p:after {content: "\f10e"; bottom: 25px; left: 50%; margin-left: -15px;}
.testimonials-inside .single-testimonial blockquote span.name {display: block; font-size: 13px; line-height: 20px; color: #c891f2; text-transform: uppercase; font-style: normal; letter-spacing: 1px; font-weight: 700; font-family: 'CenturyGothic';}
.testimonials-inside .single-testimonial img {border: 5px solid #ffffff; margin: 0 auto; display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.testimonials-inside .testimonials-container {position: relative;}
.testimonials-inside .bx-wrapper .bx-controls {position: absolute; top: 0px; z-index: 99; left: 217px; font-size: 36px;}
.testimonials-inside .bx-wrapper .bx-controls a {color: #ffffff; margin: 0px 3px;}
.testimonials-inside .bx-wrapper .bx-controls .bx-controls-direction {padding: 10px 4px;}
.testimonials-inside h3 {font-size: 32px; font-weight: 400; color: #ffffff; letter-spacing: 2px; display: inline-block; padding: 12px 80px 8px 30px; position: relative; z-index: 9; font-family: 'GreatVibes'; background: url(images/content/bg-title.jpg) no-repeat center; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
section.reviews {position: relative;}
section.reviews ul {padding-right: 245px;}
section.reviews ul li {display: inline-block; vertical-align: middle; margin-right: 15px;}
section.reviews img.person {position: absolute; right: 0px; bottom: -30px; z-index: 99;}
section.services {background: #f7f5f0;}
section.services .single-service {display: inline-block; width: 100%; max-width: 270px; background: #ffffff; position: relative; margin: 85px 8px 20px 8px; vertical-align: top;}
section.services .single-service .single-service-container {padding: 95px 15px 20px 15px;}
section.services .single-service img {max-width: 170px; display: block; position: absolute; top: -85px; left: 50%; margin-left: -85px; padding: 5px; background: #ffffff; border: 10px solid #922290; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
section.services .single-service h3 {font-size: 20px; line-height: 24px; color: #56227e; margin-bottom: 15px; font-weight: 700; font-family: 'CenturyGothic';}
section.services .single-service p {font-size: 17px; line-height: 26px; color: #3c3640; padding-bottom: 15px; font-weight: 500; font-family: 'AvenirLTStd';}
section.services .single-service a.read {display: inline-block; font-size: 15px; line-height: 20px; color: #922290; padding-bottom: 8px; border-bottom: 1px dotted #922290; text-transform: uppercase; font-weight: 700; font-family: 'CenturyGothic';}
section.services .single-service:hover a.read {color: #56227e; border-bottom: 1px dotted #56227e;}
section.latest-news.latest-news-front {background: #ffffff; display: none;}
section.latest-news {text-align: center;}
section.latest-news .the-post {width: 100%; max-width: 370px; display: inline-block; vertical-align: top; margin: 0px 8px 30px 8px; text-align: left; position: relative;}
section.latest-news .the-post img {display: block; width: 100%; height: auto;}
section.latest-news .the-post .post-image {position: relative;}
section.latest-news .the-post .date {position: absolute; left: 0px; bottom: -10px; width: 60px; height: 60px; padding: 9px 0px; text-align: center; color: #ffffff; line-height: 20px; background: #56227e; text-transform: uppercase; font-weight: 700; font-family: 'CenturyGothic';}
section.latest-news .the-post .date span {color: #ffffff; display: block;}
section.latest-news .the-post .date span.day {font-size: 18px;}
section.latest-news .the-post .date span.month {font-size: 14px;}
section.latest-news .the-post .post-content {padding: 25px 0px;}
section.latest-news .the-post .post-content h3 {font-size: 20px; line-height: 26px; color: #56227e; padding-bottom: 15px; font-weight: 700; font-family: 'AvenirLTStd';}
section.latest-news .the-post .post-content p {font-size: 17px; line-height: 26px; color: #3c3640; padding-bottom: 20px; font-weight: 500; font-family: 'AvenirLTStd';}
section.latest-news .the-post span.read {position: absolute; left: 0px; bottom: 0px; display: inline-block; font-size: 15px; line-height: 20px; color: #922290; padding-bottom: 8px; border-bottom: 1px dotted #922290; text-transform: uppercase; font-weight: 700; font-family: 'CenturyGothic';}
section.latest-news .the-post:hover span.read {color: #56227e; border-bottom: 1px dotted #56227e;}
section.latest-news .btn {position: absolute; right: 0px; top: 10px;}
section.widgets {background: url(images/footer/bg-footer.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
section.widgets .widget h3 {font-size: 14px; line-height: 20px; color: #c891f2; text-transform: uppercase; margin-bottom: 5px; font-weight: 700; font-family: 'CenturyGothic';}
section.widgets .widget img {display: block; max-width: 100%; height: auto;}
section.widgets .widget .widget-spaced {margin-right: 25px;}
section.widgets .footer-style,
section.widgets .footer-style ul.footer-style {font-size: 14px; line-height: 24px; color: #ffffff; font-family: 'CenturyGothic';}
section.widgets .widget-one ul {text-transform: uppercase; font-weight: 700;}
section.widgets .widget-one ul li a {display: block; margin-bottom: 10px; color: #ffffff;}
section.widgets .widget-one ul li a:hover {color: #ffd9fe;}
section.widgets .widget-two ul {margin-bottom: 20px;}
section.widgets .widget-two ul li {margin-bottom: 5px;}
section.widgets .widget-two ul li a {color: #ffffff;}
section.widgets .widget-two ul.social {font-size: 16px;}
section.widgets .widget-two ul.social li {display: inline-block; margin: 0px 2px;}
section.widgets .widget-two ul.social li a {width: 35px; height: 35px; display: table; background: #ffffff; color: #922290; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
section.widgets .widget-two ul.social li a i {display: table-cell; vertical-align: middle;}
section.widgets .widget-two ul.social li a:hover {background: #922290; color: #ffd9fe;}
section.copyright {background: #922290;}
section.copyright span {display: block; text-align: center; font-size: 14px; line-height: 20px; color: #ffffff; padding: 20px 0px; font-weight: 500; font-family: 'AvenirLTStd';}
section.banner-page {background-repeat: no-repeat; background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
section.default {background: #f7f5f0;}
.page-styles p, .page-styles ul, .page-styles ol {font-size: 17px; line-height: 28px; color: #3c3640; padding-bottom: 25px; font-weight: 500; font-family: 'AvenirLTStd';}
.page-styles ul, .page-styles ol { margin-left:25px}
.page-styles ol {margin-left: 25px;}
.page-styles ol li {list-style-type: decimal; margin-bottom: 20px;}
.page-styles ul li {position: relative; padding-left: 25px; margin-bottom: 20px;}
.page-styles ul li:before {content: "\f111"; font-size: 9px; font-family: 'FontAwesome'; color: #c891f2; position: absolute; left: 0px;}
.page-styles h2,
.page-styles h3,
.page-styles h4,
.page-styles h5,
.page-styles h6 {font-weight: 700; font-family: 'CenturyGothic';}
.page-styles h2 {font-size: 28px; line-height: 34px; color: #56227e; padding-bottom: 25px;}
.page-styles h3 {font-size: 26px; line-height: 32px; color: #56227e; padding-bottom: 25px;}
.page-styles h4 {font-size: 22px; line-height: 32px; color: #922290; padding-bottom: 15px;}
.page-styles h5 {font-size: 18px; line-height: 28px; color: #922290; padding-bottom: 15px;}
.page-styles h6 {font-size: 17px; line-height: 28px; color: #922290; padding-bottom: 15px;}
.callout {background: #922290;}
.callout .callout-container {padding: 20px;}
.callout p {font-size: 19px; line-height: 32px; color: #ffffff; font-weight: 500; font-family: 'AvenirLTStd';}
.callout p a {color: #ffffff;}
.sidebar .widget {margin-bottom: 20px;}
.sidebar .widget-testimonials {padding: 0px 10px 20px 10px; background: #ffffff; margin-top: 190px;}
.sidebar .widget-testimonials .testimonials {position: relative; top: -53px; margin-bottom: -50px;}
.sidebar .widget-testimonials img.person {position: absolute; top: -138px; left: 50%; margin-left: -85px; max-width: 168px;}
.sidebar .widget-testimonials ul.reviews {text-align: center; max-width: 90%; margin: 0 auto;}
.sidebar .widget-testimonials ul.reviews li {display: inline-block; margin: 5px;}
.sidebar .widget-testimonials ul.reviews li:last-child {display: block; width: 100%;}
.sidebar .widget-testimonials ul.reviews li:last-child a {width: 100%;}
.sidebar .widget-contact {background: #ffffff;}
.sidebar .widget-contact h3 {font-size: 32px; font-weight: 400; color: #ffffff; letter-spacing: 2px; display: inline-block; padding: 12px 15px 8px 15px; display: block; text-align: center; font-family: 'GreatVibes'; background: url(images/content/bg-title.jpg) no-repeat center; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.sidebar .widget-contact input[type="text"],
.sidebar .widget-contact input[type="tel"],
.sidebar .widget-contact input[type="email"],
.sidebar .widget-contact textarea {width: 100%; border: 3px solid #d9d9d9; color: #3c3640; padding: 12px 25px; font-size: 13px; margin-bottom: 5px; font-weight: 700; font-family: 'CenturyGothic'; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
.sidebar .widget-contact .contact-form {padding: 20px;}
::-webkit-input-placeholder {
   color: #3c3640;
}
:-moz-placeholder { /* Firefox 18- */
   color: #3c3640;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #3c3640;
}
:-ms-input-placeholder {  
   color: #3c3640;
}
.sidebar .widget-contact input[type="submit"] {background: #ffffff; cursor: pointer; width: 100%; text-align: center;}
.sidebar .widget-contact input[type="submit"]:hover {background: #922290; color: #ffffff;}
.wpcf7-form-control-wrap {display: block;}
span.wpcf7-not-valid-tip {position: absolute; top: 5px; right: 5px; font-size: 11px; font-weight: 700; font-family: 'CenturyGothic';}
div.wpcf7-validation-errors {text-align: center; font-weight: 700; font-family: 'CenturyGothic';}

.clear { clear:both; overflow:hidden;}
.yelpleft { float:left; width:48%;}
.yelpleft h3, .healthright h3 {border: 3px solid #922290; margin-bottom:25px; background: #922290; border-radius: 30px; font-size: 20px; color:#fff !important; text-align: center; padding: 10px 25px;}
.healthright { float:right; width:48%;}


.sticky-left .sticky-box{width: 374px;text-align:center;z-index: 2;position: relative;overflow: auto; height: 100%;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4398db+0,097ccf+0,0d7ad5+0,0b7bcf+0,087cd3+1,0d79d1+1,0b7bcd+1,0c7ad1+1,0b75cd+15,0c71c9+17,0b6fc5+24,0c6bc5+28,0b6ac4+30,0b69c1+30,0b69c3+31,0b66bf+33,0c61bc+39,0a62bc+40,0b5eba+42,0c59b5+51,0b51b0+57,0b50af+61,0c4dab+63,0b4bac+65,0a44a5+73,0a3697+100 */
background: #4398db; /* Old browsers */
background: -moz-linear-gradient(top, #4398db 0%, #097ccf 0%, #0d7ad5 0%, #0b7bcf 0%, #087cd3 1%, #0d79d1 1%, #0b7bcd 1%, #0c7ad1 1%, #0b75cd 15%, #0c71c9 17%, #0b6fc5 24%, #0c6bc5 28%, #0b6ac4 30%, #0b69c1 30%, #0b69c3 31%, #0b66bf 33%, #0c61bc 39%, #0a62bc 40%, #0b5eba 42%, #0c59b5 51%, #0b51b0 57%, #0b50af 61%, #0c4dab 63%, #0b4bac 65%, #0a44a5 73%, #0a3697 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #4398db 0%,#097ccf 0%,#0d7ad5 0%,#0b7bcf 0%,#087cd3 1%,#0d79d1 1%,#0b7bcd 1%,#0c7ad1 1%,#0b75cd 15%,#0c71c9 17%,#0b6fc5 24%,#0c6bc5 28%,#0b6ac4 30%,#0b69c1 30%,#0b69c3 31%,#0b66bf 33%,#0c61bc 39%,#0a62bc 40%,#0b5eba 42%,#0c59b5 51%,#0b51b0 57%,#0b50af 61%,#0c4dab 63%,#0b4bac 65%,#0a44a5 73%,#0a3697 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #4398db 0%,#097ccf 0%,#0d7ad5 0%,#0b7bcf 0%,#087cd3 1%,#0d79d1 1%,#0b7bcd 1%,#0c7ad1 1%,#0b75cd 15%,#0c71c9 17%,#0b6fc5 24%,#0c6bc5 28%,#0b6ac4 30%,#0b69c1 30%,#0b69c3 31%,#0b66bf 33%,#0c61bc 39%,#0a62bc 40%,#0b5eba 42%,#0c59b5 51%,#0b51b0 57%,#0b50af 61%,#0c4dab 63%,#0b4bac 65%,#0a44a5 73%,#0a3697 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4398db', endColorstr='#0a3697',GradientType=0 ); /* IE6-9 */}
/* Add padding and border to inner content
for better animation effect */
.sticky-left .box-inner{position:relative;padding-top: 30px;}
.sticky-left {position: fixed;left: 0;top: 0; bottom:0; color:#fff;z-index: 100;font-family: 'AvenirLTStd';width: 374px;}
	
.sticky-left .sticky-head {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,efefef+100 */background: #ffffff; /* Old browsers */background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #ffffff 0%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */padding: 12px 0;}	

.sticky-left a.slide-toggle.close-btn {background: #0a3fa0;padding: 18px 5px;position: absolute;right: -28px;top: 50%;margin-top: -27px;}	

a.slide-toggle.open-btn {position: fixed;left: 0; top:24%;z-index: 99;}
a.slide-toggle.open-btn img { max-width:100%;}
a.slide-toggle.open-btn .mobile-open-btn { display:none;} 
a.slide-toggle.open-btn.hide-btn {position: absolute;margin-left: -100px;transition: 0.0s;}
a.slide-toggle.open-btn{  margin-left: 0;}
.sticky-left .box-inner h5 { font-size:38px; color:#2b292d;text-transform: uppercase;font-family: 'CenturyGothic';}
.sticky-left .box-inner h5 span { color:#0a42a2; font-style: italic; margin-bottom:5px; display:block; font-size:25px;text-transform: capitalize; font-family: 'AvenirLTStd';}
.sticky-left .box-inner .sticky-mid-sec h4 { font-size:36px;margin: 20px 0;text-transform: uppercase;font-family: 'CenturyGothic';}
.sticky-left .box-inner .sticky-mid-sec h4 span { font-size:60px;}
.sticky-left .box-inner .sticky-mid-sec p { font-size:20px; font-style:italic; margin-bottom:15px;}
.sticky-left .box-inner .sticky-mid-sec p span { display:block; margin-top:10px;}
.sticky-left .box-inner .sticky-bottom-sec p { font-size:22px; background:#08317b; padding:12px 10px;}
.sticky-left .box-inner .sticky-bottom-sec h3 { font-size:108px; display:inline-block; margin:30px 0;}
.sticky-left .box-inner .sticky-bottom-sec h3 span { font-size:22px; text-align:right; display:block;}