@charset "UTF-8";
/* Journal - Advanced Opencart Theme Framework Version 2.6.7 Copyright (c) 2016 Digital Atelier http://journal.digital-atelier.com/ */
/****************************** RESET *******************************/
 html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, small, strong, b, i, dl, dt, dd, form, label, footer, header, menu, nav, section {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
}
 body {
     overflow-x: hidden;
}
 article, aside, details, figcaption, figure, footer, header, menu, nav, section {
     display: block;
}
 textarea:focus, input:focus, select:focus, button:focus {
     outline: none;
}
 header *, #container *, footer *, #top-modules *, #bottom-modules * {
     box-sizing: border-box;
}
 * {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     -webkit-tap-highlight-color: transparent;
}
 .clearfix {
     clear: both;
     display: block;
}
 :before, :after {
     font-family: 'journal-icons';
     position: relative;
     font-style: normal;
     font-variant: normal;
     font-weight: normal;
     color: inherit;
     font-size: inherit;
     display: inline-block;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
}
 i {
     position: relative;
     font-style: normal;
     vertical-align: middle;
}
 i img {
     position: relative;
     vertical-align: middle;
}
/****************************** JOURNAL GRID *******************************/
 .xl-5 {
     width: 5%;
}
 .xl-10 {
     width: 10%;
}
 .xl-15 {
     width: 15%;
}
 .xl-20 {
     width: 20%;
}
 .xl-25 {
     width: 25%;
}
 .xl-30 {
     width: 30%;
}
 .xl-35 {
     width: 35%;
}
 .xl-40 {
     width: 40%;
}
 .xl-45 {
     width: 45%;
}
 .xl-50 {
     width: 50%;
}
 .xl-55 {
     width: 55%;
}
 .xl-60 {
     width: 60%;
}
 .xl-65 {
     width: 65%;
}
 .xl-70 {
     width: 70%;
}
 .xl-75 {
     width: 75%;
}
 .xl-80 {
     width: 80%;
}
 .xl-85 {
     width: 85%;
}
 .xl-90 {
     width: 90%;
}
 .xl-95 {
     width: 95%;
}
 .xl-100 {
     width: 100%;
}
 .xl-11 {
     width: 11.11111111111111%;
}
 .xl-12 {
     width: 12.5%;
}
 .xl-14 {
     width: 14.28571428571429%;
}
 .xl-16 {
     width: 16.66666666666666%;
}
 .xl-33 {
     width: 33.33333333333333%;
}
 .xl-66 {
     width: 66.66666666666666%;
}
 .xs-5, .xs-10, .xs-15, .xs-20, .xs-25, .xs-30, .xs-35, .xs-40, .xs-45, .xs-50, .xs-55, .xs-60, .xs-65, .xs-70, .xs-75, .xs-80, .xs-85, .xs-90, .xs-95, .xs-100, .xs-33, .xs-66, .sm-5, .sm-10, .sm-15, .sm-20, .sm-25, .sm-30, .sm-35, .sm-40, .sm-45, .sm-50, .sm-55, .sm-60, .sm-65, .sm-70, .sm-75, .sm-80, .sm-85, .sm-90, .sm-95, .sm-100, .sm-33, .sm-66, .md-5, .md-10, .md-15, .md-20, .md-25, .md-30, .md-35, .md-40, .md-45, .md-50, .md-55, .md-60, .md-65, .md-70, .md-75, .md-80, .md-85, .md-90, .md-95, .md-100, .md-33, .md-66, .lg-5, .lg-10, .lg-15, .lg-20, .lg-25, .lg-30, .lg-35, .lg-40, .lg-45, .lg-50, .lg-55, .lg-60, .lg-65, .lg-70, .lg-75, .lg-80, .lg-85, .lg-90, .lg-95, .lg-100, .lg-33, .lg-66, .xl-5, .xl-10, .xl-15, .xl-20, .xl-25, .xl-30, .xl-35, .xl-40, .xl-45, .xl-50, .xl-55, .xl-60, .xl-65, .xl-70, .xl-75, .xl-80, .xl-85, .xl-90, .xl-95, .xl-100, .xl-33, .xl-66 {
     min-height: 1px;
     float: left;
}
 .xs-11, .xs-12, .xs-14, .xs-16, .sm-11, .sm-12, .sm-14, .sm-16, .md-11, .md-12, .md-14, .md-16, .lg-11, .lg-12, .lg-14, .lg-16, .xl-11, .xl-12, .xl-14, .xl-16 {
     min-height: 1px;
     float: left;
}
/****************************** GENERAL STRUCTURE *******************************/
 .j-min {
     height: 40px;
}
 .j-med {
     height: 80px;
}
 .j-tall {
     height: 120px;
}
 .j-50 {
     height: 50px;
}
 .j-100 {
     height: 100px;
}
 .z-0 {
     z-index: 0;
}
 .z-1 {
     z-index: 1;
}
 .z-2 {
     z-index: 2;
}
 .z-3 {
     z-index: 3;
}
 .z-4 {
     z-index: 4;
}
 .z-5 {
     z-index: 5;
}
 .z-6 {
     z-index: 6;
}
 .z-7 {
     z-index: 7;
}
 .z-8 {
     z-index: 8;
}
 .z-9 {
     z-index: 9;
}
 body {
     font-size: 13px;
     font-family: Helvetica, Arial, sans-serif;
}
/****************************** CONTENT *******************************/
 #container {
     max-width: 1024px;
     position: relative;
     margin: 0 auto;
     background-color: transparent;
     z-index: 3;
}
 .heading-title, .box-heading {
     line-height: 37px;
     height: 40px;
     font-size: 15px;
     font-weight: normal;
     text-transform: uppercase;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .heading-title {
     margin-bottom: 17px;
}
 .secondary-title {
     font-family: Helvetica, Arial, sans-serif;
     font-size: 17px;
     color: #5C8BA6;
}
 #content {
     position: relative;
     z-index: 2;
     padding: 20px 20px 0 20px;
     background-color: transparent;
    /* -webkit-transform: translate3d(0, 0, 0);
    */
}
 #content:after {
     content: ".";
     display: block;
     clear: both;
     height: 0;
     visibility: hidden;
}
 .box {
     position: relative;
}
 #content .content ul, #content .content li {
     margin: 0;
     padding: 0;
     list-style: none;
     position: relative;
}
 #content .content ul {
     margin: 8px 0;
}
 #content .content > ul > li > a {
     display: inline-block;
     padding: 4px 0 4px 10px;
     font-size: inherit;
}
/****************************** BUTTONS / LINKS *******************************/
 a {
     color: #333745;
     text-decoration: none;
     cursor: pointer;
}
 button {
     border: none;
     background-color: transparent;
     padding: 0;
}
 .button {
     cursor: pointer;
     font-size: 14px;
     transition: color .2s, background-color .2s;
     padding: 0 12px;
     border: 0;
     line-height: 32px;
     background-color: transparent;
     display: inline-block;
     -webkit-appearance: none;
     text-align: center;
}
 .button i:before {
     padding: 0 1px;
}
 .cart {
     position: relative;
}
 .button-disabled {
     opacity: .5;
     cursor: default;
}
 .button-disabled:before, .button-disabled:after {
     display: none !important;
}
 .buttons {
     overflow: hidden;
     padding: 15px 0;
     line-height: 30px;
     margin: 20px 0 20px 0;
}
 .buttons .left {
     padding-top: 2px;
}
 .buttons .left {
     float: left;
     text-align: left;
}
 .buttons .right {
     float: right;
     text-align: right;
}
 .buttons .right a {
     text-decoration: none !important;
}
 .buttons .center {
     float: left;
     text-align: center;
     margin-left: auto;
     margin-right: auto;
}
 hr {
     border: 0;
     background-color: #E4E4E4;
     height: 1px;
     margin: 0;
}
/****************************** BREADCRUMB *******************************/
 .breadcrumb {
     margin: 0 auto;
     padding: 0 15px;
     height: 40px;
     line-height: 38px;
     position: relative;
     z-index: 1;
     white-space: nowrap;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     border: 0;
}
 .breadcrumb a {
     color: inherit;
     font-size: inherit;
     transition: all .2s ease;
     display: inline-block;
     vertical-align: middle;
}
 ul.breadcrumb {
     list-style: none;
}
 ul.breadcrumb li {
     display: inline-block;
}
 ul.breadcrumb li a {
     margin: 0 4px;
}
 ul.breadcrumb li:before {
     content: "»";
}
 ul.breadcrumb li:first-of-type a {
     margin-left: 0;
}
 ul.breadcrumb li:first-of-type:before {
     display: none;
}
 .extended-container {
     position: relative;
     z-index: 10;
}
 .extended-container:before {
     content: "";
     display: block;
     width: 100%;
     height: 40px;
     position: absolute;
}
 .home-page .extended-container:before, .maintenance-mode .extended-container:before {
     display: none;
}
 .home-page #container:before {
     content: "";
     display: block;
     position: absolute;
     left: 50%;
     top: 0;
}
 .maintenance-message {
     padding-bottom: 20px;
     padding-top: 20px;
}
 .maintenance-message h1 {
     line-height: 30px;
}
 .maintenance-message h1 br {
     display: none;
}
/****************************** NOTIFICATION *******************************/
 .journal-slider + #container > #notification {
     display: none;
}
 #notification {
     position: absolute;
     z-index: 2;
     width: 100%;
}
 .success, .warning, .information, .attention {
     width: 100%;
     position: relative;
     z-index: 2;
     height: auto;
     padding: 10px 15px;
     line-height: 20px;
}
 .success a, .warning a, .information a, .attention a {
     color: #428bca;
}
 .success img, .warning img, .information img, .attention img {
     float: right;
     margin-top: 6px;
     cursor: pointer;
     display: block;
}
 .success {
     background-color: #CDECA6;
}
 .warning {
     background-color: #FBE3A7;
}
 .attention {
     background-color: #FBE3A7;
}
 .information {
     background-color: #BFE7F1;
}
 .fa-exclamation-circle {
     font-size: 17px;
}
/****************************** INPUTS *******************************/
 .required, .cart-info .stock {
     color: #EA2E49;
     font-size: 16px;
}
 input[type='text'], input[type='email'], input[type='password'], input[type='tel'], textarea {
     -webkit-appearance: none;
     background: white;
     border-radius: 0px;
     border: 1px solid #E4E4E4;
     padding: 8px;
     width: 100%;
     transition: all 0.2s;
     font-size: 13px;
     box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.08);
}
 textarea {
     width: 100%;
     max-width: 100%;
     resize: none;
     height: 150px;
}
 input[type='radio'], input[type='checkbox'] {
     margin: 5px;
}
 select {
     background: #f4f4f4;
     border: 1px solid #E4E4E4;
     padding: 5px;
     margin: 5px;
     max-width: 100%;
}
 label {
     cursor: pointer;
     padding-right: 20px;
}
 span.error, .text-danger {
     display: inline-block;
     background-color: #EA2E49;
     color: white;
     padding: 3px 4px 2px 4px;
     font-size: 12px;
     position: relative;
}
/****************************** COLORBOX *******************************/
 #cboxLoadedContent h1 {
     padding-bottom: 2px;
     display: inline-block;
     border-bottom: 1px solid #E4E4E4;
     margin: 10px 0 10px 10px;
     font-size: 24px;
}
 #cboxLoadedContent p {
     padding: 0 10px;
}
/****************************** RESPONSIVE VIDEO *******************************/
 .responsive-video {
     position: relative;
     padding-bottom: 56.25%;
     padding-top: 30px;
     height: 0;
     overflow: hidden;
}
 .responsive-video > iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .extended-layout #column-left {
     padding: 20px 0 0 0;
     width: 220px;
}
 .extended-layout #column-right {
     padding: 20px 0 0 0;
     width: 220px;
}
 .extended-layout #column-left + #content {
     padding: 20px 0 0 20px;
     margin-left: 220px;
}
 .extended-layout #column-right + #content {
     padding: 20px 20px 0 0;
     margin-right: 220px;
}
 .extended-layout #column-left + #column-right + #content {
     padding: 20px 20px 0 20px;
     margin-left: 220px;
     margin-right: 220px;
}
 .extended-layout #content {
     padding: 20px 0 0 0;
}
/****************************** TOP BOTTOM POSITION *******************************/
 #top-modules, #bottom-modules {
     z-index: 1;
}
 #top-modules > div, #bottom-modules > div {
     margin: 0 auto;
     overflow: hidden;
     z-index: 1;
}
 #top-modules > div.journal2_slider, #top-modules > div.gutter, #bottom-modules > div.journal2_slider, #bottom-modules > div.gutter {
     padding: 0;
}
 #top-modules > div > div, #bottom-modules > div > div {
     position: relative;
     margin: 0 auto;
}
 #top-modules .box.static-banners, #top-modules .multi-modules-wrapper, #top-modules .box.journal-carousel .box.custom-sections, #top-modules .box.cms-blocks, #bottom-modules .box.static-banners, #bottom-modules .multi-modules-wrapper, #bottom-modules .box.journal-carousel .box.custom-sections, #bottom-modules .box.cms-blocks {
     padding-bottom: 0 !important;
}
 #top-modules .multi-modules-wrapper, #bottom-modules .multi-modules-wrapper {
     margin-bottom: -20px;
}
 #top-modules {
     position: relative;
}
 .ui-menu {
     z-index: 99 !important;
}
/****************************** OC 2 *******************************/
 .oc2 .extended-layout #column-left + .row #content {
     padding: 20px 0 0 20px;
     margin-left: 220px;
}
 .oc2 .extended-layout #column-right + .row #content {
     padding: 20px 20px 0 0;
     margin-right: 220px;
}
 .oc2 .extended-layout #column-left + #column-right + .row #content {
     padding: 20px 20px 0 20px;
     margin-left: 220px;
     margin-right: 220px;
}
 .oc2.information-page #content {
     padding-bottom: 20px;
}
 .oc2 .required {
     color: inherit;
}
 .oc2 .required label {
     font-weight: normal;
}
 .oc2 .required label:before {
     content: "* ";
     color: #000;
     font-weight: bold;
     font-size: 16px;
     position: relative;
     top: 3px;
     margin-right: 3px;
}
 .oc2 fieldset {
     border: none;
     padding: 0;
     margin: 0;
}
 .oc2 fieldset > div {
     clear: both;
     margin-bottom: 6px;
     overflow: hidden;
}
 .oc2 fieldset .radio {
     padding-top: 7px;
}
 .oc2 fieldset .radio label {
     width: 100%;
     padding-top: 0;
}
 .oc2 fieldset .radio label:before {
     display: none;
}
 .oc2 fieldset label {
     width: 25%;
     float: left;
     display: block;
     padding-top: 7px;
}
 .oc2 fieldset label + div, .oc2 fieldset label + input.form-control {
     width: 75%;
     float: right;
}
 .oc2 fieldset .radio-inline {
     width: auto;
}
 .oc2 fieldset .radio-inline:before {
     display: none;
}
 .oc2 .form-horizontal .form-group {
     overflow: hidden;
     margin-bottom: 5px;
}
 .oc2 .form-horizontal .form-group label {
     width: 25%;
     float: left;
     display: block;
     padding-top: 7px;
}
 .oc2 .form-horizontal .form-group label + div {
     width: 75%;
     float: right;
}
 .oc2 .secondary-title {
     margin-bottom: 10px;
}
 .oc2 .input-group {
     display: table;
     position: relative;
}
 .oc2 .input-group .form-control {
     float: left;
     display: table-cell;
}
 .oc2 .input-group-btn {
     font-size: 14px;
     display: table-cell;
     vertical-align: middle;
}
 .oc2 .input-group-btn button {
     padding: 6px 12px 9px 12px;
     cursor: pointer;
     font-size: 12px;
     box-shadow: none;
}
 .oc2 .input-group-btn button:hover {
     transition: all 0.2s;
}
 .oc2 .date .input-group-btn button, .oc2 .time .input-group-btn button, .oc2 .datetime .input-group-btn button {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
}
 .oc2 .fa {
     font-size: 14px;
}
 .oc2 .fa:before {
     font-family: 'FontAwesome';
}
 .oc2 .captcha-row .pull-right {
     float: none;
     margin-left: 25%;
}
 .oc2 .alert button {
     font-size: 15px;
     position: absolute;
     right: 10px;
     cursor: pointer;
}
 .oc2.firefox .input-group-btn {
     display: inline-block;
}
 .oc2.route-account-register .form-horizontal .radio {
     padding-top: 0;
}
 .oc2.route-account-register .form-horizontal .radio label {
     width: auto;
     float: none;
     padding-top: 0;
}
 .oc2.route-account-register .form-horizontal label.radio-inline {
     width: auto;
}
 .modal {
     color: #222;
}
 .old-browser {
     display: table;
     width: 100%;
     text-align: center;
     font-size: 16px;
     color: #ffffff;
     background-color: #f74558;
     height: 60px;
     line-height: 60px;
     position: fixed;
     z-index: 9999999;
     top: 0;
}
 .old-browser a {
     text-decoration: underline;
     color: #fff;
}
 .oc1 .ui-datepicker {
     z-index: 99999999 !important;
}
 .i6 body, .ie7 body, .ie8 body {
     padding-top: 60px;
}
 .tooltip + .tooltip {
     visibility: visible;
}
 .android:not(.chrome) .product-grid-item .name a {
     display: block;
}
 @media only screen and (min-width: 1366px) {
     .extended-container .container .row .product-page-content .row.product-info .right{
         position: fixed;
         left: 57%;
         max-width: 500px;
    }
     .extended-container .container .row .product-page-content .row.product-info .right.relative{
         position: absolute;
         bottom: 50px;
         left: 60%;
         max-width: 500px;
    }
}
 .product-page-content #product select{
     width:100% !important;
}
 @media only screen and (min-width: 1366px) and (max-width:1920px){
     .extended-container .container .row .product-page-content .row.product-info .right{
         left: 56.5%;
    }
}
 @media only screen and (min-width: 1366px) and (max-width:1440px){
     .extended-container .container .row .product-page-content .row.product-info .right {
         left: 59%;
    }
}
 @media only screen and (min-width: 1626px) and (max-width:1650px){
     .extended-container .container .row .product-page-content .row.product-info .right{
         left: 57.5%;
    }
}
 @media only screen and (max-width: 1460px) and (min-width: 1440px) {
     .extended-container .container .row .product-page-content .row.product-info .right{
         left: 58.5%;
    }
}
/* @media only screen and (min-width: 1366px) and (max-width:1280px){
     .extended-container .container .row .product-page-content .row.product-info .right {
         left: 60%;
    }
}
 @media only screen and (min-width: 1366px) and (max-width:1024px){
     .extended-container .container .row .product-page-content .row.product-info .right{
         position: absolute;
         bottom: inherit;
         left: 60%;
         max-width: 500px;
    }
}
 */
 ul.breadcrumb {
    display: none;
}
 .top-video {
     height:100%;
     text-align:center;
     margin-bottom:80px;
     padding:0px 16%;
     min-height:485px;
}
 .all-video {
     padding: 0px 15%;
    margin-bottom:50px;
}
 .toplist {
     height:450px;
}
 .journal-popup p img {
     max-height: 300px;
    margin-top: 10px;
}
 .journal-popup .journal-newsletter .box-content {
     margin-top: 0px;
     min-height: 130px;
}
 .journal-login{
     transform: translateY(0%);
     transition-delay: 0s, 0s, 0.3s;
}
 .video-wraper{
    padding:0px 10px;
}
 .top-video iframe {
     width:100%;
     height:482px;
}
 .journal-blog-page #container.container.j-container,.journal-blog-post-page #container.container.j-container{
    /*max-width:1000px;
    */
}
 .journal-blog-page #content,.journal-blog-post-page #content{
    width:80%;
    margin: 0px auto;
}
 .journal-blog-post-page .more{
    width:80%;
    margin: 0px auto;
}
 .route-journal2-blog-post #content{
    width:100%;
    margin: 0px auto;
}
 .page-information #content,.route-information-contact #container{
    max-width: 1000px;
     margin: 0px auto;
}
 .width80{
    width:80%;
     margin: 0px auto;
}
 .button, #quickcheckout .button, .modal-footer .btn{
     background-color: rgb(0, 0, 0) !important;
     font-weight: bold !important;
     font-family: Helvetica, Arial, sans-serif !important;
     font-style: normal !important;
     font-size: 16px;
     text-transform: uppercase !important;
     color: rgb(255, 255, 255) !important;
     border-radius: 0px !important;
}
 .information-page-9 #top-modules .journal2_slider {
    width:80%;
}
 .information-page-9 #top-modules {
     position: relative;
     max-width: 1000px;
     margin: 0px auto;
}
 .account-page #container{
    max-width: 1000px;
}
 .account-page div.row{
    width:80%;
    margin: 0px auto;
}
 .account-page .row.login-content {
     width: 100%;
}
 .home-page .multi-modules-wrapper {
     max-width: 1000px !important;
}
/*.home-page .multi-modules-wrapper .box.multi-modules {
     width:80%;
     margin: 0px auto !important;
     float: none;
}
*/
 .journal-popup-content p {
     text-align: center;
}
 .blog-post .heading-title {
     line-height: 36px !important;
}
 .account-page div.row.contacts , .account-page div.row.columns {
     width: 100%;
}
 .information-page-14 #top-modules {
     position: relative;
     max-width: 1000px;
     margin: 0px auto;
}
 .information-page-14 .cms-block{
    padding-right: 0px;
}
 .post-details {
    padding: 8px 0px;
}
 .second-image-wrap{
    text-align:right;
    float: right;
    margin-left: 15px;
}
 .width80.page-press-news img {
     max-width: 100%;
     margin: 0px auto;
     float: none;
}
 .vdtitle {
     margin-top: 15px !important;
     font-size: 12px !important;
}
 .all-video .s-100 {
     min-height: 250px;
}
 .image-left {
     float: left;
     width: 46%;
     margin-right: 4%;
     padding-bottom: 50px;
}
 .image-right {
     float: right;
     width: 46%;
     margin-left: 4%;
     padding-bottom: 50px;
}
 .image-left2 {
     padding-top:100px;
     width:36%;
     margin-left: 0%;
     padding-bottom: 50px;
     float:left;
}
 .image-right2 {
     width:48%;
     float:right;
     margin-left: 12%;
     padding-bottom: 50px;
}
 .post-details {
}
 .post-details p {
     line-height: 24px !important;
}
 .text-center {
     width:70%;
     margin: 0 auto;
     padding-top: 65px;
     padding-bottom: 65px;
     letter-spacing: 2px;
     line-height: 24px !important;
     font-size:14px;
}
 .text-center {
     width:80%;
     margin: 0 auto;
     padding-top: 65px;
     padding-bottom: 65px;
     letter-spacing: 2px;
     line-height: 24px !important;
     font-size:14px;
}
 .post-module .box-heading {
     border:none;
}
 .small-desc {
     width:50%;
     text-align:center;
     margin: 0 auto;
     letter-spacing: 2px;
     font-size: 11px;
     padding-top:30px;
}
 .section--text--1 {
     max-width: 635px;
     clear: both;
}
 .section--text {
     display: block;
}
 .section {
     display: -webkit-box;
     display: -ms-flexbox;
     display: block;
     margin: 70px auto;
     position: relative;
}
 .section p {
     overflow: hidden;
     margin: .8em 0;
}
 .article .section--image_gallery {
     display: flex;
     -webkit-box-align: center;
     align-items: center;
     flex-wrap: wrap;
     justify-content: space-around;
     padding: 0 18px;
}
 .article .section--image_gallery figure:only-child {
     margin: 0 167px;
}
 .article .section--image_gallery figure {
     margin: 0 52px;
     width: 0;
     -webkit-box-flex: 1;
     flex-grow: 1;
     flex-shrink: 1;
}
 .article .section--image_gallery img {
     display: block;
     width: 100%;
}
 figcaption {
     margin: 3.8em auto 1em;
}
 figcaption {
     font-size: 11px;
     letter-spacing: 0.05em;
     line-height: 1.4;
     text-align: center;
     margin: 2em auto 3em;
}
 .section--image_gallery--3 figure:nth-child(1) figcaption {
     -webkit-box-ordinal-group: 0;
     -ms-flex-order: -1;
     order: -1;
     margin: 1em auto 3.8em;
}
 .section--image_gallery--3 figure:nth-child(1) {
     width:32%;
     float:left;
     margin-top:150px;
}
 .section--image_gallery--3 figure:nth-child(2) {
     width:51%;
     float:right;
}
 figure img {
     display: block;
     margin: 0 auto;
}
 .section--image_gallery--2 figure:nth-child(1) {
     width:43%;
     float:left;
}
 .section--image_gallery--2 figure:nth-child(2) {
     width:43%;
     float:right;
}
 .space {
     height:14px;
}
 .section--image_gallery--left figure:nth-child(1) {
     width:51%;
     float:left;
}
 .section--image_gallery--left figure:nth-child(2) {
     width:32%;
     float:right;
     margin-top:150px;
}
 .stln-text {
     width: 635px;
     clear: both;
     margin: 0 auto;
     margin-top: 35px;
     margin-bottom: 35px;
}
 .stln-image-full {
     margin-top: 35px;
     margin-bottom: 35px;
}
 .stln-image-full img {
     width:100%;
}
 .stln-text img {
     width: 635px;
     clear: both;
     margin: 0 auto;
}
 .stln-image-left {
     margin-top: 35px;
     margin-bottom: 35px;
}
 .stln-image-right {
     margin-top: 35px;
     margin-bottom: 35px;
}
 .stln-image-left img {
     width:51%;
     float:left;
}
 .stln-image-right img {
     width:32%;
     float:right;
     margin-top:150px;
}
 .stln-image-left-sm {
     margin-top: 35px;
     margin-bottom: 35px;
}
 .stln-image-right-sm {
     margin-top: 35px;
     margin-bottom: 35px;
}
 .stln-image-left-sm img {
     width:32%;
     float:left;
     margin-top:150px;
}
 .stln-image-right-sm img {
     width:51%;
     float:right;
}
 .clear {
     clear:both;
}
/*...................code for shouten page.........................*/
 .rows {
     display:block;
     margin-top:20px;
     margin-bottom:20px;
     position:relative;
     float:left;
}
 .left-sm {
     width:30%;
     float:left;
     margin-left:0%;
     margin-right:10%;
     margin-top:200px;
     position:relative;
}
 .right-bg {
     width:56%;
     float:right;
     position:relative;
}
 .left-sm img {
     width:100%;
}
 .right-bg img {
     width:100%;
}
 .left-bb {
     width:34%;
     float:left;
     margin-left:8%;
     margin-right:8%;
     position:relative;
}
 .right-bb {
     width:34%;
     float:right;
     margin-left:8%;
     margin-right:8%;
     position:relative;
}
 .left-bb img {
     width:100%;
}
 .right-bb img {
     width:100%;
}
 .cent-im {
     width:60%;
     margin: 0 auto;
     position:relative;
}
 .cent-im img {
     width:100%;
}
 .left-sm-hover {
     width: 100%;
     padding: 10%;
     text-align: justify;
     margin-top: -180px;
     color: #fff;
     display:none;
     clear:both;
     position:absolute;
     background-color:#000000;
     opacity: 0.6;
}
 .left-sm:hover .left-sm-hover {
     display:block;
}
 .right-bg-hover {
     width: 100%;
     padding: 10%;
     text-align: justify;
     margin-top: -300px;
     color:#fff;
     display:none;
     clear:both;
     position:absolute;
     background-color:#000000;
     opacity: 0.6;
}
 .right-bg:hover .right-bg-hover {
     display:block;
}
 .left-bb-hover {
     width: 100%;
     padding: 10%;
     text-align: justify;
     margin-top: -330px;
     color: #fff;
     display:none;
     clear:both;
     position:absolute;
     background-color:#000000;
     opacity: 0.6;
}
 .left-bb:hover .left-bb-hover {
     display:block;
}
 .right-bb-hover {
     width: 100%;
     padding: 10%;
     text-align: justify;
     margin-top: -330px;
     color:#fff;
     display:none;
     clear:both;
     position:absolute;
     background-color:#000000;
     opacity: 0.6;
}
 .right-bb:hover .right-bb-hover {
     display:block;
}
 .cent-im-hover {
     width: 100%;
     padding: 10%;
     text-align: justify;
     margin-top: -300px;
     color:#fff;
     display:none;
     clear:both;
     position:absolute;
     background-color:#000000;
     opacity: 0.6;
}
 .cent-im:hover .cent-im-hover {
     display:block;
}
 .post-details p {
     letter-spacing: 2px;
}
/*...................code for shouten page.........................*/
 @media only screen and (max-width: 321px) {
     .information-page-14 .tp-caption:nth-child(3) {
         left: 5.056px!important;
         font-size: 12px!important;
    }
}
 @media only screen and (max-width: 400px) and (min-width: 320px) {
     .information-page-14 .tp-caption:nth-child(3) {
         left: 45px!important 
    }
     .home-page .tp-caption{
    }
}
 @media only screen and (max-width: 480px) and (min-width: 401px) {
     .information-page-14 .tp-caption:nth-child(3) {
         left: 60px !important;
    }
     .home-page .tp-caption{
    }
}
 @media only screen and (max-width: 480px) and (min-width: 320px) {
     .information-page-14 .tp-caption:nth-child(3) {
         font-size: 12px!important;
    }
     .top-video {
         min-height: 230px!important;
         height: 230px!important;
         margin-bottom: 60px!important;
    }
     .vdtitle {
         color: #000!important;
         display: block;
         margin-bottom: 5px !important;
         margin-top: 10px !important;
         font-size: 12px !important;
    }
     .all-video .sm-50 {
         width: 50%;
         float: left;
         min-height: 230px!important;
        ;
    }
     .toplist {
         height: 230px!important;
    }
     .route-information-video #content {
         padding: 10px 5px 0 5px!important;
    }
     .image-left {
         width: 100%;
         margin-right: 0%;
         padding-bottom: 50px;
    }
     .image-right {
         width: 100%;
         margin-left: 0%;
         padding-bottom: 50px;
    }
     .image-left2 {
         padding-top:10px;
         width:100%;
         margin-left: 0%;
    }
     .image-right2 {
         width:100%;
         margin-right: 0%;
    }
     .post-details img {
         width: 100%;
    }
     .small-desc {
         width:90%;
         text-align:center;
         margin: 0 auto;
    }
     .small-desc {
         width:100%!important;
         text-align:center!important;
         margin: 0 auto!important;
         letter-spacing: 2px;
         font-size: 11px;
    }
     .section--text--1 {
         max-width: 100%!important;
         clear: both!important;
    }
     .small-desc {
         width:100%!important;
         text-align:center!important;
         margin: 0 auto!important;
    }
     .section--text--1 {
         max-width: 100%;
         clear: both;
    }
     .section--text--1 figure{
         width:100%!important;
         margin: 0 auto!important;
    }
     .section--image_gallery--3 figure:nth-child(1) {
         width:100%!important;
         float:none!important;
         margin-top:1px!important;
         margin: 0 auto!important;
    }
     .section--image_gallery--3 figure:nth-child(2) {
         width:100%!important;
         float:none!important;
         margin: 0 auto!important;
    }
     .section--image_gallery--2 figure:nth-child(1) {
         width:100%!important;
         float:none!important;
         margin-top:1px!important;
         margin: 0 auto!important;
    }
     .section--image_gallery--2 figure:nth-child(2) {
         width:100%!important;
         float:none!important;
         margin: 0 auto!important;
    }
     .section--image_gallery--left figure:nth-child(1) {
         width:100%!important;
         float:npne!important;
         margin: 0 auto!important;
    }
     .section--image_gallery--left figure:nth-child(2) {
         width:100%!important;
         float:none!important;
         margin: 0 auto!important;
    }
     .section--image_gallery--1 figure{
         width:100%!important;
         float:none!important;
         margin: 0 auto!important;
    }
     .post-details {
         background-color: rgb(255, 255, 255);
         width: 85%!important;
        ;
         margin: 0 auto!important;
        ;
    }
     .stln-text {
         width: 100%;
         margin: 0 auto;
         margin-top: 35px;
         margin-bottom: 35px;
    }
     .stln-image-full img {
         width:100%;
    }
     .stln-text img {
         width: 100%;
         clear: both;
         margin: 0 auto;
    }
     .stln-image-left img {
         width:100%;
    }
     .stln-image-right img {
         width:100%;
         margin-top: 35px;
         margin-bottom: 35px;
    }
     .stln-image-left-sm img {
         width:100%;
         margin-top: 35px;
         margin-bottom: 35px;
    }
     .stln-image-right-sm img {
         width:100%;
    }
     .left-sm {
         width:100%;
         float:left;
         margin-left:0%;
         margin-right:0%;
         position:relative;
         margin-top: 5px;
         margin-bottom:5px;
    }
     .right-bg {
         width:100%;
         float:right;
         position:relative;
         margin-top: 5px;
         margin-bottom:5px;
    }
     .left-sm-hover {
         width: 100%;
         padding: 10%;
         text-align: justify;
         margin-top: -63%;
         color: #fff;
         display:none;
         clear:both;
         position:absolute;
         background-color:#000000;
         opacity: 0.6;
    }
     .right-bg-hover {
         width: 100%;
         padding: 10%;
         text-align: justify;
         margin-top: -57%;
         color:#fff;
         display:none;
         clear:both;
         position:absolute;
         background-color:#000000;
         opacity: 0.6;
    }
     .left-bb {
         width:100%;
         float:left;
         margin-left:0%;
         margin-right:0%;
         position:relative;
         margin-top: 5px;
         margin-bottom:5px;
    }
     .right-bb {
         width:100%;
         float:right;
         margin-left:0%;
         margin-right:0%;
         position:relative;
         margin-top: 5px;
         margin-bottom:5px;
    }
     .left-bb-hover {
         width: 100%;
         padding: 10%;
         text-align: justify;
         margin-top: -100%;
         color: #fff;
         display:none;
         clear:both;
         position:absolute;
         background-color:#000000;
         opacity: 0.6;
    }
     .right-bb-hover {
         width: 100%;
         padding: 10%;
         text-align: justify;
         margin-top: -100%;
         color:#fff;
         display:none;
         clear:both;
         position:absolute;
         background-color:#000000;
         opacity: 0.6;
    }
     .cent-im {
         width:100%;
         margin: 0 auto;
         position:relative;
    }
     .cent-im-hover {
         width: 100%;
         padding: 10%;
         text-align: justify;
         margin-top: -60%;
         color:#fff;
         display:none;
         clear:both;
         position:absolute;
         background-color:#000000;
         opacity: 0.6;
    }
}
/*----------------------Code for banner--------------------------- */
/*-----------------------Code for banner-------------------------- */
 @media only screen and (max-width: 766px) and (min-width: 479px) {
     .image-left {
         width: 100%;
         margin-right: 0%;
         padding-bottom: 50px;
    }
     .image-right {
         width: 100%;
         margin-left: 0%;
         padding-bottom: 50px;
    }
     .image-left2 {
         padding-top:10px;
         width:100%;
         margin-left: 0%;
    }
     .image-right2 {
         width:100%;
         margin-right: 0%;
    }
     .post-details img {
         width: 100%;
    }
     .small-desc {
         width:100%;
         text-align:center;
         margin: 0 auto;
    }
     .section--text--1 {
         max-width: 100%;
         clear: both;
    }
     .section--text--1 figure{
         width:100%!important;
         margin: 0 auto!important;
    }
     .section--image_gallery--3 figure:nth-child(1) {
         width:100%!important;
         float:none!important;
         margin-top:1px!important;
         margin: 0 auto!important;
    }
     .section--image_gallery--3 figure:nth-child(2) {
         width:100%!important;
         float:none!important;
         margin: 0 auto!important;
    }
     .section--image_gallery--2 figure:nth-child(1) {
         width:100%!important;
         float:none!important;
         margin-top:1px!important;
         margin: 0 auto!important;
    }
     .section--image_gallery--2 figure:nth-child(2) {
         width:100%!important;
         float:none!important;
         margin: 0 auto!important;
    }
     .section--image_gallery--left figure:nth-child(1) {
         width:100%!important;
         float:npne!important;
         margin: 0 auto!important;
    }
     .section--image_gallery--left figure:nth-child(2) {
         width:100%!important;
         float:none!important;
         margin: 0 auto!important;
    }
     .section--image_gallery--1 figure{
         width:100%!important;
         float:none!important;
         margin: 0 auto!important;
    }
     .post-details {
         background-color: rgb(255, 255, 255);
         width: 85%!important;
        ;
         margin: 0 auto!important;
        ;
    }
     .stln-text {
         width: 100%;
         margin: 0 auto;
         margin-top: 35px;
         margin-bottom: 35px;
    }
     .stln-image-full img {
         width:100%;
    }
     .stln-text img {
         width: 100%;
         clear: both;
         margin: 0 auto;
    }
     .stln-image-left img {
         width:100%;
    }
     .stln-image-right img {
         width:100%;
         margin-top: 35px;
         margin-bottom: 35px;
    }
     .stln-image-left-sm img {
         width:100%;
         margin-top: 35px;
         margin-bottom: 35px;
    }
     .stln-image-right-sm img {
         width:100%;
    }
     .left-sm {
         width:100%;
         float:left;
         margin-left:0%;
         margin-right:0%;
         position:relative;
         margin-top: 5px;
         margin-bottom:5px;
    }
     .right-bg {
         width:100%;
         float:right;
         position:relative;
         margin-top: 5px;
         margin-bottom:5px;
    }
     .left-sm-hover {
         width: 100%;
         padding: 10%;
         text-align: justify;
         margin-top: -63%;
         color: #fff;
         display:none;
         clear:both;
         position:absolute;
         background-color:#000000;
         opacity: 0.6;
    }
     .right-bg-hover {
         width: 100%;
         padding: 10%;
         text-align: justify;
         margin-top: -100%;
         color:#fff;
         display:none;
         clear:both;
         position:absolute;
         background-color:#000000;
         opacity: 0.6;
    }
     .left-bb {
         width:100%;
         float:left;
         margin-left:0%;
         margin-right:0%;
         position:relative;
         margin-top: 5px;
         margin-bottom:5px;
    }
     .right-bb {
         width:100%;
         float:right;
         margin-left:0%;
         margin-right:0%;
         position:relative;
         margin-top: 5px;
         margin-bottom:5px;
    }
     .left-bb-hover {
         width: 100%;
         padding: 10%;
         text-align: justify;
         margin-top: -100%;
         color: #fff;
         display:none;
         clear:both;
         position:absolute;
         background-color:#000000;
         opacity: 0.6;
    }
     .right-bb-hover {
         width: 100%;
         padding: 10%;
         text-align: justify;
         margin-top: -100%;
         color:#fff;
         display:none;
         clear:both;
         position:absolute;
         background-color:#000000;
         opacity: 0.6;
    }
     .cent-im {
         width:100%;
         margin: 0 auto;
         position:relative;
    }
     .cent-im-hover {
         width: 100%;
         padding: 10%;
         text-align: justify;
         margin-top: -60%;
         color:#fff;
         display:none;
         clear:both;
         position:absolute;
         background-color:#000000;
         opacity: 0.6;
    }
}
 @media only screen and (max-width: 979px) and (min-width: 768px){
     .section--image_gallery--3 figure:nth-child(1) {
         width:30%;
         float:left;
         margin-top:150px;
    }
     .section--image_gallery--3 figure:nth-child(2) {
         width:48%;
         float:right;
    }
     figure img {
         display: block;
         margin: 0 auto;
    }
     .section--image_gallery--2 figure:nth-child(1) {
         width:39%!important;
         float:left!important;
    }
     .section--image_gallery--2 figure:nth-child(2) {
         width:39%!important;
         float:right!important;
    }
}
/*CSS Added */
 .home-page .static-banner .banner-overlay i {
     position: absolute!important;
     top: 0px!important;
     left: 0px!important;
     bottom: 0px!important;
     right: 0px!important;
     margin: auto!important;
     max-width: 200px;
     max-height: 100px;
}
 .home-page .static-banner .banner-overlay {
     position: absolute;
     top: 0px!important;
     left: 0px!important;
     bottom: auto!important;
     right: 0px!important;
     display: block;
     visibility: hidden;
     opacity: 0;
     width:100%;
     height:100%;
     margin:auto;
     transition: all 0.2s;
}
 #swipebox-close {
     background: url(../image/cancel.png);
     background-size: 25px 25px;
     width: 40px;
     height: 40px;
     background-position: center;
     background-repeat: no-repeat;
}
 #swipebox-close:before {
     content: ' '!important;
}
 .width_65 {
     width:65%;
     margin:0 auto;
}
.information-page #content .width_65 span
  {
  	font-size:13px!important;
  }
 .journal-blog-page       .post-wrapper {
    margin-right: 0px;
    overflow: hidden;
    transition: all 0.2s;
}   
 .journal-blog-page    .post-wrapper {
    margin-bottom: 20px;
    padding: 0px 15px!important;
}
 .journal-blog-page      .journal-blog-feed
      {
	  	display: none;
	  }
	  
	  .box.related-products .box-heading
	  {
	  	font-size:19px;
	  	border:none;
	  }
/*Grid*/
 .home-page #bottom-modules .multi-modules-column.padding_top_40 {
     padding-top:50px!important;
}
 .home-page #bottom-modules .margin_left_75 {
     margin-left:75px!important;
}
 .home-page #bottom-modules .margin_minus_55 {
     margin-bottom: -55px!important;
}
 .home-page #bottom-modules .multi-modules-column.padding_top_80 {
     padding-top:80px!important;
}
 .home-page #bottom-modules .multi-modules-column .box-content.p_20 {
     padding: 20px!important;
    ;
}
 .home-page #bottom-modules .multi-modules-column .box-content.p_r_30 {
     padding-right:30px!important;
    ;
}
 .home-page #bottom-modules .multi-modules-column .box-content.p_l_20 {
     padding-left: 20px!important;
}
/*Grid End*/
 @media only screen and (max-width: 768px) {
    /*Header*/
     #sticky-wrapper.sticky-wrapper {
         position: sticky!important;
         left: 0px;
         width: 100%;
         top: 0px;
         z-index: 999;
    }
     header.sticky-off {
         top: 0 !important;
         position: sticky!important;
         left: 0px;
         width: 100%;
         z-index: 99;
    }
    /*Header End*/
     .home-page #top-modules .journal2_slider,.home-page #bottom-modules .multi-modules-row,.home-page #bottom-modules .journal2_advanced_grid,#top-modules {
         padding: 0px!important;
         margin: 0px!important;
    }
      
      .journal-blog-page .posts {
         margin: 10px;
         text-align: center;
    }
     .journal-blog-page .post-image img {
         width: 100%;
         height: auto;
         float: left;
         margin: 0px ;
    }
     .mobile.information-page .tp-banner-container {
         height:auto!important;    min-height: 220px;
    }
     .mobile.information-page .section--text--1 {
         margin:0px;
    }
     
     .information-page .journal2_slider {
         border: 10px solid #fff;
         border-top:none;
         border-bottom: none;
         padding: 0px!important;
    }
     .home-page .extended-container {
         display: none;
    }
     .home-page .static-banner img {
         border: 10px solid #fff;
         border-bottom: 0px;
    }
     .home-page .static-banner .banner-overlay {
        /*bottom: auto;
         visibility: visible!important;
        opacity: 1!important;
        */
    }
     .home-page .tp-banner-container.box.nav-on-hover.journal-slider {
         height: 600px!important;
    }
     .home-page .static-banner .banner-overlay i {
        /*position: relative!important;
         */
    }
     .home-page .static-banner .banner-overlay i img {
        /* width: auto;
         height: auto;
         float: left;
        */
    }
     .home-page .journal2_slider .tp-caption {
         width: 100%;
         left: 0px!important;
         right: 0px!important;
         font-size: 16px!important;
    }
     .information-page.information-page-14 .journal2_slider .tp-caption 
     {
	 	margin:0px auto!important;
	 	top:80px!important;
	 }
	  .information-page.information-page-14 .journal2_slider  .tp-caption:nth-child(3)
	 {
	 	left:10px!important;
	 	right:10px!important;
	 	text-align: center!important;top: 140px!important;
	 }
     .home-page .journal2_slider:last-child .tp-caption:last-child {
         padding: 20px!important;
         left: 50px!important;
         right: 50px!important;
         width: auto;
         border: 1px solid #fff!important;
    }
     .width_65 {
         width:95%;
         margin:0 auto;
    }
    /*Grid*/
     .home-page #bottom-modules .multi-modules-column.padding_top_40 {
         padding:0px!important;
        margin:0px!important;
    }
     .home-page #bottom-modules .margin_left_75 {
         padding:0px!important;
        margin:0px!important;
    }
     .home-page #bottom-modules .margin_minus_55 {
         padding:0px!important;
        margin:0px!important;
    }
     .home-page #bottom-modules .multi-modules-column.padding_top_80 {
         padding:0px!important;
        margin:0px!important;
    }
     .home-page #bottom-modules .multi-modules-column .box-content.p_20 {
         padding:0px!important;
        margin:0px!important;
    }
     .home-page #bottom-modules .multi-modules-column .box-content.p_r_30 {
         padding:0px!important;
        margin:0px!important;
    }
     .home-page #bottom-modules .multi-modules-column .box-content.p_l_20 {
         padding:0px!important;
        margin:0px!important;
    }
    /*Grid End*/
     .home-page #bottom-modules .multi-modules-wrapper.gutter-on {
         margin:0px!important;
         padding: 0px!important;
    }
}
 @media only screen and (max-width: 480px) {
    /* .home-page .journal2_slider .tp-caption {
         font-size: 14px!important;
         width: 100%;
         margin: 0px!important;
         left: 0px!important;
         line-height: 28px!important;
         right: 0px!important;
    }
     .home-page .journal2_slider .tp-caption {
         top: 0px!important;
         left: 0px!important;
         color: #333!important;
         text-align: left!important;
         padding: 10px!important;
    }
     .home-page .journal2_slider .tp-caption:last-child {
         top: 38px!important;
         left: 0px!important;
    }
     .home-page .journal2_slider:last-child .tp-caption {
         color: #fff!important;
    }
     .home-page .journal2_slider:last-child .tp-caption:last-child:hover {
         color:#fff!important;
    }
    */
}