html * {margin:0; padding:0;}
html,body {font-size: 100%; min-width: 240px;}
body {background-color:#fff; color:#585858; font-family: 'Dosis', sans-serif;}

a {color:#626c7f;}
a:hover {color:#999; text-decoration: none;}
img {width: 100%;}

.clr {clear: both;}

.row10 {height: 10px; clear: both;}
.row20 {height: 20px; clear: both;}
.row30 {height: 30px; clear: both;}
.row40 {height: 40px; clear: both;}
.row50 {height: 50px; clear: both;}


#pageWrap {position: relative;}
#leftBg {background: #cfd4d7; position: absolute; top:0; right:50%; bottom:0; left:0;}

#containerWrap {background: #fff; position: relative; z-index: 10; display: table; width:100%; }

#leftWrap {background: #62707e; display:table-cell; width:25%; border-left:1px solid #4c4c4c; border-right:1px solid #4c4c4c;}
#leftWrap .pageName {background: transparent url(../images/bgLogo.png) 20px 50% no-repeat; min-height: 63px; color:#fff; font-style:italic; font-size:18px; padding: 15px 10px 0 60px; margin:0 0 20px 0;}
#leftWrap #bs-navbar-collapse2 {padding: 0;}
#leftWrap ul {list-style-type:none; border-top:1px solid #4e5861;border-bottom:1px solid #7d8491;  margin: 0 8%;}
#leftWrap ul li a {border-top:1px solid #7d8491; border-bottom:1px solid #4e5861; color:#c4cacd; display: block; padding: 6px 20px; }
#leftWrap .navbar-default {background-color:transparent; border:none; border-radius: 0;}
#leftWrap .navbar-nav {float:none;}
#leftWrap .navbar-nav li {position: relative;  float: none;}
#leftWrap .navbar-nav li ul {position:absolute; left:90%; top:-1px; display: none; z-index: 10; background: #747d8a; }
#leftWrap .navbar-nav li ul li a {white-space: nowrap;}
#leftWrap .navbar-nav li:hover ul {display: block;}
#leftWrap ul li a:hover {color:#fff;}
#leftWrap .title {color:#fff; font-style:italic; font-size:24px; margin:0 8%;}


#header h1 {padding:26px 0; font-size:36px;}

#rightWrap {background: #fff; display: table-cell; width:75%; }
#rightWrap #header {padding: 0 30px;}
#rightWrap #breadcrumb {margin: 0 30px 30px 30px; border-bottom:1px solid #cdcdcd; padding: 0 0 30px 0; color:#666; font-style:italic; }
#rightWrap #breadcrumb a {color:#666;}
#rightWrap .content {padding: 0 30px;}
#rightWrap .content .postWrap {border-bottom:1px solid #cdcdcd; padding: 0 0 30px 0; margin:0 0 40px 0;}
#rightWrap .content .image {max-height: 290px; overflow: hidden;}
#rightWrap .content .title a {color:#8d8d8d;}
#rightWrap .content .title a:hover {color:#666;}
#rightWrap .content .info {font-style: italic; font-size:12px; margin:5px 0 20px 0;}
#rightWrap .content .readmore {font-weight: bold; margin:0 0 0 5px; font-style:italic; font-size:120%; text-transform: lowercase; text-decoration: underline;}
#rightWrap .content .readmore:hover {text-decoration: none;}
#rightWrap .content .sPost h2 {font-size:18px; text-transform: uppercase; font-style:italic;}
#rightWrap .content .sPost .article {margin:0 0 30px 0; font-size:14px;}
#rightWrap .content .sPost .article h5 {font-size:16px; font-weight: 600;}
#rightWrap #footer {padding: 0 30px 40px 30px; text-align: right;}



#bottomOuter {padding: 20px 0; background:#49498e; color:#c5c5c5;}

.col-lg-1:nth-child(12n+1),
.col-lg-2:nth-child(6n+1),
.col-lg-3:nth-child(4n+1),
.col-lg-4:nth-child(3n+1),
.col-lg-6:nth-child(2n+1),
.col-md-1:nth-child(12n+1),
.col-md-2:nth-child(6n+1),
.col-md-3:nth-child(4n+1),
.col-md-4:nth-child(3n+1),
.col-md-6:nth-child(2n+1) {
    clear: both;
}

.col-sm-1:nth-child(12n+1),
.col-sm-2:nth-child(6n+1),
.col-sm-3:nth-child(4n+1),
.col-sm-4:nth-child(3n+1),
.col-sm-6:nth-child(2n+1) {
    clear: left;
}


@media (max-width : 769px) {
    #pageWrap .container {padding: 0;}
    #bs-navbar-collapse2 {border:none;}
    #leftWrap {width:100%; display: block}
    #leftWrap ul {margin:0;}
    #leftWrap .navbar-nav {margin:0; max-height: 900px;}
    #leftWrap .navbar-nav li ul {display: block; position: static;}
    #leftWrap .lastWrap {display: none;}
    #leftWrap .randomWrap {display: none;}
    #rightWrap {width: 100%; display: block;}
    #pageWrap .contact label {display: block; text-align:left;}
}