.navbar-fixed-top, .navbar-fixed-bottom {
    position: absolute;
}

div.code table tbody tr td:last-child {
    width: 100%;
}
div.code{
padding:0px !important;
margin-bottom: 10px;
}

aside#bottom-popular div.title h3{
margin-top:60px !important;
}

.menu-inside{
padding:10px;
}

div.menu div.menu-inside h2.menu-title{
margin-top:0px !important;
}

.h2span{
display:inline-block;
}

.sige{
padding-top:10px !important;
}
.menu{
  background-image: url("/images/light.png");
  
margin-top:20px;
   
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif; !important;
line-height: 1.15 !important;
}

h2, .h2, h3, .h3 {
font-family: "Roboto Slab";
font-size: 26px;
}
h3, .h3 {
font-size: 22px;
}

div.item-page.clearfix article section.article-content.clearfix p{
margin-bottom:10px;
}

aside#bottom-popular div.title h3 span{
font-size: 24px;
    font-weight: lighter;
background: #fff;
  padding: 3px 10px;
    font-family: "Roboto Slab";
}



nav.t3-navbar.navbar-collapse.collapse div.t3-megamenu ul.nav.navbar-nav.level0 li:last-child{
margin-left:10px;
}
div.pull-left.item-image.article-image.article-image-full{
max-width:100%;
margin-bottom: 30px;
}

nav.t3-navbar-collapse.navbar-collapse.collapse.in ul.nav.navbar-nav.level0 li.current.active a{
padding-top:10px;
}

li.current.active a img{
width: 35px;
}
li.current.active a span.image-title{
float:left;
line-height:55px;
}

.menunew img{
float:right;
width: 35px;
}

div.module-inner div.module-ct div.custom div.links a{
padding-right:10px;
padding-left:10px;
}

div#Mod199.t3-module.module div.module-inner div.module-ct div.custom div.links{
   font-size: 14px !important;
    padding-left: 10px;
    padding-right: 6px;
}

div.custom div.copyright{
font-size:12px;
color: #7E7F7F !important;
}

div.container.hidden-xs div.t3-spotlight.t3-footer-sl.row div.col-lg-4.col-md-4.col-sm-4.col-xs-6:first-child{
width:20% !important;
}
div.container.hidden-xs div.t3-spotlight.t3-footer-sl.row div.col-lg-4.col-md-4.col-sm-4.col-xs-6:nth-child(2){
width:60% !important;
}

div.container.hidden-xs div.t3-spotlight.t3-footer-sl.row div.col-lg-4.col-md-4.col-sm-4.col-xs-12{
width:20% !important;
    padding-left: 0px;
}

div.module-inner div.module-ct div.custom{
font-size:13px;
}


.t3-footer-sl .t3-module {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

div.t3-wrapper.porfolio footer#t3-footer.wrap.t3-footer{
background-image: url("/images/background-pattern.jpg");
}

section.t3-mobile div.container div.row div.custom div.links a{
   font-size: 14px !important;
    padding-left: 10px;
    padding-right: 6px;
}

section.t3-mobile div.container div.row div.custom div.inside a{
    font-size: 18px !important;
color: #134456 !important;
    padding-left: 10px;
    padding-right: 6px;
}


footer#t3-footer.wrap.t3-footer section.t3-mobile div.container div.row div.custom{
padding: 18px 15px 20px !important;
background-image: url("/images/background-pattern.jpg");
}
footer#t3-footer.wrap.t3-footer section.t3-mobile div.container div.row div.custom div{
padding:10px;
}

div.item-page.clearfix{
margin-bottom: 10px !important;
}

div#system-message-container{
display:none;
}

aside#bottom2-popular{
  width: 100vw;
  margin-left: calc(-1 * ((100vw - 100%) / 2));
  background: yellow;

}
aside#bottom2-popular div.custom{
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
text-align: center;
}

aside#bottom-popular ul.relateditems li{
padding-bottom:15px;
}

aside#bottom2-popular div.custom a{
    background-color: #ffd015;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    color: #333333 !important;
    cursor: pointer;
    display: inline-block;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 500;
    overflow: visible;
    padding: 10px 30px !important;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.4);
    transition: background-color 300ms ease-out 0s;
    width: auto;
}
aside#bottom2-popular div.custom a:hover{
background-color: #e5bf25;
}
aside#bottom2-popular {
background-color: #f7f7f7;
    margin-bottom: 20px;
    padding-bottom: 35px;
text-align: center;
line-height: 1.2em;
}
aside#bottom2-popular div.custom h4 {
border-bottom: 3px solid #ffe8b2;
    display: inline-block;
    padding: 0 30px 8px;
font-size: 20px;
margin-bottom: 25px;
margin-top: 20px;
}






aside#bottom-popular ul.relateditems{
margin-bottom: 40px;
margin-top: 20px;
    list-style-type: none;
margin-left: 0px;
padding-left: 0px;
}

aside#bottom-popular{
margin-left: auto;
margin-right: auto;
text-align: center;
line-height: 1.2em;
}

aside#bottom-popular div.title h3{
 text-align: center;
 background-image: url("/images/backim.png");
    background-position: 20px 2px;
margin-left: auto;
    margin-right: auto;
    max-width: 800px;

}



.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #134456 !important;
#text-decoration: underline;
}
div.follow-us{
max-width:1180px;
}
.article-info dd {
    display: inline-block;
    float: left;
    padding-left: 1px;
    padding-top: 7px;
}
section.article-content.clearfix{
margin-top:5px;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2) inset;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #134456;
    box-shadow: 0 -2px 0 #5A7C89 inset;
}


article section.article-content.clearfix{
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
section.article-content.clearfix h1{
color: #5d6769 !important;
font-size: 28px;
margin-bottom: 30px;
    max-width: 600px;
margin-top:10px;
}
article section.article-content.clearfix{
font-size: 18px;
line-height: 1.7;
}


.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 380px !important;
}
.porfolio-items {
    padding-top: 0px !important;
}

.navbar-default .navbar-nav > li > a {
    color: #134456;
}
.btn-default {
    color: #5d6769 !important;
}
.porfolio-items {
    border-top: none !important;
}
html.com_content.view-category.layout-purity_iiiportfolio.itemid-168.j34.mm-hover.no-touch body div.t3-wrapper.porfolio div.custom-top div.custom h1 {
    font-family: "Roboto Slab" !important;
    color: #fff !important;
    font-size: 34px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) !important;
text-rendering: optimizelegibility;
border-color: #bfbf8e;
}
.t3-mainbody {
    padding-top: 0px !important;
}

div.custom p{
line-height: 20px;
}
body div.t3-wrapper.porfolio div.custom-top div.custom{
max-width: 1180px;
margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
padding-top: 10px;

}
div.custom-top{
background-image: url("/images/blueback.jpg");
    background-size: auto 100%;
padding-bottom: 30px;
color: #fff !important;
margin-left: auto;
    margin-right: auto;
}


body {
color: #5d6769 !important;
font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif !important;
overflow-x: hidden;
}
div.row.row-porfolio div.col-md-6 div.thumbnail a h3 {
text-align: left;
font-size: 28px;
font-weight: normal;
margin: 20px 30px 5px 0;
line-height: 1.2em;

}
h3:focus{
color: #4dbdeb !important;
}

.thumbnail {
color: #5d6769;
text-align: left;
line-height: 20px;
}
.thumbnail p {
padding-right: 10px;
}


div.col-md-6 {
    margin-bottom: 40px;
}

.porfolio-items p {
color: #5d6769 !important;
}

.porfolio-items div.row.row-porfolio div.col-md-6 section.readmore{
text-align: left;
}

div.container nav.t3-navbar.navbar-collapse.collapse{
float: right;
padding-right: 20px;
}
.navbar-default {
    background-color: #fff;
    border-color:  #134456;
}



[data-id="108"] a{
font-family: 'Open Sans', sans-serif;
font-style: normal;
font-weight: 500;
text-transform:uppercase;
background-color: #ffd015 !important;
 border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    color: #333 !important;
    cursor: pointer;
    display: inline-block;
    overflow: visible;
     padding: 4px 15px !important;
    position: relative;
    text-decoration: none;
    width: auto;
line-height: 24px !important;
margin-top: 11px;
}
[data-id="108"]{
 margin-left: 15px !important;}

[data-id="143"] a{
transition: background-color 300ms ease-out 0s;
color: #516274 !important;
font-family: 'Open Sans', sans-serif;
font-style: normal;
font-weight: 500;
text-transform:uppercase;
  background-color: #EEEEEE;
    background-image: linear-gradient(#FCFCFC, #EEEEEE);
    background-repeat: repeat-x;
    border: 1px solid #D5D5D5;
 border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22);
    cursor: pointer;
    display: inline-block;
    overflow: visible;
    padding: 4px 15px !important;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
    width: auto;
color: #516274 !important;
 border-bottom: 1px solid rgba(0, 0, 0, 0.25);
margin-top: 11px;
line-height: 24px !important;
}

article img, .article-intro img, article img[align="left"], .article-intro img[align="left"], article img[align="right"], .article-intro img[align="right"], article .img_caption, .article-intro .img_caption, article .article-image-full, .article-intro .article-image-full, article .article-image-intro, .article-intro .article-image-intro, article .img-intro-none, .article-intro .img-intro-none, article .img-intro-left, .article-intro .img-intro-left, article .img-intro-right, .article-intro .img-intro-right, article .img-fulltext-none, .article-intro .img-fulltext-none, article .img-fulltext-left, .article-intro .img-fulltext-left, article .img-fulltext-right, .article-intro .img-fulltext-right{
width: auto !important;
}