/* Released under a commercial license. This file IS copyright protected and NOT released under the MIT license. Please respect the designers rights! */
/* You can edit it but it is not allowed to offer it for download or resell it */
@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700,800);

/* HTML Elements */
body, .sidebar_area_wrapper {background-color:#a9a095; }
.sidebar_area_wrapper a{color:#fff;}
blockquote {margin:20px 0; }
blockquote, blockquote p {font-size:22px; line-height:1.8em; font-weight:400;}
blockquote small {font-size:14px;}

/*Typo*/
body {font: 16px/1.7em 'Raleway',"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:400;color:#444;}
h1, h2, h3, h4, h5, h6 {color:#111;font-weight:300;line-height:1.25em;word-wrap: break-word;display:block;}
h1 {font-size: 40px;}
h2 {font-size: 55px;}
h3 {font-size: 36.5px;}
h4 {font-size: 27.5px;}
h5 {font-size: 25px;}
h6 {font-size: 18.5px;}
.page-header h2 {font-size:40px;}
.page-header h2 {margin-bottom:20px;}
.page-header {margin:0 0 20px 0;padding:0;display:block;border-bottom:1px solid #e3e3e3;}
.page-header:after {display:inline-table;width:5%; height:2px; content:" ";position:absolute;}
.sidebar_area_wrapper h1,.sidebar_area_wrapper h2,.sidebar_area_wrapper h3,.sidebar_area_wrapper h4,.sidebar_area_wrapper h5,.sidebar_area_wrapper h6{color:#eee;}
.sidebar_area_wrapper, .sidebar_area_wrapper p {font-size:.88em;color:#888;}
.sidebar_area_wrapper {padding-top:40px;text-align:center;box-shadow:inset -10px -20px 70px rgba(0,0,0,.5);}
.lead {color:#000; line-height:1.9em;}
.sourrounding_all {width:auto; float:left; box-shadow:0 0 20px #000;background-color:#fff;}

/*Basic Structure */
.container-fluid {background-color:#fff;}
.sidebar_area_wrapper .inner_wrapper {background:none;}
.sidebar_area_wrapper .container-fluid {margin-left:0;background:none;}
.container-fluid {padding:20px 10%;}
.container-fluid .container-fluid {padding:0;margin:0; background:none;}
.main_area_wrapper .inner_wrapper{width:auto;float:left; padding:20px 0 0 0;background-color:#fff;}

/* The Menu*/
ul.nav {margin:0px;}
ul.nav > li {font-size:18px;padding:6px 0;font-weight:300;-webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out; transition: .5s ease-in-out;}
ul.nav > li.active, ul.nav > li.active a {color:#ddd;}
ul.nav > li a:hover, ul.nav > li:hover, ul.nav > li:hover a  {background:none;color:#fff;}
ul.nav > li.parent li {font-size:13px;list-style:none;margin:0;padding:0px;}
ul.nav > li.active li a {padding:0;margin:0;}
ul.nav > li.parent ul {display:none;margin:5px 0;}
ul.nav > li.parent:hover ul, ul.nav > li.active ul {display:block;}
ul.nav > li.parent > a:before {content:"";display: inline-block;width: 14px;height: 14px;margin-top: 2px; line-height: 14px;vertical-align: text-top;background-image: url("../img/glyphicons-halflings-white.png");background-position: 14px 14px;background-repeat: no-repeat;  background-position: -456px -72px;margin-left:-24px;float:right;opacity:.4;padding-right:10px;}
ul.nav > li.parent.active > a:before, ul.nav > li.parent:hover > a:before {content:"";display: inline-block;width: 14px;height: 14px;margin-top: 2px; line-height: 14px;vertical-align: text-top;background-image: url("../img/glyphicons-halflings-white.png");background-position: 14px 14px;background-repeat: no-repeat;   background-position: -432px -72px;margin-left:-24px;float:right;opacity:.7;padding-right:10px;}
 
/*The logo*/
.logo_area {text-align:center;}
.logo_area .brand .brand_image{-webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out; transition: .5s ease-in-out;border: 6px solid rgba(255,255,255,.1); border-radius: 999px;-moz-border-radius: 999px; -khtml-border-radius: 999px;-webkit-border-radius: 999px; width:200px; height:200px;overflow:hidden; margin:0px auto;}
.logo_area .brand:hover .brand_image {box-shadow:0 0 15px rgba(255,255,255,.5);}
.logo_area .brand h1 {font-size:26.5px;margin-top:20px;}

/*Blog image setup*/
.img-intro-left, .img-intro-right, .img-intro-center, .img-fulltext-left, .img-fulltext-right, .img-fulltext-center, .img-fulltext-{margin:0px -12.5% -80px -12.5%;width:125%;}
.img-fulltext-left, .img-fulltext-right, .img-fulltext-center, .img-fulltext- {margin-bottom:20px;}

/*Blog Article Layout */
.item-separator {float:left;display:block; height:1px; background-color:#ddd;margin:20px 0;width:100%;}
.item_introtext, .item_text{background-color:#fff;float:left;padding:40px 5% 0 12.5%;margin-left:-12.5%;box-shadow:10px -10px 10px rgba(0,0,0,.1);}
p.article-info, ul.breadcrumb {margin:10px 0;background-color:#f4f4f4;width:auto;display:inline-table;padding:3px 6px; font-size:12px; color:#aaa;text-shadow:1px 1px 1px #fff;}
ul.breadcrumb {display:block;border-radius:0px;margin-top:0px;} 
.counter, .pagination {font-size:12px;}
.actions a {color:#444;font-size:12px;}
.article-info span {padding:0 6px;}

.span8.main_content .img-intro-left, .span8.main_content .img-intro-left, .span8.main_content .img-intro-right, .span8.main_content .img-intro-center, .img-fulltext-left, .span8.main_content .img-fulltext-right, .span8.main_content .img-fulltext-center, .span8.main_content .img-fulltext- 
{margin:0px 0% 0px -25%;width:125%;}

.span6.main_content .img-intro-left, .span6.main_content .img-intro-left, .span6.main_content .img-intro-right, .span6.main_content .img-intro-center, .img-fulltext-left, .span6.main_content .img-fulltext-right, .span6.main_content .img-fulltext-center, .span6.main_content .img-fulltext- 
{margin:0px 0% 0px 0%;width:100%;}

.span6.main_content .item_introtext, .span6.main_content .item_text{background-color:#fff;float:left;padding:40px 0 0 0;margin-left:0%;box-shadow:none;}
.span8.main_content .item_introtext, .span8.main_content .item_text{background-color:#fff;float:left;padding:40px 5% 0 0%;margin-left:0%;box-shadow:10px -10px 10px rgba(0,0,0,.1);}


/*Bootstrap customizations */
.btn-info {border:none;padding:10px 20px;text-shadow:none;font-size:13px;}

/* Custom content */
.pricing_table ul li.plan_header h1 {font-size:42px;font-weight:500;}

/*Custom module suffixes */
div.standout {margin-bottom:20px; padding:10px;}
.standout, .standout p, .standout a {color:#fff;}
.standout a {border-bottom:1px dotted #fff;}

/* Extra Mobile Styles */
@media (max-device-width: 568px)/*For mobiles up to iPhone5*/,(max-device-width: 1024px) and (orientation:portrait)/*For Tablets up to iPad3*/, (max-width: 979px)/*For low res desktop screens with a resolution below 1024x768*/ {
body, p {font-size:32px;}
p.lead {font-size:32px;}
h1 {font-size: 48px;}
h2 {font-size: 42px;}
h3 {font-size: 36px;}
h4 {font-size: 30px;}
h5 {font-size: 24px;}
h6 {font-size: 18px;}
.page-header h2 {font-size:42.5px;}
.page-header h2 {margin-bottom:10px;}
ul.nav > li {font-size:36px;padding:20px;border-bottom:1px solid #666;}
blockquote, blockquote p {font-size:28px; }
blockquote small {font-size:20px;}
ul.nav > li.parent li {font-size:28px;padding:14px;}
ul.nav > li.active, ul.nav > li.active a {color:#fff;}
.sidebar_area_wrapper, .sidebar_area_wrapper p {color:#eee;}
.fixed_credits_area {display:none;}
.dropdown.hidden-desktop a{position:fixed; top:10px;left:1%; font-size:22px;color:#fff;padding:0 5px;background-color:#000; border-radius:6px;}
.logo_area .brand .brand_image{width:100px; height:100px;}
.sidebar_area_wrapper .container-fluid {padding:5px 10%;}
.container-fluid {padding:0px 5% 40px 5%;width: auto;}
  body {
    padding-right: 0px;
    padding-left: 0px;
  }
 }