/*
Theme Name: Mrmarchandise
Theme URI: http://wordpress.org/themes/twentythirteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

body {
    background: #fff;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #999
}

html {
    overflow-x: hidden
}

.center {
    width: 1170px;
    margin: 0 auto
}

img {
    max-width: 100%
}

h1, h2, h3, h4, h5, h6 {
    word-wrap: break-word
}

.home_section1_content br, .home_section2_content br, .home_section3_content br, .home_section4_content br, .home_section5_content br, .home_section6_content br, .home_section7_content br, .home_section8_content br, .home_section9_content br, .home_section10_content br, .home_section11_content br {
    display: none
}

body .no_sidebar {
    width: 100%
}

.complete_divider {
    width: 128px;
    height: 30px;
    margin: 0 auto;
    margin-top: 30px
}

.complete_divider .div_left {
    width: 45px;
    height: 1px;
    background: #999;
    float: left
}

.complete_divider .div_right {
    width: 45px;
    float: left;
    height: 1px;
    background: #999
}

.complete_divider .div_middle {
    float: left;
    margin: 10px;
    margin-top: -10px;
    line-height: 18px
}

.complete_divider .div_middle .fa-heart {
    font-size: 14px
}

.complete_divider .div_middle .fa-bolt {
    font-size: 18px
}

.complete_divider .div_middle .fa-stop {
    font-size: 14px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    position: relative
}

.complete_divider .div_middle i.fa-minus {
    width: 6px;
    position: relative;
    transform: rotate(117deg);
    -webkit-transform: rotate(117deg);
    -moz-transform: rotate(117deg)
}

.complete_divider.title_underline .div_left {
    display: none
}

.complete_divider.title_underline .div_right {
    width: 45px;
    height: 3px;
    margin: 0 auto;
    float: none;
    display: block
}

.complete_divider.title_underline {
    margin-top: 20px
}

.header {
    width: 100%;
    float: left;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    margin-bottom: 140px;
}

.head-info-area {
    width: 100%;
    padding: 10px 0;
    border-bottom: solid 1px #f4f4f4;
    bottom: -1px;
    z-index: 1;
    position: relative;
}

.page .header {
    margin-bottom: 0 !important
}

.head-info-area .left, .head-info-area .right {
    padding: 8px 0
}

.head-info-area .left span.phntp {
    padding-right: 25px;
    margin-right: 25px;
    border-right: solid 1px #f4f4f4;
}

.head-info-area a {
    margin-left: 30px
}

.head-info-area .fa {
    margin-right: 8px
}

.left {
    float: left
}

.right {
    float: right
}

.clear {
    clear: both
}

.header.type3 .logobgcolor, .header.type4 .logobgcolor {
    width: auto;
    display: table;
    padding: 0 3%;
    margin: 0 auto;
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    transform: skew(-30deg);
}

.menubgcolor {
    float: right;
    background: #0089d0;
    /*padding-left: 40px;*/
    position: relative;
    height: 105px;
}

.menubgcolor:before {
    bottom: 0;
    top: 1px;
    content: "";
    position: absolute;
    width: 100px;
    height: 105px;
    left: -60px;
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    transform: skew(-30deg);
    background: #0089d0;
}

.bgmenu {
    position: absolute;
    background: #0089d0;
    height: 100%;
    bottom: 0;
    top: 0;
    content: "";
    right: -99588px;
    width: 99999px;
}

.header.type3 .logobgcolor .logo, .header.type4 .logobgcolor .logo {
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    -ms-transform: skew(30deg);
    -o-transform: skew(30deg);
    transform: skew(30deg);
}

.header.type1 .logobgcolor:after, .header.type2 .logobgcolor:after {
    bottom: 0;
    content: "";
    position: absolute;
    left: -99988px;
    top: 0px;
    width: 99999px;
}

.header.type1 .logobgcolor, .header.type2 .logobgcolor {
    z-index: 10;
    float: left;
    padding-right: 30px;
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    -ms-transform: skew(30deg);
    -o-transform: skew(30deg);
    transform: skew(30deg);
}

.header.type1 .logobgcolor .logo, .header.type2 .logobgcolor .logo {
    height: 105px;
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    transform: skew(-30deg);
}

.logo {
    float: left;
    max-width: 100%;
    position: relative;
    z-index: 9999999
}

.logo h2, .logo h1, .logo h2 a, .logo h1 a {
    text-transform: none
}

.logo h1, .logo h2 {
    float: left;
    font-size: 36px;
    margin: 25px 0 10px;
}

.logo h1 a, .logo h2 a {
    font-weight: 700
}

.logo img {
    border: none;
    margin-bottom: 25px;
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

.centerlogo {
    float: none;
    text-align: center;
    margin: 0 auto;
    background-color: transparent !important
}

.centerlogo .logo {
    float: none !important
}

.centerlogoarea #topmenu {
    text-align: center !important
}

.centerlogo .logo h1, .centerlogo .logo h2 {
    float: none !important
}

.logo_right .logo {
    float: right
}

.logo_right #topmenu {
    float: left
}

.logo_center .logo {
    float: left;
    width: 100%;
    text-align: center
}

.logo_center #topmenu {
    float: left;
    width: 100%;
    text-align: center
}

.logo_center .logo h1, .logo_center .logo h2 {
    float: none
}

.logo_center #topmenu ul.menu > li {
    padding: 10px
}

span.desc {
    display: block;
    clear: both;
    font-size: 11px;
    position: relative;
    top: -7px
}

.head_inner {
    width: 100%;
    float: left;
    top: 0
}

#simple-menu {
    display: block;
    float: right;
    margin-top: 1.5%;
    color: #fff;
    font-size: 36px;
    position: absolute;
    right: 20px;
    top: 15px;
    display: none
}

.pad_menutitle {
    padding: 5%;
    width: 90%
}

.pad_menutitle span {
    display: inline-block;
    float: right;
    cursor: pointer
}

#sidr-main {
    display: none
}

#topmenu {
    text-align: right;
    display: block;
    vertical-align: middle;
    font-size: 0;
    margin-top: 5px;
}

#topmenu.has_bookmark .menu {
    display: inline-block
}

.has_trans_header.home #topmenu {
    vertical-align: initial;
    float: right
}

#topmenu ul {
    margin: 0;
    padding: 0
}

#topmenu ul li {
    list-style-type: none;
    display: inline-block;
    position: relative;
    margin: 0
}

#topmenu ul li a {
    display: block;
    padding: 43px 15px;
    text-transform: uppercase;
}

.type4 #topmenu, .type3 #topmenu {
    float: none !important
}

.home.has_trans_header .nivo-caption {
    padding: 80px 0 0 !important
}

#topmenu ul li ul {
    display: none;
    position: absolute;
    width: 220px;
    z-index: 9999999
}

#topmenu .menushow {
    display: block
}

#topmenu ul li ul li {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    text-align: left
}

#topmenu ul li ul li a {
    padding: 12px 8%;
    width: auto;
    margin: 0;
    display: block;
    font-weight: 400;
    line-height: 100% !important
}

#topmenu ul li ul li ul {
    left: 100%;
    margin-top: -39px;
    float: none;
    margin-left: 0
}

#topmenu ul li:last-child ul {
    right: 0
}

#topmenu ul li:last-child ul li ul, #topmenu ul li:last-child ul li ul li ul, #topmenu ul li:last-child ul li ul li ul li ul, #topmenu ul li:last-child ul li ul li ul li ul li ul, #topmenu ul li:last-child ul li ul li ul li ul li ul li ul {
    margin-top: -38px;
    left: -100%
}

#topmenu ul li span {
    font-size: 12px;
    opacity: .5;
    padding-left: 5px;
    position: absolute
}

#topmenu ul li ul li span {
    display: none
}

#topmenu .zn_parent_menu:hover li a {
    border: none !important
}

.has_trans_header.home #topmenu {
    background-color: transparent !important
}

span.menu_desc {
    display: block;
    padding-top: 5px
}

.mega-menu-item span.menu_arrow {
    display: none
}

#topmenu ul li.mega-menu-item ul li ul {
    background-color: transparent !important
}

.logo_middle {
    opacity: 0
}

.logo_middle .logo {
    display: none
}

.logo_middle #topmenu {
    float: left;
    margin-top: 0;
    width: 100%;
    text-align: center;
    padding-bottom: 30px
}

.logo_middle #topmenu .logo {
    display: inline-block;
    margin: 0 40px;
    float: none;
    top: 15px;
    position: relative
}

.sidr-class-logo {
    display: none
}

#topmenu li.menu_highlight_slim, #topmenu li.menu_highlight {
    padding: 8px 12px
}

#topmenu li.menu_highlight_slim > a, #topmenu li.menu_highlight > a {
    padding-bottom: 30px;
    border: none
}

.social_bookmarks a {
    display: none;
    padding: 2px 8px;
    text-align: center;
    font-size: 16px;
    opacity: .6;
    border-radius: 3px
}

.social_bookmarks i {
    width: 14px
}

.social_bookmarks a:hover {
    opacity: 1
}

.social_bookmarks a[href^="http"] {
    display: inline-block
}

.social_bookmarks.bookmark_simple a {
    font-size: 18px
}

.social_bookmarks.bookmark_round a {
    border: 1px solid;
    border-radius: 50%;
    height: 18px;
    width: 23px;
    text-align: center;
    margin-right: 5px;
    padding: 4px 0 0
}

.social_bookmarks.bookmark_square a {
    border: 1px solid;
    margin-right: 5px
}

.top_head_soc .social_bookmarks.bookmark_size_large a {
    transform: scale(1.1);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    margin-right: 12px !important
}

.head_soc .social_bookmarks.bookmark_size_large a {
    transform: scale(1.1);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    margin-right: 12px !important
}

.foot_soc .social_bookmarks.bookmark_size_large a {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    margin-right: 20px !important
}

.head_soc .social_bookmarks.bookmark_hexagon.bookmark_size_large {
    margin-right: 5px !important
}

.has_bookmark .menu-header, .head_soc {
    display: inline-block
}

.head_soc .social_bookmarks a {
    font-size: 12px;
    opacity: 1
}

.head_soc .social_bookmarks.bookmark_simple a {
    font-size: 18px
}

.copyright_center .social_bookmarks {
    width: 100%;
    float: left;
    padding: 20px 0;
    text-align: center !important
}

#footer .foot_soc .social_bookmarks.social_color a {
    color: #fff !important;
    border: none;
    margin-right: 8px
}

.foot_soc .social_bookmarks.bookmark_round a {
    height: 25px;
    width: 29px
}

.foot_soc .social_bookmarks.bookmark_simple a {
    font-size: 24px
}

.copyright_center .social_bookmarks a:hover {
    transform: none
}

.row {
    margin-right: 25px;
    margin-left: -3px
}

.col-4 {
    width: 30.33333333%;
    float: left;
    position: relative;
    min-height: 1px;
    padding: 0 15px
}

#footer .contact-info {
    width: 100%;
    background: #161616;
    display: table
}

#footer .contact-info .box {
    border-right: 2px solid;
    border-right-color: #1f1f1f;
    padding: 38px 25px
}

#footer .contact-info .box i {
    color: #fff;
    font-size: 30px;
    padding-right: 25px;
    margin-right: 25px;
    float: left;
    position: relative;
    width: 30px;
    height: 30px
}

#footer .contact-info .box i:after {
    width: 2px;
    height: 22px;
    background: #00baff;
    position: relative;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    margin: auto
}

#footer .contact-info .box h5 {
    color: #fefefe;
    text-transform: uppercase;
    margin: 0 0 -5px;
    padding-bottom: 10px;
    position: relative;
    top: -5px;
    font: 400 15px Lato, sans-serif
}

#footer .contact-info .box p {
    color: #757575;
    font-size: 13px;
    word-wrap: break-word;
    margin: 0
}

#footer .contact-info .col-4:nth-child(3) .box {
    border-right: none
}

.foot_soc {
    float: right;
    padding: 18px
}

.copyright_center .foot_soc {
    float: none;
    padding: 0
}

.foot_soc.hide_footsoc {
    display: none
}

.foot_soc a:hover {
    opacity: .8
}

.foot_soc:empty {
    display: none !important
}

.pbar_wrap {
    margin-bottom: 20px;
    width: 60px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 45%;
    z-index: 999999;
    padding: 7px 12px
}

.progrssn {
    width: 40px !important;
    height: 50px;
    margin-top: 0;
    margin-left: 5px;
    -webkit-transition: all .8s ease-out;
    -moz-transition: all .8s ease-out;
    -ms-transition: all .8s ease-out;
    -o-transition: all .8s ease-out;
    transition: all .8s ease-out;
    position: relative;
    background: #cddbe4
}

.prog_wrap {
    width: 50px;
    height: 50px;
    position: absolute;
    overflow: hidden;
    border-radius: 3px
}

.pbar {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 40px;
    padding-top: 13px;
    height: 27px;
    border: 5px solid #fff;
    text-align: center;
    font-size: 12px;
    color: #fff;
    position: relative;
    z-index: 22;
    font-weight: 700;
    font-family: sans-serif;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1)
}

#slidera {
    width: 100%;
    margin: 0 auto;
    float: left
}

.slider-wrapper {
    position: relative
}

.nivoSlider {
    min-height: 500px !important
}

.selected_stat {
    min-height: 500px
}

#stat_img {
    position: relative
}

#stat_img img {
    max-width: 100%;
    width: auto;
    height: auto;
    vertical-align: bottom
}

.stat_content_inner {
    position: absolute;
    bottom: 15%;
    width: 100%;
    z-index: 11;
    line-height: 1.9em
}

.stat_content_center {
    text-align: center
}

.stat_content_left .cta_buttons, .stat_content_right .cta_buttons {
    text-align: left
}

.stat_content_right .center {
    margin-right: 10%
}

.stat_content_left .center {
    margin-left: 10%
}

.static_gallery .nivo-caption {
    display: none !important
}

.stat_content .scl_button {
    margin: 50px
}

.stat_content .scl_button a {
    padding: 15px 40px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.stat_content .scl_button a:hover {
    opacity: .8
}

.stat_bg, .stat_bg_overlay {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
    background-size: cover;
    z-index: -1
}

.stat_bg img {
    width: 100%;
    position: fixed;
    display: block;
    object-fit: cover;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.stat_bg_overlay {
    background: #222;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    -ms-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    transition: all .15s ease-out
}

body.is_boxed .stat_bg, body.is_boxed .stat_bg_overlay {
    z-index: auto
}

.stat_bg {
    clip: rect(auto, auto, auto, auto)
}

.home .stat_has_img .stat_bg_img {
    opacity: 1
}

.stat_bg_img {
    width: 100% !important
}

.overlay_off {
    opacity: 0
}

.overlay_on {
    opacity: .45
}

.cta_buttons {
    text-align: center
}

.cta_buttons a {
    font-size: 14px;
    font-weight: 700;
    padding: 10px 25px;
    border: 2px solid;
    display: inline-block;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.cta_buttons a:empty {
    display: none
}

.cta_buttons .cta_hollow, .cta_buttons .cta_hollow_big {
    border: 2px solid
}

.cta_buttons .cta_flat_big, .cta_buttons .cta_hollow_big, .cta_buttons .cta_rounded_big {
    font-size: 20px;
    padding: 18px 40px
}

.cta_buttons .cta_rounded, .cta_buttons .cta_rounded_big {
    border-radius: 60px
}

.cta_buttons .cta_rounded {
    font-size: 14px;
    padding: 10px 24px
}

.cta_buttons .cta_hollow:hover, .cta_buttons .cta_hollow_big:hover {
    border-color: transparent !important;
    opacity: 1 !important
}

.stat_content_inner .lts_button {
    margin: 25px 25px 20px 0
}

.centertitle {
    text-align: center
}

.featured_area {
    width: 100%;
    padding: 60px 0;
    clear: both
}

.featured_area_bg {
    width: 100%;
    padding: 40px 0;
    clear: both;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center top !important
}

.featured_area h2 {
    padding: 0;
    margin-bottom: 3%;
    clear: both
}

.fblock1 {
    width: 94.5%;
    text-align: center;
    float: left;
    margin: 0 3% 2.5% 0;
    padding: 2.6% 2%
}

.fblock2 {
    width: 44%;
    text-align: center;
    float: left;
    margin: 0 3% 2.5% 0;
    padding: 2.6% 2%
}

.fblock3 {
    width: 26.7%;
    min-height: 300px;
    text-align: center;
    float: left;
    margin: 0 3% 2.5% 0;
    padding: 2.6% 2%
}

.fblock4 {
    width: 18.35%;
    min-height: 300px;
    text-align: center;
    float: left;
    margin: 0 3% 2.5% 0;
    padding: 2.6% 2%
}

.fblock1 .sktmore, .fblock2 .sktmore, .fblock3 .sktmore, .fblock4 .sktmore, .servicebox .sktmore, .back .sktmore {
    margin: 0 auto
}

.featured_block p {
    margin: 0 0 25px;
    line-height: 19px
}

.featured_block img {
    text-align: center;
    vertical-align: middle;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%
}

.featured_block h3 {
    font-weight: 700
}

.sktmore {
    background-color: #383939;
    color: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 0;
    padding: 7px 14px;
    display: table
}

.sktmore:hover {
    background-color: #6d7171
}

.sktgo {
    background-color: #fff;
    border-radius: 100%;
    color: #1c1c1c;
    display: block;
    margin: 0 auto;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 22px;
    text-align: center;
    vertical-align: middle
}

.sktgo:hover {
    background-color: #fff
}

.sktgo i {
    position: relative;
    left: 1px;
    top: -1px
}

.sktmore:link, .sktmore:visited, .sktmore a {
    color: #FFF;
    word-break: break-all
}

.hide_section {
    display: none !important
}

.sect-title h2 {
    text-align: center
}

.sect-title h2:after {
    content: " ";
    display: table;
    width: 90px;
    border-bottom: 3px solid;
    border-bottom-color: #e8e7e7;
    margin: 30px auto 0;
    text-align: center
}

.center-title {
    clear: both
}

.center-title h2 {
    text-align: center;
    clear: both;
    margin-top: 0
}

.center-title span {
    display: block;
    border-bottom-color: #000;
    border-bottom: 3px solid;
    width: 90px;
    margin: 30px auto 0
}

.left-title {
    clear: both
}

.left-title h2 {
    font-weight: 900;
    text-align: left;
    clear: both;
    margin-top: 0
}

.left-title span {
    display: block;
    border-bottom-color: #000;
    border-bottom: 3px solid;
    width: 90px;
    margin: 30px auto 0
}

p {
    line-height: 24px;
}

.home1_section_area p {
    margin: 0;
}

.home1_section_area {
    width: 100%;
    padding: 0 0 60px 0;
    clear: both;
    float: left;
}

.home_section1_content {
    z-index: 9;
    position: relative;
    margin-top: -80px;
    border-radius: 6px;
}

.home1_section_area_bg {
    width: 100%;
    padding: 60px 0;
    clear: both;
    overflow: hidden;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center top !important
}

.home1_section_area h2 {
    padding: 0;
    margin: auto;
    clear: both
}

.post_block_style1 {
    width: 22.7%;
    min-height: 300px;
    text-align: left;
    float: left;
    margin: 0 3% 3% 0;
    padding: 0
}

.post_block_style1 .style1-post-thumb {
    height: 175px;
    overflow: hidden
}

.post_block_style1 h3 {
    margin-top: 0 !important;
    padding-top: 0 !important
}

.post_block_style1 .style1-post-thumb {
    margin-bottom: 20px !important
}

.post_block_style1 img {
    height: auto;
    width: 100%;
    padding: 0;
    margin: 0
}

.post_block_style1_meta {
    display: inline-block;
    font-size: 12px;
    margin: 0 0 10px;
    clear: both
}

.post_block_style1_meta span {
    margin-right: 10px
}

.post_block_style1_meta span i {
    margin-right: 4px
}

.post_block_style1 p {
    line-height: 19px;
    margin: 0 0 25px
}

.post_style1_area, .post_style2_area, .post_style3_area {
    clear: both !important
}

.post_block_style2 {
    width: 48.5%;
    min-height: 400px;
    text-align: left;
    float: left;
    margin: 0 3% 3% 0;
    padding: 0
}

.post_block_style2 h3 {
    margin-top: 0 !important;
    padding-top: 0 !important
}

.post_block_style2 .style2-post-thumb {
    margin-bottom: 20px !important
}

.post_block_style2 img {
    height: auto;
    width: 100%;
    padding: 0;
    margin: 0
}

.post_block_style2_meta {
    display: inline-block;
    font-size: 12px;
    margin: 0 0 10px;
    clear: both
}

.post_block_style2_meta span {
    margin-right: 10px
}

.post_block_style2_meta span i {
    margin-right: 4px
}

.post_block_style2 p {
    line-height: 19px;
    margin: 0 0 25px
}

.post_block_style3 {
    width: 43.5%;
    background-color: #FFF;
    text-align: left;
    float: left;
    margin: 0 3% 3% 0;
    padding: 25px;
    border: 1px solid;
    border-color: #eaeaea;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.post_block_style3:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #9f9f9f;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.post_block_style3:hover:before, .post_block_style3:focus:before, .post_block_style3:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.style3thumb {
    float: left;
    width: 39.42%;
    margin-right: 6%;
    overflow: hidden;
    height: 185px
}

.style3thumb img {
    width: 100%;
    height: auto;
    min-height: 185px
}

.style3info {
    float: left;
    width: 52.88%;
    min-height: 185px;
    height: auto;
    position: relative
}

.style3infonothumb {
    float: left;
    width: 100%;
    min-height: 185px;
    height: auto;
    position: relative
}

.style3info h3 {
    margin-top: 0;
    margin-bottom: 10px
}

.post_block_style4 {
    width: 31.1%;
    min-height: 393px;
    text-align: left;
    float: left;
    margin: 0 3% 3% 0;
    padding: 40px 0 0 0;
    position: relative;
    border: solid 1px #efeeee;
    box-sizing: border-box;
}

.post_block_style4 .style4-post-thumb {
    height: 275px;
    overflow: hidden;
    position: relative;
}

.post_block_style4 .datemonth span {
    display: block;
    padding: 5px 0;
}

.post_block_style4 .datemonth {
    width: 50px;
    text-align: center;
    padding: 0;
    font: bold 12px 'Roboto';
    z-index: 999999;
    position: absolute;
    left: 30px;
    top: -20px;
    background: #ffffff;
}

.post_block_style4 span.spanmonth {
    color: #ffffff;
    background: #fbc412;
    font-size: 19px;
    font-weight: bold;
}

.post_block_style4 .title-cat {
    text-transform: capitalize;
}

.post_block_style4 h4 {
    margin: 0px 0 10px 0;
    padding: 0;
    text-transform: uppercase;
}

.post_block_style4 .style4-post-thumb {
    margin: -40px 0 0 0;
}

.post_block_style4 img {
    height: auto;
    width: 100%;
    padding: 0;
    margin: 0;
    min-height: 275px;
}

.post_block_style4_meta {
    display: inline-block;
    font-size: 12px;
    margin: 0 0 10px;
    clear: both
}

.post_block_style4_meta span {
    margin-right: 10px
}

.post_block_style4_meta span i {
    margin-right: 4px
}

.post_block_style4 p {
    line-height: 19px;
    margin: 0 0 25px
}

.paddingspace {
    padding: 30px 25px;
}

.shortdesc {
    line-height: 22px;
    font-size: 14px
}

.shortmore {
    position: absolute;
    bottom: 0
}

.no_margin_right {
    margin-right: 0 !important
}

.no_margin_left {
    margin-left: 0 !important
}

.no_margin_top {
    margin-top: 0 !important
}

.no_margin_bottom {
    margin-bottom: 0 !important
}

.home2_section_area {
    width: 100%;
    padding: 60px 0;
    clear: both;
    float: left;
    overflow: hidden
}

.home2_section_area_bg {
    width: 100%;
    padding: 60px 0;
    clear: both;
    overflow: hidden;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center top !important
}

.home2_section_area h2 {
    padding: 0;
    margin-bottom: 3%;
    clear: both
}

.home3_section_area {
    width: 100%;
    padding: 60px 0;
    clear: both;
    float: left;
    overflow: hidden
}

.home3_section_area_bg {
    width: 100%;
    padding: 60px 0;
    clear: both;
    overflow: hidden;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center top !important
}

.home3_section_area h2 {
    padding: 0;
    margin-bottom: 3%;
    clear: both
}

.sectionrow {
    margin-left: -15px;
    margin-right: -15px
}

.cols1 {
    width: 97.5%;
    text-align: left;
    float: left;
    margin: 0 0 3%;
    padding: 0 15px
}

.cols1 .team-thumb {
    height: auto;
    overflow: visible
}

.cols1 .team-infobox {
    padding: 2% 3% 3%
}

.cols1 img {
    height: auto;
    width: 100%;
    padding: 0;
    margin: 0;
    vertical-align: bottom
}

.cols2 {
    width: 50%;
    min-height: 660px;
    text-align: left;
    float: left;
    margin: 0 0 3%;
    padding: 0 15px;
    box-sizing: border-box
}

.cols2 .team-thumb {
    height: auto;
    overflow: visible
}

.cols2 .team-infobox {
    padding: 2% 5% 6%
}

.cols2 img {
    height: auto;
    width: 100%;
    padding: 0;
    margin: 0;
    vertical-align: bottom
}

.cols3 {
    width: 33.333%;
    min-height: 545px;
    text-align: left;
    float: left;
    margin: 0 0 3%;
    padding: 0 15px;
    box-sizing: border-box
}

.cols3 .team-thumb {
    height: 350px;
    overflow: hidden
}

.cols3 img {
    height: auto;
    width: 100%;
    padding: 0;
    margin: 0;
    vertical-align: bottom
}

.cols4 {
    width: 25%;
    min-height: 460px;
    text-align: left;
    float: left;
    margin: 0 0 2.6%;
    padding: 0 15px;
    box-sizing: border-box
}

.cols4 .team-thumb {
    height: 270px;
    overflow: hidden
}

.cols4 img {
    height: auto;
    width: 100%;
    padding: 0;
    margin: 0;
    vertical-align: bottom
}

.team-infobox {
    padding: 2% 9% 9%
}

.team-infobox h3 {
    margin-bottom: 5px
}

.social-icons a:link, .social-icons a:visited {
    display: inline-block;
    font-size: 16px !important;
    height: 35px;
    line-height: 35px;
    margin: 0 5px 0 0;
    padding: 0;
    text-align: center;
    transition: all .6s ease 0;
    width: 35px;
    color: #FFF
}

.social-icons {
    margin-top: 0
}

.social-icons a:hover {
    color: #fff
}

#footer .footercols4 .social-icons {
    margin-top: 20px
}

#footer .footercols4 .social-icons a:link, .social-icons a:visited {
    margin-bottom: 5px
}

.home4_section_area {
    width: 100%;
    padding: 70px 0;
    clear: both;
    float: left;
    overflow: hidden
}

.home4_section_area_bg {
    width: 100%;
    padding: 60px 0;
    clear: both;
    overflow: hidden;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center top !important
}

.home4_section_area h2 {
    padding: 0;
    margin-bottom: 3%;
    clear: both
}

body.page .servicerow {
    margin-left: -12px;
    margin-right: 0;
    clear: both
}

.servicerow {
    margin-left: -15px;
    margin-right: -15px;
    clear: both
}

.servicebox {
    box-sizing: border-box
}

.servicebox p {
    margin: 0 0 50px;
    line-height: 19px;
    font-size: 13px
}

.servicebox img {
    text-align: center;
    vertical-align: middle
}

.servicebox h3 {
    font-weight: 900;
    padding-top: 15px;
    color: #FFF;
    margin: 0;
}

.boxpattern-1 {
    width: 24.95%;
    text-align: center;
    float: left;
    margin: 0 0 1px;
    height: auto
}

.serviceboxbg {
    background-color: rgba(10, 122, 216, 0.8);
    border-right: 1px solid;
    border-right-color: #30a0fd;
    transition: all .5s ease
}

.serviceboxbg:hover {
    background-color: #f80
}

.serviceboxbg p {
    color: #FFF !important
}

.boxpattern-1 .serviceboxbg {
    padding: 50px 25px;
    min-height: 272px
}

.boxpattern-2 {
    width: 33.33%;
    text-align: center;
    float: left;
    margin: 0 0 2.5%;
    padding: 0
}

.boxpattern-2 .serviceboxbg {
    padding: 40px 25px;
    min-height: 80px;
}

.boxpattern-3 {
    width: 50%;
    text-align: center;
    float: left;
    margin: 0 0 2.5%;
    padding: .5% 1.5% 0
}

.boxpattern-3 .serviceboxbg {
    padding: 45px 28px;
    min-height: 250px
}

.boxpattern-4 {
    width: 100%;
    text-align: center;
    float: left;
    margin: 0 0 2.5%;
    padding: .5% 1.5% 0
}

.boxpattern-4 .serviceboxbg {
    padding: 45px 28px
}

.home5_section_area {
    width: 100%;
    padding: 60px 0;
    clear: both;
    float: left;
    overflow: hidden
}

.home5_section_area_bg {
    width: 100%;
    padding: 60px 0;
    clear: both;
    overflow: hidden;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center top !important
}

.home5_section_area h2 {
    padding: 0;
    margin-bottom: 3%;
    clear: both
}

.home6_section_area {
    width: 100%;
    padding: 60px 0;
    clear: both;
    float: left;
    overflow: hidden
}

.home6_section_area_bg {
    width: 100%;
    padding: 60px 0;
    clear: both;
    overflow: hidden;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center top !important
}

.home6_section_area h2 {
    padding: 0;
    margin-bottom: 3%;
    clear: both
}

.home7_section_area {
    width: 100%;
    padding: 60px 0;
    clear: both;
    float: left;
    overflow: hidden
}

.home7_section_area_bg {
    width: 100%;
    padding: 60px 0;
    clear: both;
    overflow: hidden;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center top !important
}

.home7_section_area h2 {
    padding: 0;
    margin-bottom: 3%;
    clear: both
}

.testimonial-box {
    padding: 7%;
    line-height: 22px;
    clear: both;
    position: relative
}

.testimonial-box h3 {
    margin-bottom: 5px
}

.testimonialrow {
    margin-left: -15px;
    margin-right: -15px;
    clear: both
}

.tstcols1 {
    width: 97.5%;
    text-align: left;
    float: left;
    margin: 0 0 1%;
    padding: 0 15px
}

.tstcols1 .testimonial-box {
    padding: 2%
}

.tstcols2 {
    width: 50%;
    text-align: left;
    float: left;
    margin: 0 0 1%;
    padding: 0 15px;
    box-sizing: border-box
}

.tstcols2 .testimonial-box {
    padding: 4%;
    min-height: 90px
}

.tstcols3 {
    width: 33.333%;
    text-align: left;
    float: left;
    margin: 0 0 1%;
    padding: 0 15px;
    box-sizing: border-box
}

.tstcols3 .testimonial-box {
    padding: 6%;
    min-height: 155px
}

.tstcols4 {
    width: 25%;
    text-align: left;
    float: left;
    margin: 0 0 2.6%;
    padding: 0 15px;
    box-sizing: border-box
}

.tstcols4 .testimonial-box {
    padding: 8%;
    min-height: 222px
}

.testimonial-inforarea {
    display: inline-block;
    text-align: left
}

.testimonial-inforarea i {
    margin-right: 5px
}

.testimonial-inforarea h3 {
    display: inline-block;
    margin-right: 5px
}

.testimonial-box:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 8%;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 12px;
    border-left: solid 12px transparent;
    border-right: solid 12px transparent
}

.home8_section_area {
    width: 100%;
    padding: 60px 0;
    clear: both;
    float: left;
    overflow: hidden
}

.home8_section_area_bg {
    width: 100%;
    padding: 60px 0;
    clear: both;
    overflow: hidden;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center top !important
}

.home8_section_area h2 {
    padding: 0;
    margin-bottom: 3%;
    clear: both
}

.home9_section_area {
    width: 100%;
    padding: 60px 0;
    clear: both;
    float: left;
    overflow: hidden
}

.home9_section_area_bg {
    width: 100%;
    padding: 60px 0;
    clear: both;
    overflow: hidden;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center top !important
}

.home9_section_area h2 {
    padding: 0;
    margin-bottom: 3%;
    clear: both
}

.home10_section_area {
    width: 100%;
    padding: 60px 0;
    clear: both;
    float: left;
    overflow: hidden
}

.home10_section_area_bg {
    width: 100%;
    padding: 60px 0;
    clear: both;
    overflow: hidden;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center top !important
}

.home10_section_area h2 {
    padding: 0;
    margin-bottom: 3%;
    clear: both
}

.home11_section_area {
    width: 100%;
    padding: 60px 0;
    clear: both;
    float: left;
    overflow: hidden
}

.home11_section_area_bg {
    width: 100%;
    padding: 60px 0;
    clear: both;
    overflow: hidden;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center top !important
}

.home11_section_area h2 {
    padding: 0;
    margin-bottom: 3%;
    clear: both
}

.home12_section_area {
    width: 100%;
    padding: 60px 0;
    clear: both;
    float: left;
    overflow: hidden
}

.home12_section_area_bg {
    width: 100%;
    padding: 60px 0;
    clear: both;
    overflow: hidden;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center top !important
}

.home12_section_area h2 {
    padding: 0;
    margin-bottom: 3%;
    clear: both
}

.home13_section_area {
    width: 100%;
    padding: 40px 0;
    clear: both;
    float: left;
    overflow: hidden
}

.home13_section_area_bg {
    width: 100%;
    padding: 60px 0;
    clear: both;
    overflow: hidden;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center top !important
}

.home13_section_area h2 {
    padding: 0;
    margin-bottom: 3%;
    clear: both
}

.home14_section_area {
    width: 100%;
    padding: 60px 0;
    clear: both;
    float: left;
    overflow: hidden
}

.home14_section_area_bg {
    width: 100%;
    padding: 60px 0;
    clear: both;
    overflow: hidden;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center top !important
}

.home14_section_area h2 {
    padding: 0;
    margin-bottom: 3%;
    clear: both
}

.home15_section_area {
    width: 100%;
    padding: 60px 0;
    clear: both;
    float: left;
    overflow: hidden
}

.home15_section_area_bg {
    width: 100%;
    padding: 60px 0;
    clear: both;
    overflow: hidden;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center top !important
}

.home15_section_area h2 {
    padding: 0;
    margin-bottom: 3%;
    clear: both
}

.home16_section_area {
    width: 100%;
    padding: 60px 0;
    clear: both;
    float: left;
    overflow: hidden
}

.home16_section_area_bg {
    width: 100%;
    padding: 60px 0;
    clear: both;
    overflow: hidden;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center top !important
}

.home16_section_area h2 {
    padding: 0;
    margin-bottom: 3%;
    clear: both
}

.home17_section_area {
    width: 100%;
    padding: 60px 0;
    clear: both;
    float: left;
    overflow: hidden
}

.home17_section_area_bg {
    width: 100%;
    padding: 60px 0;
    clear: both;
    overflow: hidden;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center top !important
}

.home17_section_area h2 {
    padding: 0;
    margin-bottom: 3%;
    clear: both
}

.fixed_wrap.fixindex.dummypost {
    width: 100%;
    float: left;
    background-color: #fff;
    position: relative
}

.home_blocks:empty {
    display: none
}

.activeblock {
    width: 100%;
    float: left
}

.lastmap {
    margin-bottom: 0
}

.home_title {
    font-size: 1.7em;
    margin: 0
}

.home_subtitle {
    font-size: 14px;
    margin-top: 10px;
    opacity: .6
}

.about_inner {
    width: 60%;
    margin: 0 auto
}

.aboutblock {
    text-align: center;
    padding: 80px 0;
    width: 100%;
    float: left
}

.about_pre {
    font-style: italic;
    font-size: 30px;
    opacity: .6
}

.about_header {
    font-size: 48px;
    letter-spacing: 2px;
    margin-top: 10px;
    margin-bottom: 30px
}

.about_content {
    line-height: 2em
}

.ast_blocks {
    margin: 0
}

.midrow {
    width: 100%;
    float: left;
    overflow: hidden
}

.midrow_block {
    width: 33.3333%;
    padding: 4%;
    box-sizing: border-box;
    float: left;
    text-align: center;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.midrow_blocks .midrow_block:first-child:nth-last-child(1) {
    width: 100%
}

.midrow_blocks .midrow_block:first-child:nth-last-child(2), .midrow_block:first-child:nth-last-child(2) ~ .midrow_block {
    width: 50%
}

.midrow_blocks .midrow_block:first-child:nth-last-child(3), .midrow_block:first-child:nth-last-child(3) ~ .midrow_block {
    width: 33.3333%
}

.midrow_blocks .midrow_block:first-child:nth-last-child(4), .midrow_block:first-child:nth-last-child(4) ~ .midrow_block {
    width: 25%
}

.midrow_block img {
    max-width: 100%;
    height: auto
}

.midrow_block h3 {
    font-size: .9em
}

.midrow_block .block_content {
    line-height: 1.8em
}

.midrow_block .icon_wrap {
    padding-top: 20px;
    text-align: center
}

.midrow_block img {
    max-width: 100%
}

.block_type2 .center {
    width: 100% !important
}

.block_type2 .midrow_block {
    width: 80%;
    padding: 5% 10%;
    text-align: left
}

.block_type2 .midrow_block:hover {
    background: transparent;
    transform: none
}

.block_type2 .midrow_block .block_img {
    width: 35%;
    float: left;
    text-align: right;
    padding-right: 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.block_type2 .midrow_block h3 {
    font-size: 1.6em;
    margin-top: 0
}

.block_type2 .midrow_block .block_content {
    width: 65%;
    float: left
}

.block_type2 .midrow_block:nth-child(even) {
    background: rgba(0, 0, 0, 0.02)
}

.block_type2 .midrow_block:nth-child(even) .block_img {
    float: right;
    text-align: left;
    padding-right: 0;
    padding-left: 30px
}

.block_type2 .midrow_block:nth-child(even) .block_content {
    text-align: right
}

.textblock {
    width: 100%;
    float: left
}

.text_block {
    width: 100%;
    float: left;
    box-sizing: border-box
}

.text_block_wrap {
    line-height: 1.9em
}

.text_block .center {
    width: 100% !important
}

.text_block_content {
    box-sizing: border-box
}

.text_block img {
    vertical-align: bottom
}

.text_block img.alignright, .text_block img.alignnone, .text_block img.alignleft {
    margin: 0
}

.text_block img.aligncenter {
    margin: 0 auto
}

.text_block_content > p:first-child:empty, .text_block_content > p:last-child:empty {
    display: none
}

.text_block .col2, .text_block .col3, .text_block .col4 {
    margin-bottom: 0
}

.postsblck h2.postitle a {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.home .lay1, .home .lay2, .home .lay3, .home .lay4, .home .lay5 {
    padding: 50px 0
}

.lay1 {
    width: 100%;
    float: left;
    padding: 40px 0
}

.lay1 .center {
    max-width: 1200px
}

.lay1_wrap {
    overflow: hidden
}

.home .lay1_wrap {
    margin-top: 30px
}

.lay1 .hentry {
    width: 33.3334%;
    max-width: 400px;
    float: left
}

.lay1 .hentry img {
    width: 100%;
    height: auto;
    border: none;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    vertical-align: bottom
}

.lay1 h2.postitle {
    padding: 10px;
    text-align: center;
    margin: 0;
    font-weight: 400;
    line-height: 1.4em
}

.lay1 h2.postitle a {
    font-size: 20px;
    color: #fff
}

.lay1 .lowreadmo h2.postitle a {
    font-size: 18px
}

.lay1 .lowreadmo h2.postitle {
    line-height: 20px
}

.lay1_title, .homeposts_title {
    text-align: center
}

.lay1_title h3, .homeposts_title h3 {
    color: #e64429;
    font-size: 42px;
    margin: 20px 0 0
}

.lay1_title p, .homeposts_title p {
    margin-bottom: 30px;
    margin-top: 0
}

.lay1 .post_image {
    width: 100%;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    max-height: 260px
}

.lay1 .post_content {
    position: absolute;
    top: -200px;
    width: 100%;
    -webkit-transition: all .6s ease-out;
    -moz-transition: all .6s ease-out;
    -ms-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    transition: all .6s ease-out;
    z-index: 3
}

.lay1 .post_image:hover img, .lay2 .post_image:hover img, .lay3 .post_image:hover img {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.post_image:hover .post_content, .vidwrap:hover .post_content {
    top: 20%
}

.post_image:hover .img_hover {
    opacity: .7
}

.hentry .post_image:hover .icon_wrap {
    display: block;
    bottom: 30%
}

.img_hover {
    width: 100%;
    height: 100%;
    background: rgba(10, 167, 255, 0.7);
    position: absolute;
    opacity: 0;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    z-index: 2
}

.post_image.lowreadmo .icon_wrap, .post_image.post_image.lowreadmo:hover .icon_wrap {
    bottom: 25px
}

.hentry .post_image .icon_wrap {
    display: none;
    text-align: center;
    position: absolute;
    margin: 0 auto;
    z-index: 9;
    text-align: center;
    width: 100%;
    bottom: -600px;
    left: 0;
    right: 0;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.post_image .icon_wrap a {
    display: inline-block;
    font-family: serif;
    margin-right: 4px;
    font-weight: 700;
    color: #fff;
    padding: 9px 12px;
    background: rgba(0, 0, 0, 0.3);
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    opacity: .8
}

.lay1 .post_image .icon_wrap a {
    font-size: 14px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin-right: 5px
}

.post_image .icon_wrap a:hover {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.lay2 .hide_img_hover .img_hover, .lay2 .hide_img_hover .icon_wrap, .lay3 .hide_img_hover .img_hover, .lay3 .hide_img_hover .icon_wrap {
    display: none
}

.lay4 {
    width: 100%;
    float: left;
    padding: 40px 0
}

.lay4_wrap {
    overflow: hidden;
    width: 68%;
    float: left;
    position: relative;
    margin-top: -25px
}

.lay4 .hentry {
    width: 100%;
    float: left;
    padding: 0 20px;
    margin: 0;
    background: #fff;
    margin-bottom: 20px;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.lay4 .post_image {
    width: 25%;
    height: auto;
    max-height: 200px;
    float: left;
    margin-right: 2%;
    overflow: hidden;
    padding-top: 10px;
    position: relative;
    top: 16px;
    padding-bottom: 10px;
    display: table
}

.lay4 .hentry img {
    width: 100%;
    height: auto;
    border: none;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2 ease-out
}

.lay4 .hentry:hover img {
    -webkit-transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    -ms-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2 ease-out
}

.lay4 h2 {
    text-align: left
}

.lay4 p {
    padding-bottom: 20px;
    padding-top: 5px;
    line-height: 1.7em
}

.lay4 .single_metainfo {
    padding-bottom: 0
}

.lay4 .single_metainfo, .lay4 .single_post .single_metainfo a {
    font-size: .8em
}

.lay4 #sidebar {
    margin-top: 0
}

.more-link, .moretag {
    font-size: 14px;
    padding: 7px 15px;
    color: rgba(0, 0, 0, 0.2);
    display: block;
    margin: 15px 0;
    float: right;
    position: relative;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    border: 2px solid rgba(0, 0, 0, 0.2);
    opacity: .5;
    font-weight: 700;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.thn_post_wrap .more-link:hover, .moretag:hover {
    opacity: 1
}

.lay4 a.comm_date {
    margin-left: 0
}

.lay4pagifix {
    width: 68%;
    float: left
}

.lay4pagifix .lay4_wrap {
    width: 100%
}

.lay4pagifix .lay4pagifix {
    width: 100%
}

.ast_ajaxwrap {
    width: 100%;
    margin-bottom: 30px;
    min-height: 300px;
    position: relative
}

.ast_ajax {
    width: 45px;
    height: 37px;
    background: url(assets/images/newloader.gif) no-repeat;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 40%;
    position: absolute;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.ast_row {
    overflow: hidden
}

.ast_pagenav, .comments_template .navigation {
    width: 100%;
    text-align: center;
    margin-top: 50px;
    float: left
}

.ast_pagenav .page-numbers, .comments_template .navigation .page-numbers {
    display: block;
    margin-bottom: 15px;
    padding: 3px 10px;
    display: inline-block;
    margin-right: 15px;
    text-align: center;
    color: #999;
    font-size: 14px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    cursor: pointer
}

.thn_paginate a.page-numbers:nth-last-child(1) {
    margin-right: 0
}

.ast_pagenav .current, .comments_template .navigation .current {
    border: 2px solid rgba(0, 0, 0, 0.3);
    font-weight: 600;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer
}

.comments_template .navigation .prev, .comments_template .navigation .next {
    display: none
}

.comments_template .navigation {
    float: left
}

.comments_template .navigation:empty {
    display: none
}

.ast_navigation a {
    border: 2px solid rgba(0, 0, 0, 0.2);
    padding: 3px 10px;
    font-weight: 700;
    font-size: .8em;
    text-transform: uppercase
}

.ast_navigation {
    margin: 30px 0 0;
    width: 100%;
    float: left
}

.ast_navigation a:hover {
    color: #222;
    border-color: #222
}

.edit_wrap a {
    display: block;
    margin-top: 4px;
    position: absolute;
    right: 5px;
    top: -4px;
    font-size: 12px;
    opacity: .4;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 3px;
    border: 2px solid;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

.edit_wrap a:hover {
    opacity: .8
}

.single_wrap_right {
    width: 68%;
    float: right
}

.single_wrap {
    width: 68%;
    float: left
}

.no_wrap {
    width: 70%;
    float: none;
    margin: 0 auto
}

.single_post {
    position: relative
}

.single_post .postitle {
    margin-top: 0;
    font-weight: 600;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.thn_post_wrap {
    float: left;
    width: 100%
}

.thn_post_wrap img {
    max-width: 100%;
    height: auto
}

.thn_post_wrap {
    line-height: 1.7em
}

.single_metainfo a i {
    color: #aaa
}

.single_metainfo a i:hover {
    color: #0e92dd
}

.meta_comm, .catag_list {
    display: inline
}

.single_metainfo {
    padding-bottom: 20px
}

.single_metainfo, .single_post .single_metainfo a {
    font-size: .9em
}

.single_metainfo i {
    padding-left: 10px;
    padding-right: 5px;
    opacity: .7
}

.single_metainfo .fa-calendar {
    padding-left: 0
}

.tag_list ul {
    margin: 0;
    padding: 0
}

.tag_list ul li {
    list-style-type: none;
    display: inline-block;
    margin: 8px;
    background: rgba(0, 0, 0, 0.1);
    padding: 0 5px;
    padding-bottom: 2px;
    font-size: 12px;
    line-height: 22px;
    border-radius: 3px;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.tag_list ul li i {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    margin-right: 6px;
    padding-left: 2px
}

.tag_list ul li:hover {
    background: rgba(0, 0, 0, 0.14)
}

.single_metainfo:empty {
    display: none
}

.post_foot {
    padding: 15px 0;
    width: 100%
}

.single .post_foot {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.post-password-form input {
    padding: 10px;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px
}

.post-password-form input[type~=submit] {
    border: 2px solid;
    background: transparent;
    font-weight: 700;
    opacity: .7;
    cursor: pointer;
    text-transform: uppercase
}

.post-password-form input[type~=submit]:hover {
    opacity: 1
}

#ast_nextprev {
    width: 100%;
    float: left;
    padding: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    min-height: 100px;
    position: relative
}

#ast_nextprev .nav-box img {
    max-width: 90px;
    height: auto;
    float: left;
    margin-right: 15px;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

#ast_nextprev .nav-box img:hover {
    opacity: .8
}

#ast_nextprev .nav-box i {
    color: rgba(0, 0, 0, 0.6);
    opacity: .6;
    font-size: 24px;
    display: block;
    float: left;
    height: 55px;
    padding: 25px 3px 0;
    position: absolute;
    left: -18px
}

#ast_nextprev a {
    font-size: .8em;
    font-weight: 700
}

#ast_nextprev a span {
    font-size: 1.1em;
    font-weight: 700;
    display: block
}

#ast_nextprev .ast-prev a span {
    padding-right: 20px
}

#ast_nextprev .ast-next a span {
    padding-left: 20px
}

#ast_nextprev .nav-box i:hover {
    opacity: 1
}

#ast_nextprev .ast-next i {
    float: right;
    right: -18px;
    left: auto
}

.nav-box.ast-prev {
    float: left;
    width: 50%
}

.nav-box.ast-next {
    float: right;
    width: 50%;
    text-align: right
}

.nav-box.ast-next img {
    float: right !important;
    margin-right: 0 !important;
    margin-left: 15px !important
}

#ast_nextprev span.div_middle {
    width: 1px;
    height: 70%;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.1);
    transform: rotate(20deg)
}

.prev_cat_name, .next_cat_name {
    font-size: 1em;
    opacity: .6;
    display: block;
    float: left
}

#ast_nextprev .prev_cat_name a, #ast_nextprev .next_cat_name a {
    font-weight: 400 !important
}

.next_cat_name {
    float: right
}

#ast_nextprev span.div_middle .fa-stop {
    display: none
}

.comments_template {
    float: left;
    width: 100%;
    margin-top: 40px
}

body.page .nocomments {
    display: none
}

.comments_template #comments, #comments_ping, #reply-title {
    font-size: 18px;
    width: 100%;
    margin: 20px 0
}

#reply-title small a {
    font-size: 16px;
    opacity: .5;
    vertical-align: text-bottom;
    padding-left: 5px
}

#reply-title small a:hover {
    opacity: .8
}

#comments_ping {
    float: left;
    width: 100%
}

.commentlist {
    padding-left: 0;
    float: left;
    margin-top: 0;
    width: 100%
}

.commentlist li.comment {
    list-style-type: none
}

.commentlist li {
    list-style-type: none;
    width: 100%;
    float: left
}

.commentlist li ul li {
    width: 96%;
    border: none;
    float: right
}

.commentlist > li.comment:nth-child(1) .comment-body {
    border-top: none
}

.commentlist .depth-1 {
    position: relative
}

h3#comments {
    font-size: 20px
}

h3#comments_ping {
    font-size: 20px
}

.comment-author {
    font-size: 14px
}

.commentlist a.comm_date {
    margin-left: 15px;
    padding-top: 4px;
    display: inline-block
}

.comm_auth {
    padding-top: 4px;
    margin-left: 10px
}

.comm_reply {
    display: inline-block;
    margin-left: 10px;
    opacity: 0;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.comment-body:hover .comm_reply {
    opacity: 1
}

.comment-body {
    float: left;
    width: 94%;
    position: relative;
    z-index: 3;
    padding: 30px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1)
}

.avatar, .comm_auth {
    display: inline-block;
    vertical-align: top
}

.avatar img {
    height: auto;
    max-width: 30px;
    max-height: 30px
}

.org_comment {
    float: left
}

.commentlist .org_comment ul li {
    border: none;
    list-style-type: circle;
    float: none
}

.commentlist .org_comment ol li {
    list-style-type: inherit;
    border: none;
    float: none
}

.commentlist li.comment img {
    max-width: 100%;
    height: auto
}

.org_ping .comm_date {
    font-size: 14px
}

a.comment-edit-link {
    position: absolute;
    right: 0;
    top: 30px;
    font-size: 12px;
    font-weight: 700;
    padding: 1px 4px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 2px solid;
    color: rgba(0, 0, 0, 0.1);
    opacity: .4;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

a.comment-edit-link:hover {
    opacity: .8
}

.comm_date i {
    padding-right: 5px
}

.comm_reply {
    display: inline-block;
    margin-left: 15px
}

#respond {
    width: 100%;
    float: left;
    margin-bottom: 40px
}

.comm_wrap {
    width: 100%;
    float: left
}

.comment-form-comment {
    width: 100%;
    float: left;
    margin-bottom: 0
}

.comment-notes, .form-allowed-tags, .comment-form-comment label {
    display: none
}

.comm_wrap p {
    width: 32%;
    float: left;
    margin-right: 2%;
    margin-bottom: 0
}

p.comment-form-url {
    margin-right: 0
}

.comm_wrap input {
    padding: 15px 4%;
    width: 92%;
    border: 1px solid rgba(0, 0, 0, 0.1)
}

.comment-form-comment textarea {
    width: 92%;
    padding: 4%;
    min-height: 150px;
    float: right;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    overflow: auto
}

p.form-submit {
    width: 100%;
    float: left
}

#submit {
    float: right;
    padding: 20px;
    cursor: pointer;
    border: none;
    border-radius: 3px;
    font-size: 14px;
    opacity: .8
}

#submit:hover {
    opacity: 1
}

.logged-in-as {
    font-size: 14px
}

.logged-in .comment-form-comment {
    width: 100%
}

.logged-in .comment-form-comment textarea {
    width: 92%
}

.commentlist #respond {
    width: 94%;
    float: left;
    margin-top: -15px
}

.commentlist #reply-title {
    margin-bottom: 15px
}

.commentlist .logged-in-as {
    margin: 0;
    padding: 2%;
    padding-left: 0
}

.commentlist .comment-form-comment {
    margin-top: 20px
}

.logged-in .commentlist .comment-form-comment {
    margin-top: 0
}

#frontsidebar div[id^="Complete_front"]:nth-child(5), #frontsidebar div[id^="Complete_front"]:nth-child(6), #frontsidebar div[id^="Complete_front"]:nth-child(7), #frontsidebar div[id^="Complete_front"]:nth-child(8), #frontsidebar div[id^="Complete_front"]:nth-child(9), #frontsidebar div[id^="Complete_front"]:nth-child(10), #frontsidebar div[id^="Complete_front"]:nth-child(11), #frontsidebar div[id^="Complete_front"]:nth-child(12), #frontsidebar div[id^="Complete_front"]:nth-child(13), #frontsidebar div[id^="Complete_front"]:nth-child(14), #frontsidebar div[id^="Complete_front"]:nth-child(15), #frontsidebar div[id^="Complete_front"]:nth-child(16), #frontsidebar div[id^="Complete_front"]:nth-child(17) {
    display: none
}

#content {
    width: 100%;
    float: left;
    margin: 30px 0;
    overflow: hidden
}

.page_tt {
    float: left;
    width: 100%;
    padding: 20px 0;
    text-align: center
}

.leftside {
    float: left !important
}

#sidebar {
    width: 30%;
    float: right;
    margin-top: 10px
}

#sidebar .widgets ul {
    margin: 0;
    padding: 0
}

#sidebar .widget {
    background: #f1f2f3;
    margin-bottom: 30px;
    list-style-type: none;
    width: 100%;
    float: left;
    color: #999;
    position: relative
}

#sidebar .widget .widgettitle, #sidebar .widget .widgettitle a {
    font-size: 16px;
    margin-bottom: 10px
}

#sidebar .widget li {
    list-style-type: none;
    margin: 20px 0
}

#sidebar .widget_wrap {
    width: 100%;
    padding: 20px 10%;
    border: 1px solid;
    box-sizing: border-box
}

.untitled .widget_wrap {
    padding: 10% !important
}

#sidebar .widget .widgettitle {
    margin-top: 0
}

#sidebar .widget img {
    max-width: 100%
}

#sidebar .widget select {
    max-width: 100%;
    width: 100%;
    height: 26px
}

.widget_calendar table {
    width: 100%
}

.widget_calendar table tr td {
    text-align: center
}

#prev {
    text-align: left
}

#next {
    text-align: left
}

span.widget_border {
    width: 35px;
    height: 2px;
    display: block;
    margin-bottom: 20px
}

.search_term {
    width: 96%;
    padding: 2%;
    float: left;
    margin-top: 50px;
    text-align: center
}

.search_term h2 {
    margin-bottom: 5px
}

.search_term #searchform #s, .error_msg #searchform #s {
    font-size: 16px;
    border: none;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset;
    width: 70%;
    padding: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
    background: rgba(0, 0, 0, 0.04);
    color: #999
}

.search_term #searchsubmit, .error_msg #searchsubmit {
    padding: 20px 15px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.search_term #searchsubmit:hover, .error_msg #searchsubmit:hover {
    opacity: .7
}

.fourofour a {
    font-size: 280px;
    opacity: .4
}

.error404 .postitle {
    margin-top: -30px;
    font-size: 50px;
    text-transform: uppercase;
    opacity: .5
}

.error_page {
    text-align: center
}

.error_msg {
    line-height: 2em
}

.author_div {
    padding: 2%;
    width: 96%;
    float: left
}

.author_left {
    width: 100%;
    text-align: center
}

.author_right {
    line-height: 1.9em;
    text-align: center
}

.author_right h2 {
    margin-bottom: 20px
}

.author_div img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

.author_posts {
    padding: 20px 0;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0
}

.author_posts span {
    display: block;
    font-size: .7em;
    opacity: .6
}

.to_top {
    width: 40px;
    height: 38px;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    background: rgba(0, 0, 0, 0.2);
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    text-align: center;
    padding-top: 2px;
    display: none;
    opacity: .4;
    z-index: 99
}

.to_top:hover {
    opacity: 1
}

.to_top i {
    font-size: 26px;
    padding-top: 4px
}

.to_top.hide_totop {
    display: none !important
}

#footer {
    width: 100%;
    float: left
}

#footer .rowfooter {
    clear: both;
    margin: 20px -15px 0 -15px
}

#footer .rowfooter p {
    line-height: 20px
}

#footer .footercols1 {
    width: 97.5%;
    text-align: left;
    float: left;
    margin: 0 0 1%;
    padding: 0 15px
}

#footer .footercols2 {
    width: 50%;
    text-align: left;
    float: left;
    margin: 0 0 1%;
    padding: 0 15px;
    box-sizing: border-box
}

#footer .footercols3 {
    width: 33.333%;
    text-align: left;
    float: left;
    margin: 0 0 1%;
    padding: 0 15px;
    box-sizing: border-box
}

#footer .footercols4 {
    width: 25%;
    text-align: left;
    float: left;
    margin: 0 0 2.6%;
    padding: 0 15px;
    box-sizing: border-box
}

#footer .footernocols {
    width: 97.5%;
    text-align: left;
    float: left;
    margin: 0 0 1%;
    padding: 0 15px
}

.footernone {
    display: none !important
}

.footer_center {
    text-align: center
}

#footer .footercols1 h4, #footer .footercols2 h4, #footer .footercols3 h4, #footer .footercols4 h4 {
    position: relative;
    padding-bottom: 30px;
    margin: 50px 0 30px 0;
}

#footer .footercols1 h4:after, #footer .footercols2 h4:after, #footer .footercols3 h4:after, #footer .footercols4 h4:after {
    content: "";
    border-bottom: solid 2px #fbc412;
    width: 40px;
    position: absolute;
    left: 0;
    bottom: 0;
}

#copyright {
    width: 100%;
    float: left;
    background: rgba(0, 0, 0, 0.2)
}

.copytext {
    padding: 20px 0;
    line-height: 1.9em;
    text-align: center
}

.copytext a {
    opacity: .7
}

.copytext:empty {
    display: none
}

.footer-post-area {
    width: 100%
}

.footer-post-area ul {
    margin: 0;
    padding: 0
}

.footer-post-area ul li {
    clear: both;
    margin: 20px 0;
    list-style: none;
    border-bottom: 1px dashed;
    border-color: #353535;
    display: table;
    padding: 0 0 20px 0;
    width: 100%;
}

.footer-post-area ul li:last-child {
    border: none
}

.footer-post-area ul li img {
    float: left;
    text-align: left;
    margin-right: 15px;
    height: auto;
    width: 60px;
    border-radius: 6px
}

.footer-post-area ul li h6 {
    margin-bottom: 2px;
    margin-top: 0
}

.footer-post-area ul li p {
    padding-top: 2px;
    margin-top: 2px
}

#footer_menu {
    display: inline-block
}

#footer_menu ul {
    margin: 0;
    padding: 0
}

#footer_menu ul li {
    display: inline-block;
    margin: 0 10px;
    padding: 15px 5px
}

.foot_right_wrap {
    float: right;
    width: auto
}

.foot_soc {
    display: inline-block;
    float: none
}

#footer_menu.hide_footmenu {
    display: none
}

.copyright_center {
    text-align: center
}

.copyright_center .copytext {
    width: 100%
}

.copyright_center #footer_menu {
    width: 100%;
    display: block
}

.copyright_center .foot_right_wrap {
    float: none
}

.ast_maintanace {
    padding-top: 5%
}

.ast_maintanace .logo, .ast_maintanace .logo h1 {
    float: none;
    text-align: center
}

.ast_maintanace .logo h1 a {
    color: #0e92dd
}

.under-construction-message {
    text-align: center;
    width: 60%;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 20px
}

.under-construction-inner {
    padding: 2%;
    padding-bottom: 4%;
    float: left;
    min-width: 660px
}

.under-construction-inner #countdown_mntnc {
    margin: 0;
    padding: 0;
    margin-top: 60px
}

.under-construction-inner #countdown_mntnc li {
    list-style-type: none;
    display: inline-block;
    width: 100px;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    padding: 15px 30px
}

.under-construction-inner #countdown_mntnc li:last-child {
    margin-right: 0 !important;
    border-right: none
}

.under-construction-inner #countdown_mntnc li span {
    font-size: 48px;
    font-weight: 700
}

.under-construction-inner #countdown_mntnc li p {
    font-size: 13px
}

.ast_maintanace .head_soc {
    width: 100%;
    float: left;
    text-align: center;
    padding: 20px 0
}

.ast_maintanace .head_soc a {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2)
}

.ast_maintanace .head_soc .bookmark_size_large a {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5)
}

.lgn_info {
    display: block;
    position: fixed;
    z-index: 99;
    bottom: -25px;
    left: -12px;
    padding: 10px;
    background: #333;
    transform: rotate(-47deg);
    -webkit-transform: rotate(-47deg);
    -ms-transform: rotate(-47deg);
    height: 40px;
    width: 20px
}

.lgn_info i {
    position: relative;
    left: 10px;
    transform: rotate(37deg);
    -webkit-transform: rotate(37deg);
    -ms-transform: rotate(37deg);
    bottom: -3px
}

div#container {
    width: 70%;
    float: left
}

.woocommerce #woocontent {
    margin: 30px 0
}

#review_form_wrapper form {
    margin-top: 30px
}

.woocommerce #reviews h3, .woocommerce-page #reviews h3 {
    margin: 40px 0 20px
}

.woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select {
    padding: 7px;
    opacity: .7
}

.woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .upsells.products ul.products li.product, .woocommerce .related ul li.product, .woocommerce-page .related ul li.product, .woocommerce .upsells.products ul li.product, .woocommerce-page .upsells.products ul li.product {
    width: 18% !important
}

.woocommerce .star-rating span, .woocommerce-page .star-rating span {
    color: #F4D431
}

.woocommerce.single .breadcrumbs {
    margin-top: -30px;
    padding-bottom: 20px
}

.optimposts .type-product .star-rating {
    font-size: 16px;
    font-family: FontAwesome;
    color: #EFD788;
    width: 75px;
    height: 30px;
    overflow: hidden;
    position: relative
}

.optimposts .type-product .star-rating span:before {
    content: "\f005 \f005 \f005 \f005 \f005";
    visibility: visible;
    position: relative;
    z-index: 2
}

.optimposts .type-product .star-rating span {
    display: block;
    visibility: hidden;
    overflow: hidden;
    height: 30px
}

.optimposts .type-product .star-rating:after {
    content: "\f005 \f005 \f005 \f005 \f005";
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    color: #eee
}

.home .lay1 {
    display: block !important
}

.lay1_wrap .type-product {
    width: 22%;
    margin: 1.5%;
    max-width: 400px;
    float: left
}

.lay1_wrap .type-product img {
    width: 100%;
    height: auto;
    border: none;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    bottom: -100px;
    vertical-align: bottom;
    opacity: 1 !important
}

.woocommerce .addresses .title .edit, .woocommerce-page .addresses .title .edit {
    display: block;
    font-size: 12px;
    opacity: .5;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 3px;
    border: 2px solid;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    line-height: 18px
}

#topmenu ul li .wcmenucart-contents span {
    opacity: .7
}

#topmenu ul li a.wcmenucart-contents {
    border: none !important
}

.optimposts .type-product {
    min-height: 300px
}

.optimposts .type-product .post_content {
    position: relative;
    top: auto
}

.optimposts .type-product .img_hover {
    display: none
}

.optimposts .type-product .icon_wrap {
    display: none
}

.optimposts .type-product h2.postitle {
    text-align: left;
    padding: 15px 0
}

.optimposts .type-product h2.postitle a {
    font-weight: 700;
    font-size: .6em
}

.optimposts .type-product .post_image {
    max-height: inherit !important
}

.optimposts .type-product .imgwrap {
    overflow: hidden
}

.lay1.optimposts .type-product h2.postitle a {
    display: block;
    width: 100%;
    margin-bottom: 10px
}

.optimposts .type-product span.price {
    position: absolute;
    padding: 7px 10px;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    margin-top: 20px;
    z-index: 2
}

.optimposts .type-product a.button.add_to_cart_button {
    display: none;
    position: absolute;
    z-index: 9;
    bottom: 55%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100px;
    padding: 10px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.optimposts .type-product:hover a.button.add_to_cart_button {
    display: block
}

.lay1.optimposts .type-product h2.postitle a.button.add_to_cart_button {
    display: none
}

.lay1.optimposts .type-product a.button.add_to_cart_button:before {
    content: "\f07a";
    font-family: FontAwesome;
    margin-right: 5px
}

.lay1.optimposts .type-product a.added_to_cart.wc-forward {
    position: absolute;
    background-color: #fff;
    padding: 10px;
    bottom: 40%;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 100px;
    text-align: center;
    font-weight: 700;
    font-size: 13px;
    border-radius: 3px;
    z-index: 9
}

.optimposts .lay4_wrap .type-product {
    width: 50%;
    padding: 1.5%;
    float: left;
    padding: 20px;
    box-sizing: border-box
}

.optimposts .lay4pagifix.no_sidebar .type-product {
    width: 33.3%
}

.optimposts .lay4_wrap .type-product .post_content p {
    font-size: .9em
}

.optimposts .lay4_wrap .type-product .single_metainfo {
    display: none
}

.optimposts .lay4_wrap .type-product a.button.add_to_cart_button {
    position: relative;
    display: inline-block;
    float: right;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0;
    padding: 5px;
    font-size: 12px
}

.optimposts .lay4_wrap .type-product h2.postitle {
    padding: 0;
    font-size: 18px
}

.optimposts .lay4_wrap .type-product .post_image, .optimposts .lay4_wrap .type-product .post_content {
    width: 100%;
    margin-right: 0
}

.optimposts .lay4_wrap .type-product span.price {
    position: relative;
    right: 10px;
    margin-top: 0;
    background-color: transparent;
    font-size: 20px;
    float: left
}

.optimposts .lay4_wrap .type-product .star-rating {
    display: none
}

.optimposts .lay4_wrap .type-product .blog_mo {
    margin-top: 8px;
    margin-bottom: 8px
}

.optimposts .lay4_wrap .type-product .blog_mo a {
    display: none
}

.optimposts .lay4_wrap .type-product a.added_to_cart.wc-forward {
    border: 1px solid rgba(0, 0, 0, 0.3);
    padding: 5px 10px;
    font-size: 12px;
    float: right;
    margin-right: 10px;
    margin-top: 0
}

.home .lay1 {
    display: block !important
}

.lay1 .product {
    width: 33.3%;
    max-width: 400px;
    float: left
}

.lay1 .product img {
    width: 100%;
    height: auto;
    border: none;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    bottom: -100px;
    vertical-align: bottom
}

.woocommerce .addresses .title .edit, .woocommerce-page .addresses .title .edit {
    display: block;
    font-size: 12px;
    opacity: .5;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 3px;
    border: 2px solid;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    line-height: 18px
}

#topmenu ul li .wcmenucart-contents span {
    opacity: .7
}

#topmenu ul li a.wcmenucart-contents {
    border: none !important
}

.wpcf7-text {
    padding: 12px;
    border: none;
    background: #ffffff;
    width: 60%;
    border: 1px solid;
    border-color: #efeeee;
    box-sizing: border-box;
    box-shadow: 0 1px 10px #e9e9e9;
}

.wpcf7-textarea {
    padding: 2%;
    border: none;
    background: #ffffff;
    width: 100%;
    min-height: 200px;
    border: 1px solid;
    border-color: #efeeee;
    box-sizing: border-box;
    box-shadow: 0 1px 10px #e9e9e9;
}

.wpcf7-submit {
    float: right;
    padding: 10px 25px;
    border-radius: 5px;
    border: none;
    font-size: 15px;
    cursor: pointer;
    font-weight: bold;
}

@media print {
    .single_wrap {
        width: 100%
    }

    .header, #sidebar, .share_foot, .author_box, #ast_related_wrap, #ast_nextprev, .edit_wrap, .comments_template, .footer_wrap.layer_wrapper {
        display: none
    }
}

@media screen and (min-width: 1200px) {
    .ast_row {
        height: auto !important
    }
}

@media screen and (max-width: 29.938em) {
    .site_boxed .layer_wrapper {
        width: 100% !important;
        float: none;
        margin: 0 !important
    }

    .header {
        height: auto
    }

    .logo h1, .logo h2 {
        float: none;
        text-align: center
    }

    .header2 .head_soc {
        width: 100%;
        text-align: center
    }

    body .lay2 .hentry, .lay3 .hentry {
        width: 94% !important;
        margin-bottom: 15px;
        height: auto !important;
        padding: 2% !important
    }

    body .lay4 .hentry {
        width: 90% !important;
        padding: 5% !important;
        margin-bottom: 0
    }

    body .lay4 .post_image, .lay4 .post_content {
        width: 100%
    }

    .testi_content {
        line-height: 1.3em
    }

    .more-link, .moretag {
        float: none;
        text-align: center
    }

    .ast_gall {
        min-height: 200px
    }

    .ast_slider .nivo-caption {
        width: 90%;
        padding: 5%
    }

    .nivoSlider {
        height: auto !important
    }

    .col2, .col3, .col4 {
        width: 96%
    }

    .act_left {
        width: 90%;
        padding: 5%;
        text-align: center
    }

    .act_right {
        margin: 5%;
        width: 90%
    }

    .rel_content p {
        display: none
    }

    #submit {
        font-size: 18px
    }

    .ast_gall {
        min-height: 200px !important
    }

    .comment-body {
        width: 98%
    }

    .ast_navigation div {
        display: block;
        float: none;
        width: 100%;
        margin: 10px 0
    }

    .ast_navigation a {
        display: block;
        padding: 10px
    }

    .ast_navigation {
        margin-top: 0
    }

    .edit_wrap a {
        top: -22px
    }

    a.comment-edit-link {
        position: relative;
        top: -15px;
        float: right
    }

    .nav-box.ast-prev, .nav-box.ast-next {
        width: 100%;
        background: rgba(0, 0, 0, 0.03);
        float: left;
        padding: 15px 0;
        margin-bottom: 10px
    }

    #ast_nextprev .nav-box i {
        display: none
    }

    #ast_nextprev span.div_middle {
        display: none
    }

    .nav-box.ast-next img {
        margin-right: 15px !important
    }

    .nav-box.ast-prev img {
        margin-left: 15px !important
    }

    .woocommerce table.shop_table td, .woocommerce-page table.shop_table td {
        font-size: 10px;
        font-weight: 700;
        padding: 0
    }

    .woocommerce table.cart th {
        font-size: 12px;
        font-weight: 700
    }

    .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {
        padding: .8em
    }

    .center {
        width: 94% !important;
        margin: 0 auto;
    }

    .head-info-area .left, .head-info-area .right {
        float: none
    }

    .phntp {
        padding-left: 10px
    }

    .head-info-area .right {
        margin: 10px 0 0
    }

    .sintp {
        text-align: left;
        position: relative;
        left: 0
    }

    .suptp {
        padding-left: 40px
    }

    .slidebtn {
        display: none
    }

    .featured_block {
        display: block;
        width: auto;
        margin-right: 0;
        margin-left: 0;
        padding: 10%
    }

    .post_block_style1, .post_block_style2 {
        display: block;
        width: auto;
        margin-right: 0;
        margin-left: 0;
        padding: 6% 0
    }

    .cols4, .cols3, .cols2, .cols1 {
        display: block;
        width: auto
    }

    .boxpattern-1, .boxpattern-2, .boxpattern-3, .boxpattern-4 {
        display: block;
        width: auto;
        margin-left: 0;
        margin-right: 0;
        padding: 0 15px
    }

    .tstcols4, .tstcols3, .tstcols2, .tstcols1 {
        display: block;
        width: auto
    }

    .portfolio-area li {
        margin: 0 !important;
        width: 100% !important
    }

    .footercols4, .footercols3, .footercols2, .footercols1 {
        display: block;
        width: 100% !important
    }

    .clientbox {
        padding: 0 15px !important;
        width: 50% !important
    }

    .nivoSlider img {
        width: 200% !important;
        max-width: 200% !important
    }

    .rota ul {
        margin-left: 0;
        width: 1000% !important;
    }

    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
        left: 0 !important
    }

    .head-info-area a {
        margin-left: 15px !important
    }

    .single_wrap, #sidebar, .lay4_wrap, .no_wrap {
        float: none;
        width: 100%
    }

    .page_head img, .post_head img {
        width: auto !important;
        height: auto !important;
        min-height: inherit !important
    }

    h1, h2, h3, h4, h5, h6 {
        line-height: 32px
    }

    .timeline-both-side::before, .timeline-both-side li .border-line, .timeline-both-side li .border-line::before {
        background-color: transparent !important
    }

    .timeline-both-side li .timeline-description {
        width: 100% !important;
        display: block;
        margin-bottom: 10px
    }

    .timeleft, .timeright {
        float: none;
        display: block;
        width: 100% !important;
        margin-right: 0
    }

    .timeright h3 {
        margin-top: 15px !important
    }

    .timeright .sktmore {
        display: table
    }

    .timeline-row {
        margin-left: 0
    }

    .flipcard {
        float: none !important;
        width: 95% !important;
        margin-bottom: 5% !important
    }

    .servicebox img {
        width: 100%;
        height: auto
    }

    .portfolio-area li {
        height: auto !important
    }

    .image-block img {
        max-width: inherit !important
    }

    .bxslider li {
        left: inherit !important
    }

    .nivoSlider img {
        max-width: 100% !important;
        width: 100% !important
    }

    .griditem {
        display: block !important
    }

    .promo-left {
        width: 100% !important;
        float: none !important
    }

    .promo-right {
        width: 100% !important;
        float: none !important
    }

    .promo-right .promobutton {
        float: none
    }

    .home.has_trans_header .nivo-caption {
        padding-top: 80px !important
    }

    .title {
        font-size: 18px !important;
        max-width: 55% !important
    }

    .slidedesc {
        max-width: 95% !important;
        font-size: 14px !important
    }

    .post_block_style1 .style1-post-thumb {
        height: auto !important
    }

    .portfolio-categ li {
        margin-right: 10px !important
    }

    body .lay4 .hentry {
        width: 100% !important
    }

    .post_block_style1 h3 {
        line-height: 22px !important
    }

    .contact-layout1-left, .contact-layout1-right {
        width: 100% !important
    }

    .page_head img, .post_head img, .page_head, .post_head {
        height: auto !important;
        min-height: inherit !important
    }

    .servicebox img {
        max-width: 100% !important;
        width: auto
    }

    .nivoSlider {
        min-height: 104px !important
    }

    .home_section1_content img {
        height: auto
    }

    .slidedesc, .slidebtn {
        display: none !important
    }

    .theme-default .nivo-controlNav {
        padding: 6px 0 !important
    }

    .servicerow, .perfrow, .row {
        margin: 0 !important
    }

    .thumb, .columns-3, .blocksbox, .columns-2, .squarebox, .post_block_style3, .style3thumb, .style3info, .columns-4, .clientbox, .col-4 {
        width: 100% !important
    }

    .left-fitbox {
        margin: 28px 0 0 !important
    }

    .right-fitbox {
        margin-left: 0 !important
    }

    .featurethumb img {
        width: 100%;
        left: 0 !important;
        margin-bottom: 0 !important;
        border-radius: 80px
    }

    .blocksbox {
        margin: 0 !important
    }

    .post_block_style3 {
        margin-right: 0 !important;
        box-sizing: border-box
    }

    .style3thumb {
        margin-bottom: 20px !important;
        margin-right: 0 !important;
        height: auto !important
    }

    .style3thumb img {
        min-height: inherit !important
    }

    .shortmore {
        position: relative !important;
        padding-top: 20px
    }

    .aligncenter {
        height: auto
    }

    .perfectbox {
        margin: 0 0 20px !important
    }

    .nivo-caption {
        margin-top: 20px !important
    }

    .nivo-caption, .theme-default .nivo-controlNav {
        width: 100% !important;
        padding: 0 20px !important;
        box-sizing: border-box
    }

    .title span {
        font-size: 18px !important
    }

    .perfectbox {
        width: 99% !important
    }

    .bxslider li {
        width: 301px !important;
        box-sizing: border-box
    }

    .testimonilacontent {
        width: 80% !important;
        margin: auto
    }

    .clientbox {
        margin: 0 auto 20px !important;
        width: 70% !important;
        float: none !important
    }

    .serviceboxbg {
        border-right: none !important
    }

    .ngg-gallery-thumbnail-box {
        width: 100% !important
    }

    .home12_section_area_bg .center {
        overflow: visible !important
    }

    .expandthumb {
        height: 140px !important;
        overflow: hidden;
        margin-bottom: 20px
    }

    .expandthumb img {
        min-height: 140px !important
    }

    /*----------ADD NEW CSS----------*/
    .header.type1 .logobgcolor .logo, .header.type2 .logobgcolor .logo {
        height: auto !important;
    }

    .head-info-area .left span.phntp {
        display: block !important;
    }

    .logo img {
        height: auto !important;
        width: 200px !important;
    }

    .home_section1_content {
        margin-top: 60px !important;
    }

    .boxpattern-1, .boxpattern-2, .boxpattern-3, .boxpattern-4 {
        width: 100%;
        margin-bottom: 1px;
    }

    .view-all-btn a {
        margin-bottom: 40px !important;
    }

    .logisticsbox {
        width: 99% !important;
        margin: 0 0 20px !important;
    }

    .post_block_style4 {
        width: 100% !important;
        margin-top: 30px !important;
        min-height: inherit !important;
    }

    .home_section4_content .columns-2:nth-of-type(2n+2) {
        padding-left: 0 !important;
    }

    .post_block_style4 .style4-post-thumb {
        height: auto !important;
    }

    .post_block_style4 img {
        min-height: inherit !important;
    }

    .nivo-controlNav {
        bottom: 10px !important;
    }

    .center-title h2, .left-title h2 {
        font-size: 22px !important;
    }

    .suptp {
        display: block !important;
        padding-left: 0 !important;
    }

    .head-info-area .right {
        margin: 0 !important;
        padding-top: 0 !important;
    }

    .head-info-area .left {
        padding-bottom: 0 !important;
    }

    .head-info-area {
        line-height: 25px;
        text-align: center;
    }

}

@media screen and (max-width: 47.938em) and (min-width: 30.000em) {
    body .header_wrap .header, body.home.has_trans_header .header {
        position: relative !important
    }

    .site_boxed .header_wrap .header {
        max-width: 100% !important
    }

    #simple-menu {
        text-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
        z-index: 999;
        top: 5px;
        right: 12px
    }

    .to_top {
        left: 20px;
        right: auto
    }

    body #accordion h3 a, body #zn_nivo h3 a {
        font-size: 24px !important
    }

    #accordion h3, #zn_nivo h3 {
        line-height: 24px !important
    }

    .acord_text {
        width: 250px;
        padding-left: 0
    }

    .slide_wrap .nivo-directionNav {
        display: none
    }

    .slide_wrap {
        background: none
    }

    .nivoSlider {
        height: auto !important
    }

    .nivoSlider img {
        width: 200% !important;
        max-width: 200% !important
    }

    #stat_img {
        height: auto !important
    }

    .stat_has_img .stat_bg_img {
        height: 100%
    }

    .stat_content_inner {
        bottom: 0
    }

    body .stat_content_inner .center {
        width: 92% !important
    }

    body .stat_content_right .stat_content_inner .center, body .stat_content_left .stat_content_inner .center {
        padding-left: 4%
    }

    .stat_content_left .center {
        margin-left: 0
    }

    .header {
        float: left
    }

    .head_contact {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
        text-align: center
    }

    .midrow_block {
        width: 96% !important
    }

    .block_type2 .midrow_block .block_img {
        width: 100%;
        padding: 20px 0 !important;
        text-align: center !important
    }

    .block_type2 .midrow_block .block_content {
        width: 100%;
        text-align: center !important
    }

    .about_pre {
        font-size: 20px
    }

    .about_header {
        font-size: 32px
    }

    #footer .widgets .widget {
        width: 98% !important
    }

    .single_wrap, #sidebar, #contact_block {
        width: 100%
    }

    .comments_template {
        margin-bottom: 30px
    }

    .page_head, .post_head {
        min-height: initial !important
    }

    .page_head .pagetitle_wrap, .post_head .pagetitle_wrap {
        position: relative !important
    }

    .head_switch {
        bottom: 10px
    }

    .selected_slide .nivo-controlNav {
        bottom: 30px !important;
        text-align: left;
        padding-left: 10px;
        z-index: 999
    }

    .home .selected_slide .nivo-controlNav {
        text-align: center
    }

    #ast_related .panel-container .rel_tab {
        width: 48%
    }

    #sidebar .widget_wrap {
        padding: 0 25px
    }

    .comm_wrap p {
        width: 100%
    }

    .related_img {
        height: auto !important
    }

    #ast_related .panel-container .rel_tab {
        width: 100%
    }

    .related_img img {
        vertical-align: bottom
    }

    .comm_wrap, .comment-form-comment {
        width: 100%
    }

    body .lts_layout1 div.listing-item {
        height: auto !important
    }

    .fourofour a {
        font-size: 170px
    }

    .error_msg #searchform #s {
        width: 60%
    }

    .woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .upsells.products ul.products li.product, .woocommerce .related ul li.product, .woocommerce-page .related ul li.product, .woocommerce .upsells.products ul li.product, .woocommerce-page .upsells.products ul li.product {
        width: 48% !important
    }

    h1, h2, h3, h4, h5, h6 {
        line-height: 32px
    }

    .center {
        width: 94% !important;
        margin: 0 auto;
    }

    .head-info-area a {
        margin-left: 20px
    }

    .slidebtn {
        width: 21% !important
    }

    .featured_block {
        display: block;
        width: 44%;
        margin-right: 1%;
        margin-left: 1%;
        padding: 10% 2%
    }

    .post_block_style1, .post_block_style2, .post_block_style4 {
        margin: 0 1.5% 6%;
        width: 47%
    }

    .cols4, .cols3, .cols2, .cols1 {
        margin: 0 0 2.6%;
        width: 50%;
        min-height: 535px
    }

    .boxpattern-1, .boxpattern-2, .boxpattern-3, .boxpattern-4 {
        padding: .5% 2.2% 0;
        width: 50%
    }

    .tstcols4, .tstcols3, .tstcols2, .tstcols1 {
        padding: .5% 1.8% 0;
        width: 49.5%
    }

    .portfolio-area li {
        width: 100% !important
    }

    .clientbox {
        width: 32.6% !important
    }

    .footercols4, .footercols3, .footercols2, .footercols1 {
        width: 50% !important
    }

    .rota ul {
        margin-left: -35px
    }

    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
        left: 0 !important
    }

    .single_wrap, #sidebar, .lay4_wrap, .no_wrap {
        float: none;
        width: 100%
    }

    .page_head img, .post_head img {
        width: auto !important;
        height: auto !important;
        min-height: inherit !important
    }

    .timeleft, .timeright {
        float: none;
        display: block;
        width: auto !important
    }

    .timeright h3 {
        margin-top: 15px !important
    }

    .flipcard {
        width: 340px !important;
        margin: 0 auto 4% !important;
        clear: both !important;
        float: none !important
    }

    .portfolio-area li {
        width: 47% !important;
        margin-bottom: 20px !important;
        height: 150px !important
    }

    .portfolio-area li:nth-child(2n+2) {
        margin-right: 0
    }

    .bxslider li {
        left: inherit !important
    }

    .nivoSlider img {
        max-width: 100% !important;
        width: 100% !important
    }

    #footer .footercols4 {
        padding: 0 33px !important
    }

    .promo-left {
        width: 100% !important;
        float: none !important
    }

    .promo-right {
        width: 100% !important;
        float: none !important
    }

    .promo-right .promobutton {
        float: none
    }

    .home.has_trans_header .nivo-caption {
        padding-top: 40px !important
    }

    .title {
        font-size: 22px !important
    }

    #simple-menu {
        margin-top: 2% !important
    }

    .post_block_style1 img {
        min-height: 175px !important
    }

    .post_block_style1 h3 {
        line-height: 22px !important
    }

    .page_head img, .post_head img, .page_head, .post_head {
        height: auto !important;
        min-height: inherit !important
    }

    .servicebox img {
        max-width: 100% !important
    }

    .nivoSlider {
        min-height: 156px !important
    }

    .home_section1_content img {
        height: auto
    }

    .cols4 .team-thumb {
        height: 210px !important
    }

    .slidedesc, .slidebtn {
        display: none !important
    }

    .theme-default .nivo-controlNav {
        padding: 6px 0 !important
    }

    .servicerow, .blocksbox, .perfrow, .row {
        margin: 0 !important
    }

    .thumb, .blocksbox {
        width: 50% !important
    }

    .columns-3, .columns-2, .post_block_style3, .col-4 {
        width: 100% !important;
        box-sizing: border-box
    }

    .left-fitbox {
        margin: 28px 0 0 !important
    }

    .right-fitbox {
        margin-left: 0 !important
    }

    .featurethumb img {
        width: 100%;
        left: 0 !important;
        margin-bottom: 0 !important;
        border-radius: 80px
    }

    .nivo-caption, .theme-default .nivo-controlNav {
        width: 100% !important;
        padding: 0 20px !important;
        box-sizing: border-box
    }

    .title span {
        font-size: 22px !important
    }

    .squarebox {
        width: 31.1% !important;
        min-width: inherit !important;
        margin: 0 5px 10px !important
    }

    .aligncenter {
        height: auto
    }

    .perfectbox {
        width: 45% !important
    }

    h3, h3 a:link, h3 a:visited {
        font-size: 13px !important
    }

    .perfectborder {
        min-height: 176px !important
    }

    .columns-4 {
        width: 50% !important;
        padding: 0 10px;
        box-sizing: border-box
    }

    .home_section14_content .columns-2 {
        width: 50% !important;
        padding: 0 10px;
        box-sizing: border-box
    }

    .clientbox {
        width: 31.1% !important;
        margin-bottom: 10px !important
    }

    .left-fitright, .right-fitleft {
        width: 40px !important;
        height: 40px;
        line-height: 40px;
        padding: 0 !important
    }

    .boxpattern-1 .serviceboxbg {
        min-height: 293px !important
    }

    .boxpattern-1, .boxpattern-2, .boxpattern-3, .boxpattern-4 {
        padding: 0
    }

    .rota ul {
        margin: 0 !important
    }

    .bxslider li {
        width: 480px !important;
        margin: 0 10px !important;
        box-sizing: border-box
    }

    .testimonilacontent {
        width: 80% !important;
        margin: auto
    }

    .bxmain .bx-wrapper .bx-viewport {
        height: 427px !important
    }

    .ngg-gallery-thumbnail-box {
        width: 50% !important
    }

    .home12_section_area_bg .center {
        overflow: visible !important
    }

    .expandthumb {
        height: 160px !important;
        overflow: hidden;
        margin-bottom: 20px
    }

    .expandthumb img {
        min-height: 160px !important
    }

    /*----------ADD NEW CSS----------*/
    .header.type1 .logobgcolor .logo, .header.type2 .logobgcolor .logo {
        height: auto !important;
    }

    .head-info-area .left span.phntp {
        display: block !important;
    }

    .logo img {
        height: auto !important;
        width: 200px !important;
    }

    .home_section1_content {
        margin-top: 60px !important;
    }

    .boxpattern-1, .boxpattern-2, .boxpattern-3, .boxpattern-4 {
        width: 100%;
        margin-bottom: 1px;
    }

    .view-all-btn a {
        margin-bottom: 40px !important;
    }

    .logisticsbox {
        width: 99% !important;
        margin: 0 0 20px !important;
    }

    .post_block_style4 {
        width: 100% !important;
        margin-top: 30px !important;
        min-height: inherit !important;
    }

    .home_section4_content .columns-2:nth-of-type(2n+2) {
        padding-left: 0 !important;
    }

    .post_block_style4 .style4-post-thumb {
        height: auto !important;
    }

    .post_block_style4 img {
        min-height: inherit !important;
    }

    .nivo-controlNav {
        bottom: 10px !important;
    }

    .center-title h2, .left-title h2 {
        font-size: 22px !important;
    }

    .suptp {
        display: block !important;
        padding-left: 0 !important;
    }

    .head-info-area .right {
        margin: 0 !important;
        padding-top: 0 !important;
    }

    .head-info-area .left {
        padding-bottom: 0 !important;
    }

    .head-info-area {
        line-height: 25px;
        text-align: center;
    }

    .head-info-area .left, .head-info-area .right {
        float: none !important;
    }

}

@media screen and (max-width: 63.938em) and (min-width: 20.000em) {
    #topmenu {
        display: none
    }

    #simple-menu {
        display: block
    }

    #simple-menu.hide_mob_menu {
        display: none
    }

    .touchon #topmenu {
        display: none
    }

    .touchon #simple-menu {
        display: block
    }

    .touchon .lay1 h2.postitle a {
        font-size: 18px;
        line-height: 1.2em
    }

    #simple-menu {
        margin-top: 0
    }
}

@media screen and (max-width: 63.938em) and (min-width: 48.000em) {
    .center {
        width: 94% !important;
        margin: 0 auto;
    }

    .nivoSlider {
        height: auto !important
    }

    .nivoSlider img {
        width: 150% !important;
        max-width: 150% !important
    }

    .slidebtn {
        width: 15% !important
    }

    .featured_block {
        width: 44%;
        margin-right: 6px;
        margin-left: 6px
    }

    .post_block_style1, .post_block_style2 {
        width: 48%;
        margin-right: 6px;
        margin-left: 6px
    }

    .cols4, .cols3, .cols2, .cols1 {
        width: 47.5%;
        margin-right: 6px;
        margin-left: 6px;
        padding: 0
    }

    .boxpattern-1, .boxpattern-2, .boxpattern-3, .boxpattern-4 {
        width: 48%;
        margin-right: 6px;
        margin-left: 6px
    }

    .rota ul {
        margin-left: -35px
    }

    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
        left: 0 !important
    }

    .tstcols4, .tstcols3, .tstcols2, .tstcols1 {
        width: 47.5%;
        margin-right: 6px;
        margin-left: 6px
    }

    .portfolio-area li {
        margin: 0 12px -4px 0 !important;
        min-height: 125px !important;
        width: 201px !important
    }

    .clientbox {
        width: 25% !important
    }

    .flipcard {
        width: 320px !important;
        margin-left: 25px !important;
        margin-bottom: 5% !important
    }

    .title {
        font-size: 40px !important
    }

    .bxslider li {
        left: inherit !important
    }

    .portfolio-area li {
        width: 23.33% !important;
        margin-bottom: 20px !important;
        height: 120px !important
    }

    .image-block img {
        min-height: 120px !important
    }

    .portfolio-area li:nth-child(4n+4) {
        margin-right: 0
    }

    .post_block_style1 .style1-post-thumb {
        height: 230px
    }

    .post_block_style1 img {
        min-height: 230px
    }

    .nivoSlider img {
        max-width: 100% !important;
        width: 100% !important
    }

    #simple-menu {
        margin-top: 0
    }

    .tstcols4, .tstcols3, .tstcols2, .tstcols1 {
        margin: 0 !important;
        width: 50%
    }

    .lay4 .hentry {
        padding-left: 0 !important
    }

    .page_head img, .post_head img, .page_head, .post_head {
        height: auto !important;
        min-height: inherit !important
    }

    .servicebox img {
        max-width: 100% !important
    }

    .nivoSlider {
        min-height: 250px !important
    }

    .title {
        font-size: 28px !important
    }

    .home_section1_content img {
        height: auto
    }

    .servicerow {
        margin: 0 !important
    }

    .thumb {
        width: 33.333% !important
    }

    .featurethumb img {
        width: 100% !important;
        left: 0 !important
    }

    .left-fitright, .right-fitleft {
        width: 25px !important;
        height: 25px;
        line-height: 25px;
        padding: 0 !important
    }

    .blocksbox {
        width: 30.5% !important
    }

    .expanding-grid .links > li {
        width: 25% !important
    }

    .expanding-grid .links > li:nth-of-type(3n+1) {
        clear: inherit !important
    }

    .squarebox {
        min-width: inherit !important;
        width: 47% !important
    }

    .home8_section_area h2 {
        line-height: 40px
    }

    .post_block_style3 {
        width: 41.1% !important
    }

    .aligncenter {
        height: auto
    }

    .perfrow {
        margin-left: -10px !important;
        margin-right: -10px !important
    }

    .perfectbox {
        width: 30.3% !important
    }

    .columns-4, .columns-2 {
        padding: 0 10px;
        box-sizing: border-box
    }

    .clientbox {
        width: 23% !important;
        margin-bottom: 13px !important
    }

    .col-4 {
        padding: 0 10px !important
    }

    .row {
        margin-right: 0 !important
    }

    .nivo-caption, .theme-default .nivo-controlNav {
        width: 100% !important;
        padding: 0 20px !important;
        box-sizing: border-box
    }

    .title, .title span {
        font-size: 24px !important
    }

    .bxmain .bx-wrapper .bx-viewport {
        height: auto !important
    }

    .bxslider li {
        width: 341px !important;
        margin: 0 14px !important
    }

    .rota ul {
        margin: -12px !important;
        width: 1000% !important;
    }

    #footer .contact-info .box p {
        display: table;
        top: 0 !important
    }

    .slidedesc {
        max-width: 60% !important
    }

    .slidebtn {
        width: 22% !important
    }

    .slidedesc {
        margin-bottom: 0 !important;
        line-height: 22px !important;
        padding: 10px 0 25px !important
    }

    .ngg-gallery-thumbnail-box {
        width: 33.333% !important
    }

    .style3thumb {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 20px !important
    }

    .style3info {
        width: 100% !important
    }

    .style3info h3 {
        font-size: 18px !important
    }

    .home12_section_area_bg .center {
        overflow: visible !important
    }

    .expandthumb {
        height: 180px !important;
        overflow: hidden;
        margin-bottom: 20px
    }

    .expandthumb img {
        min-height: 180px !important
    }

    /*----------ADD NEW CSS----------*/
    .servicebox.boxpattern-2 {
        width: 33% !important;
        margin: 0 !important;
    }

    .logisticsbox {
        width: 30% !important;
    }

    .logistics-thumb {
        float: none !important;
        margin: 0 auto !important;
    }

    .logistics-title h6 {
        font-size: 14px !important;
    }

    .post_block_style4 .style4-post-thumb {
        height: 200px !important;
    }

    .post_block_style4 img {
        min-height: 200px !important;
    }

    .post_block_style4 {
        min-height: 336px !important;
    }

    .nivo-caption {
        overflow: visible !important;
        top: 43% !important;
    }

    .nivo-directionNav a {
        bottom: 25% !important;
    }

    a.nivo-prevNav {
        left: 3% !important;
    }

    a.nivo-nextNav {
        left: 9% !important;
    }

    .head-info-area .left, .head-info-area .right {
        width: 50% !important;
    }

    .head-info-area .right {
        width: 25% !important;
    }

    .head-info-area .left span.phntp, .suptp {
        display: block;
    }

    .head-info-area, .head-info-area a:link, .head-info-area a:visited {
        line-height: 22px;
    }

    .suptp {
        margin-left: 0 !important;
    }

}

@media screen and (max-width: 72.438em) and (min-width: 63.250em) {
    .center {
        width: 94% !important;
        margin: 0 auto
    }

    .portfolio-area li {
        width: 23.33% !important;
        margin-bottom: 20px !important;
        height: 190px !important
    }

    .portfolio-area li:nth-child(4n+4) {
        margin-right: 0
    }

    .nivoSlider {
        height: auto !important
    }

    .nivoSlider img {
        max-width: 100% !important;
        width: 100% !important
    }

    #simple-menu {
        margin-top: 0
    }

    .frontimage img {
        max-width: 190px !important
    }

    .post_block_style1 img {
        min-height: 175px !important
    }

    .flipcard .front, .flipcard .back {
        height: 330px !important
    }

    .lay4 .hentry {
        padding-left: 0 !important
    }

    .servicebox h3 {
        font-size: 18px !important
    }

    .blocksbox {
        width: 22.9% !important
    }

    .squarebox {
        width: 31.2% !important;
        min-width: inherit !important
    }

    .post_block_style3 {
        width: 42.9% !important
    }

    .aligncenter {
        height: auto
    }

    .columns-4, .blockbox {
        padding: 0 10px;
        box-sizing: border-box
    }

    .nivo-caption, .theme-default .nivo-controlNav {
        width: 100% !important;
        padding: 0 20px !important;
        box-sizing: border-box
    }

    .row {
        margin: 0 !important
    }

    .col-4 {
        width: 30% !important
    }

    .bxmain .bx-wrapper .bx-viewport {
        height: auto !important
    }

    .title {
        font-size: 30px !important
    }

    .slidedesc {
        max-width: 44% !important
    }

    .nivoSlider {
        min-height: 407px !important
    }

    .nivo-controlNav {
        bottom: 20px !important
    }

    .featurethumb img {
        width: 100% !important;
        left: 0 !important
    }

    .ngg-gallery-thumbnail-box {
        width: 25% !important
    }

    .title span {
        font-size: 30px !important
    }

    .cols4 .team-thumb {
        width: 220px !important;
        height: 220px !important
    }

    .cols4 .team-thumb img {
        min-height: 220px !important
    }

    .opabox {
        width: 200px !important;
        height: 200px !important
    }

    .center .galslide {
        width: 223px !important
    }

    .theme-default .nivo-controlNav {
        width: 10px !important
    }

    /*----------ADD NEW CSS----------*/
    .logo img {
        height: auto !important;
        width: 250px !important;
    }

    .logisticsbox {
        width: 31% !important;
    }

    .logistics-title h6 {
        font-size: 15px !important;
    }

    .nivo-caption {
        overflow: visible !important;
    }

    a.nivo-prevNav {
        left: 3% !important;
    }

    a.nivo-nextNav {
        left: 8% !important;
    }

    .columns-2 {
        padding: 0 15px;
    }

    .post_block_style4 {
        min-height: 411px !important;
    }

}

.activity.buddypress .comments_template {
    display: none
}

.is_safari input[type="button"], .is_safari button {
    -webkit-appearance: none;
    -webkit-border-radius: 0
}

.is_safari .top_head_soc a:hover {
    transform: none;
    -webkit-transform: none
}

.is_safari .lay1_wrap .img_hover {
    transition: none;
    -webkit-transition: none
}

.is_safari .lay1 .post_image {
    width: 100.4%
}

.is_safari .lay1 .hentry {
    overflow: hidden
}

.promo1 {
    width: auto;
    height: auto;
    padding: 30px;
    text-align: left;
    line-height: 22px;
    margin: auto;
    border-style: solid;
    border-width: 3px 1px 1px
}

.promo2 {
    width: auto;
    height: auto;
    padding: 30px;
    text-align: left;
    line-height: 22px;
    margin: auto;
    border-style: solid;
    border-width: 0 0 0 3px;
    position: relative
}

.promo3 {
    width: auto;
    height: auto;
    padding: 30px;
    text-align: center;
    line-height: 22px;
    margin: auto;
    border-style: solid;
    border-width: 0 0 3px
}

.promo4 {
    width: auto;
    height: auto;
    padding: 30px;
    text-align: left;
    line-height: 22px;
    margin: auto;
    border-style: solid;
    border-width: 3px
}

.promo5 {
    width: auto;
    height: auto;
    padding: 0 30px;
    text-align: center;
    line-height: 22px;
    margin: auto
}

.promo-left {
    float: left;
    width: 75%
}

.promo-right {
    float: right;
    width: 25%;
    margin-top: 5%;
    margin-bottom: 5%
}

.promo-right .sktmore {
    float: right
}

.promo-right .sktmore a {
    color: #FFF !important
}

.promo3 .sktmore {
    clear: both;
    float: none;
    text-align: center;
    margin: 30px auto 0;
    display: table
}

.promo3 .sktmore a {
    color: #FFF !important;
    display: block
}

.promo5 .sktmore {
    clear: both;
    float: none;
    text-align: center;
    margin: 35px auto 0;
    display: table;
    border-radius: 25px;
    padding: 13px 34px
}

.promo5 .sktmore a {
    color: #FFF !important;
    display: block;
    font-weight: 700
}

.vidbg-container video {
    height: 100% !important;
    object-fit: cover !important;
    width: 100% !important;
    display: inline-block
}

.spacecode {
    clear: both
}

.thumb {
    display: block;
    box-sizing: border-box;
    float: left;
    padding: 15px 15px 30px;
    width: 25%
}

.boxthumb {
    border: 6px solid;
    border-color: #eae9e9;
    clear: both;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    overflow: hidden
}

.boxthumb:hover {
    background-color: #fff;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

.boxthumb img {
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.boxthumb:hover img {
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
    opacity: .4;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

.thmbname {
    text-align: center;
    padding: 15px 0 0;
    font-weight: 700;
}

.columns-1 {
    width: 100%;
    height: auto;
    float: none;
    box-sizing: border-box;
}

.columns-2 {
    width: 50%;
    height: auto;
    float: left;
    box-sizing: border-box;
}

.columns-3 {
    width: 33.33%;
    height: auto;
    float: left;
    box-sizing: border-box;
}

.columns-4 {
    width: 25%;
    height: auto;
    float: left;
    box-sizing: border-box;
}

.left-fitbox {
    float: left;
    height: auto;
    margin: 28px 16% 0 0;
    width: auto
}

.left-fitbox a h3, .left-fitbox a .left-fitright {
    transition: all .5s ease 0
}

.left-fitbox a:hover h3 {
    color: #f80
}

.left-fitbox a:hover .left-fitright {
    background-color: #f80;
    color: #fff
}

.left-fitleft {
    float: left;
    text-align: right;
    width: 80%
}

.left-fit-title h3 {
    margin: 0;
    padding: 0 0 10px;
    text-transform: none
}

.left-fit-title h3, .right-fit-title h3 {
    color: #FFF
}

.left-fit-desc {
    color: #fff;
    float: right;
    line-height: 20px;
    text-align: right;
    font-size: 13px;
    border-bottom: 1px dashed;
    border-bottom-color: #7ab6f7;
    padding-bottom: 30px
}

.left-fitright {
    float: right;
    text-align: center;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    line-height: 35px;
    color: #000;
    background-color: #FFF;
    font-size: 14px;
    font-weight: 700;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    border-radius: 100%;
    padding: 0
}

.right-fitbox a h3, .right-fitbox a .right-fitleft {
    transition: all .5s ease 0
}

.right-fitbox a:hover h3 {
    color: #f80
}

.right-fitbox a:hover .right-fitleft {
    background-color: #f80;
    color: #fff
}

.right-fitbox {
    float: left;
    height: auto;
    margin: 28px 0 0 16%;
    width: auto
}

.right-fitleft {
    background-color: #fff;
    border-radius: 100%;
    color: #000;
    float: left;
    font-size: 14px;
    font-weight: 700;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    line-height: 35px
}

.right-fitright {
    float: right;
    text-align: left;
    width: 80%
}

.right-fit-title h3 {
    margin: 0;
    padding: 0 0 10px;
    text-transform: none
}

.right-fit-desc {
    border-bottom: 1px dashed #7ab6f7;
    color: #fff;
    float: left;
    font-size: 13px;
    line-height: 20px;
    padding-bottom: 30px;
    text-align: left
}

.expanding-grid {
    position: relative;
    width: 100%
}

.expanding-grid .links {
    display: block;
    margin: 0 -1em;
    padding: 1em 0
}

.expanding-grid .links > li {
    box-sizing: border-box;
    float: left;
    padding: 1em;
    list-style: none
}

.expanding-grid .links > li a {
    color: #fff;
    display: block;
    font-size: 2em;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.expanding-grid .links > li a.active:after {
    background-color: transparent;
    border-bottom: .375em solid;
    border-bottom-color: #fbc412;
    border-left: .375em solid transparent;
    border-right: .375em solid transparent;
    bottom: -.5em;
    content: '';
    height: 0;
    left: 50%;
    margin-left: -.375em;
    position: absolute;
    width: 0
}

@media only screen and (max-width: 39.99em) {
    .expanding-grid .links > li {
        width: 50%
    }

    .expanding-grid .links > li:nth-of-type(2n+1) {
        clear: left
    }
}

@media only screen and (min-width: 40em) and (max-width: 59.99em) {
    .expanding-grid .links > li {
        width: 33.33333%
    }

    .expanding-grid .links > li:nth-of-type(3n+1) {
        clear: left
    }
}

@media only screen and (min-width: 60em) {
    .expanding-grid .links > li {
        width: 25%
    }

    .expanding-grid .links > li:nth-of-type(4n+1) {
        clear: left
    }
}

.expanding-grid .spacer {
    background-color: #fbc412;
    clear: both;
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: 0 999999px;
    position: relative;
    left: -999999px
}

.expanding-grid .expanding-container {
    clear: both;
    display: none;
    width: 100%;
    position: relative
}

.expanding-grid .expanding-container.expanded, .expanding-grid .expanding-container:target {
    display: block
}

.expanding-grid .hentry {
    box-sizing: border-box;
    clear: both;
    color: #fff;
    min-height: 4em;
    overflow: hidden;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.expanding-grid .hentry .entry-image {
    box-sizing: border-box;
    float: right;
    margin-left: 1em;
    padding: .25em 0 .52em 1em;
    text-align: center;
    width: 50%
}

.expanding-grid .hentry .entry-title {
    font-size: 1.5em
}

.expanding-grid .close-button {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNLjcuN2wxOCAxOG0tMTggMGwxOC0xOCIvPjwvc3ZnPg==) no-repeat scroll 50% 50% transparent;
    color: #fff;
    display: inline-block;
    height: 20px;
    line-height: 1;
    overflow: hidden;
    padding: 1.5em .1em;
    text-decoration: none;
    text-indent: 5em;
    white-space: nowrap;
    width: 20px;
    will-change: opacity;
    z-index: 5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.expanding-grid .close-button.active {
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.expanding-grid .close-button:hover {
    opacity: .5
}

.img-placeholder {
    font-size: 4em;
    font-weight: 300;
    line-height: 1;
    padding: 22% 0 0 .25em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: right
}

.featurethumb img {
    max-width: none;
    max-height: none;
    margin-bottom: -4px;
    position: relative;
    left: -45px
}

.blocksbox {
    float: left;
    width: 23.3%;
    padding: 40px 16px 0 20px;
    margin: 0 10px;
    box-sizing: border-box;
    min-height: 350px;
    border-bottom: 1px dashed;
    border-bottom-color: #ddd
}

.blockthumb {
    text-align: center;
    display: block;
    min-height: 35px
}

.blockthumb img {
    height: auto;
    max-width: 100%
}

.blocktitle {
    text-align: center
}

.blocktitle:after {
    content: " ";
    width: 33px;
    border-bottom: 2px solid #282828;
    display: table;
    margin: 0 auto
}

.blockdesc {
    text-align: center;
    line-height: 23px;
    padding: 21px 0 25px;
    font-size: 14px
}

.blockmore {
    display: block;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 40px
}

.expand-left {
    float: left;
    width: 57.26%;
    padding: 2% 0 4%;
    color: #dcefff;
    font-size: 14px
}

.blocksbox:hover {
    background: #f8f8f8
}

.expand-left h2 {
    font-size: 34px;
    color: #FFF;
    margin-bottom: 1%
}

.designation {
    text-align: left;
    margin-bottom: 4%
}

.teamicon {
    margin-bottom: 6%
}

.expand-right {
    float: right;
    width: 27.77%;
    padding: 2% 0 4%
}

.expand-right img {
    border-radius: 2%;
    -moz-border-radius: 2%;
    -webkit-border-radius: 2%;
    -webkit-box-shadow: -15px 15px 2px -2px rgba(25, 131, 223, 0.4);
    -moz-box-shadow: -15px 15px 2px -2px rgba(25, 131, 223, 0.4);
    box-shadow: -15px 15px 2px -2px rgba(25, 131, 223, 0.4)
}

.headingseperator {
    text-align: left;
    clear: both
}

.headingseperator h3 {
    text-transform: uppercase;
    text-align: left;
    color: #FFF;
    font-size: 14px
}

.headingseperator h3:after {
    content: "";
    width: 25px;
    border-bottom: 2px solid;
    border-bottom-color: #FFF;
    display: block;
    text-align: left;
    margin: 10px 0 30px
}

a .squarebox {
    -webkit-transition: all .6s ease-out;
    -moz-transition: all .6s ease-out;
    -ms-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    transition: all .6s ease-out
}

.squarebox {
    float: left;
    background-color: #FFF;
    width: auto;
    height: auto;
    min-width: 185px;
    min-height: 170px;
    text-align: center;
    vertical-align: middle;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin: 0 10px 10px 0
}

.squarebox:hover {
    background-color: #79ab9f
}

.squareicon {
    text-align: center;
    vertical-align: middle;
    padding: 50px 0 25px
}

.squaretitle {
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    color: #000;
    text-transform: uppercase
}

.promo5 h1, .promo5 h2, .promo5 h3, .promo5 h4, .promo5 h5, .promo5 h6 {
    margin: 0
}

.perfectbox {
    float: left;
    width: 30.99%;
    background-color: #fff;
    border: 1px solid;
    border-color: #eaeaea;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    text-align: center;
    margin: 0 10px 20px;
    -webkit-transition: border 500ms ease-in;
    -moz-transition: border 500ms ease-in;
    -o-transition: border 500ms ease-in;
    transition: border 500ms ease-in
}

.perfectbox:hover {
    border-color: #fbc412
}

.perfectborder {
    border-bottom: 7px solid;
    border-color: transparent !important;
    padding: 28px;
    height: auto;
    min-height: 175px;
    -webkit-transition: border 400ms ease-in;
    -moz-transition: border 400ms ease-in;
    -o-transition: border 400ms ease-in;
    transition: border 400ms ease-in
}

.perfectborder:hover {
    border-bottom: 7px solid;
    border-color: #fbc412 !important
}

.perf-title {
    text-align: center;
    display: block
}

.perf-title h3 {
    margin-bottom: 10px;
    margin-top: 0
}

.perf-description {
    text-align: center;
    display: block;
    color: #000
}

.perf-thumb {
    text-align: center;
    vertical-align: bottom;
    display: block;
    min-height: 100px;
    position: relative;
    top: 0;
    transition: all .5s ease-in-out 0
}

.perfectborder:hover .perf-thumb {
    top: -10px
}

.perfrow {
    margin-left: -15px;
    margin-right: -15px
}

.nobottom {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    position: relative;
    bottom: -60px
}

.blockbox {
    display: block;
    width: auto;
    height: auto;
    margin-bottom: 30px
}

.infoblockthumb {
    text-align: center;
    position: relative;
    top: 0;
    transition: all .5s ease-in-out 0
}

.infoblocktitle {
    text-align: center
}

.blockbox:hover .infoblockthumb {
    top: -10px
}

.bxslider li {
    padding: 0px;
    list-style: none;
}

.testimonilacontent {
    font-style: italic;
    margin-bottom: 7%;
}

.testimonilacontent p {
    margin: 0;
    padding: 0;
}

ul.footmenu {
    margin: 0;
    padding-left: 0
}

.footmenu ul {
    margin: 0;
    padding-left: 0
}

.footmenu li {
    list-style: none;
    line-height: 22px;
    margin: 0 0 5px 0;
    padding-bottom: 5px;
    font-size: 13px
}

.footmenu li a {
    color: #757575
}

.footmenu li a:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 14px;
    padding-right: 10px
}

.footmenu li a:hover, .footmenu li.current_page_item a {
    color: #fff !important
}

.footmenu li ul {
    padding-left: 15px
}

.ngg-gallery-thumbnail-box {
    box-sizing: border-box;
    float: left;
    margin-right: 0 !important;
    padding: 0 5px !important;
    width: 25%
}

.ngg-gallery-thumbnail {
    width: 100%
}

.ngg-gallery-thumbnail img {
    margin: 4px 0 !important;
    width: 100%;
    box-sizing: border-box
}

body.site_boxed .nivo-caption {
    padding: 25px
}

body.site_boxed .theme-default .nivo-controlNav {
    padding: 20px 25px
}

body.site_boxed .blocksbox {
    width: 23%
}

body.site_boxed .nivoSlider {
    min-height: 445px !important
}

body.site_boxed .slidedesc {
    margin-bottom: 5px
}

.expanding-grid .links > li a.active::after {
    bottom: -34px
}

.expandthumb {
    height: 250px;
    overflow: hidden;
    margin-bottom: 20px
}

.expandthumb img {
    min-height: 250px
}

.fourofour a {
    font-size: 280px;
    opacity: .4;
    line-height: 100%
}

.error404 .postitle {
    margin-top: 0;
    font-size: 50px;
    text-transform: uppercase;
    opacity: .5
}

.mega-sub-menu a {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.mega-demos a {
    background-color: #fbc412 !important;
    border-bottom: 4px solid #fbc412;
    color: #fff !important
}

/*------------------------- READ MORE ------------------------*/
.view-all-btn {
    text-align: center;
}

.view-all-btn a span i {
    float: right;
    font-size: 18px;
    padding: 0 0 0 10px;
    position: relative;
    top: 2px;
}

.view-all-btn a {
    display: inline-block;
    font: 900 13px/18px "Roboto";
    padding: 13px 25px;
    vertical-align: middle;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

/*------------------------- ABOUT ME ------------------------*/
.about-me {
    position: relative;
    width: 100%;
    display: block;
    margin: 0 0 4% 0;
    clear: both;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
}

.about-me .aboutme-thumb {
    height: 62px;
    width: 62px;
    line-height: 62px;
    float: left;
}

.about-me:hover i {
    background: #e00a2c;
    color: #ffffff;
}

.about-me h6 {
    margin: 0 0 20px 0;
    padding: 0 0 17px 0;
    position: relative;
    text-transform: uppercase;
}

.about-me h6:after {
    content: " ";
    width: 55px;
    position: absolute;
    left: -3%;
    bottom: 0;
    border-bottom: solid 1px #0089d0;
    display: block;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
}

.about-me:hover h6:after {
    left: 0%;
}

.about-me p {
    color: #7a7a7a;
    margin: 5px 0 !important
}

.aboutme-des {
    display: table;
}

/*------------------------- LOGISTICS BOX ------------------------*/
.logisticsbox {
    float: left;
    width: 31.27%;
    background-color: #fff;
    border: 1px solid;
    border-color: #efeeee;
    margin: 0 10px 20px;
    position: relative;
}

.logisticsbox:hover {
    border-color: #ffffff;
    background: #fbc412;
}

.logisticsborder {
    border-left: 4px solid;
    border-color: #fbc412;
    padding: 28px;
    height: auto;
    min-height: 75px;
    -webkit-transition: border 400ms ease-in;
    -moz-transition: border 400ms ease-in;
    -o-transition: border 400ms ease-in;
    transition: border 400ms ease-in
}

.logisticsborder:hover {
    border-left: 4px solid;
    border-color: transparent !important;
}

.logisticstitledes {
    display: table;
}

.logistics-title {
    display: block
}

.logistics-title h6 {
    margin-bottom: 10px;
    margin-top: 0
}

.logistics-description {
    display: block;
    color: #888888;
    line-height: 22px;
}

.logistics-thumb {
    width: 45px;
    height: 70px;
    overflow: hidden;
    margin-right: 20px;
    float: left;
    vertical-align: bottom;
    display: block;
    position: relative;
    top: 0;
    transition: all .5s ease-in-out 0
}

.logisticsbox:hover .logistics-title h6, .logisticsbox:hover .logistics-description {
    color: #ffffff;
}

/*------------------------- REQUEST A QUOTE ------------------------*/
.home input[type=text], .home input[type=tel], .home input[type=email] {
    float: left;
    width: 49%;
    margin: 0 2% 2% 0;
}

.home p span:nth-of-type(2n+2) input {
    margin-right: 0 !important
}

.home .wpcf7 textarea {
    height: 120px;
    min-height: inherit;
    margin-top: 0;
    margin-bottom: 5%;
}

span.wpcf7-not-valid-tip {
    display: none !important;
}

input.wpcf7-not-valid {
    border: solid 1px #ff0000 !important;
}

.home input[type=checkbox] {
    margin: 0 !important;
}

.home .wpcf7-form br {
    display: none !important;
}

.home_section4_content .columns-2:nth-of-type(2n+2) {
    padding-left: 40px;
}

h4, h4 a:link, h4 a:visited {
    font-size: 16px !important;
}

.suptp {
    margin-left: 20px;
}

.edit_widget, .customize-partial-edit-shortcut-button {
    display: none !important;
    visibility: hidden;
}




/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .bgmenu{
        background: none;
    }

    .menubgcolor{
        background: none;
    }

    .menubgcolor:before{
        background: none;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .bgmenu{
        background: none;
    }

    .menubgcolor{
        background: none;
    }

    .menubgcolor:before{
        background: none;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .bgmenu{
        background: none;
    }

    .menubgcolor{
        background: none;
    }

    .menubgcolor:before{
        background: none;
    }
}


@media screen and (max-width: 72.438em) and (min-width: 63.25em){
    .logo img {
        height: auto !important;
        width: 170px !important;
    }
}