/* ==========================================================================
   Project:     Piedmont Orthopaedic
   Date:        03/10/15 - File created
   Created by:  Third Wave Digital (www.thirdwavedigital.com)
   ========================================================================== */
   
/* ==========================================================================
   Typography
   ========================================================================== */

body, input, textarea {-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

/* ==========================================================================
      Headings
   ========================================================================== */
   
h1,h2,h3,h4,h5,h6 {padding: 0px; margin: 30px 0px 30px 0px;}
	h1 {font-size: 50px; line-height: 50px;font-weight: normal;  font-family: 'Oswald', sans-serif;}
	h2 {font-size: 32px; line-height: 40px;font-weight: normal;  font-family: 'Oswald', sans-serif;}
	h3 {font-size: 24px; line-height: 24px;font-weight: normal;font-family: 'Roboto Slab', serif; text-transform: uppercase}
	h4 {font-size: 22px; line-height: 22px; font-weight: bold;  font-family: 'Open Sans', sans-serif; }
	h5 {}
	h6 {}
	
/* ==========================================================================
   Basic Elements
   ========================================================================== */
   
body {font-family: 'Open Sans', sans-serif;font-size: 16px; line-height: 26px;} 
a:focus, a:active, a:visited, object, player, embed, video, img, input,div, button { outline: none; outline: 0; text-decoration:none; }  
a {color: #1285ff; text-decoration:underline}
a img { border: none; }
a:hover { text-decoration: none;color: #1285ff;}
p {margin: 20px 0px 20px 0px;}

/* ==========================================================================
   Offcanvas Menu
   ========================================================================== */
 
.offcanvas-menu {overflow-x:hidden; overflow-y: auto;position: fixed; right: -275px; top: 0px; height: 100%; width: 275px;z-index:2}
	.offcanvas-menu {background: #fff;border: none;}
	.offcanvas-menu .nav {margin: 0px 0px 0px 0px;}
	.offcanvas-menu li {font-size: 18px;font-family: 'Raleway', sans-serif;margin: 0px; padding:0px; border-bottom: 1px solid #f1f1f1}
	.offcanvas-menu a { color: #212121; display: block; text-decoration:none}
	.offcanvas-menu a:hover {background: #f1f1f1; color: #000}
	.offcanvas-menu a:focus {background: #fff; color: #212121}
	.offcanvas-menu .dropdown-menu, .offcanvas-menu .open a,.offcanvas-menu .dropdown-menu, .offcanvas-menu .open a:focus { background: #f1f1f1; color: #212121}
	.offcanvas-menu .dropdown.open a:hover, .offcanvas-menu .open a.dropdown-toggle {background:#1285ff;color: #fff;}
	.offcanvas-menu .dropdown-menu {padding: 15px 0px 15px 0px; position: static;float: none;margin: 0;border: none;border-radius: 0;-webkit-box-shadow: none;box-shadow: none;}
	.offcanvas-menu .dropdown-menu li {  font-size: 14px; border-bottom: none;}
	.offcanvas-menu .open .dropdown-menu li a {color: #212121; padding: 7px 15px 7px 15px; white-space: normal; background:none}
	.offcanvas-menu .open .dropdown-menu li a:hover {color: #212121; background:#e2e2e2; }
	.offcanvas-menu .dropdown-backdrop {position: static;}
	.offcanvas-menu .dropdown i {float:right; font-size: 14px;}
	.offcanvas-menu .dropdown-menu li ul li {border-bottom: none; padding: 0px;}
	.offcanvas-menu .dropdown-menu ul { padding:0px;}
	.offcanvas-menu .open .dropdown-menu li ul a {padding: 7px 15px 7px 25px;}
	
	.offcanvas-menu .quicklinks {list-style: none; margin: 20px 0px 20px 20px; padding: 0px;}
	.offcanvas-menu .quicklinks li {margin: 0px 0px 10px 0px; border: none; font-size: 16px;}
	.offcanvas-menu form {width: 240px; position: relative; margin: 0px; padding: 0px}
	.offcanvas-menu form input {border: none; border-radius: 4px;background: #1285ff; color: #fff; width: 100%; padding: 3px 20px 3px 5px;}
	.offcanvas-menu form button {margin: 0px; padding: 0px; position: absolute; top: 1px; right: 5px; border: none; background: none; color: #fff; font-family: 'Roboto Slab', serif;  }
	
	/* Remove hover states on mobile */
	.touch .offcanvas-menu a:hover {background: #fff; color: #212121;}
	.touch .offcanvas-menu .open .dropdown-menu li a {background: #f1f1f1; color: #212121}
	/* Replace with active state */
	.touch .offcanvas-menu a:active {position:relative; top: 1px; }
	.touch .offcanvas-menu .open .dropdown-menu li a:active {color: #212121;}
	
	/* Offcanvas animation */
	.overlay {width: 100%; height: 100%; position: fixed; left: -9999px;z-index: 1; background:rgba(0, 0, 0, 0.5); filter:alpha(opacity=0); opacity:0;}
	.offcanvas-menu {  -webkit-transform: translateX(0px); transform: translateX(0px);-webkit-transform: translate3d(0px, 0, 0);transform: translate3d(0px, 0, 0); -webkit-transition: 300ms ease all; transition: 300ms ease all;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
	.main-wrapper {  -webkit-transform: translateX(0); transform: translateX(0);-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); -webkit-transition: 300ms ease all; transition: 300ms ease all;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
	.overlay {  -webkit-transform: translateX(0); transform: translateX(0);-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); -webkit-transition: 300ms ease opacity; transition: 300ms ease opacity;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
	.offcanvas-open .main-wrapper  { position:fixed;-webkit-transform: translateX(-275px);transform: translateX(-275px);-webkit-transform: translate3d(-275px, 0, 0);transform: translate3d(-275px, 0, 0);}
	.offcanvas-open .offcanvas-menu {-webkit-transform: translateX(-275px);transform: translateX(-275px);-webkit-transform: translate3d(-275px, 0, 0);transform: translate3d(-275px, 0, 0);}
	.offcanvas-open .overlay {left: 0px;filter:alpha(opacity=100); opacity:1;-webkit-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out;}
	.offcanvas-open body {overflow:hidden;}
	
/* ==========================================================================
   Main Layout
   ========================================================================== */

.container-full{ margin:0px auto 0px auto; width:100%; position: relative;}
	.container-full:before, .container-full:after{ display:table;  content:""}
	.container-full:after{ clear:both}
	.container-full:before, .container-full:after{ display:table;  content:""}
	.container-full:after{ clear:both}
	
.container{ position: relative;}

.main-wrapper {right: 0px;width: 100%;overflow-x:hidden;}

.header-wrapper {z-index: 100; background: #fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);}
	header .logo {position: absolute; }
	header ul {position: absolute;list-style: none; margin: 0px; padding: 0px; }
	header li {display:inline-block;}
	header .quicklinks {position: absolute; top: 5px; font-family: 'Roboto Slab', serif;color: #1285ff;font-size: 12px;}
	header .quicklinks li {margin: 0px 0px 0px 25px;}
	header .quicklinks a {color: #525453;}
	header .quicklinks a:hover {color: #1285ff;}
	header .quicklinks i {font-size: 18px; margin: 0px 3px 0px 0px;}
	header form {margin: 0px; padding: 0px; position: absolute; top: 5px; right: 0px;font-size: 14px;}
	header form input {border: none; border-radius: 4px;background: #1285ff; background:#f1f1f1; color: #1285ff; width: 100%; position: absolute; top: 0px;left: 0px;padding: 0px 20px 0px 5px;height: 25px;}
	header form button {margin: 0px; padding: 0px; position: absolute; top: -1px; right: 5px; border: none; background: none; color: #525453; font-family: 'Roboto Slab', serif;  }
	header form button:hover {color: #1285ff;}
	header .btn-toggle-offcanvas {color: #1285ff; position: absolute; right: 8px; font-size: 34px;background:none; border:none;margin: 0px;padding:0px;}
	header .btn-toggle-offcanvas:hover {color: #1285ff; cursor: pointer}
	
	/* Main menu */
	.mainmenu { right: 0px; font-family: 'Oswald', sans-serif; text-transform: uppercase;}
	.mainmenu li { position:relative; padding-bottom: 20px;}
	.mainmenu .active a {color: #1285ff}
	.mainmenu a {color: #525453;text-decoration:none}
	.mainmenu li:hover:not(.active) > a {color: #1285ff}
	
	/* Main menu - dropdowns */
	.mainmenu ul {box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);background: #fff; text-transform: none; top: -999px; position: absolute; left: 0px;font-size: 14px; line-height: 14px;filter:alpha(opacity=0); opacity:0; -webkit-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out;}
	.mainmenu li:last-child ul {left: auto; right: 0px; padding: 0px;}
	.mainmenu ul.show {top:37px;filter:alpha(opacity=100); opacity:1; }
	.mainmenu ul li a,.mainmenu .active li a {text-decoration:none; color: #525453; padding: 10px 15px 10px 15px; display:block;white-space:nowrap;border-bottom: none;}
	.mainmenu ul li {margin: 0px;display:block; padding: 0px;}
	.mainmenu ul li:last-child {margin: 0px}
	.mainmenu ul li:hover:not(.active) > a {background:#f1f1f1;color: #1285ff;}

.content-wrapper, .cta-wrapper {background: #fff;}

.content-wrapper { padding: 20px 0px 20px 0px;}

aside {}
	aside p {line-height: 18px;}
	aside p:first-child { margin-top: 0px;}
	/* Breadcrumb */
	.breadcrumb {background: none; text-transform: uppercase;font-family: 'Oswald', sans-serif;border-bottom: 1px solid #f1f1f1; padding: 0px 0px 10px 0px; }
	.breadcrumb > li + li:before {color: #1285ff; }
	.breadcrumb a, .breadcrumb .active {color: #1285ff; font-size: 20px; }
	/* Submenu */
	.submenu {margin: 0px; padding: 0px;list-style: none;}
	.submenu li {line-height: 18px;}
	.submenu a {color: #1285ff; background: rgba(0,0,0,.025); border-bottom: 2px solid #fff; display:block; padding:12px 5px 12px 5px;text-decoration:none}
	.submenu a:hover {background: #1285ff;color: #fff}
	.submenu li.active a {background: #f1f1f1;font-weight: 600}
	.submenu li.active a:hover {background: #1285ff}
	.submenu ul {list-style: none; margin: 0px; padding: 0px}
	.submenu ul a {background: #ecf8fc; padding: 12px 5px 12px 20px;}
	.submenu li.active ul li a {background: #ecf8fc;font-weight: normal;}
	.submenu li.active ul a:hover {background: #1285ff;color: #fff}
	.submenu li.active ul .active a {font-weight: 600}
	/* Subs  */
	.submenu .dropdown-menu {padding: 0px; position: static;float: none;border: none;border-radius: 0;-webkit-box-shadow: none;box-shadow: none;font-size: 14px;line-height: 18px;}
	.submenu .dropdown-menu a {padding: 5px 30px 5px 10px; }
	.submenu .dropdown.open > a {text-decoration:none;background: #1285ff;}
	.submenu .dropdown.open a ul a {background:#1285ff}
	.submenu .dropdown-menu li a {white-space: normal;}
	.submenu .dropdown-toggle:focus {text-decoration: none;}
	.submenu .dropdown-backdrop {position: static;}
	.submenu ul {margin: 0px; padding: 0px; list-style: none;display:none;} 
	.submenu ul li {font-weight: 400; }
	.submenu ul li:last-child {border-bottom: none;}
	.submenu .active ul {display:block;}
	.submenu .active ul a {background: #f1f1f1;}
	.submenu ul li a {color: #1285ff;}
	.submenu ul li a:hover, .submenu .dropdown-menu a:hover {background: #1285ff;color:#1285ff;}
	.submenu i {float:right;margin: 0px 5px 0px 0px;}
	
	/* Show submenu btn */
	.btn-showsubmenu {color: #fff; font-family: 'Oswald', sans-serif; position:relative; width: 100%; font-size: 16px; text-align:left; height: 44px; padding: 0px 0px 0px 45px; background: #525453; text-transform: uppercase; border:none;margin: 0px}
	.btn-showsubmenu:hover {background:#1285ff;}
	.btn-showsubmenu.open, .btn-showsubmenu.open:hover {background:#da6d5c}
	.btn-showsubmenu.open {margin-bottom: 20px;}
	.btn-showsubmenu i {position: absolute; top: 8px; left: 10px; font-size: 28px;}

	/* Cta */
	.cta { font-size: 16px;line-height: 18px;font-family: 'Roboto Slab', serif;margin: 20px 0px 20px 0px; list-style: none; padding: 0px; }
	.cta li {width: 100%; margin: 0px 0px 2px 0px;display:table;}
	.cta a {width: 100%;padding: 0px 0px 0px 50px; height:40px; background: url(../img/sprite.png) no-repeat #525453;text-decoration:none; background-size: 30px;color: #fff;display:table-cell; vertical-align: middle; text-align:left}
	.cta .new-patients a {background-position: 10px 6px}
	.cta .our-doctors a {background-position:5px -39px;}
	.cta .conditions-and-treatments a {background-position: 5px -79px}
	.cta .request-appointment a {background-position: 5px -124px}	

.footer-wrapper {background: #1285ff; border-top: 30px solid #ecf5ff; padding: 30px 0px 40px 0px; font-size: 14px;line-height: 22px;}
	footer #map {width: 100%; height: 300px;float:left; margin: 0px 20px 20px 0px;}
	footer #map a {color:#525453;font-weight:600}
	footer p {color: #fff; text-transform: uppercase; font-family: 'Roboto Slab', serif;font-size: 20px; margin: 0px; }
	footer a {color: #fff;}
	footer a:hover {color: #ecf5ff; text-decoration: underline}
	footer address {color: #fff; margin: 20px 0px 20px 0px;}
	footer ul {color: #fff; margin: 20px 0px 20px 0px; padding: 0px; list-style: none;}
	footer .social-media {position: absolute; top: -75px; right: 15px; }
	footer .social-media li {display:inline-block;margin: 0px 0px 0px 20px;color: #525453; font-weight: 700}
	footer .social-media a {color: #1285ff;}
	footer .social-media a:hover {color: #525453;}
	footer .copyright {color: #fff; font-family: 'Open Sans', sans-serif;text-transform: none; font-size: 13px; line-height: 18px; }
	
/* ==========================================================================
   Homepage
   ========================================================================== */
   
/* Header */
#homepage .header-wrapper {position: relative; top: 0px; left: 0px;}

/* Slideshow */
.slideshow-wrapper {}
	.slideshow-wrapper .item {-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;overflow:hidden;}
	.carousel-caption {padding: 20px;text-shadow:none;font-family: 'Roboto Slab', serif; background: #1285ff; background:rgba(18,133,255,0.85); bottom: auto; right: auto;  zoom: 1; text-align:left;}
	.carousel-caption h2 { color: #fff; margin: 0px 0px 20px 0px}
	.carousel-caption p {margin: 0px;}
	.carousel-caption a {text-decoration:none}
	.carousel-control.left, .carousel-control.right {top: 50%; margin-top: -27.5px; background-image: none; filter:alpha(opacity=50); opacity:.5;text-shadow:none;font-size: 55px; height: 55px;width: 50px; }
	.carousel-control:hover { filter:alpha(opacity=100); opacity:1;}
	.carousel-indicators li {border: none; filter:alpha(opacity=50); opacity:.5; background: #fff}
	.carousel-indicators li.active {filter:alpha(opacity=100); opacity:1}
	.slideshow-wrapper .btn-viewmore {z-index: 10; background: #ecf5ff; color: #1285ff; font-size: 26px; width: 40px; height: 40px; padding: 5px 0px 0px 0px; position: absolute; bottom: 0px; left: 50%; margin-left: -25px; border: none; }
	.slideshow-wrapper .btn-viewmore:hover i {color: #525453}

/* Cta's */
#homepage .cta-wrapper {background: #ecf5ff}
	.cta-wrapper ul {margin: 20px 0px 20px 0px; list-style: none; padding: 0px; text-align:center;font-family: 'Roboto Slab', serif; font-size: 22px;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center;justify-content: center;}
	.cta-wrapper ul:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
	.cta-wrapper li {}
	.cta-wrapper li:last-child {margin: 0px;}
	.cta-wrapper a {color: #fff;background: url(../img/sprite.png) no-repeat #525453; display:table-cell; vertical-align: middle; text-align:left;text-decoration:none}
	.cta-wrapper a:hover {background-color: #1285ff;}
	
/* Content */
#homepage .content-wrapper {padding: 0px;}

/* Content - Blog */
#homepage .blog .well {padding-bottom: 10px;}
#homepage .blog p {margin: 0px 0px 20px 0px; font-size: 16px; line-height: 20px; font-weight: 600}
#homepage .blog a {color: #1285ff;}

/* Content - Our services */
.our-services ul {list-style:none; margin: 0px; padding: 0px;font-weight: 600}
.our-services li {margin: 0px 0px 2px 0px}
.our-services li i {float:right; color: #525453;margin: 3px 10px 0px 0px;font-size: 20px;}
.our-services li a {color: #525453; background: #f1f1f1; padding: 5px 0px 5px 10px; display:block;}
.our-services li a:hover {background: #1285ff; color: #fff}
.our-services li a:hover i {color: #fff}

/* ==========================================================================
   Landing Page
   ========================================================================== */

.hero-wrapper {padding: 20px 0px 0px 0px; background: #fff} 
#landing-page .cta-wrapper ul {margin: 20px 0px 0px 0px;}
   
/* ==========================================================================
   Media Queries
   ========================================================================== */
 

@media only screen and (min-width: 0px) {
	/* Header */
	.header-wrapper {height: 80px;}
	header .logo { top: 28px; left: 15px; height: 40px; width: auto}
	header .btn-toggle-offcanvas {top: 35px;}
	.quicklinks {right: 8px;}
	/* Content */
	aside {margin: 30px 0px 0px 0px;}
	/* Homepage - Main slideshow */
	.slideshow-wrapper img {width: 820px;max-width: none !important; left: 50%; margin-left: -410px;}
	.carousel-control.left {left: -5px;}
	.carousel-control.right {right: -5px;}
	.carousel-caption h2 {font-size: 25px; line-height: 30px;}
	.carousel-caption {width: 80%; top: 50%; left: 12%; right: 12%; width: 76%; font-size: 14px; line-height: 20px;-o-transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); }
	/* Hompage - Cta wrapper */
	.cta-wrapper ul { font-size: 16px;line-height: 18px;}
	.cta-wrapper li {width: 100%; margin: 0px 0px 2px 0px;}
	.cta-wrapper a {width: 100%;padding: 0px 0px 0px 50px; height:40px; background-size: 30px}
	.cta-wrapper .new-patients a {background-position: 10px 6px}
	.cta-wrapper .our-doctors a {background-position:5px -39px}
	.cta-wrapper .conditions-and-treatments a {background-position: 5px -79px}
	.cta-wrapper .request-appointment a {background-position: 5px -125px}
	/* Landing page */
	.cta-wrapper .our-practice a {background-position: 5px -166px}
	.cta-wrapper .testimonials a {background-position: 5px -207px}
	/* Overlay */
	.overlay { top: 80px; }
}

@media only screen and (min-width: 410px) {
	header .logo { top: 16px; height: 50px !important; }
	.slideshow-wrapper img { margin-left: 0px;}
}

@media only screen and (min-width: 768px) {
	/* Header */
	.mainmenu {top: 43px; font-size: 18px;}
	.mainmenu li {margin: 0px 0px 0px 20px;}
	header .btn-toggle-offcanvas {top: 45px;}
	header form {width: 165px;}
	.quicklinks {right: 200px;}
	.quicklinks .hidden-xs {display:inline-block !important}
	/* Content */
	aside {margin: 20px 0px 20px 0px;}
	/* Homepage - Main slideshow */
	.slideshow-wrapper img {width: 1280px;max-width: none !important;}
	.carousel-control.left {left: 15px;}
	.carousel-control.right {right: 15px;}
	.carousel-caption h2 {font-size: 50px; line-height: 60px;}
	.carousel-caption {width: 600px;font-size: 16px; line-height: 24px; left: 70px; top: 50%;-o-transform: translate(0%, -34.5%); -webkit-transform: translate(0%, -34.5%);-moz-transform: translate(0%, -34.5%); -ms-transform: translate(0%, -34.5%); transform: translate(0%, -34.5%); }
	/* Hompage - Cta wrapper */
	.cta-wrapper ul { font-size: 16px;line-height: 18px;}
	.cta-wrapper li { float:left;width: auto;margin: 0px 10px 0px 0px; }
	.cta-wrapper a {width: 169px;padding: 0px 0px 0px 60px; height:70px; background-size: 25%}
	.cta-wrapper .new-patients a {background-position: 10px 15px}
	.cta-wrapper .our-doctors a {background-position:5px -48px}
	.cta-wrapper .conditions-and-treatments a {background-position: 5px -105px}
	.cta-wrapper .request-appointment a {background-position: 5px -168px}
	/* Landing page */
	#landing-page .content-wrapper {padding: 0px;}
	.cta-wrapper .our-practice a {background-position: 5px -226px}
	.cta-wrapper .testimonials a {background-position: 5px -282px}
}

@media only screen and (min-width: 992px) {
	/* Header */
	.mainmenu {top: 65px; font-size: 20px;}
	.mainmenu li {margin: 0px 0px 0px 35px;}
	.header-wrapper {height: 130px;}
	header .logo { top: 24px; left: 0px; height: 80px;}
	header form {width: 175px;}
	/* Fixed header */
	.fixed-header {padding: 130px 0px 0px 0px;}
	.fixed-header .header-wrapper, .fixed-header #homepage .header-wrapper {position: fixed; top: -80px;left: 0px;border-bottom:none;}
	.fixed-header .header-wrapper .logo {display:none;}
	.fixed-header .header-wrapper .mainmenu {top: 93px;}
	/* Homepage h3 */
	#homepage h3 {font-size: 22px; line-height: 22px;}
	/* Homepage - Main slideshow */
	.slideshow-wrapper img {width: auto;max-width: 100% !important;}
	.carousel-caption {-o-transform: translate(0%, -23.5%); -webkit-transform: translate(0%, -23.5%);-moz-transform: translate(0%, -23.5%); -ms-transform: translate(0%, -23.5%); transform: translate(0%, -23.5%); }
	/* Hompage - Cta wrapper */
	.cta-wrapper ul { font-size: 22px;line-height: 24px;}
	.cta-wrapper a {width: 226px;padding: 0px 0px 0px 80px; height: 100px; background-size: auto;}
	.cta-wrapper .new-patients a {background-position: 10px 15px}
	.cta-wrapper .our-doctors a {background-position:5px -80px}
	.cta-wrapper .conditions-and-treatments a {background-position: 5px -170px}
	.cta-wrapper .request-appointment a {background-position: 5px -268px}
	/* Landing page */
	.cta-wrapper .our-practice a {background-position: 5px -360px}
	.cta-wrapper .testimonials a {background-position: 5px -449px}
	/* Overlay */
	.overlay { top: 130px; }
}
	
@media only screen and (min-width: 1200px) {
	/* Header */
	.mainmenu li {margin: 0px 0px 0px 60px;}
	/* Homepage h3 */
	#homepage h3 {font-size: 24px; line-height: 24px;}
	/* Hompage - Cta wrapper */
	.cta-wrapper a {width: 277px;}
}

@media only screen and (min-width: 1680px) {
	.slideshow-wrapper img {width: 100%}
}

/* Responsive Bootstrap tabs */
@media (max-width: 767px) { 
    .nav-tabs > li {
        float:none;
        border:1px solid #dddddd;
    }
    .nav-tabs > li.active > a{
        border:none;
    }
    .nav > li > a:hover, .nav > li > a:focus,
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
     {
        background:none;
        border:none;
    }
}

/* ==========================================================================
   Classes for CMS editor
   ========================================================================== */	
   
/* Images */
.img-left { margin: 0px 20px 20px 0px; float: left;}
.img-right { margin: 0px 0px 20px 20px; float: right;} 

/* Text formatting */
.small {font-size: 12px; line-height: 18px;}
.large {font-size: 20px; line-height: 24px;}
.x-large {font-size: 24px; line-height: 28px;}

/* Buttons */
.btn-main {  background: #525453; color: #fff;border: none; font-size: 18px; border-radius: 0px;font-family: 'Roboto Slab', serif; }
	.btn-main  a { color: #fff;  display:block; padding: 9px 13px 9px 13px;}
	.btn-main:hover, .btn-main:hover a {  background:#1285ff; color: #fff;}
	
/* Misc */
.well {background: #ecf5ff; border: 0px; box-shadow: none;}
	.well p:first-child, .well p:last-child {margin: 0px}

	
/* ==========================================================================
   Helpers
   ========================================================================== */	

.no-borders td {border-top: none !important; border-bottom: none !important}
   
.upgrade  {margin: 20px;}