/* 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);

@import url(custom.css);

/* HTML Elements */
body, .sidebar_area_wrapper {background-color:#3b3f41;}
.sidebar_area_wrapper a{color:#aaa;}
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;width:100%;}
h1, h2, h3, h4, h5, h6 {color:#111;font-weight:300;line-height:1.25em;}
h1 {font-size: 63.5px;}
h2 {font-size: 54.5px;}
h3 {font-size: 36.5px;}
h4 {font-size: 27.5px;}
h5 {font-size: 25px;}
h6 {font-size: 18.5px;}
.page-header h2 {font-size:72.5px;}
.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 10px rgba(0,0,0,.5);overflow-y: auto;}
.lead {color:#000; line-height:1.9em;}
.sourrounding_all {}

/*Basic Structure */
.sourrounding_all, .sourrounding_wrapper.main_area_wrapper, sourrounding_wrapper, .main_area_wrapper {width:100%;}
.sourrounding_all, .sourrounding_wrapper.main_area_wrapper, sourrounding_wrapper, .main_area_wrapper,.inner_wrapper {-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box;    /* Firefox, other Gecko */box-sizing: border-box;         /* Opera/IE 8+ */}
.container-fluid {width:100%;}
.sidebar_area_wrapper .inner_wrapper {background:none;}
.sidebar_area_wrapper .container-fluid {margin-left:0;background:none;}
.container-fluid {padding:0px 5% 40px 5%;width:90%;}
.container-fluid .container-fluid {padding:0;margin:0; background:none;}
.inner_wrapper{background-color:#fff;}

/* The Menu*/
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-bottom:-80px;margin-left:-5.6%;  width:105.6%;overflow:hidden;}
.img-fulltext-left, .img-fulltext-right, .img-fulltext-center, .img-fulltext- {margin-bottom:20px;}

/*Blog Article Layout */
.item-separator { height:1px; background-color:#ddd;margin:0px 0px 40px 0;}
.item_introtext, .item_text{background-color:#fff;box-shadow:10px -10px 10px rgba(0,0,0,.1);display:block;padding:40px;float:left;border:1px solid #eee;}
p.article-info, ul.breadcrumb {margin:10px 0;background-color:#f4f4f4;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;}
.back_to_the_top {position:fixed;bottom:0;right:3px;z-index:1;}
.back_to_the_top a {font-size:16px; color:#fff;background-color:#000; border-radius:6px;padding:4px;}

/*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;
  }
 }