/* ============================================================== */
/* ========================= General Elements =================== */
/* ============================================================== */

body {} 
 
a {
    text-decoration: none;
}
a:hover,
a:focus {
    text-decoration: none;
}
ul {
    padding: 0;
}
li {
    list-style: none;
}
img {
    max-width: 100%;
}
/* ============================================================== */
/* =================== Added by Roger Wilson ==================== */
/* ============================================================== */
.nathan-white-bg {
    background-color: #FFFFFF;
}
.nathan-white-fg {
    background-color: #000000;
}
/* ============================================================== */
.site-width {
    padding: 0 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1140px;
}
.container-fluid {
    padding: 0px;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}
.margin-bottom-40 {
    margin-bottom: 40px;
}
.margin-bottom-60 {
    margin-bottom: 60px;
}
.margin20 {
    margin: 20px 0;
}
.margin40 {
    margin: 40px 0;
}
.margin60 {
    margin: 60px 0;
}
.margin100 {
    margin: 100px 0;
}
.margin-top-20 {
    margin-top: 20px;
}
.margin-top-40 {
    margin-top: 40px;
}
.margin-top-60 {
    margin-top: 60px;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}
.margin-bottom-40 {
    margin-bottom: 40px;
}
.margin-bottom-60 {
    margin-bottom: 60px;
}
.padding-bottom-20 {
    padding-bottom: 20px;
}
.padding20 {
    padding-top: 20px;
    padding-bottom: 20px
}
.padding40 {
    padding-top: 40px;
    padding-bottom: 40px;
}
.padding60 {
    padding: 60px 0;
}
.padding100 {
    padding: 100px 0;
}
.btn {
    border-radius: 0px;
}
.paddingLR {
    padding: 0px 15px;
}
.padding-left-0 {
    padding-left: 0px !important;
}
.gray-d2-c {
    color: #222;
}
.gray-d-c {
    color: #333;
}
.gray-c {
    color: #555;
}
.gray-l-c {
    color: #777;
}
.gray-l2-c {
    color: #eee;
}
.gray-d2-bg {
    background-color: #222;
}
.gray-d-bg {
    background-color: #333;
}
.gray-bg {
    background-color: #555;
}
.gray-l-bg {
    background-color: #777;
}
.gray-l2-bg {
    background-color: #eee;
}
.gray-d2-bc {
    border-color: #222;
}
.gray-d-bc {
    border-color: #333;
}
.gray-bc {
    border-color: #555;
}
.gray-l-bc {
    border-color: #777 !important;
}
.gray-l2-bc {
    border-color: #eee !important;
}
/* ============================================================== */
/* ========================= CPanel CSS ========================= */
/* ============================================================== */

#mdx_toppanel {
    position: absolute;
    top: 0;
    width: 100%;
}
#mdx_panel {
    position: relative;
    z-index: 9999;
}
#open,
#close {
    display: inline-block;
    padding: 5px;
}
.mdx_tab {
    border-top: 1px solid;
}
.login {
    float: right;
}
/* ============================================================== */
/* ========================= Header CSS ========================= */
/* ============================================================== */

ul#navd li ul li ul li {
    border-left: none !important;
}
.icon-bar a {
    padding: 10px;
}
.headertop {
    padding: 10px 0px;
}
.headertop .email {
    margin-left: 10px;
}
.selectnav {
    display: none;
}
.logo-n-menubar {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 26px 0;
}
ul#navd .last a {
    padding-right: 0px;
}
/************ Header Variation 1 CSS**************/

.logo-n-menubar-variation img {
    padding-left: 15px;
}
#navd li ul {
    border-top: 1px solid #ccc;
}
ul#navd li ul li {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
.logo-n-menubar-variation ul#navd li ul li a {
    padding: 10px;
}
.logo-n-menubar-variation1 {
    border-top: 1px solid #eee;
}
.logo-n-menubar-variation1 .menubar {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-top: 15px;
}
.logo-n-menubar-variation1 ul#navd ul {
    margin-top: 38px;
}
.srchtxt {
    border: 1px solid;
    border-radius: 0;
    padding: 6px;
}
.search-box a {
    margin-left: -5px;
    padding: 8px;
}
ul#navd li ul .last a {
    padding: 7px 10px;
}
/* ============================================================== */
/* ========================= Extra CSS ========================== */
/* ============================================================== */

.home-slider {
    padding: 0 0 0 15px;
}
#breadcrumb li + li:before {
    content: "|";
    margin: 0 2px;
    padding: 0 5px;
}
#breadcrumb li > a {
    color: #000;
    padding: 5px;
}
#breadcrumb li {
    display: inline;
    font-size: smaller;
}
.breadcrumb {
    border-bottom: 1px solid #eeeeee;
}
.breadcrumb ul {
    margin-top: 7px;
    padding: 0px 15px;
}
.bx-wrapper .bx-viewport {
    box-shadow: none;
    left: 0;
}
.slider-bg {
    background-color: #f5f5f5;
}
/* ============================================================== */
/* ========================= Main Top CSS ======================= */
/* ============================================================== */

.services {
    text-align: center;
}
/* ============================================================== */
/* ========================= Left Sidebar CSS =================== */
/* ============================================================== */

.mdx_mainLeftMenu li a {
    margin-bottom: 15px;
    display: block;
}
/* ============================================================== */
/* ========================= Content Top CSS ==================== */
/* ============================================================== */

#mdx_contenttopwrap .post-info {
    font-size: 12px;
}
.shadow-img {
    background-image: url("/images/shadow-bottom.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 21px;
}
/* ============================================================== */
/* ========================= Content ============================ */
/* ============================================================== */

#mdx_contentmainwrap {
    overflow: hidden;
    padding-bottom: 25px;
}
.external-url iframe {
    border: medium none;
    min-height: 600px;
    width: 100%;
}
.themes {
    margin-top: 20px;
}
/************ Contact Page  CSS**************/

.contact-form .form-control {
    border-radius: 0;
}
.contact-form .form-buttons input {
    border: none;
}
.contact-form {
    padding-right: 50px;
}
.map {
    padding-left: 50px;
}
/************ Search Page CSS**************/

.srch-btn {
    border: 1px solid;
}
.sisea-search-form input {
    border: 1px solid;
    border-radius: 0;
}
/************ Login Page CSS**************/

.register label {
    display: block;
}
.register input {
    border: 1px solid;
    border-radius: 0;
    padding: 4px 6px;
}
.loginLogin label,
.loginFPForm label {
    display: block;
}
.loginLogin input,
.loginFPForm input {
    border-radius: 0;
}
.new-user-register input {
    border-radius: 0px;
}
.loginLoginButton {
    display: block;
}
/************ Bootstrap 3 Page CSS**************/

.show-grid [class^="col-"] {
    background-color: rgba(86, 61, 124, 0.15);
    border: 1px solid rgba(86, 61, 124, 0.2);
    padding-bottom: 10px;
    padding-top: 10px;
}
.nt {
    color: #2f6f9f;
}
.na {
    color: #4f9fcf;
}
.s {
    color: #d44950;
}
/* ============================================================== */
/* ========================= Content Bottom CSS ================= */
/* ============================================================== */
/* ============================================================== */
/* ========================= Right Sidebar CSS ================== */
/* ============================================================== */

.right_ThumbImage {
    padding: 0px;
}
.right-sidebar-blog li {
    margin-top: 20px;
}
.right-sidebar-tags a {
    padding: 5px;
    border-right: 2px solid;
    background-color: #efefef;
}
.right-sidebar-comments li,
.right-sidebar-blog li {
    border-bottom: 1px solid;
    margin-top: 20px;
    padding-bottom: 10px;
}
.right-sidebar-comments li {
    border-color: #eeeeee;
}
.right-sidebar-tags li {
    display: inline-block;
    margin-right: 5px;
    margin-top: 16px;
}
.quip-latest-comment a {
    display: block;
}
.quip-latest-comment span {
    color: #afafaf;
    font-style: italic;
}
.mdx_mainRight li a {
    margin-bottom: 15px;
    display: block;
}
/* ============================================================== */
/* ========================= Main Bottom CSS ==================== */
/* ============================================================== */
/* ============================================================== */
/* ========================= Footer CSS ========================= */
/* ============================================================== */

.subscribe-text {
    padding: 0px;
}
.subscribe-text .form-control {
    background: none repeat scroll 0 0 #292929;
    border: medium none;
    border-radius: 0;
}
#mdx_footerwrap {
    margin-top: 15px;
}
.subscribe-btn a {
    border: medium none;
    border-radius: 0;
    overflow: hidden;
}
.footer-blog-img {
    padding: 0;
}
.recent-post li {
    margin-bottom: 25px;
}
#mdx_footer {
    padding: 20px 0;
}
#copyright {
    background-color: #222;
    padding-top: 12px;
    padding-bottom: 24px;
}
.resources li {
    margin-bottom: 10px;
}
#topcontrol i {
    padding: 3px 12px 5px 11px;
}
.footer1 h3,
.footer-var-1 h3 {
    margin-bottom: 25px;
}
/* ============================================================== */
/* ========================= Articles CSS ======================= */
/* ============================================================= */

.post {
    margin-bottom: 35px;
}
.post-info span {
    margin-right: 10px;
}
.post-info {
    border-bottom: 1px solid;
    border-top: 1px solid;
    padding: 10px 0;
}
.post-info i {
    margin-right: 2px;
}
.media {} .metadata {} .post heading {} .about-author {} .about-author-img {} .about-author-name {} .about-author p {} .right-side-title {} .category-links {} .readmore {} .comments {} .comments-form {} .comments-form-lable {} .comments-form-input {} #maincomment {
    transition: all 0.2s ease 0s;
}
#comments .quip a:hover {
    text-decoration: none;
}
.quip-comment-alt {
    background: none !important;
}
ol.quip-comment-list li ol {
    padding-left: 45px !important;
}
.vendor p {
    margin-top: 10px;
}
.quip-comment-body {
    border-bottom: 1px solid #ececec;
    padding-bottom: 20px !important;
    padding-top: 0 !important;
}
.quip h3 {
    margin-bottom: 30px;
}
.entry p {
    margin-top: 15px;
}
/* ============================================================== */
/* ========================= Slider CSS ========================= */
/* ============================================================== */

.bx-sliderwrap .bx-wrapper .bx-viewport {
    box-shadow: none;
}
.bx-sliderwrap .bx-wrapper .bx-next {
    right: 19px;
}
/* ============================================================== */
/* ========================= Pricing Table CSS ================== */
/* ============================================================== */

.pricing_tablewrap {} .pricing_tablewrap ul {} .pricing_tablewrap ul li {} .pricing_tablewrap ul li ul {} .pricing_tablewrap ul li ul li {
    padding: 14px 20px;
    border-bottom: 1px solid;
}
.pricing_table_footer {
    padding: 30px;
}
.pricing_table_footer a {
    padding: 8px;
}
.pricing_tablewrap h1,
.pricing_tablewrap h3 {
    margin: 0;
    padding-top: 29px;
}
/************ Pricing Table Style1 CSS**************/

.price-block-style1 h3 {
    padding: 15px 28px;
    margin: 0;
}
.price-block-style1:hover,
.price-block-style1:focus {
    position: relative;
    transform: scale(1.03);
    transition: all 0.2s ease-in 0s;
}
/************ Pricing Table Style2 CSS**************/

.price-style2 {
    /*	padding:1px;*/
}
.price-style2 h1 {
    margin: 0px;
    padding: 20px;
}
.price-block-style2 h3 {
    padding: 10px 0;
}
.price-block-style2-padding {
    padding: 15px;
}
.price-block-style2-border {
    border: 1px solid;
}
.price-block-style2:hover .pricing_table_footer a,
.price-block-style2:hover li,
.price-block-style2:hover h1,
.price-block-style2:hover .pricing_table_footer {
    transition: background-color 0.5s ease 0s;
}
/************ Pricing Table Style3 CSS**************/

.price-style3 h2 {
    border: 1px solid;
    border-radius: 76px;
    box-shadow: 1px 2px 11px #cccccc inset;
    height: 125px;
    margin-bottom: -59px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    position: relative;
    top: -62px;
    width: 125px;
    margin-top: 0;
}
.price-block-style3 h3 {
    padding-bottom: 78px;
}
.price-block-style3-border {
    border: 1px solid;
}
.price-block-style3:hover li {
    transition: border 0.5s ease 0s;
}
.price-block-style3:hover h3,
.price-block-style3:hover .pricing_table_footer a {
    transition: background-color 0.5s ease 0s;
}
/* ============================================================== */
/* ========================= Gallery CSS ======================== */
/* ============================================================== */

.gallery .gal-item {
    margin-bottom: 30px;
    margin-right: 0px;
    margin-left: 0px;
    border: none;
    padding: 0 15px;
}
/* ============================================================== */
/* ======================= ImageHover CSS ======================= */
/* ============================================================== */

.portfolio {
    overflow: hidden;
}
/* Portolio Hover */

.da-thumbs li,
.da-thumbs li img {
    display: block;
    position: relative;
}
.da-thumbs li {
    overflow: hidden;
}
.da-thumbs li article {
    position: absolute;
    background-image: url(images/image_hover.png);
    background-repeat: repeat;
    width: 100%;
    height: 100%;
}
.da-thumbs li article.da-animate {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
/* Initial state classes: */

.da-slideFromTop {
    left: 0px;
    top: -100%;
}
.da-slideFromBottom {
    left: 0px;
    top: 100%;
}
.da-slideFromLeft {
    top: 0px;
    left: -100%;
}
.da-slideFromRight {
    top: 0px;
    left: 100%;
}
/* Final state classes: */

.da-slideTop {
    top: 0px;
}
.da-slideLeft {
    left: 0px;
}
.da-thumbs li article a {
    color: #fff;
    padding: 20px;
    display: block;
}
.da-thumbs {
    margin: 0;
    padding-left: 0;
    text-align: center;
}
.da-thumbs li article h3 {
    color: #fff !important;
}
.da-thumbs li article em {
    margin-bottom: 10px;
    color: #fff;
    display: block;
}
.da-thumbs li article span {
    display: inline-block;
}
span.link_post {
    display: block;
    width: 35px;
    height: 35px;
    background-color: #DF6232;
    border-radius: 50px;
    cursor: pointer;
    background-image: url(images/link_post_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px;
}
span.zoom {
    overflow: hidden;
    display: block;
    width: 35px;
    height: 35px;
    background-color: #DF6232;
    border-radius: 50px;
    cursor: pointer;
    background-image: url(images/zoom_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 10px;
}
.portfolio_2col article h3 {
    padding-top: 70px !important;
}
/* Responsive image grid*/
/* Mobile landscape width 320 */

@media only screen and (max-width: 767px) {
    .image_grid {
        width: 300px;
    }
    .image_grid li img {
        width: 220px;
    }
    .portfolio_4col .da-thumbs li article h3 {
        padding-top: 70px;
    }
    .portfolio_3col .da-thumbs li article h3 {
        padding-top: 50px;
    }
    .portfolio_2col .da-thumbs li article h3 {
        padding-top: 53px !important;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .image_grid {
        width: 450px;
    }
    .image_grid li {
        width: 178px !important;
    }
    .portfolio_4col .da-thumbs li article h3 {
        padding-top: 58px;
    }
    .portfolio_3col .da-thumbs li article h3 {
        padding-top: 34px;
    }
    .portfolio_2col .da-thumbs li article h3 {
        padding-top: 23px !important;
    }
}
/* ============================================================== */
/* ========================= Tabs CSS =========================== */
/* ============================================================== */

.nav-tabs {} .tab-content {} .tab-pane {}
/* ============================================================== */
/* ========================= Accordion CSS ====================== */
/* ============================================================== */

.panel-heading {} .panel-body {}
/* ============================================================== */
/* ========================= Form Element CSS =================== */
/* ============================================================== */

input {} label {} form {}
/* ============================================================== */
/* ========================= Typography CSS ===================== */
/* ============================================================== */
/************ Typography Heading CSS**************/
/************ Typography Lead BodyCopy CSS********/
/************ Typography Addresses CSS************/
/************ Typography Blockquote CSS***********/
/************ Typography List CSS*****************/
/* ============================================================== */
/* ========================= Responsive Images CSS ============== */
/* ============================================================== */
/* ============================================================== */
/* ========================= Media Query ======================== */
/* ============================================================== */

@media (max-width: 767px) {
    .newsletter {
        clear: both;
    }
    .price-block-style1,
    .price-block-style2,
    .price-block-style3 {
        margin-bottom: 30px;
    }
    .recent-post,
    .newsletter,
    .address,
    .resources {
        padding-top: 30px;
    }
    #sliderFrame {
        width: auto !important;
    }
    #slider,
    #slider div.sliderInner {
        width: auto !important;
    }
}
@media (min-width: 768px @screen-sm-min) and (max-width: 992px @screen-sm-max) {
    ...
}
@media (min-width: 992px @screen-md-min) and (max-width: 1024px @screen-md-max) {
    ...
}
@media (min-width: 1024px @screen-lg-min) {
    ...
}
/* =========================================================  */
/* =================== Menu CSS=============================  */
/* =========================================================  */
/* ============================================================== */
/* ======================= CookieBar CSS ======================== */
/* ============================================================== */

#cookie-bar {
    background: #111111;
    line-height: 24px;
    color: #eeeeee;
    text-align: center;
    padding: 12px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999999999999;
}
#cookie-bar.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
#cookie-bar p {
    margin: 0;
    padding: 0;
}
#cookie-bar a {
    color: #ffffff;
    display: inline-block;
    border-radius: 3px;
    text-decoration: none;
    padding: 0 6px;
    margin-left: 8px;
}
#cookie-bar .cb-enable {
    background: #007700;
}
#cookie-bar .cb-enable:hover {
    background: #009900;
}
#cookie-bar .cb-disable {
    background: #990000;
}
#cookie-bar .cb-disable:hover {
    background: #bb0000;
}
#cookie-bar .cb-policy {
    background: #0033bb;
}
#cookie-bar .cb-policy:hover {
    background: #0055dd;
}
.scroll i {
    font-size: 2em;
    padding: 10px;
}
.slidetitle h2 {
    margin-bottom: 0;
    padding: 10px;
}
.slidetitle p {
    padding: 10px;
}
.flex_title {
    font-size: 20px;
    margin-top: 0;
    padding-bottom: 0;
    position: absolute;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    white-space: nowrap;
    width: auto;
}
.bx-pager-item {
    float: left;
}
.slidetitle {
    bottom: 10%;
    left: 5%;
}
.bx-wrapper .bx-controls-direction a {
    display: none;
}
.bx-caption {
    display: none;
}