/*===========================================================================
    CONTENTS:

    1. CSS RESET.
    2. TOP BAR STYLE.
    3. HEADER STYLE:
        3.1. Header styles:
        	3.1.1. Header style 1.
        	3.1.2. Header style 2.
        	3.1.3. Header style 3.
        	3.1.4. Header style 4.
        	3.1.5. Header style 5.
        	3.1.6. Header style 6.
        	3.1.7. Header style 7.
        	3.1.8. FullScreen Header.
        	3.1.9. Custom Header.
        3.2. Mega Menu.
        3.3. Sticky Header.
        3.4. One Page Header.
        3.5. Header Search.
        3.4. Login Box.
    4. BLOCKS BACKGROUNDS.
    5. COMMON STYLES.
    6. TYPOGRAPHY.
    7. SHORTCODES:
	    7.1. Icon Boxes styles:
	        7.1.1. Icon Box style 1.
	        7.1.2. Icon Box style 2.
	        7.1.3. Icon Box style 3.
	        7.1.4. Icon Box style 4.
	        7.1.5. Icon Box style 5.
	        7.1.6. Icon Box style 6.
	        7.1.7. Icon Box style 7.
	        7.1.8. Icon Box style 8.
	        7.1.9. Icon Box style 9.
        	7.1.10. Icon Box style 10.

        7.2. Fun Staff:
        	7.2.1. Fun Staff Style 1.
        	7.2.2. Fun Staff Style 2.
        	7.2.3. Fun Staff Style 3.

        7.3. Testimonials Style:
	        7.3.1. Testimonials Style 1.
	        7.3.2. Testimonials Style 2.
	        7.3.3. Testimonials Style 3.
	        7.3.4. Testimonials Style 4.
	        7.3.5. Testimonials Style 5.

	    7.4. Tabs Style.
	    7.5. Accordions Style.
	    7.6. Clients Styles.
	    7.7. Team Styles.
	    7.8. Dividers Styles.
	    7.9. Counters Styles.
        7.10. Information boxes.


   8. PAGE SPECIFIC STYLES:
        8.1. BreadCrumbs.
        8.2. About pages.
        8.3. Portfolio pages.
        8.4. Pricing Tables.
        8.5. Blog.
        8.6. Contact pages.
        8.7. 404 page.
        8.8. Coming Soon.
        8.9. News Magazine Page.
        8.10. Form Controls.


   9. PAGE TITLES:
        9.1. Page title 1.
        9.2. Page title 2.
        9.3. Page title 3.
        9.4. Page title 4.
        9.5. Page title 5.
        9.6. Page title 6.
        9.7. Page title 7.
        9.8. Page title 8.
        9.9. Page title 9.
        9.10. Page title 10.


   10. WIDGETS.
   11. FOOTER.
   12. FIXED LAYOUT STYLES.

============================================================================= */
/* ==========================================================================
  1. CSS RESET
============================================================================= */
html{
    overflow-x: hidden;
}
body {
    font-size: 13px;
    line-height: 1.7;
    font-family: "Open Sans", Arial, sans-serif;
    color: #777;
}
a,a:hover,a:focus {
    text-decoration: none;
    color: #555
}
a:focus {
    outline: none;
}
a.main-bg:focus,a.main-bg:hover{
    color:#fff
}
.pager li>a:focus{
    background:transparent !important
}
:focus {
    outline: 0;
}
.top-nav ul,.top-bar ul,.post-meta,.list,.footer-bar ul,.footer-top ul,.footer-bottom ul,.list-details,.sharrre ul,ul.gallery,
ul.larg-socials,.digits ul,.team-socials ul,.commentlist,ul.page-numbers {
    margin: 0;
    padding: 0;
    list-style: none;
}
img {
    max-width: 100%;
    height: auto;
    border: 0;
}
table {
    width: 100%;
    border: 1px solid #e2e2e2;
    border-spacing: 0;
    border-collapse: collapse;
    margin-bottom: 20px;
}
tr:nth-child(even) {
    background: #f3f3f3;
}
tfoot {
    background: #e9e9e9;
    font-weight: bold;
}
th {
    text-transform: uppercase;
    border-right: 1px solid #e2e2e2;
    background: #f5f5f5;
    border-bottom: 2px #777 solid;
}
td, caption {
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}
tr.even td {
    background: #f9f9f9;
}
th, td, caption {
    padding: 10px;
    vertical-align:middle
}
.table-style2 th {
    border-right-color: #fff;
    border-bottom-color: #5c5c5c;
    text-align: center;
}
iframe{
    border:0;
}
.block{
    display:block
}
.no-border{
    border:0 !important
}
legend{
    border-bottom:0;
    width: auto;
    display:inline-block;
    font-size:13px
}
.container-fluid > .row{
    margin:0 !important
}
.container-fluid > .row > .col-md-12{
    padding:0 !important
}
.logged-in.admin-bar header.top-head.stickyHeader{
    top:32px !important
}
/* ==========================================================================
  2. TOP BAR STYLE.
============================================================================= */
.top-bar {
    border-bottom: 1px #eee solid;
    background: #f4f4f4;
    font-size: 12px;
    position:relative;
    z-index:6666
}
.top-bar > .container{
    padding: 0
}
.top-bar.main-bg{
    border-bottom:0
}
.top-bar a, .top-bar span {
    display: flex;
    align-items: center;
    color: #A2A2A2;
    line-height: 39px;
    gap: 10px;
    padding: 0 10px;
}
.top-bar-menu span{
    display: inline-block;
    padding: 0 10px 0 0;
    color: #A2A2A2;
    line-height: normal;
}
.top-bar-menu .menu-message{
    font-size: 10px;
    line-height:39px !important;
    padding:0 !important;
}
.top-bar .top-nav > ul > li{
    height:auto
}
.top-bar .top-nav > ul > li > a{
    height:auto;
    padding:0 10px 0 3px !important;
    text-transform: none;
    font-size: 100%;
}
.top-bar .top-nav li.current_page_parent > a{
    background:transparent !important
}
.top-bar .top-nav li.current-menu-item > a,.top-bar .top-nav li.current_page_parent > a,
.top-bar .top-nav li.current-menu-parent > a,.top-bar .top-nav li.current-menu-ancestor > a{
    background-color:transparent !important
}
.top-bar .top-nav li.current-menu-item > a i,.top-bar .top-nav li.current_page_parent > a i,
.top-bar .top-nav li.current-menu-parent > a i,.top-bar .top-nav li.current-menu-ancestor > a i{
    color:#A2A2A2 !important
}
.top-bar .top-nav > ul > li:hover > a{
    background:#fff !important;
    text-decoration:none;
    color:#333
}
.top-bar .top-nav > ul > li.selected i{
    color:#333 !important
}
.top-bar .top-nav > ul li:hover > ul{
    display:block
}
.top-bar .top-nav > ul > li ul{
    top:100% !important;
    z-index:99999;
    background:#fff !important;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4) !important;
    left:0
}
.top-bar .top-nav > ul > li > ul li:hover,.top-bar .top-nav > ul > li > ul li:hover a{
    background:#eee !important
}
.top-bar .top-nav > ul > li > ul li ul{
    top:0 !important;
    left:100%;
    background:#eee !important;
}
.top-bar .top-nav li li.hasChildren:after{
    color:#ccc
}
.top-bar .top-nav > ul > li > ul li ul li{
    display:block;
    float:none
}
.top-bar .top-nav > ul > li ul li{
    border-bottom-color: #EDEDED !important;
}
.top-bar .top-nav ul li ul li li{
    border-bottom-color:#ddd !important
}
.top-bar .top-nav > ul > li ul li a{
    background:#fff !important;
    line-height: normal;
    padding: 9px 10px !important;
    font-size: 11px;
    text-transform: none;
}
.top-bar-menu .top-nav > ul > li > a i{
    font-size:12px;
}
.top-bar .top-nav > ul > li > a:hover i{
    color:#777
}
.top-bar .top-nav > ul > li > a span{
    display: inline;
}
.head-style2 .top-bar .top-nav > ul > li > a span{
    display: inline-block;
    margin-top:0
}
.head-style2 .top-bar .top-nav > ul > li > a,.head-style2 .top-bar .top-nav > ul > li > a span{
    transform: skew(0, 0);
}
.head-style2 .top-bar .top-nav{
    margin:0
}
.top-bar .top-nav > ul > li:after{
    display:none;
}
.top-bar-menu a{
    padding:0 10px !important;
}
.top-bar-menu a span{
    padding-right:0 !important;
}
.top-bar li.login-out{
    padding:0 0 0 8px
}
.top-bar li.login-out a{
    display:inline
}
.top-bar .search-top{
    padding-top:5px;
    position:relative
}
.top-bar .search-top .search-box:before{
    display:none
}
.top-bar .search-top .search-box {
    top: 45px;
    left: 0;
    z-index: 99999;
    width: 300px;
    right:auto;
    background:#fff;
    border: 1px #f4f4f4 solid;
    border-top-width:3px;
    padding:8px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.125);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.125);
}
.top-bar .search-top .search-box input[type=text]{
    width:258px;
    height:38px;
    border:0;
    line-height:39px
}
.top-bar .search-top .search-box button{
    height:38px;
    background:transparent;
    padding: 0;
    width: auto;
}
.top-bar .search-top .search-box button i:before{
    font-family: "FontAwesome" !important;
    content:"\f002" !important
}
.top-bar .search-top .search-box button:hover{
    background:transparent !important
}
.top-bar .srch-top-btn{
    display:inline-block
}
.top-bar .srch-top-btn i{
    margin-right:6px
}
.top-bar.main-bg a,.top-bar.main-bg span{
    color:#fff
}
.top-bar.main-bg li{
    border-left-color:#A0A0A0
}
.lft-topbar-border{
    border-left:1px #E9E9E9 solid
}
.top-bar a:hover {
    text-decoration: underline;
}
.top-bar li {
    float: left;
    border-style: solid;
    border-color: #E9E9E9;
    border-width:0;
    border-left-width:1px
}
.top-bar li:first-child {
    border-left: 0;
}
.top-bar li i {
    font-size: 13px;
}
.top-bar.main-bg li i{
    color:#fff
}
.top-bar li:first-child i.fa-unlock-alt {
    margin-left: 8px;
}
.top-bar ul.social-list li a:hover {
    background: #333;
}
.top-bar .top-nav > ul > li > a:after{
    display:none !important;
}
.top-bar-txt a,.top-bar-txt span{
    display:inline-block !important
}
.top-bar-txt img{
    max-height:40px
}
/* ==========================================================================
  3. HEADER STYLE.
============================================================================= */
header.top-head {
    position: relative;
    z-index: 5555;
    min-height: 90px;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width:100%
}
/* 3.1.1. Header style 1.
================================ */
.head-style1 header.top-head:after{
    position:absolute;
    width:100%;
    height: 7px;
    bottom:0;
    background: #E5E5E5;
    content:"";
    display:inline-block
}
.head-style1 header.top-head.stickyHeader:after{
    display:none
}
.fixedHead {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent !important;
}
header.top-head .logo{
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    display: flex;
    justify-content: center;
    align-items: center;
}
header.top-head .logo a {
    background-image:none !important;
    font-size: 30px;
    font-weight:800;
    display: flex;
    padding: 0;
}
header.top-head.stickyHeader .logo a{
    margin-top: 0
}
header.top-head .logo a .logo-txt{
    line-height:normal;
    font-style:normal;
}
header.top-head .logo a img{
    max-height:150px
}
header.top-head .logo a span{
    display: block;
    font-size: 10px;
    color: #666;
    letter-spacing: 2px;
    white-space: nowrap;
    font-weight: normal;
    margin-top: -10px;
}
.logo-img {
    margin-bottom:8px
}
.logo-img span{
    margin-top:0 !important;
    margin-left:0 !important;
}
header.top-head .logo.center a{
    color: #A9A9A9;
    font-size: 10px;
    font-weight: 400;
    clear: both;
    display: block;
    margin-top: -14px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-left: 4px;
}
.top-menu .top-nav {
    float: right;
    width: auto;
}
.top-nav > ul > li {
    position: relative;
    float: left;
    margin: 0;
    border-color: #eee;
    border-style:solid;
    border-width:0;
    border-left-width: 1px;
    height: 83px;
}
.top-nav > ul > li.mega-menu{
    position: static
}
.top-nav > ul > li > a:hover i, .top-nav > ul > li.current-menu-item > a i, .top-nav > ul > li.current-menu-parent > a i,
.top-nav > ul > li.current-menu-ancestor > a i, .top-nav > ul > li.selected > a i {
    margin-top: 5px;
    color:#fff;
}
.top-head:not(.nav-3):not(.stickyHeader) .top-nav > ul > li:hover > a > span, .top-head:not(.nav-3):not(.stickyHeader) .top-nav > ul > li.current-menu-item > a > span, .top-head:not(.nav-3):not(.stickyHeader) .top-nav > ul > li.current-menu-parent > a > span,
.top-head:not(.nav-3):not(.stickyHeader) .top-nav > ul > li.current_page_parent > a > span,.top-head:not(.nav-3):not(.stickyHeader) .top-nav > ul > li.current-menu-ancestor > a > span, .top-head:not(.nav-3):not(.stickyHeader) .top-nav > ul > li.selected > a > span {
    color: #fff;
}
.top-nav > ul > li > a {
    display: block;
    padding: 22px 17px 0;
    height: 83px;
    text-transform: uppercase;
    overflow:hidden;
    text-align:center;
    font-size: 13px;
    position: relative;
}
.top-nav > ul li a span {
    display: block;
    margin-top:5px;
}
.top-nav > ul li li a span {
    display: inline;
    margin-top:0 !important
}
.top-nav > ul > li > a i{
    color: #ababab;
    font-size:16px;
    margin-right: 10px;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}
.head-style1 .top-nav > ul > li > a > i{
    margin-right: 0;
}
.top-nav > ul li li a i{
    margin-right:7px;
    font-size:12px
}
.top-nav > ul > li > a:hover i,.top-nav > ul > li.selected > a i,.top-nav > ul > li.current-menu-item > a i,
.top-nav > ul > li.current-menu-current-menu-ancestor > a i,.top-nav > ul > li.current_page_parent > a i,.top-nav > ul > li.current-menu-parent > a i{
    color:#fff;
}
.head-style1 .top-nav > ul > li > a{
    position:relative;
    overflow:inherit
}
.head-style1 .top-nav > ul > li > a:after{
    position: absolute;
    bottom: -7px;
    left: -3px;
    display: inline-block;
    width: 100%;
    height: 7px;
    border-color: #D0D0D0;
    border-style:solid;
    border-width:0;
    border-left-width: 1px;
    background: transparent;
    content: "";
    transform: skew(-35deg, 0);
}
.head-style1 .stickyHeader .top-nav > ul > li > a:after{
    display:none
}
.top-nav > ul li ul {
    display:none;
    height:auto;
    max-height:none;
    position: absolute;
    top: 89px;
    left:-5px;
    min-width: 180px;
    z-index: 999;
}
#mnu-eft{
    display:inline;
}
.effect-1 .top-nav > ul > li > ul {
    position: absolute;
    top: 90px;
    z-index: -1;
    height:0;
    max-height:0;
    left: -5px;
    display:block;
}
.top-nav > ul > li > ul > li {
    position: relative;
    float: none;
    margin: 0;
    padding: 0;
    line-height: 35px;
}
.effect-1 .top-nav > ul > li > ul > li {
    position: relative;
    float: none;
    margin: 0;
    padding: 0;
    line-height: 35px;
    opacity: 0;
    transition: opacity .5s, transform .4s;
    transform: rotateY(90deg);
}
.effect-1 .top-nav > ul > li:hover > ul{
    z-index:0;
    height:auto
}
.effect-1 .top-nav > ul > li:hover > ul > li {
    opacity: 1;
    transform: none;
}
.top-nav li li{
    position:relative
}
.top-nav li li a {
    display: block;
    overflow: hidden;
    padding: 15px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    line-height: 1;
}
.top-nav li li.hasChildren:after {
    position: absolute;
    top: 6px;
    right: 15px;
    display: inline-block;
    color: #fff;
    content: "\f105";
    font-family: "FontAwesome";
}
.top-nav li li a:hover, .top-nav li li.selected > a, .top-nav li li.current-menu-parent > a, .top-nav li li.current-menu-ancestor > a {
    text-decoration: none;
}
.effect-1 .top-nav li li li {
    opacity: 0;
    transition: opacity .4s, transform .5s;
    transform: rotateX(90deg);
}
.effect-1 .top-nav li li > ul{
    display:block;
    z-index:0
}
.top-nav li li > ul{
    left: 100%;
    top: 0;
}
.effect-1 .top-nav li li:hover > ul{
    height:auto;
    z-index:99
}
.effect-1 .top-nav li li:hover > ul > li {
    opacity: 1;
    transform: none;
}
.menu-hint{
    font-size:9px;
    position: relative;
    top: -5px;
    left: 3px;
    padding: 1px 4px;
    background:#777;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    color:#fff
}
.menu-hint.success {
    background-color: #5cb85c;
}
.menu-hint.success:hover {
    background-color: #449d44;
}
.menu-hint.info {
    background-color: #5bc0de;
}
.menu-hint.info:hover {
    background-color: #31b0d5;
}
.menu-hint.warning {
    background-color: #f0ad4e;
}
.menu-hint.warning:hover {
    background-color: #ec971f;
}
.menu-hint.error {
    background-color: #d9534f;
}
.menu-hint.error:hover{
    background-color: #c9302c;
}
/* 3.1.2. Header style 2.
================================ */
.head-style2 .stickyHeader .logo{padding-top:0;padding-bottom:0;margin-top:-3px}
.head-style2 .stickyHeader .top-menu{
    margin-top:0 !important
}
.head-style2 .menu-message{
    line-height:50px !important
}
.head-style2 #mnu-eft{
    margin-top:40px;
    /* float:right; */
    flex: 1;
}
.head-style2 .stickyHeader #mnu-eft{
    margin-top:0
}
.head-style2 .stickyHeader .top-nav > ul > li > a,.head-style2 .stickyHeader .top-nav > ul > li > a span{
    line-height:58px !important;
    height:58px !important
}
.head-style2 .stickyHeader .mega-menu.mega-2 .div-mega{
    top:57px
}
.head-style2 .stickyHeader .top-search a{
    margin-top:8px;
    width:40px;
    height:40px;
    line-height:40px;
    transform: skew(0, 0);
}
.head-style2 .stickyHeader .top-search a span{
    transform: skew(0, 0);
}
.head-style2 .logo {
}
.head-style2 .top-head,.head-style3 .top-head {
    padding: 0;
    min-height: inherit;
    border-bottom:0 !important
}
.head2-lft-links {
    padding: 9px;
    direction: rtl;
}
.head2-lft-links li {
    float: none;
    padding: 2px 0;
    text-align: right;
    white-space: pre-line;
}
.head2-lft-links li i {
    margin-left: 10px;
}
.head-style2 .bg-head2 {
    position: absolute;
    bottom: 0;
    right: 15px;
    width: 93%;
    height: 50px;
    background: #F2F2F2;
    z-index: -1;
    transform: skew(-25deg, 0);
}
.head-style2 .top-menu .top-nav > ul > li {
    margin-right: 1px;
}
.head-style2 .top-menu .top-nav > ul > li, .head-style2 .top-menu .top-nav > ul > li > a {
    padding-top: 0;
    height: 50px;
    line-height: 50px;
}
.head-style2 .top-menu .top-nav > ul > li > a span, .head-style3 .top-menu .top-nav > ul > li > a span {
    line-height: 50px !important;
    margin-top:0;
    display: inline-block;
}
.head-style3 .top-menu .top-nav > ul > li > a:hover span{
    color:#333
}
.head-style2 .stickyHeader .top-menu .top-nav > ul > li > a span{
    line-height: 60px !important;
}
.head-style3 .stickyHeader .top-menu .top-nav > ul > li > a:hover span{
    color:#fff
}
.head-style2 .stickyHeader .top-search {
    margin: 0;
}
.head-style2 .stickyHeader .search-box{
    right:0;
    top:60px !important
}
.head-style2 .search-box{
    box-shadow: inset 0 10px 11px -5px rgba(0,0,0,0.3);
}
.head-style2 .top-search a {
    margin-top: 0;
    padding: 0 !important;
    width: 50px;
    height: 50px;
    border-radius: 0;
    line-height: 50px;
}
.head-style2 .top-search a span {
    color: #fff;
    display:inline-block
}
.head-style2 .top-nav > ul > li > ul {
    top: 50px;
    margin-left: -6px;
}
.head-style2 .login-btn .tri {
    top: -11px;
}
.fixedPage .head-style2 .right-bar{
    margin:0
}
.fixedPage .head-style2 .top-head .right-bar{
    margin-right:10px
}
.fixedPage .head-style2 .bg-head2 {
    left: 15%;
    width: 80%;
}
.fixedPage .head-style2 .social-list li {
    padding: 0;
}
.head-style2 .right-bar li i {
    margin: 0 10px 0 0;
}
.head-style2 .top-menu {
    /* float: right !important; */
    display: flex;
    flex-direction: row-reverse;
    flex: 1;
}
.head-style2 .top-search{
    margin: 40px 0 0 5px;
}
.head-style2 .search-box:before, .head-style3 .search-box:before {
    display: none;
}
.head-style2 .search-box {
    top: 50px;
    right: 12px;
    padding: 15px;
    background: #ECECEC;
}
.head-style2 .search-box input[type=text] {
    width: 310px;
}
.head-style2 .logo a, .head-style3 .logo a{
    margin:auto;
    text-align: center;
}
/* 3.1.3. Header style 3.
================================ */
.head-style3 .top-nav > ul > li > a, .head-style3 .top-search a {
    line-height: 50px;
}
.head-style3 .top-search {
    margin: 0;
}
.head-style3 .top-nav > ul > li, .head-style3 .top-nav > ul > li > a {
    height: 50px;
}
.head-style3 .top-bar .top-nav > ul > li, .head-style3 .top-bar .top-nav > ul > li > a {
    height: auto;
    line-height:39px
}
.head-style3 .top-nav > ul > li > a {
    margin-left: 1px;
    padding-top: 0;
    color: #fff !important;
}
.head-style3 .top-nav > ul > li > a:hover span{
    color:#fff
}
.head-style3 .top-nav > ul > li > ul,.head-style3 .stickyHeader .top-nav > ul > li > ul {
    top: 50px !important;
    left:0
}
.head-style3 .top-nav > ul li ul li a {
    background: #eee !important;
    color: #777;
}
.head-style3 .top-nav > ul li ul li a:hover {
    background: #ddd !important;
    color: #333;
}
.head-style3 .top-nav li li.hasChildren:after {
    color: #b1b1b1;
}
.head-style3 .top-nav > ul li ul li {
    border-bottom: 1px #ddd solid;
}
.head-style3 .top-bar li, .head-style3 .top-bar li span {
    color: #b3b3b3;
}
.head-style3 .top-bar li {
    border-left: 1px #e4e4e4 solid;
}
.head-style3 .top-bar li:first-child {
    border-left: 0;
}
.head-style3 .top-bar li:first-child i {
    margin-left: 8px;
}
.head-style3 header.top-head {
    position: static;
    padding: 0;
    background: transparent;
}
.head-style3 header.top-head.stickyHeader {
    height: 50px !important;
    min-height: 50px !important;
}
.head-style3 .top-nav ul ul li{
    box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
}
.head-style3 .search-box {
    top: 50px !important;
    right: 0;
}
.head-style3 .top-search a {
    margin: 0;
    width: 50px;
    height: auto;
}
.head-style3 .top-nav > ul > li.current-menu-parent > a,.head-style3 .top-nav > ul > li.current-menu-ancestor > a,.head-style3 .top-nav > ul > li.current-menu-item > a,
.head-style3 .top-nav > ul > li.current_page_parent > a, .head-style3 .top-nav > ul > li.selected > a, .head-style3 .top-nav > ul > li > a:hover {
    background: #eee !important;
    color: #777 !important;
}
.head-style3 .top-nav ul li ul li.selected > a, .head-style3 .top-nav ul li ul li.current > a {
    background: #ddd !important;
}
.head-style3 .stickyHeader.top-head{
    margin-top:0;
}
.head-style3 .stickyHeader .mega-menu.mega-2 .div-mega{
    top:50px
}
.head-style3 .stickyHeader .top-search{
    margin-left:15px
}
.head-style3 .menu-message{
    line-height:52px !important
}
.head-style3 .stickyHeader .mega-menu .div-mega{
    top:50px !important
}
.head-style3 .top-bar {
    overflow: hidden;
    background-color: #f6f6f6;
    margin-bottom: -51px;
}
.head-style3 .stickyHeader .top-nav > ul > li > a span{
    line-height:50px !important
}
.head-style3 .logo {
    display: table;
    float: none !important;
    margin: 0 auto !important;
    padding: 5px 0 10px;
    text-align: center;
    color:#fff;
    position: relative;
    z-index: 9999;
    width: 12%;
}
.head-style3 .logo a,.head-style3 header.top-head .logo a span,.head-style2 .logo a,.head-style2 header.top-head .logo a span{
    color:#fff
}
.head-style3 .stickyHeader .top-search{
    margin-top:0 !important
}
/* 3.1.4. Header style 4.
================================ */
.nav-2,.nav-3 {
    border: 0 !important;
}
.nav-2 .top-nav > ul > li:after,.nav-3 .top-nav > ul > li:after,.head-style2 .top-nav > ul > li:after,.head-style3 .top-nav > ul > li:after{
    display:none
}
.head-style2 .top-nav > ul > li,.head-style3 .top-nav > ul > li{
    border:0 !important
}
.nav-2 .top-nav > ul > li,.nav-3 .top-nav > ul > li{
    border-left:0;
    margin:0 1px
}
.nav-2 .top-nav > ul > li{
    height: 90px;
}
.nav-2 .top-nav > ul > li > a span {
    line-height: 84px;
}
.nav-2 .top-nav > ul > li > a,.nav-3 .top-nav > ul > li > a{
    height: 90px;
}
.nav-2 .top-nav > ul > li > a i {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 31px;
    height: 31px;
    border-radius: 50%;
    background: #eee;
    color: #b8b8b8;
    text-align: center;
    font-size: 16px;
    line-height: 31px;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.nav-2 .top-nav > ul > li > a i:after {
    position: absolute;
    top: -22px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block !important;
    width: 1px;
    height: 22px;
    background: #eee;
    content: "";
    transition: all 0.2s ease 0s;
}
.nav-2 .top-nav > ul > li > a:hover i:after,.nav-2 .top-nav > ul > li.current-menu-parent > a i:after,.nav-2 .top-nav > ul > li.current-menu-ancestor > a i:after,
.nav-2 .top-nav > ul > li.current-menu-item > a i:after,.nav-2 .top-nav > ul > li.selected > a i:after {
    top: -29px;
    height: 30px;
}
.nav-2 .top-nav > ul > li.selected > a i:after, .nav-2 .top-nav > ul > li.current > a i:after {
    display: none;
}
.nav-2 .top-nav > ul > li > ul,.nav-3 .top-nav > ul > li > ul {
    top: 90px;
    left: 0 !important;
}
/* 3.1.5. Header style 5.
================================ */
.nav-3 .top-nav > ul > li {
    padding-top: 1px;
}
.nav-3 .top-nav > ul > li > a {
    border-top: 2px transparent solid;
    margin-top: 0;
}
.nav-3 .top-nav > ul > li > a i {
    background: transparent;
}
.nav-3 .top-nav > ul > li.current > a, .nav-3 .top-nav > ul > li > a:hover {
    border-top-width: 2px;
    border-top-style: solid;
    background: transparent;
}
.nav-3 .top-nav > ul > li > a:hover, .nav-3 .top-nav > ul > li.selected > a,.nav-3 .top-nav > ul > li.current_page_parent > a {
    background: transparent !important;
}
.nav-3 .top-nav > ul > li.current_page_parent > a span{
    color:#777
}
.nav-3 .top-nav > ul > li > a i:after {
    display: none;
}
.nav-3 .top-nav > ul > li > a:hover i, .nav-3 .top-nav > ul > li.current-menu-parent > a i, .nav-3 .top-nav > ul > li.current-menu-ancestor > a i, .nav-3 .top-nav > ul > li.current-menu-item > a i, .nav-3 .top-nav > ul > li.selected > a i {
    margin-top: 0;
}
.nav-3 .top-nav > ul > li.hasChildren > a:after {
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    display: none;
    width: 0;
    height: 0;
    border-width: 0 10px 8px 10px;
    border-style: solid;
    content: "";
    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}
.nav-3 .top-nav > ul > li > a:hover:after, .nav-3 .top-nav > ul > li.selected:hover > a:after {
    display: block;
}
.nav-3 .top-nav > ul > li.current-menu-parent > a,.nav-3 .top-nav > ul > li.current-menu-ancestor > a, .nav-3 .top-nav > ul > li.current-menu-item > a{
    background:transparent !important
}
.nav-3 .mega-menu .div-mega{
    top: 90px;
}
#home{
    position:relative;
    z-index:9999
}
/* 3.1.6. Header style 6.
================================ */
.nav-4 .top-nav > ul li a span {
    display: inline-block;
    margin: 0 5px;
}
.nav-4 .top-nav ul li li a span{
    margin:0
}
.nav-4 .top-nav{
    float:none
}
.nav-4 .top-nav > ul > li {
    border-left: 1px #eee solid;
    height: 50px;
}
.nav-4 .top-nav > ul > li > a {
    height: 50px;
    line-height: 50px;
    padding: 0 14px;
}
.nav-4 .top-search a {
    margin-top: 0;
    height: 50px;
    border-radius: 0;
    line-height: 50px;
}
.nav-4 .top-search a span{
    line-height: 50px;
    padding:0
}
.nav-4 .top-search a:hover span{
    color:#fff !important;
}
.nav-4 .top-search a:hover{
    text-decoration:none !important
}

.nav-4 .top-nav > ul > li:after {
    display: none
}
.nav-4 .top-nav > ul > li > ul {
    top: 50px !important;
    left: 0
}
header.top-head-4 .logo {
    /* display:table; */
    /* margin: 5px auto 0; */
}
.logo-ads{
    display: flex;
    align-items: center;
    padding: 10px 0;
}
.head_right_banner{
    max-height: 80px;
    overflow: hidden;
    flex: 1;
}
.nav-4 .search-box {
    top: 49px;
}
.top-head-4 .nav-4 {
    background: #f7f7f7;
    padding: 0;
    margin-bottom: 20px;
    border: 1px #F0F0F0 solid;
    position:relative;
    height: 51px;
    width: 100%;
}
.top-head-4 .nav-4:before, .top-head-4 .nav-4:after {
    position: absolute;
    content: "";
    bottom: 8px;
    left: 23px;
    width: 38%;
    top: 80%;
    box-shadow: 0 6px 8px #000;
    transform: rotate(-2deg);
    z-index: -1;
}
.top-head-4 .nav-4:after {
    transform: rotate(2deg);
    right: 23px;
    left: auto;
}
.top-head-4 .nav-4 .megamenu .div-mega,.top-nav-style3 .mega-menu .div-mega,.head-style2 .mega-menu .div-mega {
    top:50px
}
.stickyHeader.top-head-4 .navbar-header{
    background:#fff;
    width: 100%;
    padding: 0;
    margin: 0;
}
.stickyHeader.top-head-4 .nav-4 .megamenu .div-mega{
    top: 60px;
}
/* 3.1.7. Header style 7.
================================ */
.head-7 {
    border-bottom:0 !important;
    min-height: 70px !important;
    position: fixed !important;
    bottom: 0;
    top: auto;
    background-color: #fff
}
.head-7.stick-top{
    bottom: auto;
    top: 0
}
.head-7 .logo{
    height: 70px !important;
}
.head-7 .top-nav > ul > li:after{
    display:none
}
.head-7 .one-page .top-nav > ul > li > ul{
    top:0;
    border-bottom-style:solid
}
.head-7 .one-page .top-nav > ul > li > ul:after{
    position:absolute;
    bottom:-9px;
    left:20%;
    content:"";
    display:inline-block;
    border-width: 8px 10px 0 10px;
    border-style: solid;
}
.head-7 .one-page .top-nav > ul > li {
    height:70px
}
.head-7 .one-page .top-nav > ul > li > a {
    border-top: 0 transparent solid;
    height:70px;
    padding-top:15px;
    color:#777;
}
.head-7 .one-page .top-nav > ul > li > a i {
    margin: 0;
}
.head-7 .one-page .top-nav > ul > li.current > a,.head-7 .one-page .top-nav > ul > li > a:hover {
    border-top-width: 0;
    border-top-style: solid;
}
.one-page .top-nav > ul > li > a i:after {
    display: none;
}
.head-7 .one-page .top-nav > ul > li > a:hover i, .head-7 .one-page .top-nav > ul > li.current-menu-parent > a i,
.head-7 .one-page .top-nav > ul > li.current-menu-ancestor > a i, .head-7 .one-page .top-nav > ul > li.current-menu-item > a i, .head-7 .one-page .top-nav > ul > li.selected > a i {
    margin-top: 0;
}
.head-7 .one-page .top-nav > ul > li > ul > li > a{
    line-height:35px !important;
    padding: 0 15px;
}
.head-7 .one-page .top-nav > ul > li ul ul{
    top:auto;
    bottom:0
}
.head-7 .top-search a{
    margin-top:8px
}
.head-7 .top-search .search-box{
    bottom:63px;
    top:auto
}
.stickyHeader.head-7 .top-search .search-box:before{
    top:-30px
}
.head-7 .top-search .search-box:before{
    top:53px;
    height:35px
}
.stickyHeader .top-nav > ul > li.current-menu-parent > a:before,.stickyHeader .top-nav > ul > li.current-menu-ancestor > a:before,.stickyHeader .top-nav > ul > li.current-menu-item > a:before{
    position:absolute;
    left:25%;
    right:25%;
    width:50%;
    height:2px;
    bottom:10px;
    content:"";
    display:inline-block
}
.head-style3 .stickyHeader .top-nav > ul > li.current-menu-ancestor.selected > a{
    background: #eee !important
}
/* 3.2. Mega Menu.
================================ */
.megamenu{
    position:static !important
}
.mega-menu .div-mega {
    position: absolute;
    top: 90px;
    z-index: 99;
    display: none;
    transform: translateX(-50%);
    left: 50%;
    box-shadow: inset 0 10px 11px -5px rgba(0,0,0,0.3);
}
.head-style2 .mega-menu .div-mega{
    top: 100%;
}
.head-6 .mega-menu .div-mega,.header-7 .mega-menu .div-mega{
    top: 100%;
}
.head-7 .mega-menu .div-mega {
    top: auto;
    bottom:70px;
    box-shadow: inset 0 -10px 11px -5px rgba(0,0,0,0.5);
    border-top-width: 0 !important;
    border-radius: 7px 7px 0 0 !important;
}
.stickyHeader.head-7 .mega-menu .div-mega{
    bottom:auto;
    box-shadow: inset 0 10px 11px -5px rgba(0,0,0,0.5);
    border-top-width: 5px !important;
    border-radius: 0 0 7px 7px !important;
}
.mega-menu > li > a {
    display: block;
    position: relative;
}
.div-mega-section {
    float: left;
    width: 160px;
    margin-right: 20px;
}
.mega-menu div.div-mega ul {
    visibility: visible !important;
    position: static !important;
    max-height: inherit !important;
    max-width: none !important;
    min-width: 160px !important;
    height:inherit !important;
    display:block !important;
}
.top-nav li.mega-menu div.div-mega > ul{
    display: flex !important;
    display: -webkit-flex !important;
    flex-wrap: wrap;
}
.top-nav li.mega-menu[data-mega="1"] div.div-mega > ul > li{
    width: 100%
}
.top-nav li.mega-menu[data-mega="2"] div.div-mega > ul > li{
    width: 50%
}
.top-nav li.mega-menu[data-mega="3"] div.div-mega > ul > li{
    width: 33.333333%
}
.top-nav li.mega-menu[data-mega="4"] div.div-mega > ul > li{
    width: 25%
}
.top-nav li.mega-menu[data-mega="6"] div.div-mega > ul > li{
    width: 16.666666%
}
.top-nav li.mega-menu[data-mega="12"] div.div-mega > ul > li{
    width: 8.33333%
}
.mega-menu div.div-mega ul li {
    opacity: 1 !important;
    transform: rotateY(0) !important;
    display:block !important;
}
.mega-menu div.div-mega > ul > li{
    border-bottom:0 !important;
    padding:0 5px;
    margin-bottom:15px
}
.mega-menu div.div-mega > ul > li.col-md-3:nth-child(4n+1),.mega-menu div.div-mega > ul > li.col-md-4:nth-child(3n+1),.mega-menu div.div-mega > ul > li.col-md-6:nth-child(2n+1)
,.mega-menu div.div-mega > ul > li.col-md-2:nth-child(6n+1),.mega-menu div.div-mega > ul > li.col-md-1:nth-child(12n+1){
    display:block;
    content:" ";
    clear:both;
}
.mega-menu div.div-mega > ul li li.current_page_item > a{
    background: rgba(255, 255, 255, 0.17) !important;
    color: #fff;
}
.mega-menu.mega-2 div.div-mega > ul li li.current_page_item > a{
    background:#EDEDED !important;
    color:#000
}
.mega-menu div.div-mega > ul > li h4{
    margin-bottom:0
}
.head-style3 .mega-menu div.div-mega > ul > li h4.noLink a,.head-style3 .mega-menu div.div-mega > ul > li h4.noLink a:hover{
    background:#ccc !important;
    color:#333 !important
}
.mega-menu div.div-mega ul li a {
    padding: 15px;
    line-height: normal;
    overflow: inherit;
    text-overflow: initial;
    white-space: normal;
}
.mega-menu div.div-mega ul li.hasChildren:after {
    display:none
}
.div-mega h4.noLink a {
    color: #fff;
    padding: 15px !important;
    font-size:14px;
    cursor:default
}
.div-mega h4 a i{
    color:#BDBDBD !important
}
.mega-menu.mega-2 .div-mega{
    background:#f4f4f4;
    border-radius: 0 0 7px 7px;
}
.mega-menu.mega-2 .div-mega h4 a{
    background: #E5E5E5 !important;
    border-radius: 3px;
    margin-bottom: 10px;
}
.mega-menu.mega-2 .div-mega li{
    border-bottom-color:#E7E7E7
}
.mega-menu .div-mega li:last-child{
    border-bottom-width:0
}
.mega-menu.mega-2 .div-mega a{
    background:transparent;
    color:#777
}
.mega-menu.mega-2 .div-mega a:hover{
    background: #EDEDED !important;
    color:#333
}
.mega-menu.mega-3 .div-mega{
    box-shadow: 0 0 3px 0 rgba(50, 50, 50, 0.75);
}
.mega-menu.mega-3 .div-mega h4{
    border-right: 1px rgba(197, 197, 197, 0.38) solid;
}
.mega-menu.mega-3 .div-mega li{
    margin:0 !important;
    padding:0 !important
}
.mega-menu.mega-3 .div-mega li ul{
    border-right: 1px rgba(129, 129, 129, 0.3) solid;
}
.mega-menu .div-mega li ul{
    opacity:1 !important;
}
.mega-menu.mega-3 .div-mega li:first-child ul{
    border-left: 1px rgba(129, 129, 129, 0.3) solid;
}
/* 3.3. Sticky Header.
================================ */
.stickyHeader {
    position: fixed !important;
    top: 0;
    left: 0;
    padding: 0 !important;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    z-index: 999 !important;
    min-height:60px !important;
    border-bottom:0 !important
}
.top-nav > ul{
    float:left
}
.stickyHeader .top-nav > ul > li{
    border:0 !important
}
.stickyHeader .top-nav > ul > li > a{
    color:#777
}
.stickyHeader .top-nav > ul > li > a:hover{
    background:transparent !important
}
.stickyHeader .top-search a{
    margin-top:5px;
    width:45px;
    height:45px;
    line-height:45px;
}
.stickyHeader .top-search a span{
    font-size:14px
}
.stickyHeader .search-box{
    top: 58px !important;
}
.stickyHeader .search-box:before{
    width: 45px;
    height: 34px;
    top: -30px;
}
.stickyHeader .mega-menu .div-mega{
    top: 60px;
}
.stickyHeader .top-nav > ul > li > a, .stickyHeader .top-nav > ul > li {
    height: 60px !important;
    padding-top:0
}
.stickyHeader .top-nav > ul > li.selected > a{
    background:transparent !important;
    color:#777 !important
}
.stickyHeader .top-nav > ul > li > a {
    padding-top: 0 !important;
    border-top: 0 !important;
    background: transparent none;
    line-height:60px
}
.stickyHeader .top-nav > ul > li > a span{
    margin-top:0;
    line-height:60px
}
.stickyHeader .top-nav > ul > li > ul {
    top: 60px !important;
    left: 0 !important;
}
.stickyHeader .top-nav > ul > li > ul:after{
    top:-8px;
    bottom:auto !important;
    border-width: 0 10px 8px 10px !important;
}
.stickyHeader .top-nav > ul > li > ul ul{
    bottom:auto !important;
    top:0 !important
}
.stickyHeader .top-nav > ul > li.hasChildren > a:after{
    display:none !important
}
.stickyHeader .mega-menu.mega-2 .div-mega{
    top:60px
}
.stickyHeader .top-nav-style3 .top-nav > ul > li > a, .stickyHeader .top-nav-style3 .top-nav > ul > li{
    height:50px !important
}
/* 3.4. One Page Header.
================================ */
.one-pg .top-head{
    display:none;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}
.one-pg .stickyHeader{
    display:block
}
.one-page ul li.current:before{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 15px 0 15px;
    content:"";
    display:inline-block;
    position:absolute;
    bottom: -12px;
    left:50%;
    margin-left: -15px;
}

.menu-message{
    padding:0 30px !important;
    display:inline-block;
    font-size: 12px;
}
.top-menu .menu-message{
    line-height:90px
}
.head-style4 .menu-message,.nav-4 .menu-message{
    line-height:52px
}
.stickyHeader .top-menu .menu-message{
    line-height:60px
}
.top-head-4.stickyHeader  .nav-4{
    background:transparent;
    border:0;
    margin-bottom:0
}
.top-head-4.stickyHeader .nav-4:before, .top-head-4.stickyHeader .nav-4:after,.top-head-4.stickyHeader .logo-ads .logo,
.top-head-4.stickyHeader .logo-ads .head_right_banner,.stickyHeader .top-nav > ul > li > a i,.stickyHeader .top-nav > ul > li:after,.stickyHeader .bg-head2{
    display:none
}
#lang_sel {
    height: auto;
    font-family: inherit;
    display: inline;
}
#lang_sel li{
    width:auto
}
#lang_sel li li{
    width:100%
}
#lang_sel a.lang_sel_sel{
    padding-right: 20px !important;
}
#lang_sel a, #lang_sel a:visited{
    border-width:0 0 0 0 !important;
    background-color: transparent !important;
    padding:0 10px !important
}
#lang_sel > ul > li > a:hover{
    background-color:#fff !important
}
#lang_sel a span{
    display:inline !important;
    padding:0;
}
#lang_sel a img{
    vertical-align:middle;
    margin-right:6px;
}
#lang_sel ul ul{
    top:100% !important;
    z-index:99999;
    background:#fff !important;
    left:0;
    height:auto;
    border:1px #ddd solid !important;
    border-top-width:3px !important
}
#lang_sel ul ul li:hover,#lang_sel ul ul li:hover a{
    background:#eee !important
}
#lang_sel ul ul li{
    border-bottom-color: #EDEDED !important;
}
#lang_sel ul ul li a{
    background:#fff !important;
    line-height: normal;
    font-size: 11px;
    text-transform: none;
}
#lang_sel ul ul li a span{
    padding:0
}
/* 3.5. Search Header.
================================ */
.top-search {
    position: relative;
    float: right;
    margin-left: 10px;
}
.top-search a {
    position: relative;
    z-index: 5;
    display: block;
    margin-top: 15px;
    padding: 0;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #eee;
    text-align: center;
    line-height: 57px;
}
.top-search a span {
    font-size: 17px;
}
.search-box {
    position: absolute;
    top: 90px;
    right: -1px;
    z-index: 3;
    display: none;
    width: 401px;
}
.search-box:before {
    position: absolute;
    top: -46px;
    right: 1px;
    z-index: 0;
    display: inline-block;
    width: 55px;
    height: 48px;
    content: "";
}
.search-box input[type=text] {
    width: 345px;
    height: 53px;
    border-width: 1px;
    border-color:#EBEBEB;
    border-style:solid;
    border-right-width: 0;
    background:#fff;
    line-height:normal
}
.search-box button {
    width: 55px;
    height: 54px;
    float:right;
    margin: 0 1px 0 0;
    border-radius: 0;
    padding-right:0
}
.search-box button i:before{
    content:""
}
.search-box button:before{
    content:attr(data-text);
    font-family:"Open Sans", Arial, sans-serif !important;
    font-size:13px;
}
.srch-box-page {
    display: table;
    margin: 15px auto;
    padding: 15px 10px;
    border: 1px #eee solid;
    width: 60%;
}
.srch-box-page .txt-box{
    width: 83%;
    border:0;
    height: 46px;
}
.srch-box-page .btn i{
    margin:0
}
.top-head .container {
    position: relative;
    z-index: 9;
    display: flex;
    padding: 0;
}
.top-menu{
    display: flex;
    flex: 1;
    flex-direction: row-reverse;
}
.top-nav-style3 {
    height: 50px;
    background: #f6f6f6;
    position:relative;
    z-index:999
}

.top-head .top-nav-style3 .container{
    justify-content: center;
}

.top-head.top-head-4.head-6 .container,
.top-head.top-head-4.header-7 .container{
    flex-direction: column
}

.head-style2 .top-menu li i{
    transform: skew(25deg, 0);
    font-size: 15px;
    margin-right: 10px;
}
.top-nav-style3 .top-menu li i{
    color: #fff;
    opacity: 0.7
}
.head-6 .logo{
    float:none !important
}
.head-6 .top-nav > ul > li > a,.header-7 .top-nav > ul > li > a{
    padding:0 14px
}
.head-6 .top-nav{
    float:none
}
/* 3.6. Login Box.
================================ */
.login-btn {
    position: relative;
}
.login-btn .tri {
    position: absolute;
    top: -1px;
    left: 30%;
    z-index: 5;
    width: 0;
    height: 0;
    border-width: 8px 10px 0 10px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}
.login-controls {
    display: table;
    margin: auto;
}
.login-box {
    position: relative;
    display: none;
    padding: 15px 20px;
    background: #333;
    color: #fff;
    text-align: center;
}
.login-box input {
    font-size: 11px;
}
.login-box .btn{
    padding:0 8px
}
.close-login {
    position: absolute;
    top: 2px;
    right: 10px;
    color: #fff;
    font-size: 22px;
}
.login-box .left {
    float: left;
    margin: 0 5px;
    padding:5px 10px
}
.login-box .left-btn {
    float: left;
    margin: 0 5px;
}
.login-box .left .txt-box{
    height:16px;
    padding:0 5px;
    line-height:16px
}

.flxRow{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.page-loader {
    position: fixed;
    z-index: 999999;
    width: 100%;
    height: 100%;
    background: #fff;
}
.loader-in {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    width: 60px;
    height: 60px;
}
.status {
    position: relative;
    z-index: 0;
    width: 60px;
    height: 60px;
}
.status span {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    border: 6px solid #d9d9d9;
    border-radius: 50%;
}

.status .spin {
    z-index: 1;
    border-color: #262626;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    -o-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}
.bar-style-3 .vc_single_bar span{
    height: 23px;
    line-height: 23px;
}
.wid_login_form > div, .wst-login-rit{
    padding-top: 15px
}
.widget_it_widget_footer_socials label{
    font-weight: normal;
    margin-bottom: 20px;
}
.wst-single-content{
    overflow: hidden;
}
#comments.comments{
    padding-top: 50px
}
.comment-list > li,.comment-list ul.children > li{
    list-style: none
}
.comment-respond{
    margin-top: 80px;
    overflow: hidden;
    background-color: #fbfbfb;
    padding: 40px;
    position: relative;
    z-index: 3;
}
/* instagram feed styles */
.instagram_wrap:not(.wst-insta-slider):not(.cols-1) .insta_photo,.wst_flick_feed:not(.cols-1) .wst_flick_photo{
    float: left;
}
.instagram_wrap .insta_photo,.instagram_wrap .insta_photo a,.wst_flick_feed .wst_flick_photo a{
    display: block;
    position: relative;
    overflow: hidden;
}
.instagram_wrap .insta_photo a img,.wst_flick_feed .wst_flick_photo img{
    position: relative;
    z-index: 3;
    width: 100%
}
.instagram_wrap[data-resol="thumbnail"] .insta_photo > a > span b{
    display: none;
}
.instagram_wrap a b{
    font-weight: normal;
    width:50px;
    height:50px;
    line-height:50px;
    display:inline-block;
    text-align:center;
    border-radius:50%;
    margin-right:5px;
    opacity:0;
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
}
.instagram_wrap .insta_photo:hover b{
    transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity:1
}
.instagram_wrap a b:last-child{
    margin-right:0;
}
.instagram_wrap a b:hover{
    background-color: rgba(0,0,0,0.5);
}
.img_overlay{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    height: 90%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    z-index: 9;
    opacity: 0;
}
.img_overlay i{
    margin: 0 5px 0 0;
    font-size: 12px;
}
.instagram_wrap .insta_photo:hover .img_overlay,.wst_flick_photo:hover .img_overlay{
    opacity: 1
}
@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 0.4;
    }

    50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        opacity: 1;
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 0.4;
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spin {
    from {
        -o-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        -o-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    to {
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.wst-main-content,.site_content{
    padding-top: 130px;
    padding-bottom: 130px;
}
.sidebar{
    flex: 0 0 28%;
    min-width: 0;
    order: 3;
    position: relative;
}
.flxrow.rit-cell .sidebar{
    order:1;
}
.wst-content-column {
    flex: 1 1 auto;
    min-width: 0;
    order: 2;
}
.flxrow{
    display: flex;
    display: -webkit-flex;
}
.flxrow.lft-cell,
.flxrow.rit-cell{
    gap: 25px;
}

/*.flxrow.lft-cell .wst-content-column{*/
/*    padding-right: 40px;*/
/*}*/
/*.flxrow.rit-cell .wst-content-column{*/
/*    padding-left: 40px*/
/*}*/

.wp-caption {
    margin-bottom: 1.75em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0;
}
.wp-caption .wp-caption-text {
    font-size: 14px;
    font-style: italic;
    padding-top: 0.5384615385em;
}
.says,.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}
.pagination .current .screen-reader-text {
    position: static !important;
}
.bypostauthor > article .fn:after {
    content: "\f304";
    left: 3px;
    position: relative;
    top: 5px;
    display: none;
}
.alignleft {
    float: left;
    margin: 0.375em 1.75em 1.75em 0;
}
.alignright {
    float: right;
    margin: 0.375em 0 1.75em 1.75em;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 1.75em;
}
.gallery-size-thumbnail{
    overflow: hidden;
}
.gallery-columns-9 .gallery-item {
    width: 11.11111111111111%;
}
.gallery-columns-8 .gallery-item {
    width: 12.5%;
}
.gallery-columns-7 .gallery-item {
    width: 14.28571428571429%;
}
.gallery-columns-6 .gallery-item {
    width: 16.66666666666667%;
}
.gallery-columns-5 .gallery-item {
    width: 20%;
}
.gallery-columns-4 .gallery-item {
    width: 25%;
}
.gallery-columns-3 .gallery-item {
    width: 33.33333333333333%;
}
.gallery-columns-2 .gallery-item {
    width: 50%;
}
[class*="gallery-columns-"] .gallery-item img{
    width:100%
}
.gallery-item {
    float: left;
    position: relative;
    overflow: hidden;
}
.gallery-item p{
    margin: 0;
}
.gallery-caption {
    background-color: rgba(0,0,0,.7);
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
    max-height: 50%;
    opacity: 0;
    padding: 6px 8px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: left;
}
.gallery-item:hover .gallery-caption{
    opacity:1
}
.wst-post-gallery .gallery-item .gallery-icon a{
    position: relative;
    display: block;
}
.wst-post-gallery .slick-dots{
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.vc_message_box-icon > .fa {
    margin: -8px 0 0 -9px;
}
.vc-row > .row {
    margin:0;
}
.esg-container-fullscreen-forcer .esg-singlefilters .skew-25{
    margin-right:25px !important;
    margin-left:25px !important
}
.pageWrapper.fixedPage {
    width: 1170px;
    margin:20px auto !important;
    border-radius:10px;
    border-top-width:3px;
    border-top-style:solid
}
.fixedPage .top-bar{
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}
.fixedPage:after{
    content:"";
    display:inline-block;
    height:5px;
    bottom:-7px;
    left:0;
    position:absolute;
    width:100%
}
.fixedPage .woocommerce .cart-collaterals,.fixedPage .woocommerce-page .cart-collaterals {
    margin: 0 0 -80px !important;
}
header.top-head.stickyHeader{
    height:60px
}
.responsive-nav,.menuBtn,.responsive-one,.head-style3 .stickyHeader .logo,header.top-head-4.stickyHeader .logo{
    display:none
}
.stickyHeader .top-search{
    margin-top: 2px;
}
.to-bottom i.fa{
    font-size: 30px;
    padding:20px 22px;
    border-radius:50%;
    -webkit-animation: bounce 2s infinite linear;
    animation: bounce 2s infinite linear;
}
@-webkit-keyframes bounce {
    0% {
        transform:translateY(0%);
    }
    50% {
        transform:translateY(-30%);
    }
    100% {
        transform:translateY(0);
    }
}

/* Mozilla Firefox 15 below */
@-moz-keyframes bounce {
    0% {
        transform:translateY(0%);
    }
    50% {
        transform:translateY(-30%);
    }
    100% {
        transform:translateY(0);
    }
}

/* Opera 12.0 */
@-o-keyframes bounce {
    0% {
        transform:translateY(0%);
    }
    50% {
        transform:translateY(-30%);
    }
    100% {
        transform:translateY(0);
    }
}

/* W3, Opera 12+, Firefox 16+ */
@keyframes bounce {
    0% {
        transform:translateY(0%);
    }
    50% {
        transform:translateY(-30%);
    }
    100% {
        transform:translateY(0);
    }
}
.post-lft-info div *{
    clear:both;
    display:block
}

.container [class*="col-md-"] .container{
    width:auto !important
}

/* ==========================================================================
  4. BLOCKS BACKGROUNDS.
============================================================================= */
.block-bg-1 {
    background: url('../images/bgs/block-bg-1.jpg') no-repeat fixed 0 0;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    position:relative
}
.block-bg-2 {
    background: url('../images/bgs/block-bg-2.jpg') no-repeat fixed 0 0;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    position:relative;
}
.block-bg-3 {
    background: #fff url('../images/bgs/block-bg-3.jpg') no-repeat fixed 0 0;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    position:relative
}
.block-bg-4 {
    background: #fff url('../images/bgs/block-bg-4.jpg') no-repeat fixed 0 0;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    position:relative
}
.block-bg-5 {
    background: url('../images/bgs/block-bg-5.jpg') no-repeat fixed 0 0;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    position:relative
}
.block-bg-1:before,.block-bg-2:before,.block-bg-3:before,.block-bg-4:before,.block-bg-5:before{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:inline-block;
    content:""
}
.black-overlay:before{
    background:rgba(0,0,0,.8) !important;
}
.parallax p,[class*="block-bg-"] p{
    position:relative;
    z-index:2
}
.parallax{
    position:relative;
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    overflow: hidden;
    background-size:cover
}
.parallax-overlay{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:1
}
.video-bg{
    position:relative;
    z-index: -1;
    height: 100%;
    overflow:hidden
}
.video-bg video{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0
}
.video-overlay{
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.7);
    top:0;
    left:0;
    z-index:9999
}
.dots-pattern {
    border-top: 1px #E4E4E4 solid;
    background: transparent url('../images/patterns/dots.png');
}
.gry-pattern {
    background: #eee url('../images/patterns/gry-patt.png');
}
.img-pattern {
    border-top: 1px #E4E4E4 solid;
    border-bottom: 1px #E4E4E4 solid;
    background: #fff url('../images/patterns/1.png');
}
/* ==========================================================================
  5. COMMON STYLES.
============================================================================= */
.fx {
    opacity: 0;
}
.animated {
    opacity: 1;
}
.marginRight {
    margin-right: 10px;
}
.marginLeft {
    margin-left: 10px;
}
.marginBottom {
    margin-bottom: 20px;
}
.autoMargin {
    float: none !important;
    margin: auto;
}
.right {
    float: right !important;
}
.left {
    float: left !important;
}
.visible {
    display: block;
}
.section{
    position:relative
}
.icon-middle {
    display: table;
    margin: auto;
    margin-bottom: 20px;
    padding: 1px 15px;
    font-size: 35px;
}
.skew-5 {
    transform: skew(-5deg, 0);
}
.skew5 {
    transform: skew(5deg, 0);
}
.skew-10 {
    transform: skew(-10deg, 0);
}
.skew10 {
    transform: skew(10deg, 0);
}
.skew-15 {
    transform: skew(-15deg, 0);
}
.skew15 {
    transform: skew(15deg, 0);
}
.skew-20 {
    transform: skew(-20deg, 0);
}
.skew20 {
    transform: skew(20deg, 0);
}
.skew-25,.activity-type-tabs > ul > li,#item-nav > div > ul > li,#buddypress div#item-nav > ul > li {
    transform: skew(-25deg, 0);
}
.skew25,.activity-type-tabs > ul > li > a,#item-nav > div > ul > li > a,#buddypress div#item-nav > ul > li > a {
    transform: skew(25deg, 0);
}
.skew-0 {
    transform: skew(0, 0);
}
.container .container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
article{
    z-index:3 !important
}
.no-pad{
    padding:0 !important
}
.width-10 {width: 10px;}
.width-20 {width: 20px;}
.width-30 {	width: 30px;}
.width-40 {	width: 40px;}
.width-50 {	width: 50px;}
.width-60 {	width: 60px;}
.width-70 {	width: 70px;}
.width-80 {	width: 80px;}
.width-90 {	width: 90px;}
.width-100 {width: 100px;}
.width-110 {width: 110px;}
.width-120 {width: 120px;}
.width-130 {width: 130px;}
.width-140 {width: 140px;}
.width-150 {width: 150px;}
.no-padding{padding-top:0;padding-bottom:0}
.xs-padding{padding-top:20px;padding-bottom:10px}
.sm-padding{padding-top:40px;padding-bottom:40px}
.md-padding{padding-top:80px;padding-bottom:80px}
.lg-padding{padding-top:120px;padding-bottom:120px}
.xl-padding{padding-top:160px;padding-bottom:160px}
.padd-top-0 {padding-top: 0;}
.padd-top-5 {padding-top: 5px;}
.padd-top-10 {padding-top: 10px;}
.padd-top-15 {padding-top: 15px;}
.padd-top-20 {padding-top: 20px;}
.padd-top-25 {padding-top: 25px;}
.padd-top-30 {padding-top: 30px;}
.padd-top-35 {padding-top: 35px;}
.padd-top-40 {padding-top: 40px;}
.padd-top-45 {padding-top: 45px;}
.padd-top-50 {padding-top: 50px;}
.padd-top-80 {padding-top: 80px;}
.padd-bottom-0 {padding-bottom: 0;}
.padd-bottom-5 {padding-bottom: 5px;}
.padd-bottom-10 {padding-bottom: 10px;}
.padd-bottom-15 {padding-bottom: 15px;}
.padd-bottom-20 {padding-bottom: 20px;}
.padd-bottom-25 {padding-bottom: 25px;}
.padd-bottom-30 {padding-bottom: 30px;}
.padd-bottom-35 {padding-bottom: 35px;}
.padd-bottom-40 {padding-bottom: 40px;}
.padd-bottom-45 {padding-bottom: 45px;}
.padd-bottom-50 {padding-bottom: 50px;}
.padd-vertical-0 {padding: 0;}
.padd-vertical-5 {padding: 5px 0;}
.padd-vertical-10 {padding: 10px 0;}
.padd-vertical-15 {padding: 15px 0;}
.padd-vertical-20 {padding: 20px 0;}
.padd-vertical-25 {padding: 25px 0;}
.padd-vertical-30 {padding: 30px 0;}
.padd-vertical-35 {padding: 35px 0;}
.padd-vertical-40 {padding: 40px 0;}
.padd-vertical-45 {padding: 45px 0;}
.padd-vertical-50 {padding: 50px 0;}
.padd-horizontal-0 {padding: 0 0;}
.padd-horizontal-5 {padding: 0 5px;}
.padd-horizontal-10 {padding: 0 10px;}
.padd-horizontal-15 {padding: 0 15px;}
.padd-horizontal-20 {padding: 0 20px;}
.padd-horizontal-25 {padding: 0 25px;}
.padd-horizontal-30 {padding: 0 30px;}
.padd-horizontal-35 {padding: 0 35px;}
.padd-horizontal-40 {padding: 0 40px;}
.padd-horizontal-45 {padding: 0 45px;}
.padd-horizontal-50 {padding: 0 50px;}
.margin-top-minus-80{margin-top:-80px;}
.margin-top-0 {margin-top: 0 !important;}
.margin-top-5 {margin-top: 5px;}
.margin-top-10 {margin-top: 10px;}
.margin-top-15 {margin-top: 15px;}
.margin-top-20 {margin-top: 20px;}
.margin-top-25 {margin-top: 25px;}
.margin-top-30 {margin-top: 30px;}
.margin-top-35 {margin-top: 35px;}
.margin-top-40 {margin-top: 40px;}
.margin-top-45 {margin-top: 45px;}
.margin-top-50 {margin-top: 50px;}
.margin-bottom-0 {margin-bottom: 0 !important;}
.margin-bottom-5 {margin-bottom: 5px;}
.margin-bottom-10 {margin-bottom: 10px;}
.margin-bottom-15 {margin-bottom: 15px;}
.margin-bottom-20 {margin-bottom: 20px;}
.margin-bottom-25 {margin-bottom: 25px;}
.margin-bottom-30 {margin-bottom: 30px;}
.margin-bottom-35 {margin-bottom: 35px;}
.margin-bottom-40 {margin-bottom: 40px;}
.margin-bottom-45 {margin-bottom: 45px;}
.margin-bottom-50 {margin-bottom: 50px;}
.lft-row{
    margin-left:-15px
}
.padd-full{
    padding:40px 20px
}
[class*="padd-"]:after, [class*="margin-"]:after {
    display: block;
    clear: both;
    content: "";
}
.pager {
    margin: 0 15px;
    background: #eee;
}
.pager ul,.pager-style2 ul,.pager-style3 ul {
    display: table !important;
    margin: auto !important;
}
.page-numbers li,#bbpress-forums .pager-bbp.pager-style1 li{
    float: left;
    margin: 0 1px 0 0;
    background: #777;
}
#bbpress-forums .pager-bbp.pager-style1 li:hover{
    background-color: #B6B6B6;
}
.pager ul li a, .pager ul li span,#bbpress-forums .pager-bbp.pager-style1 li span {
    display: block !important;
    padding: 0 20px !important;
    color: #fff;
    font-size: 14px;
    line-height: 38px;
    border: inherit;
    border-radius: inherit;
    background: transparent;
}
.pager ul li a:hover{
    border: inherit;
    border-radius: inherit;
    background: transparent;
}
.pager ul li i {
    font-weight: bold;
    font-size: 140%;
}
.pager ul li.selected span,#bbpress-forums .pager-bbp.pager-style1 li.current span {
    color: #fff !important;;
}
.pager ul li:hover a, .pager ul li.selected a {
    color: #fff !important;;
}
.pager-style2 ul li,#bbpress-forums .pager-bbp.pager-style2 li {
    float: left;
    margin: 0 2px;
    background: #DADADA;
    border-radius: 5px;
}
.pager-style2 ul li a,.pager-style2 ul li span {
    display: block;
    padding: 0 13px;
    color: #000000;
    font-size: 12px;
    line-height: 33px;
}
.pager-style2 ul li:hover,.pagination-links a:hover{
    background:#777;
    color:#fff
}
.pager-style2 ul li:hover a{
    color: #fff;
}
.pager-style2 ul li i {
    font-weight: bold;
    font-size: 140%;
}
.pager-style2 ul li span{
    background:transparent !important;
    color:#fff !important
}
.pager-style3 ul li,#bbpress-forums .pager-bbp.pager-style3 li {
    float: left;
    margin: 0 5px !important;;
    transform: rotate(315deg);
    background-color: #DADADA;
    border-radius: 5px;
    padding:0 !important
}
.pager-style3 ul li a,.pager-style3 ul li span {
    display: block;
    padding: 0 13px;
    color: #000000;
    font-size: 12px;
    line-height: 33px;
    transform: rotate(-315deg);
}
.pager-style3 ul li:hover,#bbpress-forums .pager-bbp.pager-style3 li:hover {
    background:#777;
    color: #fff;
}
.pager-style3 ul li:hover a,.pager-style3 ul li span:hover,.pager-style3 ul li.main-bg-import .current,#bbpress-forums .pager-bbp.pager-style3 li.main-bg-import .current{
    color:#fff
}
.pager-style3 ul li i {
    font-weight: bold;
    font-size: 140%;
}
/* pager style 4 */
.pager-style4{
    margin:auto;
    display:table
}
.pager-style4 li {
    background:transparent;
    border-radius:3px;
    margin:0 2px !important
}
.pager-style4 li a{
    padding:10px 16px;
    background:#fff;
    border:1px #ddd solid;
    border-radius:3px;
    display:block;
    color:#777
}
.pager-style4 li span{
    padding:10px 16px;
    border:1px #ddd solid;
    border-radius:3px;
    display:block
}
.pager-style4 li a:hover{
    background:#eee;
    color:#333
}
/* pager style 5 */
.pager-style5{
    margin:auto;
    display:table
}
.pager-style5 li {
    background:transparent;
    margin:0 2px !important
}
.pager-style5 li a{
    padding:10px 16px;
    background:transparent;
    border-bottom:3px #ddd solid;
    display:block;
    color:#777
}
.pager-style5 li span{
    padding:10px 16px;
    display:block;
    border-bottom-style:solid;
    border-bottom-width:3px
}
.pager-style5 li.main-bg-import{
    background:transparent !important;
}
.pager-style5 li a:hover{
    border-bottom-color:#eee;
    color:#333
}
/* pager style 6 */
.pager-style6{
    margin:auto;
    display:table
}
.pager-style6 li {
    background:transparent;
    border-radius:50% !important;
    margin:0 2px !important
}
.pager-style6 li a{
    padding:10px 16px;
    background:#fff;
    border:1px #ddd solid;
    border-radius:50%;
    display:block;
    color:#777
}
.pager-style6 li span{
    padding:10px 16px;
    border: 0 #ddd solid;
    border-radius:50%;
    display:block
}
.pager-style6 li a:hover{
    background:#eee;
    color:#333
}
.pager-style1.left{
    float:left !important
}
.pager-style1.right{
    float:right !important
}
.old-new a{
    background:#ddd;
    padding:8px 20px;
    text-align:center;
    white-space:nowrap;
    color:#333;
    border-radius:3px
}
.old-new{
    background:transparent
}
.old-new a:hover,.old-new a:active,.old-new a:focus{
    background:#999;
    color:#fff
}
.loadmore .btn{
    padding: 20px 35px;
    position: relative;
    border-radius: 5px;
    text-shadow: none;
    font-weight: bold;
    font-size: 14px;
}
.loadmore{
    position: relative;
    text-align: center;
    margin-top: 40px;
}
.loadmore .load_msg {
    padding: 7px 15px;
    background-color: #ffecb2;
    border: 1px #fd7 solid;
    font-size: 13px;
    position: absolute;
    bottom: -60px;
    left: 0;
    right: 0;
    z-index: 9;
    margin: auto;
    display: table;
    min-width: 200px;
    width: 200px;
    white-space: nowrap;
}
.loadmore .wst_preloader, .loadmore .load_msg {
    display: none;
}
.loadmore .wst_preloader i {
    font-size: 17px;
    margin: 0 0 0 10px;
    position: relative;
    top: 2px;
    display: inline-block;
}
.wst_preloader i{
    font-size: 24px;
    display: table;
    margin: auto;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}
.pager_loading{
    display:none;
    margin:10px auto 0
}
#map_canvas {
    height: 450px;
    background-color: #eee;
    border-radius: 5px;
}
.noScroll{
    line-height: 1.35;
    overflow: hidden;
    white-space: nowrap;
}
#map_canvas img{
    max-width:none
}
.block-head,.wpb_heading,#bbpress-forums h3,.gform_title,.edd_form fieldset legend {
    position: relative;
    margin-bottom: 25px;
    padding: 0 0 10px;
    border-bottom: 1px #e2e2e2 solid;
}
.footer-top .block-head {
    border-bottom-color: #3a3a3a;
    color: #fff;
    font-weight: 500;
}
.block-head:before,.wpb_heading:before,#bbpress-forums h3:before,.gform_title:before,.edd_form fieldset legend:before{
    position: absolute;
    bottom: -3px;
    left: 20px;
    width: 35px;
    height: 5px;
    content: "";
    display:inline-block;
}
.block-head:after,.wpb_heading:after,#bbpress-forums h3:after,.gform_title:after,.edd_form fieldset legend:after{
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 80px;
    height: 1px;
    content: "";
    display:inline-block;
}
.wpb_heading{
    font-size:22px
}
.block-head.center{
    margin-left:auto;
    margin-right:auto;
    display:table;
    padding-right:30px;
    padding-left:30px
}
.block-head.center:before{
    left: 50%;
    margin-left:-17.5px
}
.block-head.center:after{
    left: 50%;
    margin-left: -40px;
}
.block-head.right-head{
    text-align:right
}
.block-head.right-head:before{
    right: 20px;
    left:auto
}
.block-head.right-head:after{
    right: 0;
    left:auto
}
.block-head.style2{
    border-bottom:0;
}
.block-head.style2.center{
    display:block
}
.block-head.style2.center span{
    padding:0 20px
}
.block-head.style2 span{
    display:inline-block;
    padding-right:15px;
    background:#fff;
    position: relative;
    z-index: 1;
}
.block-head.style2.right-head span{
    padding-left:15px;
    padding-right:0
}
.block-head.style2:before{
    display:none
}
.block-head.style2:after{
    border-top: 8px #EFEFEF solid;
    width:100%;
    top: 50%;
    bottom: auto;
    z-index: 0;
    left: 0;
    background: transparent;
    margin: -8px 0 0;
}
.block-head.style3{
    border-bottom:0;
}
.block-head.style3.center{
    display:block
}
.block-head.style3.center span{
    padding:0 20px
}
.block-head.style3 span{
    display:inline-block;
    padding-right:15px;
    background:#fff;
    position: relative;
    z-index: 1;
}
.block-head.style3.right-head span{
    padding-left:15px;
    padding-right:0
}
.block-head.style3:before{
    display:none
}
.block-head.style3:after{
    width:100%;
    top: 43%;
    bottom: auto;
    z-index: 0;
    left: 0;
    margin: 0;
}
.block-head.style4{
    display:table
}
.block-head.style4.center:before{
    left:50%;
    margin-left:-10%
}
.block-head.style4.center span{
    padding:0 20px
}
.block-head.style4 span{
    display:inline-block;
    padding: 0;
    position: relative;
    z-index: 1;
}
.block-head.style4.right-head span{
    padding-left:15px;
    padding-right:0;
    position:relative
}
.block-head.style4:after{
    display:none
}
.block-head.style4:before{
    left:0;
    width: 20%;
    height: 3px;
    bottom: -2px;
}
.block-head.style5{
    overflow: hidden;
    padding-bottom: 7px;
    border-bottom-width: 3px;
}
.block-head.style5.center{
    display:block
}
.block-head.style5.center span{
    padding:0 20px
}
.block-head.style5 span{
    display:inline-block;
    padding: 0;
    position: relative;
    z-index: 1;
}
.block-head.style5.right-head span{
    padding-left:15px;
    padding-right:0;
    position:relative
}
.block-head.style5:after{
    display:none
}
.block-head.style5:before{
    display: none;
}
.block-head.style6.center:after{
    left:50%;
    margin-left:-10%
}
.block-head.style6.center span{
    padding:0 20px
}
.block-head.style6 span{
    display:inline-block;
    padding-right:15px;
    position: relative;
    z-index: 1;
}
.block-head.style6.right-head span{
    padding-left:15px;
    padding-right:0
}
.block-head.style6:before{
    display:none
}
.block-head.style6:after{
    width: 8%;
    left: 0;
    margin: 0;
    height: 1px;
    bottom: -1px;
}
.block-head.style7,.block-head.style8{
    border-bottom:0;
    padding-bottom:0
}
.block-head.style7:before,.block-head.style7:after,.block-head.style8:before,.block-head.style8:after{
    display:none
}
.block-head.style7{
    color:#555
}
.block-head.style7{
    padding:0 20px;
    border-left-width: 6px;
    border-left-style:solid;
}
.block-head i{
    margin-right:10px
}
.side-heading{
    font-weight:800;
    border:0;
    padding:0;
    font-size:28px;
    text-transform:uppercase;
    letter-spacing:-1px;
    margin-bottom:15px
}
.side-heading span{
    color:#777;
    font-weight:100;
}
.side-heading:after,.side-heading:before{
    display:none;
}
.large-heading{
    position: relative;
    margin-bottom: 40px;
    padding: 0 0 20px;
    border-bottom: 1px #e2e2e2 solid;
    font-weight:bold;
    text-transform:capitalize;
    font-size:26px;
    line-height:20px;
    text-align:center
}
.large-heading:before{
    position: absolute;
    bottom: -3px;
    left: 50%;
    width: 100px;
    height: 5px;
    content: "";
    display:inline-block;
    margin-left:-57px;
    border-left:15px #fff solid;
    border-right:15px #fff solid;
}
.gry-bg .large-heading:before{
    border-left:15px #eee solid;
    border-right:15px #eee solid;
}

/* ==========================================================================
  6. TYPOGRAPHY.
============================================================================= */
a {
    text-decoration: none;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
a:active, a:hover {
    outline: 0;
}
b, strong, .bold {
    font-weight: bold;
}
.bolder {
    font-weight: 800;
}
.uppercase{
    text-transform: uppercase;
}
.italic {
    font-style: italic;
}
small {
    font-size: 80%;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 1.75rem;
    padding: 0;
    font-weight: 600;
    line-height: 1.5;
}
h1 {font-size: 36px;}
h2 {font-size: 28px;}
h3 {font-size: 22px;}
h4 {font-size: 18px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}
p {
    margin: 0 0 20px 0;
}
.white-bg {
    background: #fff;
}
.dark-bg {
    padding: 80px 0;
    background-color: #222;
}
.dark-bg p{
    color: #A3A3A3;
    margin: 0;
}
.gry-bg,.esg-filter-wrapper {
    background: #eee;
}
.esg-filter-checked{
    display:none !important
}
.staff-2 .gry-bg .fun-text {
    color: #333 !important;
}
.dark-bg h2 {
    color: #bdbdbd;
    font-size:24px
}
.alter-bg{
    background:#777;
    color:#fff
}
.alter-bg a{
    color:#fff
}
.welcome {
    text-align: center;
}
.btn.ExtraLargeBtn {
    display: block;
    font-weight: normal;
    font-size: 26px;
    line-height:70px;
    padding:0 40px
}
.btn.main-bg{
    color:#fff !important
}
.extraBold {
    font-weight: 800;
}
.extraLarge {
    font-size: 20px;
}
.center {
    text-align: center;
}
.left-text {
    text-align: left;
}
.right-text {
    text-align: right;
}
.red {
    color: #f00;
}
.congrats {
    color: #4FB830;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 30px;
}
.success-icon {
    margin-bottom: 15px;
    color: #ecc686;
    font-size: 90px;
}
span.block {
    display: block;
    clear: both;
    padding-left: 20px;
}
.list-item {
    margin: 0;
    padding: 5px 0;
}
.list-item i.fa {
    margin-right: 7px;
    color: #CFCFCF;
}
hr {
    position: relative;
    display: block;
    overflow: visible;
    margin: 1em 0;
    padding: 0;
    height: 1px;
    border: 0;
    border-top: 1px #eeeded solid;
}
hr:before {
    position: absolute;
    top: -1px;
    left: 0;
    display: inline-block;
    width: 20%;
    height: 1px;
    content: "";
}
hr:after {
    position: absolute;
    top: -1px;
    right: 0;
    display: inline-block;
    width: 20%;
    height: 1px;
    content: "";
}
.hr-style2:before {
    left: 30%;
    width: 40%;
}
.hr-style2:after {
    display: none;
}
.hr-style3:before {
    left: 20%;
    width: 20%;
}
.hr-style3:after {
    right: 20%;
    width: 20%;
}
.hr-style4:before {
    left: 44%;
    margin-top: 0;
    width: 5%;
    content: "\f105";
    text-align: right;
    font-size: 20px;
    font-family: "FontAwesome";
    line-height: 1px;
}
.hr-style4:after {
    right: 44%;
    margin-top: 0;
    width: 5%;
    content: "\f104";
    text-align: left;
    font-size: 20px;
    font-family: "FontAwesome";
    line-height: 1px;
}
.hr-style5:before {
    left: 44%;
    margin-top: 0;
    width: 5%;
    content: "\f1d8";
    text-align: center;
    font-size: 20px;
    font-family: "FontAwesome";
    line-height: 1px;
}
.hr-style5:after {
    right: 44%;
    margin-top: 0;
    width: 5%;
    content: "\f1d8";
    text-align: center;
    font-size: 20px;
    font-family: "FontAwesome";
    line-height: 1px;
    transform: rotateY(180deg);
}
.hr-style5:before, .hr-style5:after {
    background: #fff;
    color: #d4d4d4;
}
.follow-block p {
    margin: 0;
    padding: 0 0 10px;
    text-align: center;
    font-size: 16px;
}
.follow-block .follow-link {
    font-weight: bold;
    font-style: italic;
    font-size: 23px;
}
.slick-prev, .slick-next{
    background: #777;
    color: #eee;
}
.flat-dark .esg-filterbutton, .flat-dark .esg-navigationbutton, .flat-dark .esg-sortbutton, .flat-dark .esg-cartbutton {
    background: #777 !important;
    color: #eee !important;
    width: 28px !important;
    height: 28px !important;
    padding:0 !important;
    line-height:28px !important;
    border-radius: 3px !important;
    text-align:center !important
}
.highlight-1 {
    background: #fcff00;
}
.dropcap {
    display: block;
    float: left;
    margin: 2px 8px 0 0;
    font-weight: bold;
    font-size: 36px;
    line-height: 36px;
}
blockquote {
    margin: 10px 0;
    padding: 40px;
    background: rgba(0, 0, 0, 0.06);
    border: 0;
    font-size: inherit;
    border-left-style:solid;
    border-left-width:2px;
}
blockquote p {
    margin: 0 !important;
    padding: 0;
}
blockquote span {
    color: #a3a3a3;
    font-weight: bold;
    font-size: 14px;
}
.tooltip {
    position: fixed;
    z-index: 999999;
    padding: 7px;
    background: #000;
    color: #fff;
    text-align: center;
    font-size: 11px;
    transition: all 0.1s ease !important;
}
.tooltip:after {
    position: absolute;
    bottom: -4px;
    left: 40%;
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 4px 5px 0 5px;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
    content: "";
}
.lft-tip:after {
    right: -5px;
    bottom: 25%;
    left: auto;
    border-width: 5px 0 8px 8px;
    border-color: transparent transparent transparent #000;
}
.rit-tip:after {
    bottom: 25%;
    left: -5px;
    border-width: 5px 8px 8px 0;
    border-color: transparent #000 transparent transparent;
}
.bot-tip:after {
    top: -5px;
    bottom: auto;
    border-width: 0 4px 5px 5px;
    border-color: transparent transparent #000 transparent;
}
/* ==========================================================================
  7. SHORTCODES.
============================================================================= */
/* 7.1.1. Icon Box Style 1.
================================ */
.icon-box-1,.icon-box-2,.icon-box-3,.icon-box-4{
    margin: 25px 0;
    overflow: hidden;
}
.icon-box-1 i.icon,.icon-box-2 i.icon,.icon-box-3 i.icon,.icon-box-4 i.icon,.icon-box-5 i.icon  {
    display: table;
    text-align: center;
    font-size: 23px;
    border-radius: 50%;
    width: 65px;
    height: 65px;
    line-height: 65px;
    animation-duration: 1s;
    animation-fill-mode: both;
}
.icon-box-1 .col-md-9,.icon-box-2 .col-md-9,.icon-box-3 .col-md-9,.icon-box-4 .col-md-9,.icon-box-5 .col-md-9{
    padding-right:0
}
.icon-box-1 .col-md-3,.icon-box-2 .col-md-3,.icon-box-3 .col-md-3,.icon-box-4 .col-md-3,.icon-box-5 .col-md-3{
    padding-left:0
}
.icon-box-1 h3,.icon-box-2 h3,.icon-box-3 h3,.icon-box-4 h3,.icon-box-5 h3 {
    font-size: 17px;
    font-weight: 600;  text-transform: uppercase;
    margin-bottom: 5px;
}
.icon-box-1 h3 span,.icon-box-2 h3 span,.icon-box-3 h3 span,.icon-box-4 h3 span,.icon-box-5 h3 span {
    font-weight: bold;
    margin-right: 2px;
}
.icon-box-1 p,.icon-box-2 p,.icon-box-3 p,.icon-box-4 p,.icon-box-5 p {
    line-height: 21px;
    margin-bottom:0
}
.icon-box-1 i.icon,.icon-box-2 i.icon,.icon-box-3 i.icon,.icon-box-4 i.icon,.icon-box-5 i.icon {
    transition: all 300ms linear;
    margin-top:15px
}
.icon-box-1:hover .icon,.icon-box-2:hover .icon,.icon-box-3:hover .icon,.icon-box-4:hover .icon {
    background:#777;
    color:#fff;
}
/* 7.1.2. Icon Box Style 2.
================================ */
.icon-box-2 i.icon,.icon-box-4 i.icon{
    border-radius:5px !important
}
/* 7.1.3. Icon Box Style 3.
================================ */
.icon-box-3 i.outlined,.icon-box-4 i.outlined{
    border:2px #ddd solid;
    color:#999
}

/* 7.1.5. Icon Box Style 5.
================================ */
.icon-box-5 i.icon{
    font-size:50px
}
/* 7.1.6. Icon Box Style 6.
================================ */
.icon-box-6:hover i.icon {
    transform: rotate(360deg);
    transition: transform 0.6s;
}
.icon-box-6:hover h3{
    color:#fff
}
.portfolio-item:hover:after {
    height: 3px;
    border-top:0
}
.icon-box-6 {
    position: relative;
}
.box-top {
    z-index: 2;
    overflow: hidden;
    padding: 50px 0;
    text-align:center
}
.box-top i.icon {
    display: table;
    margin: 0 auto 30px;
    font-size: 38px;
    width:103px;
    height:103px;
    line-height:95px;
    text-align:center;
    border-radius:50%;
    border:3px #fff solid;
    -moz-box-shadow: inset 0 0 13px rgba(0,0,0,.4);
    -webkit-box-shadow: inset 0 0 13px rgba(0,0,0,.4);
    box-shadow: inset 0 0 13px rgba(0,0,0,.4);
}
.box-top h3 {
    margin: 0 0 10px;
    padding: 0 15px 10px;
    text-align: center;
    font-size: 23px;
    color:#777;
    font-weight: 700;
    text-transform:uppercase;
}
.box-top h3 span{
    text-transform:none;
    font-size:19px;
    font-weight: 300;
    display:block;
    margin-bottom: -33px;
}
.box-top .more-btn{
    display:table;
    margin: 30px auto 0;
    background: #ffffff;
    padding:10px 15px;
    text-transform:uppercase;
    font-size:11px;
}
.box-top p {
    padding: 0 15px;
}
.box-top p a {
    display: inline-block;
    margin-left: 5px;
    font-size: 11px;
}
/* 7.1.7. Icon Box Style 7.
================================ */
.icon-box-7 {
    padding-top: 30px;
}
.box-7-cont {
    position: relative;
    text-align: center;
    padding:0 15px 15px;
    border:1px #E6E6E6 solid
}
.icon-box-7 h4 {
    text-align: center;
    transition: all 300ms linear;
    margin-bottom:20px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 22px;
}
.sub-title {
    margin: -10px 0 15px;
    font-size: small;
}
.icon-box-7 .icon {
    display: table;
    margin: 0 auto 25px;
    margin-top: -45px;
    width: 90px;
    height: 90px;
    border: 1px #E6E6E6 solid;
    border-radius: 50%;
    background-color: #F0F0F0;
    box-shadow: inset 0 0 0 3px #fff;
    color: #B3B3B3;
    text-align: center;
    font-size: 38px;
    line-height: 90px;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}
.icon-box-7 .r-more {
    position: relative;
    z-index: 1;
    display: table;
    margin: 15px auto 0;
    padding: 8px 15px;
    background: #ECECEC;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}
.icon-box-7 .r-more:after {
    display: inline-block;
    margin-left: 8px;
    content: "+";
    font-size: 14px;
}
.icon-box-7:hover h4 {
    color: #4e4e4e;
}
.icon-box-7 .mediumFont {
    overflow: hidden;
    max-height: 180px;
    border-bottom:1px #eee solid;
    padding-bottom:25px !important
}
/* 7.1.8. Icon Box Style 8.
================================ */
.icon-box-8 {
    text-align: center;
}
.icon-box-8 .box-head {
    clear: both;
    margin-bottom: 15px;
}
.icon-box-8 h4 {
    position: relative;
    overflow: hidden;
    height: 1.2em;
    line-height: 1.2em;
    font-weight: bold;
}
.icon-box-8:hover h4 {
    color: #4e4e4e;
}
.icon-box-8 h4 span {
    position: relative;
    display: inline-block;
    -moz-transition: -moz-transform 0.3s;
    -o-transition: transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}
.icon-box-8 h4 span::before {
    position: absolute;
    top: 100%;
    content: attr(data-hover);
    font-weight: 700;
    transform: translate3d(0,0,0);
}
.icon-box-8 .mediumFont {
    overflow: hidden;
    max-height: 110px;
}
.icon-box-8 .icon {
    display: table;
    margin: 0 auto 25px;
    width: 150px;
    height: 150px;
    border: 1px #DADADA solid;
    border-radius: 50%;
    background-color: #DADADA;
    box-shadow: inset 0 0 0 3px #fff;
    color: #777;
    text-align: center;
    font-size: 50px;
    line-height: 150px;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}
.icon-box-8:hover span, .icon-box-8:focus span {
    transform: translateY(-100%);
}
.icon-box-8 .r-more {
    position: relative;
    display: table;
    margin: 15px auto 0;
    padding: 8px 15px;
    background: #eee;
    transition: all 300ms linear;
}
.icon-box-8 .r-more:after {
    display: inline-block;
    margin-left: 8px;
    content: "+";
    font-size: 14px;
}
/* 7.1.9. Icon Box Style 9.
================================ */
.icon-box-9 .icon_container  {
    text-align: center;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
    height: 100px;
    display: block;
    margin-bottom: 0;
    overflow: hidden;
}
.icon-box-9 .icon_container i.icon {
    font-size: 70px;
    margin-top: 13px;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
    width: auto;
    line-height: normal;
    display: block;
    margin-left: 0;
    height: auto;
}
.icon-box-9 h3 {
    text-align: center;
    margin: 0 0 10px;
    background: #fff;
    padding: 9px 0;
    font-weight: 600;
    font-size: 17px;
    text-transform: uppercase;
}
.icon-box-9 p {
    max-height: 94px;
    overflow: hidden;
    text-align: center;
    margin: 0;
}
.icon-box-9:hover .icon_container {
    color: #fff;
}
.icon-box-9:hover .icon_container .icon {
    font-size: 116px;
    margin-top: 0;
    transform: rotate(-16deg);
    opacity: 0.8
}
/* 7.1.10. Icon Box Style 10.
================================ */
.icon-box-10{
    text-align:center
}
.icon-box-10 i.icon{
    font-size:70px;
    display:table;
    margin:auto;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}
.icon-box-10:hover i.icon{
    color:#777
}
.icon-box-10 h4{
    padding: 35px 0 18px;
    position:relative;
    font-weight: 600;
    font-size: 17px;
    text-transform: uppercase;
    color:#333
}
.icon-box-10 h4:after{
    content:"";
    width:20%;
    height:3px;
    background:#777;
    display:table;
    margin:auto;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -10%;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}
.icon-box-10:hover h4:after{
    width:40%;
    margin-left:-20%
}
.left-icons [class*="col-md-"]{
    float:right;
    text-align:right
}
.left-icons .col-md-3{
    padding-left:15px;
    padding-right:0
}
.left-icons .col-md-9 {
    padding-left: 0;
    padding-right:15px
}
.levels li:last-child .level-out{
    margin-bottom:0
}
.levels-2 li {
    float: left;
    margin: 0 1.5%;
    width: 22%;
}
.level-in-2 {
    text-align: center;
}
.level-name-2 {
    display: block;
    margin-top: 10px;
    text-align: center;
    font-size: 13px;
}
/* 7.2.1. Fun Staff Style 1.
================================ */
.fun-staff{
    display: table;
    width: 100%
}
.fun-staff > .fun-cell{
    display: table-cell;
}
.fun-staff .fun-text {
    z-index: 1;
    text-align: center;
    font-size: 18px;
}
.fun-staff .fun-number {
    padding: 0;
    text-align: center;
    font-size: 40px;
    line-height: 1.8;
    font-weight: 900;
}
.fun-title {
    margin: auto;
    background-color: #fff;
    font-size: 40px;
}
.staff-1 .fun-text {
    padding: 23px 0;
}
.staff-1 .fun-number {
    background-color: #fff;
    color: #444;
}
.staff-1 .fun-number.skew-15, .staff-1 .fun-icon.skew-15 {
    right: 7px;
}
.staff-1 .fun-icon {
    padding: 10px 0;
    background-color: #fff;
    text-align: center;
    font-size: 30px;
}
.staff-1 .fun-number.skew15, .fun-icon.skew15 {
    left: 7px;
}
.staff-1 .fun-title {
    padding: 45px;
    text-align: center;
}
.staff-1 .fun-title span {
    color: #333;
}
/* 7.2.2. Fun Staff Style 2.
================================ */
.staff-2 .main-bg {
    padding: 15px;
}
.staff-2 .fun-text {
    top: 0;
    padding: 0 0 15px;
    min-height: inherit;
    color: #fff;
    text-align: center;
    font-size: 15px;
}
.staff-2 .fun-number {
    padding: 0;
    background-color: transparent;
    text-align: center;
    font-weight: 400;
    font-size: 38px;
}
.col-md-12 > .fun-staff{
    margin: 0 -15px;
}
/* 7.2.3. Fun Staff Style 3.
================================ */
.staff-3 .fun-text {
    padding: 25px 0 10px;
}
.staff-3 .fun-number {
    font-weight: 700;
}
.staff-3 .fun-icon {
    display: table;
    margin: auto;
    text-align: center;
    font-size: 35px;
    border:2px #fff solid;
    border-radius:50%;
    width: 90px;
    height: 86px;
    line-height: 86px;
}
.staff-4 .fun-icon {
    display: table;
    margin: auto;
    text-align: center;
    font-size: 35px;
    border-radius:50%;
    width: 90px;
    height: 86px;
    line-height: 86px;
}
.staff-3 .fun-title {
    padding: 21px;
    text-align: center;
    line-height:45px
}
.staff-3 .fun-title span {
    color: #333;
}
.staff-3 .fun-title p {
    color: #777;
    text-transform: none;
    font-weight: normal;
    font-size: 13px;
    line-height: normal;
    margin-top: 6px;
}
/* 7.3.1. Testimonials Style 1.
================================ */
.testimonials-1{
    padding-top:5px
}
.testimonials-1 .testimonials-bg {
    position: relative;
    z-index: 4;
    overflow: hidden;
    margin: 0 15px;
    padding: 8px;
    background: #E9E9E9;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.testimonials-1 .testimonials-bg .rating {
    position: relative;
    z-index: 1;
    clear: both;
    overflow: hidden;
    padding: 10px 0 0 0;
}
.testimonials-1 .testimonials-bg span{
    font-size:90%
}
.testimonials-1 .testimonials-bg:hover {
    background: #e6e6e6;
}
.testimonials-1 .testimonials-img {
    position: relative;
    z-index: 2;
    float: left;
    margin: 0 10px 5px 0;
    max-width: 70px;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.testimonials-1 .testimonials-bg .rating .fa {
    margin-right: 4px;
    color: #ffc000;
    font-size: 15px;
}
.testimonials-1 .testimonials-bg:after {
    position: absolute;
    right: 8px;
    bottom: 8px;
    display: inline-block;
    margin-right: 7px;
    color: #CFCFCF;
    content: "\f10e";
    font-weight: normal;
    font-style: normal;
    font-size: 25px;
    font-family: "FontAwesome";
    line-height: 1;
}
.testimonials-1 .testimonials-name {
    position: relative;
    margin: 0 5px;
    padding: 6px 0 8px 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
}
.testimonials-1 .testimonials-name:after {
    position: absolute;
    right: 9px;
    bottom: 13px;
    z-index: 0;
    width: 0;
    height: 0;
    border-width: 20px 23px 0 0;
    border-style: solid;
    border-color: #DADADA transparent transparent transparent;
    content: "";
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.testimonials-1 .testimonials-name:before {
    position: absolute;
    bottom: 13px;
    left: 11px;
    z-index: 0;
    width: 0;
    height: 0;
    border-width: 20px 0 0 23px;
    border-style: solid;
    border-color: #DADADA transparent transparent transparent;
    content: "";
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.testimonials-1 .testimonials-bg:hover + .testimonials-name:after, .testimonials-1 .testimonials-bg:hover + .testimonials-name:before {
    border-color: #ccc transparent transparent transparent;
}
.testimonials-1 .testimonials-bg .rating .fa-star-o {
    color: #c0c0c0;
}
/* 7.3.2. Testimonials Style 2.
================================ */
.testimonials-2 .testimonials-name {
    display: table;
    margin: auto;
    padding: 10px 20px;
    font-size: 130%;
}
.testimonials-2 p {
    font-size: 16px;
    line-height: 29px;
}
.testimonials-2 .testimonials-name:before, .testimonials-2 .testimonials-name:after {
    display: none;
}
.testimonials-2 .slick-list{
    margin:0;
    text-align:center
}
/* 7.3.3. Testimonials Style 3.
================================ */
.testimonials-3 .testimonials-img img{
    border-radius:50%
}
.testimonials-3{
    position: relative;
    padding: 20px;
    background-color: #FFF;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    padding-bottom: 40px;
}
.testimonials-3 .slick-list{
    margin:0 !important
}
.testimonials-3 .tbl-cell{
    display:table-cell;
}
.testo-cell{
    display:table-cell;
}
.testimonials-3 .slick-dots{
    position:absolute;
    right: 10px;
    bottom: 10px;
    width:auto !important
}
.testimonials-3 .slick-dots li button:before{
    font-size:30px !important;
    width:10px !important;
    height:10px !important
}
.testimonials-3 .slick-dots li button,.testimonials-3 .slick-dots li{
    width: 12px !important;
    height: 12px !important;
}
/* 7.3.4. Testimonials Style 4.
================================ */
.testo-4{
    position: relative;
    padding: 20px;
    background-color: #FFF;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    margin:0 15px;
    overflow: hidden;
}
.testimonials-4 .testimonials-img,.testimonials-3 .testimonials-img{
    max-width:70px;
    float:left;
    margin:0 15px 0 0;
}
.testimonials-4 .testimonials-img img,.testimonials-3 .testimonials-img img{
    border-radius: 5px;
    overflow: hidden;
    padding: 2px;
    border: 1px #ddd solid;
}
/* 7.3.5. Testimonials Style 5.
================================ */
.testimonials-5{
    overflow: hidden;
    position: relative;
}
.testimonials-5:after,.clients-grid1:after,.clients-grid2:after,.clients-grid3:after{
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: #fff;
    content:"";
    left:0
}
.testimonials-5 .col-md-4,.clients-grid1 .col-md-2,.clients-grid2 .col-md-3,.clients-grid3 .col-md-4{
    padding-top:15px;
    padding-bottom:15px;
    border-color:#EFEFEF;
    border-style:solid;
    border-width:0;
    border-bottom-width: 1px;
    border-right-width: 1px;
}
.testimonials-5 .col-md-4:nth-child(3n),.clients-grid1 .col-md-2:nth-child(6n),.clients-grid2 .col-md-3:nth-child(4n),.clients-grid3 .col-md-4:nth-child(3n){
    border-right:0
}
.clients-grid1 .col-md-2,.clients-grid2 .col-md-3,.clients-grid3 .col-md-4{
    text-align:center
}
.testimonials-5 .testimonials-name{
    margin:0 -15px -15px
}
.testimonials-5 .testimonials-name:before {
    display:none
}
.testimonials-5 .testimonials-img{
    margin-right:20px;
    margin-bottom: 0;
    max-width: 70px;
    float: left;
}
.testimonials-5 .testimonials-img img{
    border-radius: 50%;
    overflow: hidden;
    padding: 2px;
    border: 1px #ddd solid;
}
.testimonials-5 .testimonials-name:after{
    display:none
}
.testimonials-5 .testo-name{
    padding:8px 0 0;
    text-transform:uppercase;
    letter-spacing:1px
}
.close-box {
    position: absolute;
    top: 2px;
    right: 2px;
    padding: 2px 8px 4px;
    background: rgba(0,0,0,.1);
    color: #fff;
    font-size: 17px;
}
.box h3 {
    margin-bottom: 0;
    font-weight: bold;
}
.wpb_alert-info:before{
    content:"\f05a"
}
.wpb_alert-warning:before{
    content:"\f071"
}
.wpb_alert-success:before{
    content:"\f00c"
}
.wpb_alert-danger:before{
    content:"\f06a"
}
.vc_alert_skew{
    transform: skew(-25deg, 0);
    border-radius:0;
    margin-right:12px;
    margin-left:12px
}
.vc_alert_skew > div,.vc_alert_skew:before{
    transform: skew(25deg, 0);
}
.vc_images_carousel{
    width:100% !important
}
.vc_images_carousel .vc_carousel-control{
    background:rgba(255,255,255,.5);
    width:40px !important;
    height:40px !important;
    text-align:center;
    line-height:40px !important;
    color:#333;
}
.vc_images_carousel.vc_carousel_vertical .vc_carousel-indicators li{
    width:12px !important;
    height:12px !important
}
.error-box,.edd_empty_cart {
    border-color: #f2b1b4;
    background: #f1d5d6;
}
/* 7.4. Tabs Style.
================================ */
.tabs {
    display: inline-block;
    width: 100%;
}
.tabs > ul {
    margin-left: 5px;
}
.tabs > ul:after {
    display: block;
    clear: both;
    content: "";
}
.tabs > ul li {
    float: left;
    margin: 0 0 0 2px;
    background: #efefef;
    color: #6c6c6c;
}
.tabs > ul li a {
    color: #6c6c6c !important;
    text-transform: uppercase !important;
    display: block !important;
    padding: 6px 15px;
}
.ui-accordion.skew .wpb_accordion_header a span{
    display:block
}
.wpb_tabs.skew li,.tabs-vertical.skew li,.ui-accordion.skew .wpb_accordion_header a{
    transform: skew(-20deg, 0);
}
.wpb_tabs.skew li a,.tabs-vertical.skew li a,.ui-accordion.skew .wpb_accordion_header a span{
    transform: skew(20deg, 0);
}
.ui-accordion.skew .wpb_accordion_header span.ui-accordion-header-icon{
    position:absolute;
    z-index:99
}
.wpb_tabs.skew li:first-child{
    margin-left:5px
}
.tabs > ul li a i {
    margin-right: 8px;
    color: #333;
}
.tabs > ul li:hover a, .tabs > ul li.active a {
    color: #fff !important;
}
.tabs-pane,.tab-content {
    padding: 15px 0;
}
.tabs-vertical > ul {
    float: left;
    width: 30%;
}
.tabs-vertical ul li {
    background:#eee;
    margin-bottom: 4px !important
}

.tabs-vertical ul li a {
    display: block;
    padding:7px 15px;
    color:#6c6c6c
}
.tabs-vertical .tabs-pane {
    float: left;
    margin-left: 25px;
    padding: 0;
    width: 63%;
    border-top: 0px;
    border-bottom: 1px #e4e4e4 solid;
}
.wpb_tour .wpb_tabs_nav{
    padding-right:15px
}
.tabs-vertical .wpb_tour_tabs_wrapper .wpb_tab {
    position: relative;
    padding: 0 2px 15px;
}
.tabs-vertical .wpb_tour_tabs_wrapper .wpb_tab:before {
    position: absolute;
    top: 9%;
    left: 15px;
    display: inline-block;
    width: 2px;
    height: 60%;
    content: "";
}
.tab-img-holder {
    margin-right: 15px;
    width: 30%;
}
/* 7.5. Accordion Style.
================================ */
.accordion li > h3,.wpb_toggle {
    overflow: hidden;
    margin: 0 0 15px;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.accordion li > h3 a,.wpb_toggle a {
    float: left;
    margin: 0 0 0 25px;
    padding: 0 15px;
    border: 1px #d4d4d4 solid;
    background: #fff;
    line-height: 28px;
    display: block;
    width: 93%;
    color: #a8a8a8;
    text-transform: uppercase;
    font-size: 12px;
}
.accordion li > h3 i.fa,.wpb_toggle i.fa {
    margin-right: 7px;
}
.accordion li > h3 u,.wpb_toggle u {
    display: inline-block;
    float: left;
    margin: 0 5px 0 -52px;
    padding: 10px 10px 8px 10px;
    border: 1px #d4d4d4 solid;
    background: #fff;
    color: #a8a8a8;
    text-align: center;
    text-decoration: none;
    font-size: 10px;
    line-height: 1;
    cursor: pointer;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.accordion li > h3 u:before,.wpb_toggle u:before {
    display: block;
    content: "\f067";
    font-family: FontAwesome;
}
.accordion li > h3[class*="skew-"] u::before,.wpb_toggle a[class*="skew-"] u:before {
    transform: skew(25deg, 0);
}
.accordion li.active > h3 u:before,.wpb_toggle_title_active u:before {
    content: "\f068";
    font-family: "FontAwesome";
}
.accordion li > h3 a span,.wpb_toggle a span {
    display: block;
}
.accordion-panel,.wpb_toggle_content {
    margin: 15px 40px;
    padding: 0 15px;
    border-left: 3px #d4d4d4 solid;
}
.wpb_toggle, #content h4.wpb_toggle,.wpb_toggle_title_active, #content h4.wpb_toggle_title_active{
    background-image: none !important
}
.accordion-horizontal > li {
    position: relative;
    display: block;
    float: left;
    overflow: hidden;
    margin: 0 1px;
    width: 50px;
    height: 240px;
}
.accordion-horizontal > li.active {
    width: 80%;
}
.accordion-horizontal > li h3 span {
    display: block;
    margin-top: 130px;
    white-space: nowrap;
    transform: rotate(-90deg);
}
.accordion-horizontal > li > h3 {
    position: absolute;
    left: 0;
    float: left;
    width: 40px;
    height: 100%;
}
.accordion-horizontal > li > h3 a {
    display: table-cell;
    width: 40px;
    height: 100%;
    vertical-align: middle;
    transform: rotate(0);
}
.accordion-horizontal .accordion-panel {
    margin: 0 0 0 40px;
    border: 0;
}
.accordion-horizontal > li > h3:before {
    display: none;
}
.list li {
    padding: 0 0 10px 10px;
}
.list li:before {
    position: relative;
    top: 2px;
    display: inline-block;
    margin-right: 10px;
    font-family: "FontAwesome";
}
.list-crosshairs li:before {
    content: "\f05b";
}
.list-ok li:before {
    content: "\f00c";
}
.list-bell li:before {
    content: "\f0f3";
}
.list-bookmark li:before {
    content: "\f02e";
}
/* 7.6. Clients Styles.
================================ */
.clients,.auto-clients {
    padding-top: 10px;
}
.clients > div a,.auto-clients > div a {
    margin: 0 15px;
    display: block;
    border-bottom: 1px #ddd solid;
    padding: 10px;
    text-align:center
}
/* 7.7. Team Styles.
================================ */
.team-boxes [class*="col-md-"] {
    margin: 0 0 30px;
}
.team-box {
    perspective-origin: 0 50%;
    perspective: 1700px;
    position: relative;
    padding: 0 0 8px;
    background-color: #f4f4f4;
}
/* 7.7.1 Team Style 1.
================================ */
.team-img {
    transition: all 0.3s ease-in-out;
}
.team-img img {
    width: 100%;
    height: auto;
}
.team-box .team-details {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    padding: 10px;
    width: 100%;
    height: 100%;
    border-left: 5px #333 solid;
    opacity: 0;
    transform: rotateY(-90deg);
    transform-origin: 0 0;
    transition: transform 0.4s, opacity 0.1s 0.3s;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.team-box h3 {
    padding: 7px 0 !important;
    text-align: center;
    font-size: 14px;
    text-transform: none;
    margin: -5px !important;
}
.team-img h3 {
    overflow: hidden;
    margin: 0 !important;
    padding-bottom: 0 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    clear: both;
}
.team-box:hover .team-img {
    opacity: .3;
}
.team-box:hover .team-details {
    opacity: 1;
    transform: rotateY(0);
    transition: transform 0.4s, opacity 0.1s;
}
.team-box:hover .team-details .gry-bg {
    color: #666;
}
.team-box:after, .team-box-2:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    content: "";
}
.team-socials {
    position: relative;
    z-index: 9;
}
.team-socials ul {
    display: table;
    overflow: hidden;
    margin: auto;
    padding: 0;
}
.team-socials li {
    float: left;
    margin: 6px 3px;
}
.team-socials a {
    padding: 5px 10px;
    color: #fff;
    font-size: 17px;
}
.team-details p {
    margin-bottom: 5px;
}
.team-details h3 {
    margin: 0;
    padding: 13px 0 0 5px;
}
.t-position {
    padding: 10px 0;
    color: #ababab;
    text-align: center;
    font-size: 11px;
}
.team-box .t-position {
    backface-visibility: hidden;
    display: table;
    margin: 15px auto 10px;
    padding: 2px 10px !important;
    color: #fff !important;
    font-size: 12px;
    transform: rotate(3deg);
    background-color: rgb(0 0 0 / 15%);
}
.team-box .team-details p {
    padding: 10px;
    color: #fff;
    max-height: 135px;
    overflow: hidden;
}
.team-box .team-socials li a {
    padding: 3px 10px;
}
.team-box:hover:after, .team-box-2:hover:after {
    height: 1px;
}
/* 7.7.2 Team Style 2.
================================ */
.team-box-2 {
    position: relative;
    margin-top: 60px;
    padding: 45px 11px 5px;
    background-color: #f4f4f4;
    text-align: center;
}
.team-box-2:before {
    position: absolute;
    top: -20px;
    right: 14px;
    color: #999;
    content: "\f030";
    font-size: 168px;
    font-family: "FontAwesome";
    opacity: .1;
    transform: rotate(-34deg);
}
.team-box-2 .team-img {
    position: absolute;
    top: 0;
    margin-top: -45px;
    margin-left: -45px;
    left: 50%;
    padding: 2px;
    width: 90px;
    height: 90px;
    border: 1px #e4e4e4 solid;
    background: transparent;
}
.team-box-2:hover:before,.team-box-2:hover .team-socials li a {
    color: #fff;
}
.team-box-2:hover .team-details h3, .team-box-2:hover .team-details .t-position {
    color: #fff !important;
}
.team-box-2 .team-details {
    position: relative;
    margin-top: 10px;
    background: transparent;
}
.team-box-2 .team-details h3 {
    margin: 0 0 5px;
    padding: 8px 0;
}
.team-boxes-2 [class*="col-md-"] {
    margin: 0 0 30px !important;
}
.team-box-2 .team-socials a {
    display: block;
    padding: 5px 10px;
}
.team-box-2 p{
    border-bottom: 1px #e4e4e4 solid;
    padding-bottom:15px
}
.team-box-2 .t-position {
    margin-top: -10px;
    margin-bottom: 10px;
    padding-top: 0;
    padding-bottom: 15px;
    border-bottom: 1px #e4e4e4 solid;
}
/* 7.8. Dividers Styles.
================================ */
.divider {
    position: relative;
    height: 35px;
    overflow:hidden;
    text-align:center
}
.divider-1:before,.divider-6:before,.divider-6:after,.divider-10:before,.divider-10:after {
    position: relative;
    top: 17px;
    width: 100%;
    height: 1px;
    content: "";
    background: #E8E8E8;
    display:table;
}
.divider-1 .divid_before{
    font-size: 21px;
    margin-left: 46.4%;
    color: #D5D5D5;
    margin-top: -2px;
}
.divider-1 .divid_after{
    transform: rotateY(180deg);
    float:right;
    font-size: 21px;
    color: #D5D5D5;
    margin-right: 46.4%;
    margin-top: -2px;
}
.divider-2:before,.divider-4:before,.divider-5:before {
    position: absolute;
    top: 17px;
    width: 50%;
    height: 1px;
    content: "";
    background: #E8E8E8;
    left:-20px;
    display:inline-block
}
.divider-2:after {
    position: absolute;
    top: 17px;
    width: 50%;
    height: 1px;
    content: "";
    background: #E8E8E8;
    left:auto;
    right:-20px;
    display:inline-block
}
.divider-3:before {
    position: absolute;
    top: 17px;
    width: 50%;
    height: 1px;
    content: "";
    background: #E8E8E8;
    left:30px;
    display:inline-block
}
.divider-3:after {
    position: absolute;
    top: 17px;
    width: 50%;
    height: 1px;
    content: "";
    background: #E8E8E8;
    left:auto;
    right:30px;
    display:inline-block
}
.divider-4:before{
    margin-left:45px;
    width:100%
}
.divider-5:before{
    margin-right:30px;
    width:100%;
    right: 0;
    left: auto;
}
.divider-6:before{
    width: 20%;
    left: 30%;
    margin-left: -25px;
}
.divider-6:after{
    width: 20%;
    right: 30%;
    margin-right: -25px;
    left:auto;
    position:absolute
}
.divid_right,.divid_left{
    position:absolute;
    top:8px;
    color: #E8E8E8;
    font-size: 20px;
    left:0
}
.divid_right{
    right:0;
    left:auto
}
.divid_center{
    display: table;
    margin: 6px auto;
    color: #E8E8E8;
    font-size: 20px;
}
.lg-fa{
    font-size:28px
}
.divider-7,.divider-8,.divider-9 {
    position: relative;
    display: block;
    overflow: visible;
    margin: 1em 0;
    padding: 0;
    height: 1px;
    border: 0;
    border-top: 1px #eeeded solid;
}
.divider-7:before {
    position: absolute;
    top: -1px;
    left: 0;
    display: inline-block;
    width: 20%;
    height: 1px;
    content: "";
}
.divider-7:after {
    position: absolute;
    top: -1px;
    right: 0;
    display: inline-block;
    width: 20%;
    height: 1px;
    content: "";
}
.divider-8 span{
    position: absolute;
    top: -1px;
    right: 0;
    display: inline-block;
    width: 30%;
    height: 1px;
    content: "";
    left:35%
}
.divider-9:before{
    position: absolute;
    top: -4px;
    right: 0;
    display: inline-block;
    width: 40%;
    height: 1px;
    content: "";
    left:30%;
    background:#ddd
}
.divider-9 span:before{
    position: absolute;
    top: -1px;
    right: 0;
    display: inline-block;
    width: 30%;
    height: 1px;
    content: "";
    left:35%;
    background:#ddd
}
.divider-9 span:after{
    position: absolute;
    top: 2px;
    right: 0;
    display: inline-block;
    width: 20%;
    height: 1px;
    content: "";
    left:40%;
    background:#ddd
}
.divider-9:after{
    position: absolute;
    top: 5px;
    right: 0;
    display: inline-block;
    width: 10%;
    height: 1px;
    content: "";
    left:45%;
    background:#ddd
}
.divider-10:before{
    width: 20%;
    left: 30%;
    margin-left: -25px;
}
.divider-10:after{
    width: 20%;
    right: 30%;
    margin-right: -25px;
    left:auto;
    position:absolute
}

/* 7.9. Counters Styles.
================================ */
.counter{
    text-align:center
}
.counter-icon{
    margin:0 8px;
    font-size:20px
}
.counter-num{
    font-size:20px
}
.counter2{
    text-align:inherit;
}
.counter2 .counter-num{
    margin:0 5px;
    font-size:inherit
}
.counter-icon.block{
    padding-bottom:10px
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-car {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit {
    display: inline-block;
    position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-car .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-car .odometer-digit .odometer-ribbon {
    display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-car .odometer-digit .odometer-ribbon-inner {
    display: block;
    backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-car .odometer-digit .odometer-value {
    display: block;
    transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-car .odometer-digit .odometer-value.odometer-last-value {
    position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-up .odometer-ribbon-inner {
    transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-down .odometer-ribbon-inner {
    transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    transition: transform 2s;
    transform: translateY(0);
}
.odometer.odometer-auto-theme .odometer-digit:first-child, .odometer.odometer-theme-car .odometer-digit:first-child {
    -moz-border-radius: 0.2em 0 0 0.2em;
    -webkit-border-radius: 0.2em;
    border-radius: 0.2em 0 0 0.2em;
}
.odometer.odometer-auto-theme .odometer-digit:last-child, .odometer.odometer-theme-car .odometer-digit:last-child {
    -moz-border-radius: 0 0.2em 0.2em 0;
    background-image: -moz-linear-gradient(top, #eee0d3 0%, #eee0d3 40%, #bbaa9a 60%, #eee0d3 80%, #eee0d3 100%);
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    transition-timing-function: linear;
}

/* 7.10. Information Boxes.
================================ */
.boxs,.nocomments {
    position: relative;
    margin: 0 auto 15px;
    padding: 15px;
    border-width: 1px;
    border-style: solid;
}
.bbBox{
    clear:both;
    padding: 15px;
}
.boxs i.fa,.bbBox i.fa {
    margin-right: 10px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 31px;
    text-align: center;
    background: #FFF;
    font-size: 16px;
}
.boxs h3 {
    margin-bottom: 0;
    font-weight: bold;
}
.boxs p {
    margin: 5px 0 0;
    padding-bottom: 0;
}
.warning-box,.nocomments {
    border-color: #e0d594;
    background: #fff6bf;
}
.info-box {
    border-color: #9fc6d7;
    background: #c2e1ee;
}
.success-box {
    border-color: #a0c272;
    background: #bbdd8c;
}
.error-box {
    border-color: #f2b1b4;
    background: #f1d5d6;
}

/* ==========================================================================
  8. PAGE SPECIFIC STYLES.
============================================================================= */

/* 8.1. BreadCrumbs Style.
================================ */
.breadcrumbs {
    float: left;
    overflow: hidden;
    padding: 7px 12px;
}
.title-1 .breadcrumbs{
    background-color:#777 !important
}
.breadcrumbs a {
    margin: 0 3px;
    color: #fff;
}
.breadcrumbs a:hover {
    color: #fff;
    text-decoration: underline;
}
.breadcrumbs span {
    margin: 0 3px;
}
.breadcrumbs.white-bg,.breadcrumbs.white-bg span{
    color:#777 !important
}
.breadcrumbs.white-bg a{
    color:#555;
    font-weight:600
}
/* 8.2. About pages.
================================ */
.plan-title {
    margin: auto;
    padding-top: 50px;
    background: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 55px;
    line-height: 90%;
}
.plan-title span {
    color: #333;
}
.plan-block {
    padding: 50px 50px 0 !important;
    color: #fff;
}
.plan-block .block {
    position: relative;
    z-index: 9;
    padding-bottom: 60px;
}
.plan-year {
    position: absolute;
    bottom: 40px;
    z-index: 9;
    width: 250px;
    background: transparent url('../images/planBG.png') no-repeat 0 100%;
    color: #333;
    font-weight: 800;
    font-size: 20px;
}
.plan-year:before {
    position: absolute;
    right: 23px;
    bottom: -6px;
    z-index: -1;
    display: inline-block;
    width: 38px;
    height: 40px;
    background: #fff;
    content: "";
}
.plan-year:after {
    position: absolute;
    right: -15px;
    bottom: -6px;
    z-index: -1;
    display: inline-block;
    width: 38px;
    height: 40px;
    content: "";
}
.lft-plan .plan-year {
    right: -87px;
    text-align: right;
}
.rit-plan .plan-year {
    left: -89px;
    transform: scaleX(-1);
}
.rit-plan .plan-year strong {
    display: block;
    float: right;
    transform: scaleX(-1);
}
.rit-plan .plan-year:after {
    right: -13px;
}
.plan-block h3 {
    margin: 0;
    padding: 0;
    font-weight: bold !important;
    font-size: 19px;
    color: #fff !important;
    text-transform: uppercase;
}
.plan-block p {
    margin: 5px 0;
}
.my-img {
    overflow: hidden;
    padding-bottom: 40px;
}
.my-img .my-name {
    font-size: 18px;
    margin: 15px 0;
    line-height: normal;
    display: table;
}
.my-img img {
    border-radius: 5px;
    width: 150px;
    height: 150px;
    float: left;
    position: relative;
    z-index: 5;
    margin-right:15px
}
.my-img .my-details {
    background: #F3F3F3;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 5px;
    padding:0
}
.my-img .my-details ul li{
    padding-left:0
}
.work-exp li h4 {
    color: #777;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: bold;
}
.work-exp li h4:before {
    display: inline-block;
    content: "\f1d9";
    font-size: 12px;
    font-family: "FontAwesome";
    margin-right: 10px;
    color: #B8B8B8;
}
.work-exp li p {
    padding-left: 23px;
    padding-bottom: 10px;
}
.work-exp li:last-Child p{
    padding-bottom:0;
    margin-bottom:0
}
.chart {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    width: 140px;
    height: 140px;
    text-align: center;
}
.chart canvas {
    position: absolute;
    top: 0;
    left: 0;
}
.percent {
    z-index: 2;
    display: inline-block;
    color: #bdbdbd;
    font-size: 21px;
    line-height: 137px;
}
.percent:after {
    margin-left: 0.1em;
    content: '%';
    font-size: .8em;
}
.angular {
    margin-top: 100px;
}
.angular .chart {
    margin-top: 0;
}
/* 8.3. Portfolio pages.
================================ */
.portfolio .portfolio-item {
    margin: 0 15px;
    background-color: #eee;
}
.portfolio-item:after {
    display: block;
    clear: both;
    border-top: 2px #fff solid;
    height: 3px;
    content: "";
}
.img-holder {
    position: relative;
    overflow: hidden;
    margin: 0 0 15px;
    cursor: pointer;
}
.img-holder img {
    width: 100%;
    height: auto;
    min-height:190px;
    transition: all 1s ease-out;
}
.img-holder:hover img {
    transform: scale(1.3);
}
.img-over {
    position: absolute;
    top: -46%;
    left: -20%;
    z-index: 9;
    display: none;
    overflow: hidden;
    width: 170%;
    height: 170%;
    transform: rotate(-34deg);
}
.img-over a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
}
.img-over b {
    position: absolute;
    z-index: 8;
    color: #fff;
    font-weight: normal;
    font-size: 40px;
    transform: rotate(34deg);
}
.img-over a.link {
    top: -52%;
    left: -8%;
}
.img-over a.zoom {
    top: 48%;
    left: -10%;
}
.img-over a b {
    top: 13%;
    left: 51%;
}
.img-over a.link b {
    top: 75%;
    left: 40%;
}
.name-holder {
    overflow: hidden;
    padding: 0 15px 10px;
}
.project-name {
    margin:auto;
    font-weight:bold;
    font-size: 16px;
    height: 28px;
    overflow: hidden;
    display: block;
    line-height: 30px;
    text-overflow: ellipsis;
    width: 90%;
    text-align: center;
    white-space: nowrap;
}
.project-options {
    margin-top: 4px;
    display:block;
    text-align:center;
    font-size: 12px;
    height: 18px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
    white-space: nowrap;
}
.project-options a {
    display: block;
    float: left;
    margin: 0 0 0 5px;
    color: #444;
    font-size: 14px;
}
.project-options a{
    font-size:12px;
    display:inline;
    float:none
}
.project-brief {
    display: none;
}
.portfolio{
    position: relative;
}
.viewAll {
    padding-top: 10px;
}
.viewAll .btn {
    background: #eee;
    font-weight: bold;
    font-size: 12px;
    float: left;
    padding: 0 10px;
    line-height: 27px;
    border-radius: 3px;
    color: #777;
}
.homeGallery .esg-navigationbutton,.fullPortfolioSlider .esg-navigationbutton{
    position:absolute;
    background: #777 !important;
    color: #eee !important;
    width: 28px;
    height: 28px;
    padding:0 !important;
    border-radius: 3px !important;
    line-height:28px !important;
    border:0 !important;
    text-align:center
}
.homeGallery .esg-navigationbutton{
    right:auto;
    left: -90px;
    top: 195px;
}
.homeGallery .esg-right{
    left: -60px;
}
.homeGallery .block-head{
    margin-bottom:0;
}
.fullPortfolioSlider .esg-navigationbutton{
    left:auto;
    right: 31px;
    top: -56px;
}
.fullPortfolioSlider .esg-right{
    right: 0;
}
.fullPortfolioSlider .esg-navigationbutton *,.homeGallery .esg-navigationbutton *{
    color: #eee !important;
}
.portfolio-lft-txt{
    max-height:154px;
    overflow:hidden
}
.lft-minus-margin{
    margin-right:-15px
}
.view-all-projects{
    display: table;
    margin: 15px auto 0;
    padding: 10px 30px;
    background: #777;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    border-radius: 3px;
}
.portfolio-filterable .portfolio-item {
    margin-top: 20px;
    background-color: #f4f4f4;
}
.portfolio-filterable .white-bg, .portfolio-filterable .gry-bg{
    margin: 0 15px 10px;
    line-height: 35px;
}
.esg-filter-wrapper{
    margin: 0 15px 20px;
    line-height: 35px;
    padding:0 3%;
    overflow: hidden;
    display:block !important
}
.portfolio-filterable .white-bg {
    background-color: #fff;
}
.portfolio-filterable.full [class*="col-md-"] {
    margin: 0;
    padding: 0;
    border-right: 1px #fff solid;
}
.full-portfolio {
    margin-right: 10px !important;
    margin-left: 10px !important;
}
.filter-by {
    display: inline-block;
    margin-left: 20px;
}
#filters,.filtersTBL {
    display: table;
    margin: auto;
}
#filters li,.esg-filterbutton {
    float: left;
    margin: 0 1px 0 0 !important;
    background: #777 !important;
    border-radius:0 !important;
    padding-right:0 !important;
    padding-left:0 !important;
    box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
    border:0 !important;
    font-weight:normal !important;
    text-transform:none !important
}
#filters li a,.esg-filterbutton span {
    display: block;
    padding: 0 20px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 35px;
    color: #fff !important;
}
#filters li:hover a, #filters li.active a {
    color: #fff;
}
.portfolio-img-slick {
    overflow: hidden;
}
.portfolio-img-slick .slick-prev, .portfolio-img-slick .slick-next {
    top: 50%;
    right: 10px;
    padding: 0;
    width: 60px;
    height: 60px;
    border-bottom: 0;
    border-radius: 0;
    background: rgba(255,255,255,.23);
    color: #fff;
    margin-top: -30px;
}
.portfolio-img-slick .slick-next:before {
    content: "\f105";
    font-size: 50px;
}
.portfolio-img-slick .slick-prev:before {
    content: "\f104";
    font-size: 50px;
}
.portfolio-img-slick .slick-prev {
    right: auto;
    left: 10px;
}
.staff-4 [class*="col-md-"] {
    padding: 3px;
}
.staff-4 .gry-bg {
    padding: 15px 9px;
}
.staff-4 .fun-text {
    color: #333;
}
.list-details li {
    padding: 10px 3px;
    border-top: 1px #e5e5e5 solid;
}
.list-details li:first-child {
    border-top: 0;
}
.list-details li span {
    margin: 0 15px 0 5px;
}
.list-details li span.main-color{
    font-weight:bold;
    font-size:13px
}
/* 8.4. Pricing Tables.
================================ */
.gw-go-earth1 {
    z-index: 2;
    border-bottom-width:1px !important
}
.gw-go-earth1 .gw-go-header-bottom{
    display:none
}
.gw-go-earth1 .gw-go-body{
    margin-top:20px !important;
    border-bottom:0 !important
}
.gw-go-earth1 .gw-go-body li{
    background:transparent !important
}
.gw-go-earth1 .gw-go-header-top {
    position: relative !important;
    overflow: hidden !important;
    border-top: 1px #E4E4E4 solid !important;
    background: #373737 url('../images/patterns/dots.png') !important;
    height:110px !important
}
.gw-go-earth1 .gw-go-coinf,.gw-go-earth1 .gw-go-coinb,.gw-go-earth1 .gw-go-coinf div,.gw-go-earth1 .gw-go-coinb div{
    width:auto !important;
    height:84px !important;
    border:0 !important;
    font-size:28px !important;
    min-width:70px !important;
    padding-right:10px !important;
    padding-left:10px !important
}
.gw-go-earth1 .gw-go-coin-wrap{
    top:65px !important;
    min-width:70px !important;
    width:auto !important;
    margin: 0 0 0 -60px !important;
}
.gw-go-earth1 .gw-go-header-top h3 {
    padding-top:15px !important
}
.gw-go-earth1 ul.gw-go-body li {
    padding: 15px 0 !important;
    font-size: 14px !important;
}
.gw-go-earth1 ul.gw-go-body li.gw-go-even {
    background: #f3f3f3 !important;
}
.gw-go-current .gw-go-earth1{
    background: #494949 !important;
}
.gw-go-current .gw-go-earth1 ul.gw-go-body li.gw-go-even {
    background: #373737 !important;
}
.gw-go-current .gw-go-earth1 li {
    border-color: #585858 !important;
    color: #949494 !important;
}
.gw-go-current .gw-go-earth1 .gw-go-coinf div,.gw-go-current .gw-go-earth1 .gw-go-coinb div {
    background: #494949 !important;
}
.gw-go-col.gw-go-earth1 .gw-go-header h3, .gw-go.gw-go-hover .gw-go-col-wrap.gw-go-current .gw-go-col.gw-go-earth1 .gw-go-header h3{
    color:#eee !important
}
.gw-go-earth2 {
    z-index: 2;
    padding:0 11px !important;
    border: 1px #e4e4e4 solid !important;
}
.gw-go-earth2 .gw-go-header-bottom{
    display:none
}
.gw-go-earth2 .gw-go-body{
    margin-top:20px !important;
    border-bottom:0 !important
}
.gw-go-earth2 .gw-go-body li{
    background:transparent !important;
    border-top: 1px #e4e4e4 solid;
    padding: 15px 0 !important;
    font-size: 14px !important;
    color:#777 !important
}
.gw-go-earth2 .gw-go-header-top {
    position: relative !important;
    overflow: inherit !important;
    background:transparent !important
}
.gw-go-earth2 .gw-go-coinf,.gw-go-earth2 .gw-go-coinb,.gw-go-earth2 .gw-go-coinf div,.gw-go-earth2 .gw-go-coinb div{
    width:70px !important;
    height:55px !important;
    border:0 !important;
    font-size:18px !important;
    border-radius:0 !important;
    background: #777;
    padding:0 !important;
    line-height:55px;
    color:#fff !important;
    box-shadow: 0 0 0 rgba(0,0,0,0) inset;
}
.gw-go-earth2 .gw-go-coin-wrap{
    top: -28px !important;
    border-radius: 0 !important;
    width: 70px;
    height: 55px;
    margin:0 0 0 -35px !important
}
.gw-go-earth2 .gw-go-header{
    overflow:inherit
}
.gw-go-earth2 .gw-go-header-top h3 {
    padding-top:35px !important
}
.gw-go-earth2 ul.gw-go-body li.gw-go-even {
    background: #fff !important;
}
.gw-go-earth2 .gw-go-header-top {
    height: 65px !important;
}
.gw-go-current .gw-go-earth2 li {
    color: #949494 !important;
}
.gw-go-current .gw-go-earth2 .gw-go-coinf div,.gw-go-current .gw-go-earth2 .gw-go-coinb div {
    background: #494949 !important;
}
.gw-go-col.gw-go-earth2 .gw-go-header h3, .gw-go.gw-go-hover .gw-go-col-wrap.gw-go-current .gw-go-col.gw-go-earth2 .gw-go-header h3{
    color:#777 !important
}
.gw-go-current .gw-go-earth1 .gw-go-btn,.gw-go-current .gw-go-earth2 .gw-go-btn{
    background:transparent !important;
    border:0 !important
}
/* 8.5. Blog.
================================ */
.wst-content-column.masonry{
    display: flex;
    flex-wrap: wrap;
    padding-left: 0 !important;
}

.wst-content-column.masonry [class*='col-md-']{
    float: none;
}
.masonry .post-item,.grid .post-item,.vc_grid-item .vc_grid-item-mini {
    position:relative;
    border: 1px #E7E7E7 solid;
    padding: 20px;
    margin-bottom:30px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}
.post-format-image i.fa:before{
    content:"\f03e"
}
.post-format-gallery i.fa:before{
    content:"\f030"
}
.post-format-link i.fa:before{
    content:"\f0c1"
}
.post-format-quote i.fa:before{
    content:"\f10d"
}
.post-format-video i.fa:before{
    content:"\f03d"
}
.post-format-audio i.fa:before{
    content:"\f028"
}
.post-format-chat i.fa:before{
    content:"\f0e6"
}
.post-format-status i.fa:before{
    content:"\f021"
}
.post-format-aside i.fa:before{
    content:"\f1fb"
}
.masonry .post-gallery .portfolio-img-slick{
    height:250px;
}
.blog-timeline{
    margin-bottom:30px;
    position: relative;
}
.blog-timeline .meta-date{
    display:none
}
.blog-timeline .timeline-left:before{
    display:inline-block;
    width:0;
    position:absolute;
    left: 39px;
    height:100%;
    content:" ";
    border-left: 1px #ddd dashed
}
.timeline-left .timeline-cell{
    margin: 0 0 30px 83px;
    position:relative;
}
.timeline-left .timeline_date{
    position:absolute;
    width: 117px;
    top: 25px;
    left: -94px;
}
.timeline-left .timeline_date:before{
    display:inline-block;
    height:3px;
    position:absolute;
    top: 50%;
    width: 50%;
    content:" ";
    left: 36px;
    background:#ddd;
    z-index: 0;
}
/* right timeline */
.blog-timeline .timeline-right:before{
    display:inline-block;
    width:0;
    position:absolute;
    right: 42px;
    height:100%;
    content:" ";
    border-right: 1px #ddd dashed
}
.timeline-right .timeline-cell{
    margin: 0 83px 30px 0;
    position:relative;
}
.timeline-right .timeline_date{
    position:absolute;
    width: 100px;
    top: 25px;
    right: -120px;
}
.timeline-right .timeline_date:before{
    display:inline-block;
    height:3px;
    position:absolute;
    top: 50%;
    width: 50%;
    content:" ";
    right: 70px;
    background:#ddd;
    z-index: 0;
}
.timeline-cell .post-item{
    padding:5px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    border: 1px #ddd solid;
    border-radius: 3px;
}
.timeline-cell .post-info h2{
    text-align:center;
}
.timeline-cell .post-meta{
    border-bottom-width:0 !important;
    display:table;
    margin:auto;
    max-width:94%
}
.timeline-cell .cont{
    padding: 0 40px;
    text-align: center;
}
.timeline-right{
    margin:0
}
.timeline-left{
    margin:0
}
.inner_date{
    width: 70px;
    height: 70px;
    text-align: center;
    background: #fff;
    border: 4px #ddd solid;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display:block;
    padding: 3px 0 0;
    position:relative;
    z-index:2
}
.inner_date .day{
    font-size: 30px;
    display:block;
    line-height: 1.3;
}
.inner_date .month{
    margin-top: -11px;
    display: block;
}
.timeline_date .year{
    position: absolute;
    top: 59px;
    font-size: 11px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    left: 15px;
    z-index:5
}
.timeline_no_bar.blog-timeline:before{
    display:inline-block;
    width:0;
    position:absolute;
    left: 50%;
    height:100%;
    content:" ";
    border-left: 1px #ddd dashed;
    margin-left:-1px;
    z-index: 0;
}
.timeline_no_bar .timeline-cell{
    margin: 0 0 30px 83px;
    position:relative;
}
.timeline_no_bar .timeline_date{
    position:absolute;
    width: 117px;
    top: 25px;
}
.timeline_no_bar .timeline_date:before{
    display:inline-block;
    height:3px;
    position:absolute;
    top: 50%;
    width: 50%;
    content:" ";
    left: 12px;
    background:#ddd;
    z-index: -1;
}
.timeline_no_bar .blog-timeline:before{
    display:inline-block;
    width:0;
    position:absolute;
    left:50%;
    margin-left:-1px;
    height:96.5%;
    content:" ";
    border-left: 1px #ddd dashed
}
.timeline_no_bar .timeline-cell{
    width: 42.7%;
    margin: 0 15px 30px;
    float:left;
    position:relative;
}
.timeline_no_bar .timeline-cell:nth-child(odd) {
    float: left;
}
.timeline_no_bar .timeline-cell:nth-child(2n+3) {
    clear: both;
}
.timeline_no_bar .timeline-cell:nth-child(even) {
    float: right;
    margin-bottom: 0;
    margin-top: 50px;
}
.timeline_no_bar .timeline-cell:nth-child(even) .timeline_date {
    left: -105px;
    top: 130px;
}
.timeline_no_bar .side-timeline .timeline-cell:nth-child(even) .timeline_date {
    left: -92px;
}
.timeline_no_bar .timeline-cell:nth-child(even) .timeline_date:before{
    right: 12px;
    left:auto;
}
.timeline_no_bar .timeline_no_bar .timeline-cell:nth-child(even) .timeline_date {
    right: auto;
    top: 155px;
}
.timeline_no_bar .timeline-cell:nth-child(odd) .timeline_date {
    right: -104px;
}
.timeline_no_bar .side-timeline .timeline-cell:nth-child(odd) .timeline_date {
    right: -143px;
}
.timeline_no_bar .timeline-cell:nth-child(odd) .timeline_date .inner_date{
    float: right;
}
.timeline_no_bar .timeline-cell:nth-child(even) .timeline_date .year{
    left: 14px;
}
.timeline_no_bar .year{
    left:62px
}
.timeline_no_bar .timeline-cell .post-item {
    min-height:250px
}
.timeline-left .cont,.timeline-right .cont{
    display:block;
    padding: 15px;
}
.post-image, .post-media, .post-gallery,.wst-single-img {
    position: relative;
    overflow:hidden;
    margin-bottom: 30px;
}
.blog-timeline .post-image, .blog-timeline .post-media, .blog-timeline .post-gallery{
    margin-bottom:0
}
.blog-timeline article.post-content{
    margin-top:15px
}
.post-image img,figure.gallery-icon img{
    width:100%;
    max-width: 100%;
    height: auto;
    border-radius: 3px;
}
.post-video:hover .post-lft-info{
    display:none
}
.post-image a .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    border-right: 0;
    border-left: 0;
    opacity: 0;
    transform: scale(0.5);
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index:9999
}
.post-image a:hover .mask {
    opacity: 1;
    transform: scale(1);
}
.post-image a .mask:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    color: #fff;
    content: "\f0c1";
    font-weight: normal;
    font-size: 30px;
    font-family: "FontAwesome";
    width:40px;
    height:40px;
    margin-left:-20px;
    margin-top:-20px
}
/******** Blog Details **************/
.details-img,.full-img{
    position:relative;
}
.details-img img,.full-img img{
    width:100%;
    max-width: 100%;
    height: auto;
}
.details-img:after,.post-image:after{
    top: 0;
    height: 1px;
    display:inline-block;
    content:"";
    width: 0;
    position:absolute;
    left: 0;
}
.details-img:before,.post-image:before{
    top: 0;
    width: 1px;
    display:inline-block;
    content:"";
    height: 0;
    position:absolute;
    left: 0;
    z-index: 99;
}
.details-img,.details-audio,.details-video{
    margin-bottom:15px
}
.details-audio iframe,.details-video iframe,.post-media iframe,.post-media embed{
    width:100%
}
.details-img .post-lft-info,.post-image .post-lft-info{
    position: absolute;
    left:15px;
    top: 0;
    min-height:inherit;
    z-index:999
}
.post-lft-info {
    float: left;
    margin-right: 20px;
    min-height: 150px;
}
.post-lft-info div {
    position: relative;
    padding: 20px 25px 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
}
.tri-col {
    position: absolute;
    bottom: -20px;
    left: 0;
    z-index: 4;
    width: 0;
    height: 0;
    border-width: 20px 40px 0 40px;
    border-style: solid;
}
.grid .post-info h2{
    font-size:17px
}
.post-item .post-day, .post-item .post-year {
    display: inline-block;
}
.post-info h3 {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    font-weight: 600;
}
.blog-timeline .post-info h3{
    text-align: center
}
.post-info .post-meta {
    overflow: hidden;
    margin-bottom: 25px;
    padding-bottom: 10px;
    border-bottom: 1px #eaeaea dashed;
    font-size: 12px;
}
.post-info .post-meta li {
    float: left;
    margin: 0 15px 0 0;
    line-height: 170%;
    list-style: none;
    color: #a8a8a8;
}
.post-info .post-meta li a{
    color: #a8a8a8;
}
.post-info .post-meta li ul{
    display: inline-block;
    vertical-align: middle;
    margin: -3px 0 0;
    padding: 0;
}
.post-info .post-meta li ul.post-categories li{
    margin: 0;
}
.post-info .post-meta li ul.post-categories li:after{
    content:", ";
    display: inline-block;
    margin-right: 2px
}
.post-info .post-meta li ul.post-categories li:last-child:after{
    content: "";
}
.post-info .post-meta li i {
    margin-right: 10px;
    font-size: 13px;
    opacity: 0.7;
}
.post-info-container h1 {
    font-size: 27px;
}
.post-tags{
    padding: 20px 0;
}
.post-tags span{
    margin:0 10px 0 5px;
    display:inline-block
}
.post-tags i{
    margin-right:5px
}
.wst-more-wrap{
    margin-top: 20px
}
.wst-more-wrap .more-link {
    border: 2px #e8e8e8 solid;
    margin: 20px 0 0;
    display: table;
    position: relative;
    padding: 6px 20px;
    border-radius: 30px;
}
.wst-more-wrap .more-link:after{
    display:inline-block;
    font: normal normal normal 12px/1 FontAwesome;
    content: "\f105";
    right: 25px;
    top: 50%;
    position: absolute;
    opacity:0;
    line-height: 20px;
    transform: translateY(-50%);
    transition: all 0.4s ease;
}
.wst-more-wrap .more-link:hover{
    padding-right: 30px
}
.wst-more-wrap .more-link:hover:after{
    opacity:1;
    right: 15px
}
.masonry .meta-tags {
    display: none;
}
.masonry .post-image,.post-thumb {
    background: #eee;
    overflow:hidden;
}
.masonry .post-content {
    padding: 5px 3px 15px;
}
.masonry .post-info h2,.isotope-inner h2.post-title {
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 10px;
}
.masonry .meta-cat{
    max-width:90%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
.masonry .post-content div.cont {
    overflow: hidden;
    font-size: 13px;
    padding-top:10px
}
.masonry .post-content blockquote{
    padding-top: 0;
    padding-bottom: 0;
    margin: 0 0 -1px;
}
.masonry .pager {
    clear: both;
}
.masonry.nobar .post-content p {
    max-height: 90px;
}
.masonry .meta_cat{
    max-width:67%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
.medium.post-image {
    max-width:35%;
    overflow:hidden
}
.blog-small .post-item,.blog-large .post-item {
    clear: both;
    overflow: hidden;
    padding: 0 0 50px;
    margin-bottom: 50px;
    border-bottom: 1px #E7E7E7 solid;
}
.blog-large .post-item iframe,.blog-timeline .post-item iframe{
    min-height:350px;
    width:100% !important
}
.blog-large .post-item iframe.twitter-tweet,.masonry .post-item iframe.twitter-tweet{
    max-height:250px;
    width:100% !important;
    overflow:auto
}
.entry-content iframe.twitter-tweet{
    width:100% !important;
}
.grid .post-item iframe{
    min-height:220px
}
.grid .col-md-3 .post-item iframe{
    min-height:160px
}
.old-new{
    border-top: 1px #eaeaea solid;
    padding:15px 0;
    margin-top:20px
}
.blog-small .slick-dots{
    display:none !important
}
.blog-small .post-media{
    padding-bottom: 57%;
    position: relative;
    overflow: hidden;
    height: 0;
}
.blog-small .post-media iframe,.blog-small .post-media embed{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    min-height:inherit
}
.blog-thumbs .post-info h2 a {
    height: 23px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
    width: 96%;
    display: block;
}
.blog-thumbs .post-content{
    padding-left: 39% !important;
}
.blog-thumbs .post-content blockquote{
    padding-bottom:0;
    padding-top:0
}
.post-item.sticky,.sticky .post-item{
    border: 1px #fff9d1 solid;
    padding: 30px;
    background: #fffdf0;
}
.srch-item{
    margin:40px 0 0
}
.srch-item .post-content{
    padding-left:0
}
.share-post{
    overflow:hidden;
    margin-top:10px;
    background: #eee;
}
.share-post .sh{
    float: left;
    display: block;
    padding: 0 15px;
    font-weight: bold;
    font-size: 13px;
    line-height:45px
}

.share-post > div{
    float: right;
    height:45px;
}
.share-post button{
    margin:0;
    border:0;
    padding:0 15px;
    line-height:45px;
    font-size:16px;
    float:left
}
.share-post .facebook{
    background:#1b57a1;
    color:#fff
}
.share-post .twitter{
    background:#0cbce2;
    color:#fff
}
.share-post .googleplus{
    background:#dd4b39;
    color:#fff
}
.share-post .linkedin{
    background:#1583ba;
    color:#fff
}
.share-post .pinterest{
    background:#bd2126;
    color:#fff
}
.share-post .xing{
    background:#006464;
    color:#fff
}
.related-posts h5{
    text-transform:uppercase;
}
.related-posts ul{
    margin:0;
    padding:0;
    list-style:none
}
.related-posts h5{
    margin:0;
    padding:0;
}
.related-posts li{
    border-bottom:1px #eee solid;
    padding: 8px 0
}
.related-posts li i{
    margin:0 7px
}
.related-posts li div.related-meta{
    font-size:85%;
    padding:0 27px
}
div.related-meta a{
    color:inherit
}
.item-details .post-info-container p{
    max-height:108px !important;
}
.comments-area{
    margin:0 !important
}
.comments-area h3.block-head{
    margin-top:50px !important
}
.comment-list {
    padding: 0 15px;
}
.comment {
    position: relative;
}
.comment-validate{
    position:absolute;
    top: -14px;
    left: 15%;
    padding:13px 18px;
    background:#333;
    color:#fff;
    border-radius:5px;
    -webkit-animation: bounce 1s infinite linear;
    animation: bounce 1s infinite linear;
}
.comment-validate:after{
    position: absolute;
    bottom: -5px;
    left: 10px;
    z-index: 5;
    width: 0;
    height: 0;
    border-width: 8px 10px 0 10px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
    display:inline-block;
    content:""
}
.comment-avatar {
    position: absolute;
    top: 15px;
    left: 25px;
    z-index: 6;
    margin: 0 20px 0 0;
    padding: 2px;
    width: 70px;
    height: 70px;
    border: 1px #ECECEC solid;
    background: #F5F5F5;
    text-align: center;
    line-height: 63px;
}
.comment-content {
    margin-bottom: 40px;
}
.comment-content p {
    padding: 0 0 5px;
    margin:0;
    line-height:normal
}
.comment-content .comment-content-txt {
    padding: 0 0 5px 115px;
}
.comment-author {
    overflow: hidden;
    margin-bottom: 10px;
    background: #eee;
    font-weight: normal;
    min-height:39px
}
.comment-list ul.children {
    margin-left: 58px;
}
.comment-list ul.children li{
    position: relative;
}
.comment-list ul.children li:before{
    position: absolute;
    top: 17px;
    left: -37px;
    display: inline-block;
    width: 50px;
    height: 1px;
    background: #eee;
    content: "";
}
.comment-list ul.children li:after{
    position: absolute;
    top: -83px;
    left: -37px;
    display: inline-block;
    width: 1px;
    height: 100px;
    background: #eee;
    content: "";
}
.comments .hint .main-color {
    display: inline-block;
    padding: 5px;
    background: #eee;
    font-size: 150%;
    line-height: 1
}
.author-name {
    display: inline-block;
    margin-left: 100px;
    padding: 10px 0 0 15px;
    font-weight: bold;
}
.comment-date {
    float: right;
    padding: 12px 20px 0 0;
    font-size: 11px;
}
.comment-reply-link {
    float: right;
    padding: 10px 15px;
    font-size: 12px;
}
.comment-reply-link span  {
    display: block;
}
.comment-reply-link i{
    margin-right: 5px;
    color: #fff;
}
.leave-comment {
    padding-bottom: 30px;
}
.leave-comment .txt-box {
    width: 31.4%;
}
.leave-comment textarea {
    width: 100% !important;
}
.comment-form .box-info{
    background: #f4f4f4;
    clear: both;
    display: block;
    font-size: 11px;
    padding: 15px;
    margin: 0 0 10px !important;
    width: 100%;
}
.sub-pager{
    margin:15px auto;
    clear:both;
    border:1px #ddd solid;
    background:#fff;
    border-radius:3px;
    overflow:hidden;
    display:table
}
.sub-pager > span,.sub-pager a{
    padding: 5px 15px;
    display:inline-block;
    border-left:1px #ddd solid;
}
.sub-pager span.page-links-title{
    border-left:0;
    background: #ddd;
}
.post-password-form p label{
    width: 85%;
    display: inline-block;
}
.post-password-form input[type="submit"]{
    box-shadow: none;
    padding: 15px 20px;
    line-height: 1;
    height: auto;
    background-color: #333;
    color:#fff;
    top: -1px;
    position: relative;
}
.entry-content p, .wst-single-content p {
    word-wrap: break-word;
}
.entry-content{
    overflow: hidden
}
.entry-video ul.gallery{
    margin: 0;
    overflow: hidden;
    padding: 0;
    margin-bottom: 20px;
}
.gallery.portfolio-img-slick{
    margin:0 !important;
    padding:0 !important;
}
.entry-video ul.gallery li.gallery-item{
    margin: 0 1px 1px 0 !important;
}
.post-chat {
    list-style:none;
    margin:0;
    padding:0
}
.post-chat li{
    list-style:none;
    padding:8px 12px
}
.post-chat li.row-odd{
    background:#f4f4f4;
}
.post-chat li i.fa{
    margin-right:6px;
    color:#7195FF
}
.post-chat li .chat-author{
    color:#7195FF;
    font-weight:bold;
    display:inline-block;
    margin-right:8px
}
.post-chat li.row-odd .chat-author,.post-chat li.row-odd i.fa{
    color:#FF4246;
}
.entry-video embed{
    width:100% !important
}
.nav-single {
    display: flex;
    display: -webkit-flex;
    margin-top: 30px;
    width: 100%;
}
.nav-single > div{
    width: 50%;
    margin: 0 .5% 0 0;
}
.nav-single > div.nav-next{
    margin: 0 0 0 .5%
}
.nav-single > div a{
    display:block;
    padding: 20px 40px;
    background: #EEEEEE;
    color: #7C7C7C;
    overflow: hidden;
}
.nav-single > div a .nav-block{
    display: block;
}
.nav-single > div a .meta-nav i{
    margin: 0 10px 0 0
}
.nav-single > div.nav-next a .meta-nav i{
    margin: 0 0 0 10px
}
.nav-single > div a:hover{
    background:#ddd
}
.item-details .post-info-container{
    padding:15px
}
.item-details .post-info-container p{
    padding:15px 0 0;
    max-height:122px;
    overflow:hidden
}
.post-image .entry-video iframe{
    width:100% !important;
    height: auto;
}
.details-video iframe{
    width:100% !important
}
.post-icon{
    width: 40px;
    height: 40px;
    line-height: 39px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    text-align: center;
    font-size: 15px;
    box-shadow: inset 2px 1px 6px 1px rgba(61, 61, 61, 0.55);
    border-top-left-radius: 3px;
}
.post-icon i{
    margin-left:-3px
}
.post-icon:after{
    position:absolute;
    right:0;
    bottom:0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 10px 10px;
    border-color: transparent transparent #ffffff transparent;
    content:"";
    display:inline-block
}
.box_more span{
    display: inline-block;
    vertical-align: middle
}
.wst-arrows{
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}
.wst-arrows circle{
    fill: #e7e7e7
}
.wst-arrows polygon{
    fill: #333
}
/* 8.6 Contact pages.
================================ */
.contact-detalis h4 {
    text-transform: none;
    font-size: 17px;
    margin:25px 0 15px
}
.contact-detalis h5 {
    margin-bottom: 0;
    text-transform: none;
    font-size: 15px;
}
.contact-detalis p {
    margin-top: 0;
    padding-bottom: 0;
    margin-bottom:15px
}
.contact-office div p{
    margin-left:16px
}
.contact-office i{
    color:#D2D2D2;
    margin:0 6px 0 0;
    font-size:12px
}
.google-map,.google-map-wrap{
    height:450px;
    overflow:hidden
}

.siteMap-nav ul li {
    margin: 5px 0;
}
.siteMap-nav > ul > li > a {
    display: block;
    padding: 10px;
    background: #f1f1f1;
    color: #333;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
}
.siteMap-nav > ul > li > a i {
    margin-right: 8px;
    color: #999;
}
.siteMap-nav ul ul {
    margin: 10px 20px;
}
.siteMap-nav ul ul li {
    padding: 5px 10px;
    border-bottom: 1px #f1f1f1 dashed;
}
.siteMap-nav ul ul li a:before {
    display: inline-block;
    margin-right: 7px;
    color: #5b5b5b;
    content: "\f105";
    font-family: "FontAwesome";
}
.siteMap-nav ul ul li a:hover {
    margin-left: 10px;
}
.siteMap-nav ul ul li:last-child{
    border-bottom:0
}
/* 8.7 404 page.
================================ */
.not-found {
    display: table;
    margin: auto;
    width: 65%;
    text-align: center;
}
.err-404 {
    position: relative;
    margin-top: 40px;
    color: #494949;
    font-weight: 800;
    font-size: 150px;
    line-height: 1;
}
.err-404:before {
    position: absolute;
    top: -33px;
    left: 46.5%;
    color: #f0f0f0;
    content: "\f119";
    font-weight: normal;
    font-size: 60px;
    font-family: "FontAwesome";
}
/* 8.8 Coming Soon.
================================ */
.page-template-coming-soon .pageWrapper, .page-template-coming-soon #contentWrapper{
    background:transparent
}
.page-template-coming-soon{
    background: #fff url('../images/bgs/soon.jpg') no-repeat 0 0;
    background-size:cover;
    color:#fff;
}
.page-template-coming-soon .pageWrapper {
    padding-top:80px
}
.page-template-coming-soon .large-title{
    color: #fff
}

.page-template-coming-soon .top-head .container{
    justify-content: center;
}
.soon-container{
    padding-top: 20px;
}
.soon-logo i{
    font-style: normal;
    font-size: 40px;
    font-weight: 900;
    clear: both;
    display: block;
    line-height: 1
}
.soon-logo a{
    color:#fff
}
.soon-lg-head{
    font-size:65px;
    padding:0;
    padding-top:40px;
    margin:0
}
.soon-heading h2{
    font-size:29px;
    margin:0;
    padding:0;
    letter-spacing:1px
}
.soon-heading h3{
    font-size:24px;
    font-weight:300;
    margin:25px auto 0;
    padding:0;
    letter-spacing:1px;
    width: 70%;
}
.soon-form{
    width:60%;
    margin:50px auto 25px;
    position:relative
}
.soon-form:before{
    position: absolute;
    content: "\f0e0";
    display: inline-block;
    font: normal normal normal 19px/1 FontAwesome;
    left: 8.4%;
    top: 20px;
}
.soon-form input[type=text],.soon-form input[type=email]{
    width: 70%;
    height: 60px;
    margin: 0 -7px 0 0;
    padding-left:50px;
    font-size: 17px;
    padding-right: 26px;
    vertical-align: middle;
}
.btn-soon{
    margin-left: -20px;
}
#holder {
    margin: auto;
    display:table
}
.soon-head .logo{
    display:table !important;
    margin:auto
}
.digits {
    margin: 40px auto 0;
    display:table;
}
.digits span{
    padding:10px 30px 18px 30px;
    border-radius: 5px;
    display: block;
    text-align: center;
    position: relative;
    height: 120px;
    perspective: 500px;
    background:url('../images/digits.png') no-repeat 0 0;
    background-size:100% 100%;
    font-size:55px;
    font-weight:800;
    color:#fff
}
.digits ul{
    margin:auto
}
.digits li{
    float:left;
    margin:0 10px;
    text-align:center;
}
.digits li p{
    color:#fff;
    font-size:20px
}

/* 8.9 News Magazine Page.
================================ */
.Newsslider {
    overflow: hidden;
    max-height: 500px;
    background: #f4f4f4;
    margin-top: 25px;
    margin-bottom:-6px
}
.Newsslider a.col-md-9{
    display:block;
    max-height: 258px;
    overflow:hidden
}
.Newsslider a.col-md-9 img{
    width:100%
}
.overflow-auto {
    overflow: inherit;
    background-position: 0;
    background-size: 100% 100%;
}
.Newsslider .slick-list {
    max-height: 500px;
    padding:15px
}
.Newsslider .post-info h2{
    margin: 0 0 10px;
    font-size:18px;
    overflow: hidden;
    height: 25px !important;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.Newsslider .post-meta *{
    font-size: 13px;
    text-transform:none
}
.Newsslider .post-meta a{
    font-size: 13px;
    text-transform:uppercase
}
.Newsslider .slick-prev, .Newsslider .slick-next {
    top: calc( 100% - 40px );
    right: 10px;
    padding: 0;
    width: 40px;
    height: 40px;
    border-bottom: 0;
    border-radius: 0;
    color: #fff;
    margin-top: 0;
}
.Newsslider .slick-prev, .Newsslider .slick-next {
    background: rgba(119,119,119,.23);
}
.Newsslider .slick-next:before {
    content: "\f105";
    font-size: 25px;
}
.Newsslider .slick-prev:before {
    content: "\f104";
    font-size: 25px;
}
.Newsslider .slick-prev {
    right: 51px;
}
.Newsslider .post-content {
    position: static;
}
.Newsslider .post-content p {
    max-height: 0;
    margin-bottom: 0;
    line-height: 19px;
}
.Newsslider .post-content a.read-more {
    color: #fff;
    padding: 11px 20px;
    position: absolute;
    right: -4px;
    bottom: -16px;
}
.zero_pad {
    padding: 0;
}
.news-masnory:after {
    clear:both;
    display:block;
    height: 1px;
    content:" "
}
.news-masnory .post {
    overflow: hidden;
    padding: 0 15px 30px 0;
}
.news-masnory .post:first-child{
    padding-left:0
}
.news-masnory .post-lft-info{
    left:15%;
    z-index:99999
}
.news-masnory .post-lft-info div {
    animation-duration: 500ms;
    animation-fill-mode: both;
    display: none;
    padding:10px 25px
}
.news-masnory .post:hover .post-lft-info div {
    display: block;
    animation-name: slideInDown;
}
.news-masnory .post-info h2 {
    overflow: hidden;
    height: 22px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    margin: 15px 0 0
}
.news-masnory .post-content p {
    overflow: hidden;
    max-height: 70px;
    font-size: 13px;
    margin: 10px 0 0;
}
.block-head-News {
    position: relative;
    margin: 0 0 20px 0;
    padding: 0;
    border-bottom: 1px #e2e2e2 solid;
    font-weight: normal;
    text-transform: none;
    font-size: 22px;
    transition: all linear 300ms;
    overflow: hidden;
    cursor: pointer;
}
.block-head-News .icon {
    padding: 10px 20px;
    font-size: 20px;
    background-color: #EFEFEF;
    margin: 0 11px 0 0;
    transition: all linear 300ms;
}
.block-head-News a {
    font-size: 17px;
    background-color: #f7f7f7;
    float: right;
    font-weight: normal;
    display: none;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    padding-left: 13px;
    color:#ccc
}
.block-head-News a span {
    padding: 10px;
    font-size: 20px;
    display: inline-block;
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.block-head-News:hover a {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
    display: block;
}
.block-head-News:hover a span {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}
.news-masnory{
    margin-bottom: 60px;
    overflow: hidden;
}
.news-masnory .gallery li{
    float:left;
    max-width: 12%;
    margin:0 1px -3px 0;
    position:relative
}
.news-masnory .gallery li .img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: scale(0);
    transition: all 0.3s ease-in-out;
    background:rgba(0,0,0,.4)
}
.news-masnory .gallery li .img-overlay:before {
    display: block;
    color: #fff;
    content: "\f00e";
    text-align: center;
    font-size: 16px;
    font-family: "FontAwesome";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
}
.news-masnory .gallery li:hover .img-overlay {
    opacity: 1;
    transform: scale(1);
}
.banner{
    margin-top: 12px;
    border: 1px #F2F2F2 solid;
    padding:1px
}
.banner div{
    background: #F2F2F2;
    color: #DADADA;
    text-align: center;
    height: 65px;
    line-height: 65px;
    font-weight: 800;
    font-size: 30px;
    text-transform: uppercase;
}
.small_items h2{
    font-size: 13px;
    color:#888;
    text-transform:none;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    margin: 0 0 5px;
}
.small_items h2 a{
    color:#888
}
.small_items .post-meta{
    font-size:10px
}
.small_items .post-meta li{
    float:left;
    margin:0 10px 0 0
}
.small_items .post-meta li i{
    margin-right:5px
}
.news.mega-menu .div-mega{
    top: 50px;
}
.news-masnory .post-image{
    float:none;
    height: 160px;
    margin-bottom: 5px;
}
.news-masnory .post-image img{
    min-height:160px;
    width:auto;
    min-width:100%
}
.news-masnory .post-image:before{
    width:100%;
    height:4px
}
.news-masnory .post-image:after{
    display:none
}
.large-recent:after{
    clear:both;
    display:block;
    content:" ";
    height:20px
}
.recent-items .large-recent .post-image {
    float: left;
    margin-right: 10px;
    max-height: 191px;
    margin-bottom:0;
    max-width: 40%;
}
.large-recent h2{
    margin: 20px 0 !important;
    text-transform: none;
    font-weight: normal;
    font-size:17px !important
}
.large-recent .post-content{
    margin-left: 43%;
}
.small_items .wp-post-image{
    min-height:70px
}
.sm-img{
    overflow:hidden;
    max-height:70px
}
.small_news .col-md-6:nth-child(2n):after{
    clear:both;
    display:block;
    height:30px;
    content:" "
}
.small_items{
    margin:0 -15px
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus, .nav-tabs>li>a:hover,.nav-tabs>li>a {
    background-color: transparent;
    border: 0 !important;
    margin:0
}
.gform_wrapper .gfield_time_ampm.ginput_container select{
    width:90px !important
}
.gfield_time_hour *{
    clear: both;
}
.ui-datepicker-trigger{
    position:absolute;
    right:40px;
    margin-top:15px
}
.ui-datepicker-title select {
    color: #5F5F5F;
    text-align: center;
}
*[aria-required="true"].error{
    border:1px #f00 solid;
}
.comment-awaiting-moderation{
    display:table;
    padding:10px 15px;
    margin:auto;
    background:#FFEFDA
}
.vc_row-fluid,.vc_row{
    position:relative
}
.sec-overlay,.sec_video_bg{
    position:absolute !important;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:1
}
.sec_video_bg{
    z-index:0
}
.footer-top .tweet .twitter-text > p{
    margin-top:-4px;
}
.wp-video-shortcode,.mejs-container,.mejs-overlay{
    max-width: 100% !important;
    height: auto;
}
.mejs-mediaelement {
    height: auto !important;
    width:auto !important
}
.wp-audio-shortcode {
    max-width: 100% !important;
    height: auto;
}
.top-zindex{
    z-index:2;
    position:relative
}
.responsive-nav span.collaps:before{
    background: rgb(0 0 0 / 20%);
    color: #fff;
    border-radius: 3px;
}
.responsive-nav ul li ul li{
    border-top-color:#eee
}
.one-page .responsive-nav .current a:hover{
    background:#eee !important;
    color:#333 !important
}
.responsive-nav ul li ul li a{
    color:#333;
    background: #ddd;
}
.responsive-nav ul li ul li.current-menu-item{
    background:#eee
}
.responsive-nav ul li div.div-mega h4.noLink a{
    color:#333;
}
.responsive-nav > ul > li.selected{
    background:#9E9E9E
}
.responsive-nav ul li ul li.selected{
    background:#E8E8E8
}
.widget-content .item-list .item{
    border:0 !important
}
.zoomLens,.zoomContainer, .zoomWindowContainer, .zoomWindowContainer div{
    z-index:9 !important
}
.cart-icon {
    z-index: 99 !important;
}

/* 8.10 Form Controls.
================================ */
.captcha{
    background: #fff url('../images/patterns/bg6.jpg');
    padding:15px
}
.wpcf7-submit{
    margin:0
}
input[type=text], input[type=password], input[type=email], input[type=tel], textarea, input[type=file],input[type=url],
.textArea,.txt-box,.widget_product_search input[type="text"],.woocommerce-product-search .search-field{
    padding: 10px 20px;
    width: 100%;
    border: 1px #DFDFDF solid;
    background: #fff;
    -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
select{
    display: block;
    padding: 0 20px !important;
    width: 100% !important;
    border: 1px #DFDFDF solid;
    background: transparent;
    line-height: 40px;
    height: 40px;
}
textarea,.textArea {
    clear: both;
    width: 100% !important;
    height: 180px;
    resize: none;
}
input[type=radio], input[type=checkbox] {
    position: static;
    margin: 0 5px 0 0;
}
.control-label {
    display: block;
    padding-bottom: 4px;
    color: #777;
    text-transform: uppercase;
    font-weight: bold;
}
.control-group {
    display: table;
    clear: both;
    margin: 5px 0;
    padding: 10px 0 20px;
    width: 100%;
    border-bottom: 1px #E9E9E9 solid;
}
.btn-group {
    clear: both;
    padding: 20px 0;
    text-align: center;
}
[class*="skew-"] .btn{
    background:transparent none;
    color:inherit;
}
[class*="skew-"] .btn:hover{
    background:transparent none;
    color:inherit;
}
.radio, .checkbox{
    display:inline-block;
    margin:0;
    padding:0
}
.btn span {
    display: block;
}
.btn{
    text-shadow: 1px 1px 1px rgba(0,0,0,.5);
}
.btn i {
    margin-right: 10px;
}
.button {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    background-color: #777;
    color: #fff;
}
button.skew-25 i {
    transform: skew(25deg, 0);
}
.btn-tiny {
    padding: 0 4px;
    font-size: 9px;
    line-height: 27px !important;
}
.btn-small {
    padding: 0 10px !important;
    font-size: 11px;
    line-height: 33px !important;
}
.btn-medium {
    padding: 0 12px !important;
    font-size: 13px;
    line-height: 41px !important;
}
.btn-large {
    padding: 0 22px !important;
    font-size: 15px;
    line-height: 49px !important;
}
.btn.empty {
    background: transparent none;
}
.input-box {
    border: 1px #eee solid;
    background: #fff;
}
.widget_product_search input[type="text"],.woocommerce-product-search .search-field{
    width:80%;
    font-size:11px;
    border:0 !important;
    padding: 0;
    height: inherit;
}
.txt-box:focus {
    outline: transparent none 0;
    border: 0;
}
.check-box-box {
    float: none !important;
    line-height: 34px;
    clear: both;
}
.check-box-box * {
    float: left;
}
.check-box-box label {
    margin: 0;
    padding:0;
    display:inline;
    font-weight:normal
}
.check-box-box .check-box {
    margin: 9px 8px 0 0;
    padding:0;
    line-height:normal
}
.wpcf7-form p,.contact-form p {
    margin: 0 0 15px 0 !important;
}
span.wpcf7-form-control-wrap {
    display: block;
    margin: 5px 0 0;
    padding: 0;
    overflow:auto
}
.form-buttons .btn {
    margin-right: 5px;
}
.wpcf7-form span.red,.contact-form  span.red {
    display: inline-block;
    margin-left: 5px;
}
.form-box {
    display: inline-block;
    float: left;
    line-height: 34px;
}
.form-box span{
    display:inline-block;
    margin-right:15px
}

/* gravity forms css */
.gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel],
.gform_wrapper input[type=number], .gform_wrapper input[type=password],.gform_wrapper .top_label input[type=file]{
    display: block;
    padding: 12px 15px !important;
    width: 100% !important;
    border: 1px #DFDFDF solid;
    background: #fff;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.gform_wrapper textarea{
    border: 1px #DFDFDF solid !important;
    padding: 12px 15px !important;
    resize: none;
    height:180px !important;
    width: 100% !important;
}
.gform_wrapper .ginput_complex {
    overflow: hidden;
    padding: 20px 0 20px 20px;
    background: #f4f4f4;
}
.gform_wrapper h2.gsection_title, .gform_wrapper .gsection_description, .gform_wrapper h3.gform_title,.gform_heading{
    width:100% !important
}
.gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password],.gform_wrapper select{
    font-size:13px !important
}
.gform_confirmation_message.gform_confirmation_message_1{
    font-weight: bold;
    font-size: 18px;
    color: #4FB830;
    text-align:center;
}
.gform_confirmation_message.gform_confirmation_message_1:before{
    margin:0 auto 10px;
    color: #ecc686;
    font-size: 90px;
    display:table;
    font-family: "FontAwesome";
    content:"\f118"
}
.gfield_required{
    color:#f00 !important
}
.gform_wrapper ul li.gfield{
    padding-bottom:10px;
    float: left;
    width: 100%;
}
.gform_wrapper .top_label .gfield_label{
    font-weight: normal !important;
    margin-bottom: 7px !important;
    font-size: 13px;
}
.gform_wrapper .gform_footer{
    padding-top:2px !important;
    margin-top:0 !important
}
.gform_description{
    padding:10px 15px;
    border-left:2px #ddd solid;
    display:block;
    margin-top:20px
}
.gform_wrapper div.validation_error{
    color:#f00 !important;
    font-size: 14px !important;
    margin-bottom:10px !important
}
.gform_title{
    border-bottom: 1px #e2e2e2 solid !important;
}
.small-txt-box {
    padding: 0 !important;
}
.small-txt-box input[type=text] {
    width: 100px !important;
}
.small-txt{
    width: 152px !important;
    margin: 0 3px 0 0 !important;
    height: 32px;
    line-height: 30px !important;
}
.btns-right {
    padding: 0 !important;
    text-align: right;
}
.small-select {
    margin-right: 15px;
    padding: 10px !important;
    width: auto !important;
}
.err-noresults i{
    font-size:90px;
    color:#ddd
}
h2.cta_heading{
    margin-bottom:0 !important
}
.btn-default {
    color: #fff !important;
    background-color: #777 !important;
    border-color: transparent;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc;
}
.btn-default .badge {
    color: #fff;
    background-color: #333;
}

.btn-border {
    color: #fff;
    background-color: transparent;
    border: 1px #fff solid;
}
.btn-border:hover,
.btn-border:focus,
.btn-border.focus,
.btn-border:active,
.btn-border.active{
    color: #ddd;
    background-color: transparent;
    border-color: #ddd;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc;
}
.btn-default .badge {
    color: #fff;
    background-color: #333;
}


.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn-primary .badge {
    color: #337ab7;
    background-color: #fff;
}
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-success .badge {
    color: #5cb85c;
    background-color: #fff;
}
.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn-info .badge {
    color: #5bc0de;
    background-color: #fff;
}
.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff;
}
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-danger .badge {
    color: #d9534f;
    background-color: #fff;
}
.btn-link {
    font-weight: normal;
    color: #337ab7;
    border-radius: 0;
}
.btn-xl,.tp-caption a.btn-xl{
    padding: 25px 50px !important;
    font-size:17px
}
.btn-border {
    color: #fff !important;
}

/* ==========================================================================
  9. PAGE TITLES.
============================================================================= */
.page-title{
    position:relative
}
.title-1,.title-3,.title-5,.title-7,.title-9{
    background-color:#fff;
    background-image:url('../images/page-titles/page-title-light.jpg');
    background-repeat:repeat;
    background-position:center center;
}
.title-2,.title-4,.title-6,.title-8,.title-10{
    background-color:#434343;
    background-image:url('../images/page-titles/page-title-dark.jpg');
    background-repeat:repeat;
    background-position:center center;
}
/* 9.1. Page title 1.
================================ */
.page-title > .container{
    position:relative;
    height:190px
}
.title-search > .container{
    height:190px !important
}
.title-search h1{
    color:inherit !important
}
.video-wrap{
    width: 100%;
    height:100%;
    overflow: hidden;
}
.video-wrap video{
    width: 100%;
}
.page-title .video-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.page-title .video-wrap{
    z-index:0
}
.page-title .video-wrap video {
    margin-top:-200px;
    height:auto
}
.page-title .video-wrap + .title-overlay {
    background-color: rgba(0,0,0,0.7) !important;
}
.title_video_bg{
    height:100%;
    position:absolute;
    width:100%;
    z-index:0
}
.page-title > .container > .row,.page-title > .container > .row .lft-title{
    height:100%
}
.page-title.title-9 > .container > .row{
    margin:0
}
.page-title > .container > .row .lft-title{
    display:table;
    margin: auto;
}
.page-title > .container > .row .lft-title .title-container{
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
.page-title .sub-title{
    font-size: 18px;
    margin: 0;
    text-transform: none;
}
.title-overlay{
    position:absolute;
    width:100%;
    height:100%;
    z-index:0
}
.page-title .breadcrumbs {
    position:absolute;
    bottom:0;
    right:15px;
    font-size: 12px;
}
.page-title h1 {
    margin:0;
    padding:0;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}
.page-title h1 i{
    padding: 10px;
    margin-right: 10px;
    display: inline-block;
}
.page-title h1 i:before{
    font-size: 100%;
    line-height: 1;
    font-weight: normal;
}
/* 9.2. Page title 2.
================================ */
.title-2 .breadcrumbs {
    background: #fff;
}
.title-2 .breadcrumbs span {
    color: #333;
}
.title-2 h1 {
    color:#fff
}
/* 9.3. Page title 3.
================================ */
.title-3 h1,.title-4 h1 {
    display:table-cell;
    vertical-align: middle;
    padding-left: 15px;
    padding-top: 5px;
}
.title-3 h3,.title-4 h3{
    padding-left: 15px;
}
/* 9.4. Page title 4.
================================ */
.title-4 h1{
    color:#fff
}
.title-4 h3.sub-title{
    color: #ccc
}
.title-3 .breadcrumbs a,.title-4 .breadcrumbs a {
    color: #fff !important;
}
/* 9.5. Page title 5.
================================ */
.title-5 h1,.title-6 h1{
    padding:10px 15px 12px;
    display:table;
    margin: 10px auto 0;
    line-height:1
}
.title-5 h4,.title-6 h4{
    display: inline-block;
    clear: both;
    margin: auto;
    padding: 10px 15px;
    font-size: 15px;
    line-height: 120%;
    background: #777;
    color: #fff;
    display:table
}
/* 9.6. Page title 6.
================================ */
.title-6 h1 span.skew25,.title-6 h4 span.skew25{
    display:block
}
.title-9 span.block, .title-10 span.block{
    color:#eee
}
.custom-header{
    background: #fff url('../images/page-titles/page-title-1.jpg') no-repeat 50% 50%;
    background-size: cover;
    text-align:center
}
.tbl{
    display:table;
    margin:auto
}
/* 9.7. Page title 7.
================================ */
.title-7 h1,.title-8 h1{
    padding: 0 20px;
    display: table-cell;
    line-height: 70px;
    vertical-align: middle;
    margin:0 10px
}
.title-7 .lft-title i,.title-8 .lft-title i {
    display:table-cell;
    margin-right: 5px;
    width: 70px;
    text-align: center;
    height: 70px;
    line-height: 70px;
    float:left
}
/* 9.8. Page title 8.
================================ */
.title-7 .sub-title,.title-8 .sub-title{
    margin-top: 8px;
    font-size: 20px;
    text-align: center;
    padding:0
}
/* 9.9. Page title 9.
================================ */
.title-9 h1,.title-10 h1 {
    display: inline-block;
    float: left;
    clear: both;
    margin-bottom: 5px;
    padding: 2px 15px;
    color: #fff;
}
.title-9 h1 i,.title-10 h1 i{
    margin-right: 0
}
.title-9 h3.sub-title,.title-10 h3.sub-title{
    background:#777;
    display:table;
    clear:both;
    padding: 8px 20px;
    font-size: 16px;
}
.title-9 span.block,.title-10 span.block{
    padding-left:0;
}
.title-9 .breadcrumbs a {
    color: #777 !important;
}
/* 9.10. Page title 10.
================================ */
.title-10 .breadcrumbs.darker-bg {
    background-color: #777 !important;
    color:#fff
}
/* ==========================================================================
  10. WIDGETS.
============================================================================= */
.wp-block-group__inner-container > h2{
    font-size: 18px;
}
#footWrapper .widget-content{
    border: 0;
    margin-top: 0;
    padding: 0;
}
.widget-content .top-srch-forum .button{
    padding: 8px 10px;
    width: auto;
    margin-top: 0;
    height: auto;
}
.widget-content .top-srch-forum input[type="text"]{
    padding: 5px;
    line-height: 25px;
}
.widget-content .top-srch-forum:before{
    display:none
}
.widget-content .top-srch-forum > div{
    background:transparent;
    border:0;
    height:auto
}
.widget-content .top-srch-forum{
    margin:0
}
.widget-content .top-srch-forum .button:before{
    font-size:13px
}
.wp-block-archives-list,
.wp-block-latest-comments,
.wp-block-categories-list{
    margin: 0;
    padding: 0;
}
.widget-content > ul > li,.widget-content div > ul > li,
.wp-block-categories-list > li,
.wp-block-latest-comments > li,
.wp-block-archives-list > li{
    overflow: hidden;
    padding: 12px 0;
    border-top: 1px #f0f0f0 solid;
    display:block;
    position: relative;
}
.widget-content > ul > li:first-child,
.widget-content div > ul > li:first-child,
.wp-block-archives-list > li:first-child,
.wp-block-categories-list > li:first-child,
.footer-top .widget-content ul > li:first-child{
    border-top: 0;
}
.widget.widget_archive .widget-content > ul > li > a:before,
.widget.widget_categories .widget-content > ul > li > a:before,
.widget.widget_meta .widget-content > ul > li > a:before,
.wp-block-archives-list > li > a:before,
.wp-block-categories-list > li > a:before,
.widget.widget_nav_menu .widget-content div > ul > li > a:before {
    content: "\f00c";
    position: relative;
    top: 2px;
    display: inline-block;
    margin-right: 10px;
    font-family: "FontAwesome";
}
.widget-content ul li.recentcomments > a:before{
    display:none
}
.widget-content > ul,.widget-content > div > ul{
    margin: 0;
    padding: 0
}
.widget-content > ul > li > ul li{
    font-size: 13px;
    padding: 5px 0;
}
.widget-content > ul > li > ul li:before {
    content: "\f068";
    color:#777 !important;
    display: inline-block;
    margin-right: 10px;
    font-family: "FontAwesome";
}
.widget-content > ul > li > ul li li:before {
    content: "\f054";
    color: #CDCDCD !important;
    font-size: 9px;
}
.widget_display_stats table th{
    display:none
}
.widget_display_stats table,.widget_display_stats table tr,.widget_display_stats table td{
    background:transparent;
    border:0;
    padding:0;
    line-height:26px;
    margin:0
}
.comment-author-link{
    display: inline-block;
}
.widget_search form {
    overflow: hidden;
    padding: 5px 0 3px;
    margin:0 -10px;
}
.sidebar .widget,
.wpb_widgetised_column .widget{
    margin-bottom: 4rem
}
.widget_search .txt-box {
    width: 70%;
    border:0 !important;
    background: transparent;
    line-height: normal;
    height: 30px;
}
.widget_product_search #searchsubmit,.woocommerce-product-search input[type="submit"]{
    display: inline-block;
    height: 30px;
    cursor: pointer;
    border: 0;
    background: #777 url('../images/srch-icon.png') no-repeat center center;
    font-size: 0;
    width: 32px;
    font-size: 0;
    text-indent: -99999px;
    float: right;
}
.widget_search form .btn{
    float: right;
    height: 30px;
    cursor: pointer;
    border: 0;
    width: 32px;
    line-height: 18px !important;
    padding: 0;
    margin: 0 10px 0 0;
}
.widget_search .btn i,#searchsubmit i{
    margin:0 !important
}
.footer-top .widget-content ul > li {
    border-top: 1px rgba(255, 255, 255, 0.07) solid;
}
.widget_nav_menu ul li ul,.widget_pages ul li ul{
    display:none
}
.widget ul ul{
    margin:10px 0 0 25px;
    padding: 0
}
.widget_recent_entries .post-img {
    float: left;
    margin-right: 10px;
    max-height: 70px;
    overflow:hidden
}
.widget_recent_entries .post-img img {
    padding: 1px;
    width: 70px;
    border: 1px #f0f0f0 solid;
}
.widget_recent_entries .meta span {
    display: inline-block;
    margin-right: 10px;
}
.widget_recent_entries .meta i {
    margin: 0 5px 0 0;
}
.widget_recent_comments ul li{
    padding: 20px 20px 20px 55px
}
.widget_recent_comments ul li:before{
    display:inline-block;
    content:"\f086";
    float:left;
    font: normal normal normal 40px/1 FontAwesome;
    opacity: 0.15;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.widget-content li{
    overflow:hidden
}
.widget-content ul.details li i{
    margin-right: 10px
}
.widget_recent_entries .widget-post-info span{
    display: block;
    margin-bottom: 2px;
    font-size: 85%;
    line-height: 1;
}
.widget_recent_entries .widget-post-info span span{
    display:inline-block
}
.wid_comments,.wid_post-date{
    font-size: 85%;
}
.widget_recent_entries .meta i{
    color:#B6B6B6
}

span.rss-date{
    display: block;
    padding: 10px 0;
    font-size: 13px;
    opacity: 0.8
}
span.rss-date i.fa,.widget_rss cite i.fa{
    margin-right:8px
}
.sale-widget .meta span{
    margin-right:2px !important
}
.widget-content .accordion{
    margin:10px auto
}
.widget_categories li span{
    float:right
}
.widget_recent_comments i.fa {
    margin-right: 10px;
    color: #777;
    font-size: 60px;
}
.widget_recent_comments i.fa.fa-clock-o {
    font-size: 16px;
}
.widget_recent_comments h5 {
    margin: 10px 0 5px;
    text-transform: none;
    font-weight: normal;
}
.tagcloud {
    overflow: hidden;
}
.tagcloud a {
    display: block;
    float: left;
    margin: 2px;
    padding: 7px 15px;
    background: #eee;
    color: #616161;
    font-size: 12px !important;
    text-transform: uppercase;
}
.tagcloud a:hover {
    background: #777;
    color: #fff !important;
}
.widget_calendar table{
    line-height:normal;
    margin:0;
}
.widget_calendar tfoot{
    display:none
}
.widget_calendar caption{
    margin:0;
    text-align:center;
    color:#777;
    border: 1px solid #e2e2e2;
}
.widget_calendar tbody a{
    background:#777;
    margin:-10px;
    display:block;
    padding:10px
}
.widget_calendar tbody a:hover{
    background:#333
}
/******* Flickr stream widget *******/
.widget.widget_it_widget_flickr ul, .widget-content .tags {
    margin: 6px 0;
    overflow: hidden;
}
.wst_flick_photo {
    position: relative;
    float: left;
    margin: 1px;
}
.wst_flick_photo a{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.wst_flick_photo .img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: scale(0);
    transition: all 0.3s ease-in-out;
}
.wst_flick_photo .img-overlay:before {
    display: block;
    color: #fff;
    content: "\f0c1";
    font-size: 20px;
    font-family: "FontAwesome";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.wst_flick_photo:hover .img-overlay {
    opacity: 1;
    transform: scale(1);
}
/*********************************************
	Custom slider options
**********************************************/
.tp-banner-container {
    position: relative;
    z-index: 1;
    padding: 0;
    width: 100%;
}
.tp-banner {
    position: relative;
    width: 100%;
}
.tp-caption {
    line-height:normal !important
}
.tp-caption a {
    color: inherit;
}
.slide-h1 {
    margin: 5px 0 !important;
    padding: 0 0 10px !important;
    padding-bottom: 5px !important;
    color: #444;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 57px;
}
.slide-h2 {
    margin: 5px 0 !important;
    padding: 0 0 10px !important;
    padding-bottom: 5px !important;
    color: #555;
    font-weight: bold;
    font-size: 55px;
    line-height: 100%;
}
.lg-tp-title {
    text-transform: uppercase;
    font-weight: 900 !important;
    font-size: 60px !important;
}
.big-font {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 60px;
}
.large-desc {
    font-size: 16px;
}
.tp-excerpt{
    font-size: 18px !important;
    font-weight: normal !important;
    background:rgba(0,0,0,.4) !important;
    border:0 !important;
    padding: 30px !important;
    color:#fff !important;
    line-height:160% !important
}
.tp-post-meta{
    font-size: 14px !important;
    font-weight:normal !important;
    background:rgba(0, 0, 0, 0.3) !important;
    padding: 5px 10px !important;
    color:#fff !important;
    line-height:160% !important
}
.tp-post-title{
    font-size:50px !important;
    overflow:hidden !important;
    height:66px !important;
    text-align:center !important;
    text-overflow: ellipsis;
    white-space:nowrap !important
}
.tp-post-title a{
    text-shadow: 0 2px 5px rgba(0,0,0,0.5) !important;
}
.lg-txt{
    font-size:60px !important;
    text-transform:uppercase;
    font-weight:800 !important
}
.vlg-txt{
    font-size:70px !important;
    font-weight:800 !important
}
.md-txt{
    font-size:50px !important;
    text-transform:uppercase;
    font-weight:100 !important
}
.vlg-txt2{
    font-size:90px !important;
    font-weight:800 !important;
    text-transform:uppercase;
}

.extra-txt{
    font-size:140px !important;
    font-weight:800 !important
}

.slide-h3 {
    color: #fff;
    font-size: 31px;
    line-height: 100%;
}
.slide-h3 span {
    text-transform: uppercase;
    font-weight: bold;
}
.slide-head {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 30px;
}
.slide-desc {
    font-size: 22px;
    line-height: 150%;
}
.main-title {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 70px;
}
.icon-cont {
    padding: 15px 40px;
    border-radius: 10px;
    text-align: center;
}
.icon-cont:after {
    position: absolute;
    bottom: -10px;
    left: 40%;
    z-index: 5;
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 10px 10px 0 10px;
    border-style: solid;
    content: "";
}
.icon-cont i {
    margin-bottom: 10px;
    color: #fff;
    font-size: 50px;
}
.icon-cont span {
    display: block;
    padding: 0 0 5px;
    color: #fff;
    text-align: center;
    font-size: 18px;
}
a.wit-btn {
    background: #fff;
    color: #333 !important;
    text-transform: uppercase;
}
.wit-line {
    width: 5%;
    height: 1px;
    background: #fff;
}
.vert-line {
    min-height: 270px;
    width: 1px;
    background: #fff;
}
.subTxt {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 17px;
    color: #333;
}
.large-title {
    color: #222;
    font-size: 60px;
    font-weight: 800;
    text-transform: uppercase !important;
}
.large-light-title {
    color: #787878 !important;
    font-size: 70px;
    font-weight: lighter;
    text-transform: uppercase;
    letter-spacing:2px
}
.large-text {
    font-size: 20px;
    color: #000;
    font-weight: lighter;
}
.larger-text {
    font-size: 24px;
    font-weight: lighter;
    text-transform: uppercase;
}
.witTxt {
    color: #fff !important;
}
.gryTxt {
    color: #aaa !important;
}
.light-font {
    font-weight: lighter !important;
    font-size: 50px;
}
.black-bg{
    background:rgba(0,0,0,.63);
    color:#a8a8a8;
    text-transform:none;
}
.lft-list {
    padding: 10px;
    font-size: 18px;
    color: #fff;
}
.wit-border {
    border: 1px #fff solid;
    padding: 15px 60px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}
.rounded-bord {
    margin-right: 15px;
    border: 1px #fff solid;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 13px;
    border-radius: 50%;
}
#vertical-ticker{
    height:100px;
}
#vertical-ticker .slick-list{
    height:100px !important
}
#vertical-ticker .slick-list div{
    line-height:100px !important;
    text-align:center
}

.to-bottom i.fa{
    border:2px #a8a8a8 solid;
}
/* ==========================================================================
  11. FOOTER.
============================================================================= */
#to-top {
    position: fixed;
    right: 10px;
    bottom: -100px;
    z-index: 55;
    overflow: auto;
    padding: 15px;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}
#footWrapper {
    clear: both;
    overflow: hidden;
    height: 100%;
}
.footer-top {
    overflow: hidden;
    padding: 80px 0 70px;
    border-bottom: 1px #0f0f0f solid;
    background: #222;
    color: #aaa;
}
.footer-top a {
    color: #9E9E9E;
}

.foot-image{
    margin-bottom: 2rem
}

.footer-top hr {
    clear: both;
    margin: 50px 15px;
    border-top: 1px #3A3A3A solid;
}
.footer-top h3 {
    position: relative;
    font-weight: bold;
    font-size: 15px;
}
.footer-top hr.hr-style5:before, .footer-top hr.hr-style5:after {
    background: #222;
    color: #3A3A3A;
}
.footer-top .menu li{
    padding:0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.footer-top .menu li:hover{
    padding-left:10px;
}
.footer-top .menu a {
    display: inline-block;
    padding: 10px 0;
}
.footer-top .menu a:before {
    display: inline-block;
    margin-right: 7px;
    color: #5b5b5b;
    content: "\f105";
    font-family: "FontAwesome";
}
.foot-logo {
    height: 40px;
    margin: 0 auto 5px;
    text-align: center;
}
footer .NL {
    position: relative;
    overflow: hidden;
    padding: 10px 0;
    margin:auto 15px
}
footer .NL .input-box {
    margin-left: 10px;
    padding-left: 25px;
    width: 67%;
    border: 1px #3F3F3F solid;
    border-right: 0;
    background: transparent none;
    color: #fff;
    font-size: 11px;
}
footer .NL .txt-box {
    color: #969696;
    font-size:11px
}
footer .NL:before {
    position: absolute;
    top: 16px;
    left: 24px;
    display: inline-block;
    color: #5C5C5C;
    content: "\f0e0";
    font-family: "FontAwesome";
}
footer .NL .NL-btn {
    background: #3F3F3F;
    color: #fff;
}
footer .no-margin{
    margin: 20px 20px 8px;
    text-align: center;
    font-size: 12px;
}
.footer-top .tweet {
    padding: 0 15px 10px;
}
.timeline-TweetList{
    margin: 0;
    padding: 0;
    list-style: none;
}
.timeline-TweetList-tweet{
    min-height: 120px
}
.footer-top .tweet .timeline-Tweet-text{
    margin-top:10px
}
.footer-top .widget{
    padding-bottom:0
}
.footer-top .widget_recent_entries .widget-post-info{
    font-size: 13px;
}

.widget-post-info{
    display: flex;
    flex-direction: column;
}

.widget-post-info > h5{
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
}

.footer-top .widget_recent_entries li,.footer-top .widget_categories li{
    padding: 12px 0;
    border-top: 1px solid #3a3a3a;
}
.footer-top .widget_recent_entries li:first-child,.footer-top .widget_categories li:first-child{
    border-top: 0 !important;
}
.footer-top .widget_recent_entries .post-img img,.TweetAuthor-avatar img{
    width:36px;
    border-color:#3a3a3a
}
footer .TweetAuthor-avatar{
    margin-right: 15px;
    border-radius: 50%;
    overflow: hidden;
}
.footer-top .widget_recent_entries .meta a, .footer-top .wid_comments{
    display:none !important
}
.footer-top .tweet .twitter-pic,.u-photo.avatar {
    float:left;
    margin:3px 10px 0 0;
}
.footer-top .tweet .fa-twitter {
    position: absolute;
    top: 3px;
    left: 0;
    color: rgb(92, 92, 92);
    font-size: 250%;
}
.footer-top .tweet p {
    margin: 0 0 15px;
    font-size: 12px;
    line-height: 1.8;
}
.timeline-Tweet-author{
    overflow: hidden;
    display: flex;
    align-items: center;
    font-size: 13px;
    margin-bottom: 15px;
}
.TweetAuthor-screenName{
    display: block;
    font-size: 80%;
    opacity: 0.7;
    margin-top: -3px
}
.e-entry-content{
    margin-left:46px
}
button.load-more.customisable{
    display:none
}
.footer-top .tagcloud a {
    display: block;
    float: left;
    margin: 2px;
    padding: 7px 10px;
    background: #2C2C2C;
    color: #C4C4C4;
    font-size: 11px;
}
.footer-contact {
    padding: 7px 0;
}
.footer-contact i {
    display: table-cell;
    padding: 0 12px 0 0;
    color: #6a6a6a;
    vertical-align: middle;
    font-size: 18px;
}
.footer-contact span {
    display: table-cell;
}
.footer-top .flickr{
    display:block;
    overflow:hidden
}
.copyrights {
    padding-top: 20px;
    padding-bottom: 20px;
    white-space: nowrap;
}
.copyrights a {
    color: #7C7C7C;
    text-decoration: underline;
}
.copyrights a:hover {
    text-decoration: none;
}
.footer-bottom {
    overflow: auto;
    padding: 15px 0 10px;
    border-top: 1px #363636 solid;
    background: #1D1D1D;
    color: #777;
}
#footWrapper table,#footWrapper table td,#footWrapper table caption,#footWrapper table th{
    border:1px #555 solid !important;
    padding:5px
}
#footWrapper table tr:nth-child(even){
    background:#444
}
#footWrapper table{
    margin:0 10px;
    width:92.5%
}
#footWrapper .widget_calendar tbody a{
    margin: -5px;
    padding: 6px;
}
.footer-top .foot-logo {
    height: 52px;
    margin: 0 0 20px;
    text-align: left;
}
.footer-top-2 .social-list li a {
    margin: 0 6px 0 0;
    font-size: 17px;
    background: #494949;
    border-radius: 50%;
    width: 33px;
    text-align: center;
    display: inline-block;
}
.footer-top-2 .social-list li span {
    padding: 0 7px;
    color: #B5B5B5
}
.footer-top-2 .social-list li:hover span {
    color: #fff
}
.footer-menu-inline {
    float: right;
    padding-top: 10px;
    padding-bottom: 10px;
    white-space: nowrap;
    font-size: 11px;
}
.footer-menu-inline li {
    display: inline-block;
    margin: 0 5px;
}
.footer-menu-inline li a {
    color: #777;
    transition:all linear 300ms;
}
.footer-menu-inline li a:hover,.footer-menu-center li a:hover {
    padding-bottom: 4px;
}
.footer-bar {
    background: #000;
    font-size: 11px;
    padding: 30px 0;
}
.footer-bar-3 h3 {
    line-height: 45px;
    color: #aaa;
    margin: 0;
    font-weight: 600;
}
.footer-bar-3 a {
    color: #fff;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    text-transform: uppercase;
    overflow: hidden;
}
.footer-bar-3 a span {
    position: relative;
    display: block;
    font-size: 20px;
    padding:0 7px;
    transition: transform 0.4s, background 0.4s;
    transform-style: preserve-3d;
    transform-origin: -50% 50%;
    text-align:center
}
.footer-bar-3 a span::before {
    position: absolute;
    top: 0;
    left:100%;
    width: 100%;
    height: 100%;
    content: attr(data-view);
    transition: background 0.4s;
    transform: rotateY(90deg);
    transform-origin:-50% 50% ;
}
.footer-bar-3 a:hover span,.footer-bar-3 a:focus span {
    background: #b53a2d;
    transform: rotateY(-90deg);
}
.footer-bar-3 .buyNow {
    border-left: 1px solid #322F2F;
    overflow:hidden;
    padding-left: 30px;
}
.footer-bar-3 .buyNow a {
    margin: 0;
    padding: 0 30px !important;
}
.copyrights-center  {
    text-align:center;
}
.footer-menu-center {
    padding-top: 10px;
    padding-bottom: 10px;
    white-space: nowrap;
    font-size: 11px;
}
.footer-menu-center li {
    display: inline-block;
    margin: 0 5px;
}
.footer-menu-center li a {
    color: #777;
    transition:all linear 300ms;
}
.footer-top-4 {
    background: #424242 url('../images/patterns/bg16.png');
    padding:0;
    border:0
}
.footer-4-widgets{
    padding-top:60px;
    padding-bottom:20px
}
.footer-top-4 p,.footer-top-4 ul.menu a,.footer-top.footer-top-4 .menu a:before{
    color:#ccc
}
.footer-top-4 ul.menu a:hover,.footer-top.footer-top-4 .menu a:hover:before{
    color:#fff
}
.footer-top-4 .copyrights,.footer-top-4 .footer-menu-inline{
    background:#1d1d1d;
    padding-right:15px;
    padding-left:15px
}
.footer-top-4 .footer-menu-inline a{
    line-height:35px;
    display:inline-block;
    padding-bottom:0 !important
}
.footer-top-4 .copyrights{
    float:left
}
.footer-top-4 hr{
    border-top: 1px #6C6C6C solid;
}
.footer-top-4 .block-head{
    border-bottom-color:#6C6C6C
}
.footer-top-4 hr.hr-style5:before, .footer-top-4 hr.hr-style5:after {
    background: #3C3C3C;
    color: #939393;
}
.social-list{
    margin: 0;
    padding: 0;
    list-style: none;
}
.social-list li {
    float: left;
    margin: 0 1px 0 0;
    font-size: 18px;
}
.social-list li a {
    display: block;
    padding: 0;
    color: #737373;
}
.social-list li span {
    display: block;
    padding: 0 12px;
    text-align: center;
    line-height: 33px;
}
.social-list li a:hover {
    text-decoration: none;
}
.top-bar .social-list li span {
    line-height: 39px;
}
footer .social-list li {
    float: left;
    margin: 0 1px 0 0;
    font-size: 18px;
    padding: 0;
    border: 0 !important;
}
footer .social-list li a {
    display: block;
    padding: 0;
    color: #737373;
}
footer .social-list li span {
    display: block;
    text-align: center;
    line-height: 33px;
    padding:0 12px
}
footer .social-list li a:hover {
    text-decoration: none;
}
footer .social-list li a:hover span.skew25{
    transform: skew(25deg, 0) !important;
}
footer .hover_links_effect li a {
    margin: 0 6px 0 0;
    font-size: 17px;
    background: #494949;
    border-radius: 50%;
    width: 33px;
    text-align: center;
    display: inline-block;
    color: #B5B5B5;
    overflow: hidden;
}
.no-bord .hover_links_effect li a{
    background:transparent;
    border-radius: 0;
}
.hover_links_effect li span span {
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
footer .hover_links_effect li span {
    padding: 0 7px;
}
.hover_links_effect li:hover span {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.footer-top-4 .hover_links_effect li a{
    background:#1d1d1d
}
.no-bord .hover_links_effect li span {
    -webkit-animation-duration: 0s;
    animation-duration: 0s;
}
.menuBtn:focus,.menuBtn:hover,.responsive-nav h3,.responsive-nav ul li a,.responsive-one ul li a{
    color:#fff
}
.responsive-nav ul ul ul,.responsive-nav ul li ul,.one-page .responsive-nav .current a{
    background:#fff;
}
/* ==========================================================================
  12. FIXED LAYOUT STYLES.
============================================================================= */
.pageWrapper.fixedPage {
    position: relative;
    margin: auto;
    background: #fff;
    box-shadow: 0 3px 10px rgba(0,0,0,0.2);
}
.pageWrapper.fixedPage .flxrow{
    padding-left: 15px;
    padding-right: 15px
}
.pageWrapper.fixedPage header.stickyHeader{
    width: auto;
    left: inherit;
}
.pageWrapper.fixedPage .fullwidthbanner-container{
    width:auto !important;
    position:static !important;
    left:0 !important;
    height:auto !important;
    margin:0 -15px !important
}
.pageWrapper.fixedPage .ls-wp-fullwidth-helper{
    width:100% !important;
    left:0 !important;
}
.pageWrapper.fixedPage .ls-wp-fullwidth-helper > .ls-wp-container,.pageWrapper.fixedPage .ls-wp-fullwidth-helper > .ls-wp-container > .ls-inner,
.pageWrapper.fixedPage .ls-wp-fullwidth-helper > .ls-wp-container > div,.pageWrapper.fixedPage .ls-wp-fullwidth-helper .ls-slide{
    width:100% !important;
}
.pageWrapper.fixedPage .ls-wp-fullwidth-helper > .ls-wp-container .ls-inner{
    overflow:hidden
}
.pageWrapper.fixedPage .tp-fullwidth-forcer{
    height:auto !important
}
.pageWrapper.fixedPage .fullwidthbanner-container .tp-leftarrow{
    left:0 !important;
}
.pageWrapper.fixedPage .fullwidthbanner-container .tp-rightarrow{
    right:0 !important;
}
.bg1 {
    background: #fff url('../images/patterns/bg1.jpg');
}
.bg2 {
    background: #fff url('../images/patterns/bg2.jpg');
}
.bg3 {
    background: #fff url('../images/patterns/bg3.jpg');
}
.bg4 {
    background: #fff url('../images/patterns/bg4.jpg');
}
.bg5 {
    background: #fff url('../images/patterns/bg5.jpg');
}
.bg6 {
    background: #fff url('../images/patterns/bg6.jpg');
}
.bg7 {
    background: #fff url('../images/patterns/bg7.jpg');
}
.bg8 {
    background: #fff url('../images/patterns/bg8.jpg');
}
.bg9 {
    background: #fff url('../images/patterns/bg9.jpg');
}
.bg10 {
    background: #fff url('../images/patterns/bg10.jpg');
}
a.main-color:hover,.project-name:hover,.box-top .more-btn:hover{
    color:#333 !important
}
.video-container{
    display:table;
    width:100%
}
.home-video .YTPOverlay{
    display:none !important
}
.video-box{
    display:table-cell;
    vertical-align:middle;
    width:100%;
    position: relative;
    height:600px
}
.YTPOverlay{
    background:rgba(232,82,47,0.6);
    position:absolute;
    z-index:555;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.inner-video{
    position: absolute;
    z-index: 0;
    min-width: 100%;
    min-height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    opacity: 1
}
.internal-video{
    height:600px;
    overflow:hidden;
    position:relative
}
.video-frame{
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: 1;
    width: 2459.72px;
    height: 1171px;
    margin-top: -385.5px;
    margin-left: -278.36px;
}
ul.larg-socials{
    display:table;
    margin: 0 auto;
}
.larg-socials li{
    float:left;
    margin:0 15px
}
.larg-socials li a{
    width:66px;
    height:66px;
    display:block;
    line-height:66px;
    border:2px #E4E4E4 solid;
    border-radius:50%;
    position:relative;
    padding:2px;
}
.larg-socials li a i{
    width:58px;
    height:58px;
    display:block;
    line-height:58px;
    color:#fff;
    font-size:30px;
    text-align:center;
    border-radius: 50%;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.larg-socials li a:before {
    content: '';
    position: absolute;
    border: #E4E4E4 solid 1px;
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top, right, bottom, left;
    -moz-transition-property: top, right, bottom, left;
    -o-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left;
    border-radius: 50%;
}
.larg-socials li a:after {
    content: '';
    position: absolute;
    border: #E4E4E4 solid 1px;
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px;
    opacity: 0;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: top, right, bottom, left;
    -moz-transition-property: top, right, bottom, left;
    -o-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left;
    border-radius: 50%;
}
.larg-socials li a:hover:before, .larg-socials li a:focus:before, .larg-socials li a:active:before {
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;
    opacity: .3;
}
.larg-socials li a:hover:after, .larg-socials li a:focus:after, .larg-socials li a:active:after {
    top: -9px;
    right: -9px;
    bottom: -9px;
    left: -9px;
    opacity: .3;
}
.larg-socials li a:hover i{
    background-color:#fff;
    color:#e8522f;
}
#fowd,iframe[src="about:blank"],.nicescroll-rails{
    display:none !important;
}
.fa-hover > span{
    display: block;
    color: #222222;
    line-height: 35px;
    height: 35px;
    padding-left: 10px;
    border-radius: 4px;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    cursor:pointer
}
.fa-hover:hover > span{
    background:#777;
    color:#fff;
}
.fa-hover > span i{
    margin-right:9px
}
.fa-hover:hover > span i{
    font-size: 28px;
    vertical-align: -6px;
}
.form-submit{
    padding:0 15px;
}
.width-88{
    width: 86% !important;
    margin-right:3px;
    padding: 21px 15px !important;
}
.mar-top{
    margin-top:10px !important
}
.auto-margin{
    margin:auto;
    display:table
}
.left-lbl{
    padding:7px 7px 0 0;
    float:left
}
.twitter-timeline{
    height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}
.footer-top .stream,.footer-top .top .widget_it_widget_tweets{
    max-height:190px;
    overflow:hidden;
}
#footWrapper .widget_it_widget_tweets li.timeline-TweetList-tweet{
    height: 140px !important;
    overflow: hidden;
    border: 0 !important;
}
.widget_it_widget_tweets .widget-content .stream{
    padding:10px 15px
}
.widget_it_widget_tweets .timeline li{
    height: 130px !important;
    overflow: hidden;
}
.timeline-header,.new-tweets-bar,.timeline-footer,.u-url.permalink.customisable-highlight,.retweet-credit,.inline-media,.footer.customisable-border,.no-more-pane{
    display:none
}
.gw-gopf-slider-controls-wrap{
    margin-top:-58px
}
.item-box {
    position: relative;
    margin-bottom: 35px;
    background-color: #f4f4f4;
    cursor: pointer;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.item-box:after {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 3px;
    content: "";
}
.item-box:hover:after {
    bottom: -1px;
    height: 1px;
}
.item-title {
    margin: 0;
    padding: 10px 0;
    background: #ebebeb;
    color: #666;
    text-align: center;
    font-size: 13px;
    transition: all 0.4s ease-in-out;
    height: 43px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 26px;
}
.item-title a {
    color: #666;
}
.item-img {
    padding: 10px;
    text-align: center;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    position:relative
}
.item-details {
    overflow: hidden;
    padding: 10px 0 0;
    border-top: 1px #dfdfdf solid;
}
.item-details p{
    padding:0 10px
}
.right-rating {
    float: right;
    clear: both;
    font-size: 14px;
    font-weight: bold;
}
.right-rating .item-rating {
    float: right;
}
.item-cart a {
    color: #333;
    text-transform: uppercase;
    font-size: 11px;
}
.remove-item i {
    font-size: 23px;
}
.item-details .left i.fa {
    margin-right: 8px;
}
.item-tools {
    padding-top: 8px;
}
.item-tools i {
    font-size: 17px;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.item-box:hover {
    background: #F0F0F0;
}
.widget-content a.btn, .widget-content a.button{
    background:transparent !important;
    padding:0 !important;
    line-height:normal !important
}
.widget .bbp-logged-in h4{
    margin-bottom:0 !important
}
.transparent-bg{
    background:transparent !important
}
.title-6 .cart-popup{
    left:-9px
}
.author-top-title{
    font-size: 20px !important;
}
.author-bottom-title{
    font-size:40px !important;
    padding:10px 20px !important;
    text-transform:capitalize
}
.inline{
    display:inline !important;
    padding-left:10px !important
}
/********** top bar shopping cart ************/
.top-cart .cart-heading{
    padding-top:0;
    padding-bottom:0
}
.top-cart .cart-heading i{
    color:#A2A2A2
}
.top-cart .cart-icon{
    position:static;
    background-color:transparent;
}
.top-cart .cart-icon .cart-count,.top-cart .cart-icon .cart-count span{
    line-height:normal !important;
    display:inline
}
.top-cart .cart-popup{
    z-index:99999
}
.top-cart .cart-popup a,.top-cart .cart-popup span{
    line-height:normal !important
}
.top-cart .cart-popup span span{
    display:inline !important
}
.top-cart .mini-cart-total{
    line-height:normal !important
}
.right-bar .top-cart .cart-heading{
    border-right: 1px #eee solid;
    padding-right:0
}
.left .top-cart .cart-heading{
    border-left: 1px #eee solid;
    padding-right:0
}
.top-cart .cart-heading:hover,.top-cart .cart-heading.selected{
    background:#fff
}
.top-cart .cart-popup li{
    float:none;
    border-bottom: 1px #f0f0f0 solid !important;
    border-left:0 !important
}
.top-cart .cart-popup{
    right:0;
    left:auto;
    padding:10px;
    min-width:280px;
    border-width:0;
    background:#fff;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.top-cart.right .cart-popup{
    right:auto;
    left:0;
}
.top-cart .cart-popup a.btn{
    display:inline-block !important;
    padding:7px 10px !important;
    text-align:center !important;
    font-size:12px !important;
    text-transform:none
}
.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .wpb_button{
    margin-bottom:0 !important
}
.vc_row{
    margin:0 !important
}
.left-side-wrap{
    margin-left: 260px;
    position:relative
}
.right-side-wrap{
    margin-right: 260px;
    position:relative
}
[class*="-side-wrap"] .full-screen-slider .fullscreen-container,[class*="-side-wrap"] .full-screen-slider .ls-wp-fullwidth-helper,[class*="-side-wrap"] .full-screen-slider .ls-wp-fullwidth-helper .ls-wp-container,[class*="-side-wrap"] .full-screen-slider .ls-wp-fullwidth-helper .ls-inner{
    width:100% !important;
    padding:0 !important;
    left:0 !important
}
[class*="-side-wrap"] .full-screen-slider > .container,[class*="-side-wrap"] .full-screen-slider > .container > .row,[class*="-side-wrap"] .full-screen-slider > .container > .row > .col-md-12{
    width:100% !important;
    padding:0 !important;
    margin:0 !important
}
.side-head-block .cart-popup{
    position:relative !important;
    min-width: 100% !important;
}
.side-head-block .top-cart .cart-heading{
    border-right: 0 !important
}
.left-side-header,.right-side-header{
    position:fixed;
    left:0;
    top:0;
    width:260px;
    height:100%;
    box-shadow: 3px 0 5px 0 rgba(50, 50, 50, 0.25);
    z-index:5;
    overflow:auto
}
.right-side-header{
    left:auto;
    right:0;
    box-shadow: -3px 0 5px 0 rgba(50, 50, 50, 0.25);
}
.left-side-header header.top-head,.right-side-header header.top-head{
    border-bottom:0;
    padding:70px 0;
    background-color: #fff;
}
.left-side-header .search-box-side,.right-side-header .search-box-side{
    display:block;
    position:relative;
    margin:30px 20px;
    overflow:hidden
}
.left-side-header form,.right-side-header form{
    border-radius: 10em;
    border:1px #ddd solid
}
.left-side-header .search-box-side input[type=text],.right-side-header .search-box-side input[type=text]{
    width: 82%;
    height: 33px;
    font-size: 10px;
    border:0;
    border-radius: 10em;
    background:transparent;
}
.left-side-header .search-box-side .btn,.right-side-header .search-box-side .btn {
    width: 35px;
    height: 35px;
    font-size: 10px;
    border-radius: 50%;
    text-align:center;
    margin: 0;
}
.left-side-header header.top-head .logo a,.right-side-header header.top-head .logo a{
    margin:auto
}
.left-side-header .logo,.right-side-header .logo{
    float:none !important;
    margin:auto
}
.side-nav{
    padding:30px 0 10px;
    clear:both
}
.side-nav ul{
    margin:0;
    padding:0
}
.side-nav > ul > li {
    position: relative;
    margin: 0;
    padding:0 20px;
}
.side-nav > ul > li > a:hover i, .side-nav > ul > li.current > a i, .side-nav > ul > li.selected > a i {
    margin-top: 5px;
}
.side-nav > ul > li > a {
    display: block;
    padding: 0 17px;
    height: 50px;
    text-transform: uppercase;
    overflow:hidden;
    line-height:50px;
    border-bottom: 1px #eee solid;
}
.side-nav > ul > li > a:hover {
    color:#777
}
.side-nav > ul > li.current > a{
    color:#333;
    font-weight:bold
}
.side-nav > ul > li > ul li.current > a{
    background:rgba(255,255,255,.15)
}
.side-nav > ul li a i{
    color:#b8b8b8 !important;
    font-size:16px;
    margin-right:10px
}
.side-nav > ul li a:hover i{
    color:#777 !important
}
.side-nav > ul li a:hover i,.side-nav > ul li.selected a i,.side-nav > ul li.current a i{
    color:#fff;
}
.side-nav > ul li ul {
    position: static;
    min-width: 220px;
    display:none;
}
.side-nav > ul > li > ul li {
    position: relative;
    float: none;
    margin: 0;
    padding: 0;
    line-height: 35px;
    border-bottom:1px rgba(255,255,255,.15) solid;
    width:100%
}
.side-nav > ul > li > ul li a:hover{
    background:rgba(255,255,255,.15)
}
.side-nav ul ul li.hasChildren{
    background:rgba(0,0,0,.1)
}
.side-nav li li a {
    display: block;
    overflow: hidden;
    padding: 0 15px !important;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    line-height: 40px !important;
    color:#fff
}
.side-nav li.hasChildren:after {
    position: absolute;
    top: 15px;
    right: 30px;
    display: inline-block;
    color: #777;
    content: "\f107";
    font-family: FontAwesome;
    -moz-transition: transform 0.3s linear;
    -o-transition: transform 0.3s linear;
    -webkit-transition: transform 0.3s linear;
    transition: transform 0.3s linear;
}
.side-nav li.hasChildren:hover:after {
    transform: rotate(-180deg);
}
.side-nav li li.hasChildren:after {
    top: 2px;
    right: 10px;
    color: #fff;
}
.side-nav li li a:hover, .side-nav li li.selected > a, .side-nav li li.current > a {
    text-decoration: none;
}
.side-nav .div-mega{
    position:relative;
    padding-top: 0;
    -webkit-box-shadow: inset 0 0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: inset 0 0 0 0 rgba(0,0,0,0);
    box-shadow: inset 0 0 0 0 rgba(0,0,0,0);
    top:0;
    left:0;
    display:none
}
.side-nav .div-mega > ul > li{
    float:none;
    width:100%;
    margin:0;
}
.side-nav .megamenu{
    position:relative !important
}
.side-nav .div-mega > ul > li h4{
    margin:0;
    border-radius:0;
    background:rgba(0,0,0,.1);
    color:#fff;
}
.side-nav .div-mega > ul > li h4 a{
    padding:3px 10px !important
}
.side-nav .div-mega > ul > li ul{
    display:block;
}
.side-nav .div-mega > ul > li ul li{
    border-bottom: 1px rgba(255,255,255,.15) solid;
}
.side-nav .div-mega > ul > li ul li a:hover{
    background: rgba(255,255,255,.15);
}
.side-nav .mega-menu div.div-mega > ul > li{
    padding:0 !important
}
/*** sub menu level more than 2 ***/
.side-head-block .container{
    width:100% !important;
    padding:0
}
.side-head-block .top-bar{
    background:transparent;
    text-transform:none;
}
.side-head-block{
    margin:20px;
}
.side-head-block ul {
    float:none !important;
}
.side-head-block .right,.side-head-block .left {
    float:none !important;
}
.side-head-block ul li{
    display:block;
    float:none;
    font-size:12px;
    padding:10px 0;
    border:0;
    line-height:1;
    border-bottom:1px #ECECEC solid;
}
.side-head-block ul li a,.side-head-block ul li span{
    font-size:12px;
    line-height:1.2
}
.side-head-block ul li i{
    margin-right:8px
}
.side-head-block ul.social-list li{
    display:inline-block;
    float:left;
    padding:0;
    border:0;
    border-bottom:0;
    margin:0 2px
}
.side-head-block ul.social-list li a{
    border-radius:50%;
    background:#494949;
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    padding:0
}
.side-head-block ul.social-list li a span{
    line-height:30px;
    padding:0;
    text-align:center
}
.side-head-block ul.social-list li *{
    font-size:12px
}
.side-head-block .login-out{
    padding-top:10px !important;
    padding-bottom:10px !important;
}
.side-head-block ul.social-list{
    display:table;
    margin:15px auto
}

.nicescroll-rails{
    display:block !important
}
.social-list.soon-socs {
    margin: 15px auto 5px;
    display: table;
}
.social-list.soon-socs li a{
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border: 1px #fff solid;
    margin: 0 8px 0 0;
    color:#fff;
}
/* search page */
.srch_item{
    padding:30px;
}
.srch_item:nth-child(odd){
    background-color:#f5f5f5
}
.srch_item .post-meta{
    margin:20px 0 0;
    padding:15px 0 0;
    border-top:1px #ddd dashed
}
.srch_item .post-meta li{
    float:left;
    margin:0 15px 0 0;
    font-size:11px
}
.srch_item .post-meta li i{
    margin-right:7px;
    color:#ddd
}
.srch_item .post-info h2,.srch_item .post-info h5{
    font-size:16px;
    line-height:1.5;
    margin-bottom:10px;
    font-weight:bold
}
.err-noresults i{
    font-size:90px;
    color:#ddd
}

@media only screen and (min-width: 1920px){
    /*.container,.pageWrapper.fixedPage,.top-nav .mega-menu > ul {
        width: 1400px;
    }*/
}
@media (max-width: 1400px) {
    .left-side-wrap .container,.right-side-wrap .container {
        width: 100% !important;
    }
}
@media (max-width: 1200px) {
    .nav-4 .top-nav > ul > li > a i{
        display:none
    }
    .timeline_no_bar .timeline-cell:nth-child(even) .timeline_date{
        left: -91px;
    }
    .timeline_no_bar .timeline-cell:nth-child(odd) .timeline_date{
        right: -89px;
    }
    .timeline_no_bar .timeline_date:before{
        left: 28px;
    }
    .timeline_no_bar .timeline-cell:nth-child(even) .timeline_date:before{
        right: 25px;
    }
    .top-menu{
        float:right
    }
    .head-style3 .stickyHeader .logo{
        float:left !important;
        z-index: 999999;
        margin-top: -12px !important;
        padding:0
    }
    .head-style3 .logo{
        display:table !important;
    }
    .top-nav-style3 .top-menu{
        float:none
    }
    .head-style3 .logo{
        padding-bottom:10px
    }
}

@media (max-width: 1024px) {
    .dark-bg h2{
        font-size:20px;
    }
    .head2-lft-links{
        float:right !important;
        width:auto !important
    }
    .head2-lft-links li{
        float:left !important
    }
    .bg-head2{
        display:none
    }
    .head2-lft-links li i{
        margin-right:10px;
        float:left;
        margin-top:4px
    }
    .head-style2 .top-menu{
        margin:auto;
        float:none !important;
        clear:both !important;
    }
    .side-heading{
        font-size:26px
    }
    .head-style1 .top-nav > ul > li > ul{
        left:0 !important;
        top:83px !important
    }
    .team-box .team-socials li a{
        font-size:15px;
        padding:3px 5px
    }
    .pageWrapper.fixedPage{
        width: auto;
    }
    .search-box{
        top:83px
    }
    .page-title > .container > .row .lft-title{
        margin:auto
    }
    .timeline_no_bar .timeline-cell:nth-child(odd) .timeline_date {
        right: -89px;
    }
    .timeline_no_bar .timeline-cell:nth-child(even) .timeline_date{
        left: -91px;
    }
    .timeline_no_bar .timeline_date:before{
        left: 28px;
    }
    .timeline_no_bar .timeline-cell:nth-child(even) .timeline_date:before {
        right: 25px;
    }
    header.top-head .logo{
        float:none !important;
        display:table;
        margin:auto
    }
    .head-style1 header.top-head:after,.top-nav > ul > li:after,.stickyHeader .logo{
        display:none !important
    }
    header.top-head .top-menu{
        float:none !important;
        margin:auto;
        display:table
    }
    .head-style2 .top-search{
        margin-top:0
    }
    .head-style2 .stickyHeader .top-nav > ul > li > a, .head-style2 .stickyHeader .top-nav > ul > li > a span {
        line-height: 59px !important;
    }
    .logo-ads{
        text-align:center
    }
    .head_right_banner{
        max-width:100%;
        float:none !important;
        margin:0 0 10px
    }
    .head_right_banner img{
        margin:auto
    }
    .homeGallery .block-head{
        font-size:19px
    }
    .portfolio-lft-txt p{
        line-height:17px
    }
    .nav-3 .top-nav > ul > li > ul{
        top:83px;
    }
    .nav-3 .top-nav > ul > li.hasChildren > a:after{
        bottom:8px;
    }
    .one-page ul li.current i{
        color:#ccc
    }
    .custom-head.one-page ul li.current:before{
        display:none
    }
    .custom-head.one-page ul li.current{
        border-bottom:0 !important
    }
    .custom-head.one-page ul li.current li a span{
        color:#fff !important
    }
    .custom-head.one-page .mega-2.current li a span{
        color:#333 !important
    }
}
@media (max-width: 1070px) {
    .testimonials-img{
        max-width:60px
    }
}
@media (max-width: 992px) {
    .edd_download {
        width: 100% !important;
        float:none !important;
        clear:both !important;
    }
    .staff-3 [class*="col-md-"]{
        margin-top:10px
    }
    .stickyHeader .logo{
        display:table !important
    }
    .staff-3 [class*="col-md-"]:first-child{
        margin-top:0px
    }
    header.top-head{
        min-height:60px
    }
    header.top-head .logo{
        margin-bottom:20px;
        height: 60px;
        display:table;
        padding-top:inherit;
        float:none
    }
    .head-style1 header.top-head:after{
        display:none
    }
    .left-side-header,.right-side-header{
        display: none;
    }
    .left-side-wrap,.right-side-wrap{
        margin: 0
    }
    header.top-head .logo a{
        background-position:50% 0 !important;
        margin-bottom:15px
    }
    .widget_it_widget_tweets .timeline li{
        height:75px !important
    }
    .toolsBar .left,.top-bar [class*="col-md-"]{
        clear:none !important;
        float:left !important;
        width:auto !important
    }
    .top-bar .right-bar{
        float:right !important
    }
    .toolsBar .right{
        clear:none !important;
        float:right !important;
        width:auto !important
    }
    .top-menu{
        float: none !important;
        display: table;
        margin: 0 auto 15px;
        width: 100%;
    }
    .footer-menu-inline,.footer-bottom .col-md-7 .right{
        float: none !important;
        display: table;
        margin: 0 auto 5px;
    }
    .footer-top-4 .footer-menu-inline{
        margin-top:8px
    }
    .icon-box-6,.footer-top .col-md-3,.icon-box-7,.icon-box-8,.icon-box-9{
        margin-top: 30px !important;
    }
    .icon-box-10{
        margin-top: 50px !important;
    }
    .icon-box-6:first-child,.footer-top .col-md-3:first-child,.icon-box-7:first-child{
        margin-top:0px
    }
    .staff-1 [class*="col-md-"]{
        margin-bottom:15px;
    }
    .portfolio-items > div{
        width:32%;
        float:left;
        clear:none
    }
    .footer-bar-3 .buyNow,.footer-bar-3 .col-md-10{
        text-align:center;
        border-left:0
    }
    .team-box{
        margin-bottom:20px
    }
    .my-details{
        text-align:center
    }
    .my-details img{
        margin:auto;
        float:none !important
    }
    .img-over {
        top: -69%;
        left: -46%;
        width: 220%;
        height: 220%;
        -ms-transform: rotate(-34deg);
        -webkit-transform: rotate(-34deg);
        -moz-transform: rotate(-34deg);
        transform: rotate(-34deg);
    }
    .img-over a.link b {
        left: 42%;
        top: 79%;
    }
    .img-over a b {
        left: 57%;
        top: 11%;
    }
    .copyrights{
        text-align:center
    }
    .social-list,.rit-dark{
        float:none !important;
        display:table;
        margin:auto;
        width:auto
    }
    .right-sidebar{
        margin-top:50px
    }
    .top-nav > ul > li > a i:after{
        display:none
    }
    #vertical-ticker{
        height:90px !important
    }
    .viewAll{
        padding:0 0 10px;
        overflow:hidden
    }
    .homeGallery .slick-prev, .homeGallery .slick-next{
        top:-38px
    }
    .homeGallery .slick-prev{
        right: 26px;
        left: auto;
    }
    .homeGallery .slick-next{
        left:auto;
        right: -5px;
    }
    .plan-title{
        height:auto !important;
        padding:20px 0;
        font-size:250%
    }
    .lft-plan .plan-year {
        right: -42px;
    }
    .rit-plan .plan-year {
        left: -47px;
    }
    .plan-year {
        bottom: 30px;
    }
    .team-boxes [class*="col-md-"],.shop-item{
        float: left !important;
        width:33%;
        clear:none
    }
    .team-boxes-2 [class*="col-md-"]{
        float:left;
        width:50%;
        clear:none
    }
    header.top-head .logo{
        margin: auto;
        float: none !important;
    }
    header.top-head .logo a{
        margin: 10px auto 0 !important;
    }
    .project-info{
        margin-top:20px
    }
    .accordion li > h3 a{
        width:80%
    }
    .my-details [class*="col-md-"]{
        float:left;
        clear:none
    }
    .btn.ExtraLargeBtn{
        margin:20px auto 0;
        width:60%
    }
    .blog-thumbs .post-image{
        max-height:none
    }
    .nav-4 .top-search{
        display:none
    }
    #filters li a, .esg-filterbutton span{
        padding:0 5px !important
    }
    .masonry.row {
        height:auto !important
    }
    .masonry.row .hentry{
        position:static !important
    }
    .timeline_no_bar .timeline-cell{
        float:none !important;
        width:100% !important;
        clear:both !important;
        margin:0 0 30px !important
    }
    .blog-timeline:before,.top-nav-style3{
        display:none !important
    }
    .head-style3 .logo{
        width:100% !important;
        float:none !important;
        transform: scale(1) !important;
        -webkit-transform: scale(1) !important;
        -moz-transform: scale(1) !important;
    }
    .blog-timeline .timeline_date{
        display:none
    }
    .blog-timeline .meta-date{
        display:list-item
    }
    .blog-timeline > .row{
        margin:0
    }
    .timeline_no_bar .timeline-cell .post-item{
        min-height:inherit
    }
    .timeline-cell .cont{
        display:block;
        padding: 10px;
    }
    .timeline-left .timeline-cell,.timeline-right .timeline-cell{
        margin:0 0 30px;
        padding:0
    }
    .blog-timeline .timeline-left:before,.blog-timeline .timeline-right:before{
        display:none
    }
    .homeGallery .portfolio-lft-txt{
        padding-bottom:35px
    }
    .grid-list.list .item-bottom{
        margin-top:20px
    }
    .sm-img{
        max-height:none;
        overflow:inherit;
        padding-top:40px
    }
    .small_items h2{
        font-size:140%;
        margin:15px 0
    }
    .news-masnory .post{
        padding:0
    }
    .news-masnory .post-image{
        height:auto;
        margin-top: 20px;
    }
    .top-menu,.head-style2 .right-bar,.gray-nav{
        display:none !important
    }
    .pageWrapper{
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        z-index:9;
        position:relative;
    }
    body{
        overflow-x:hidden
    }
    .div-mega-section{
        float:none;
        width:100%
    }
    .responsive-nav{
        position:fixed;
        width: 60%;
        overflow:auto;
        left: -60%;
        top:0px;
        height:100%;
        z-index:999999;
        display:block;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
    }
    .responsive-nav.showNav{
        z-index:6666;
        left:0
    }
    .res-act{
        left:0;
    }
    .one-page header.top-head .logo{
        margin-bottom:0
    }
    .colBody:before{
        content:"";
        background:rgba(0,0,0,.8);
        position:fixed;
        width:100%;
        height:100%;
        display:inline-block;
        z-index:99999
    }
    .menuBtn{
        padding: 9px 12px 8px 12px;
        margin: 0;
        cursor:pointer;
        z-index:999999;
        top: 10px;
        left:0;
        position: fixed;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        display:block
    }
    .responsive-nav .megamenu{
        position:relative !important
    }
    .responsive-nav ul,.responsive-nav ul li{
        margin:0;
        padding:0;
        list-style:none
    }
    .responsive-nav span.collaps{
        position: absolute;
        right: 7px;
        z-index: 999;
        top: 0;
        cursor: pointer;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
    }
    .responsive-nav span.collaps:before{
        content: "\f107";
        font-family: FontAwesome;
        display:inline-block;
        width: 40px;
        height: 40px;
        text-align:center;
        line-height: 40px;
        font-size: 20px;
    }
    .responsive-nav li li span.collaps{
        top:5px;
        right:5px
    }
    .responsive-nav li li span.collaps:before{
        width: 30px;
        height: 30px;
        text-align:center;
        line-height: 30px;
        font-size: 15px;
    }
    .responsive-nav ul li li span.collaps:before{
        border-radius: 0;
    }
    .responsive-nav ul li.current > span.collaps:before{
        content: "\f106";
    }
    .menuBtn-selected{
        margin-left: 60%;
    }
    .menuBtn-selected i:before,.menuBtnOneTogg i:before{
        content:"\f00d"
    }
    .menuBtn i{
        font-size: 21px;
    }
    .responsive-nav h3{
        margin:0px;
        padding:15px;
        font-size:100%;
        text-transform:uppercase;
        font-weight:bold
    }
    .responsive-nav ul li,.responsive-one ul li{
        position: relative;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }
    .responsive-nav ul li a,.responsive-one ul li a{
        display: block;
        font-size: 14px;
        outline: none;
        padding:10px 15px;
        text-transform:uppercase
    }
    .responsive-nav ul li a i,.responsive-one ul li a i{
        margin-right:10px
    }
    .responsive-nav ul li a:hover{
        text-decoration:none
    }
    .responsive-nav ul li ul, .responsive-nav ul li div.div-mega{
        display: none;
        max-width:inherit !important
    }
    .responsive-nav ul li div.div-mega ul{
        display:block
    }
    .responsive-nav ul li div.div-mega{
        padding:0 !important;
        width:100% !important;
        left:0 !important;
        transform: none !important;
        position: static;
    }
    .responsive-nav ul li div.div-mega span.collaps{
        display: none;
    }
    .responsive-nav ul li div.div-mega li{
        padding-left:0 !important;
        padding-right:0 !important
    }
    .responsive-nav ul li div.div-mega h4{
        margin:0 !important;
    }
    .responsive-nav ul li div.div-mega h4.noLink a{
        font-size:13px;
        margin: 0;
        padding: 9px 15px !important;
    }
    .responsive-nav ul ul ul{
        padding:0 !important;
        margin:0 !important
    }
    .responsive-nav ul ul ul li a{
        background:transparent
    }
    .div-mega-section{
        float:none;
        width:100%
    }
    .responsive-nav ul li ul li a{
        font-size:13px;
        text-transform:none
    }
    .responsive-nav ul ul ul{
        padding-left:25px
    }
    .responsive-nav ul ul ul li a{
        font-size:11px
    }
    .icon-box,.banner_img{
        text-align:center
    }
    .icon-box .col-md-3 i{
        margin:0 auto 10px;
    }
    .touch .zoomContainer,.touch iframe#rufous-sandbox{
        display:none !important
    }
    .actions .left,.actions .right{
        float:none !important;
        display: table;
        margin: 10px auto;
    }
    .width-88{
        width:80% !important
    }
    .comment-list ul.children{
        margin-left:15px
    }
    .comment-list ul.children li:before,.comment-list ul.children li:after{
        display:none
    }
}
@media (max-width: 768px){
    .portfolio-items > div{
        width:48%;
        float:left;
        clear:none
    }
    .err-404:before{
        left:44.5%
    }
    .steps li {
        display:block;
        width:100%;
        margin:0 0 5px
    }
    .top-nav-style3{
        display:none
    }
    .pricing-table{
        margin-bottom:50px
    }
    .pricing-table-2{
        margin-bottom:40px
    }
    .team-box-2{
        margin-bottom:70px
    }
    #vertical-ticker{
        height:60px !important
    }
    .team-boxes [class*="col-md-"],.shop-item{
        width: 48%;
    }
    .head-style3 header.top-head{
        margin:0
    }
    .top-head-4.stickyHeader .logo-ads .logo{
        display: table;
    }
    .divider-1 .divid_before{
        margin-left: 40%;
    }
    .divider-1 .divid_after{
        margin-right: 40%;
    }
    .grid-list.list .shop-item p{
        min-height: 30px !important;
        max-height: 70px !important;
        overflow: hidden !important;
        clear: both;
        margin-bottom: 51px;
    }
}

@media (max-width: 640px){
    .pager,.pager *{
        transform: skew(0deg, 0);
        -webkit-transform: skew(0deg, 0);
        -moz-transform: skew(0deg, 0);
        -o-transform: skew(0deg, 0);
        -ms-transform: skew(0deg, 0);
        margin:0
    }
    .pager ul li a, .pager ul li span{
        padding:0 15px !important
    }
    .icon-cont:after{
        border-width: 5px 5px 0 5px;
        bottom:-5px;
    }
    .plan-block{
        padding:20px 10px 0 !important
    }
    .lft-plan .plan-year{
        right:0px
    }
    .rit-plan .plan-year{
        left:0px
    }
    .levels-2 li{
        display:block;
        float:none;
        margin:0 0 30px;
        text-align:center;
        width:100%
    }
    .level-out-2{
        display:table;
        margin:auto
    }
    .comment-content p{
        padding-left: 0px;
        padding-top: 15px;
        clear: both;
    }
    ul.child-comment {
        margin-left: 37px;
    }
    ul.child-comment li:before{
        top:35px
    }
    ul.child-comment li:after {
        height: 110%;
        top: -94%;
    }
    article.comment {
        overflow:hidden
    }
    .comment-author{
        background:transparent none
    }
    .author-name{
        margin:0;
        padding: 0;
        float:none
    }
    .comment-reply {
        font-size: 11px;
        padding: 3px 7px;
    }
    .comment-date {
        padding: 3px 10px 0 0;
        float:none
    }
    .comment-avatar{
        position: static;
        float:left
    }
    .product-specs a.btn, .item-avl > div{
        margin-bottom:5px
    }
    .fun-title{
        font-size:250%;
        margin-bottom:15px
    }
    [class*="skew"],.accordion li > h3[class*="skew-"] u::before{
        transform: skew(0deg, 0);
        -webkit-transform: skew(0deg, 0);
        -moz-transform: skew(0deg, 0);
        -o-transform: skew(0deg, 0);
        -ms-transform: skew(0deg, 0);
    }
    .tabs-vertical .tabs-pane,.accordion-horizontal > li.active{
        width:60%
    }
    #vertical-ticker{
        height:30px !important
    }
    #filters li a{
        padding:0 9px
    }
    .my-details [class*="col-md-"],.my-img img{
        clear:both;
        margin:auto;
        float:none;
        display:table
    }
    .my-details [class*="col-md-"]{
        width:100%
    }
    .my-img img{
        margin-top: 10px
    }
    .my-img .my-name{
        margin:15px auto;
        padding:0
    }
    .post-image img{
        width:100% !important;
    }
    .post-item{
        padding-bottom:15px
    }
    .soon-inputs input[type="text"]{
        width:auto !important;
        min-width:inherit !important;
        margin-bottom:5px
    }
    .larg-socials li{
        margin-bottom:20px
    }
    #vertical-ticker{
        height:50px;
        font-size:170%
    }
    .homeGallery .esg-navigationbutton{
        top:auto;
        bottom:0px;
        right: 50%;
        left: auto;
    }
    .homeGallery .esg-navigationbutton.esg-right{
        left: 50%;
    }
    .cart-icon{
        display:none
    }
    .item-details{
        clear:both;
        float:none;
        width:100%;
    }
    .item-details .item-bottom > div{
        position:relative;
    }
    .grid-list.list .item-img {
        float: none;
        margin-right: 0;
        max-width: 100%;
        clear:both;
        max-height:none
    }
    .nav-single > span{
        display:table;
        margin:0 auto 10px
    }
}
@media screen and (max-width: 600px){
    body.logged-in.admin-bar header.top-head.stickyHeader {
        top:0px !important
    }
}
@media (max-width: 500px){
    .login-controls .input-box,.login-controls .check-box-box{
        clear:both;
        margin:0 0 3px
    }
    .login-box .left.main-bg{
        float:none;
        clear:both;
        width:60px;
        margin:0
    }
    .check-box-box a{
        float:none !important;
        clear:both !important;
        display: table;
        margin: 0 !important;
    }
    .filter-by{
        margin-left:10px
    }
    .cart-icon{
        margin-top:10px
    }
    #vertical-ticker{
        height:30px;
    }
    .pageWrapper.fixedPage #vertical-ticker{
        height:30px;
        font-size:170%
    }
}
@media (max-width: 480px){
    .dark-bg .btn-large{
        font-size:18px
    }
    .page-title h1{
        font-size:17px !important
    }
    .page-title h3{
        font-size:14px !important
    }
    .page-title .page-icon{
        width:50px !important;
        height:50px !important;
        line-height:50px !important;
        font-size:30px !important
    }
    .testimonials-bg > span{
        font-size:11px
    }
    .testimonials-img{
        max-width:60px
    }
    .portfolio-filterable .white-bg,.portfolio-filterable .gry-bg{
        margin:0 25px 10px;
    }
    #filters {
        width:100%
    }
    #filters li{
        display:block;
        float:none;
    }
    .portfolio-items > div{
        width:100%
    }
    .follow-block .follow-link{
        font-size:14px
    }
    .err-404:before{
        left:40.5%
    }
    .small-txt-box{
        margin-bottom:5px
    }
    .small-txt-box input[type=text]{
        width:80px !important
    }
    .products-filter-top{
        padding:10px 0;
    }
    .products-filter-top .left{
        padding:0 0 5px
    }
    .pager ul li a, .pager ul li span{
        padding:0 10px !important
    }
    .shop-bottom-btns .btn{
        clear:both;
        display:table;
        margin:5px auto;
        float:none !important
    }
    .portfolio-filterable .filter-by{
        display:block;
        clear:both;
        margin-bottom:5px
    }
    .portfolio-filterable [class*="skew"],.comment-reply [class*="skew"]{
        transform: skew(0deg, 0);
        -webkit-transform: skew(0deg, 0);
        -moz-transform: skew(0deg, 0);
        -o-transform: skew(0deg, 0);
        -ms-transform: skew(0deg, 0);
    }
    .tabs ul li{
        float:none
    }
    .tabs-vertical > ul{
        float:none;
        width:100%
    }
    .post-image{
        height:auto
    }
    .toolsBar [class*="cell-"]{
        clear:both !important;
        float:none !important;
        width:100% !important;
        padding:10px 0;
        text-align:center
    }
    .list-grid a{
        float:none
    }
    .share-post .sh, .share-post ul li a {
        padding: 5px 6px;
        font-size: 12px;
    }
    .comment-avatar{
        width:38px;
        height:38px;
        margin: 0 10px 0 0;
        line-height: normal;
    }
    .comment-author,.comment-author *{
        transform: skew(0deg, 0);
        -webkit-transform: skew(0deg, 0);
        -moz-transform: skew(0deg, 0);
        -o-transform: skew(0deg, 0);
        -ms-transform: skew(0deg, 0);
    }
    .custom-heading{
        font-size:20px
    }
    .social-list li{
        font-size:12px
    }
    [class*="block-bg-"]{
        background-attachment:scroll !important
    }
    .list-grid{
        display:none
    }
    .copyrights span{
        clear:both;
        display:block
    }
    .slick-slider .slick-list{
        padding-bottom:40px
    }
    .portfolio-img-slick .slick-list{
        padding-bottom:0px
    }
    .slick-prev, .slick-next{
        top:auto !important;
        bottom:0
    }
    .slick-prev{
        right:auto !important;
        left:50% !important;
        margin-left:-29px
    }
    .slick-next{
        left:auto !important;
        right:50% !important;
        margin-right:-29px
    }
    .team-boxes [class*="cell-"]{
        float:none;
        width:100%;
        clear:both
    }
    .btn.ExtraLargeBtn{
        margin:20px auto 0;
        width:80%
    }
    .post-lft-info div{
        padding: 15px;
        font-size: 13px;
    }
    .post-lft-info .tri-col{
        border-width: 15px 30px 0 30px;
        bottom: -15px;
    }
    .portfolio-img-slick .slick-prev{
        right: 0 !important;
        left: auto !important;
        margin-right: 35px;
    }
    .portfolio-img-slick .slick-next{
        right: 0 !important;
        left: auto !important;
        margin-right: 0px !important;
    }
    .masonry.nobar .blog-posts{
        padding: 0 15px
    }
    .portfolio-img-slick .slick-prev, .portfolio-img-slick .slick-next{
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    .team-boxes-2 [class*="col-md-"],.shop-item {
        width: 100%;
        float: none;
        clear: both;
    }
    .comment-reply-link{
        padding:5px 8px
    }
    .responsive-nav ul li a, .responsive-one ul li a {
        font-size: 12px;
        padding: 8px 45px 8px 10px;
    }
    .responsive-nav span.collaps{
        top: 6px;
    }
    .responsive-nav span.collaps:before {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 18px;
    }
}
@media (max-width: 320px){
    .dark-bg .btn-large{
        font-size:18px
    }
    .staff-1 .col-md-2 {
        width: 100%;
        float: none;
        clear: both;
    }
    .toolsBar select{
        margin-right:5px
    }
    table *{
        font-size:10px;
    }
    .tabs-vertical .tabs-pane{
        width:100%
    }
}