/*
Theme Name: China Cargo Impex
Template: one
Author: zaharbaz
Author URI: http://zaharbaz.com
Description: China Cargo Impex Theme
Version: 1.0
*/

body {
    background-color: #242422;
    color: #acacac;
    font-size: 16px;
    font-family: "Square721 Dm", sans!important;
}
.nodisplay {
    display:none;
}
#header {
    height: 0!important;
}
.thb-section .thb-section-column-block {
    margin: 0;
}
.thb-header-wrapper .acf-logo-right {
    float: right;
    padding-bottom: 35px;
    width: 100px;
    margin-left: -100px;
}
#header.scrolled .acf-logo-right {
    width:100px;
    margin-right:10px;
}
@media (max-width: 768px) {
	.thb-header-wrapper .acf-logo-right {
		margin-top:10px;
		width:70px;
	}
}
.uk-flex {
	display: -webkit-flex!important;
}
#header.scrolled .thb-header-wrapper .acf-logo-right {
    padding-bottom: 10px;
}

.responsive_480 #thb-section-0-row-0-column-0-block-0 {
    margin-left:0;
    margin-right: 0;
}

#page-content {
    background: #ffffff;
}
#page-content .thb-skin-light {
    color: #4d4d4d!important;
}
.thb-section-column-block-thb_page h1.thb-section-block-title {
    color: #777!important;
    background: #fff url(images/linediag.png) repeat;
    border-top: 3px solid #e30613;
    padding: 6px 0 0 10px;
}

.thb-section-block-header h1.thb-section-block-title {
    color: #222!important;
}
.layout-left-alt .thb-section-block-header h1.thb-section-block-title {
    font-size: 18px!important;
}
.thb-section-row-inner-wrapper .thb-section-column-inner-wrapper {
    padding: 0 10px;
}
.thb-section-column-inner-wrapper .thb-text {
    font-size: 16px;
}


/* links-icons */
.links-icon a.thb-btn.action-secondary {
    font-size: 20px;
    border: 0;
    color: #000;
}
.links-icon a.thb-btn.action-secondary:hover {
    text-decoration: none;
}




/* contacts map */
.uk-img-preserve {
    background: none;
    border-radius: 10px;
}
.gm-style div:nth-child(2) {
    box-shadow: 2px 2px 0 0 rgb(227, 6, 19) inset;
    border-radius: 10px;
}
.gm-style div div div {
    box-shadow: none!important;
}
.thb-skin-light form input,
.thb-skin-light form textarea,
.thb-skin-light form [type="submit"] {
    color: #777777;
    background: #eeeeee!important;
    border: 0;
    box-shadow: 2px 2px 0 0 #e30613 inset;
    border-radius: 10px;
}
.thb-skin-light form textarea {
    resize: none;
}
.thb-skin-light form [type="submit"] {
    font-size: 13px;
    padding: 10px 20px 8px;
}
.thb-skin-light form [type="submit"]:hover {
    color: rgb(227, 6, 19);
}
.ya-map .thb-text {
    box-shadow: 2px 2px 0 0 #e30613 inset;
    border-radius: 10px;
}
.thb-skin-light form input:hover,
.thb-skin-light form textarea:hover,
.thb-skin-light form [type="submit"]:hover {
    background: #eee;
}

/* logo on causel */
.uk-margin-small {
    margin-bottom: -50px!important;
}
.thumbnail {
    background-color: #f2c806;
    border: 1px solid #444;
    border-radius: 0px;
    display: block;
}
.light-bg {
    background: #fff;
}
.dark-bg {
    background: #242422;
}

/* hide logo */
.header-layout-a .thb-header-wrapper #logo {
    display: none;
}
.header-layout-a .scrolled #logo {
    display: table-cell;
    float: left;
    margin: 0 -100px 0 0;
}

/* horizontal center main menu */
.header-layout-a #main-nav > div {
    display: flex;
    float: none;
}
.header-layout-a #main-nav ul {
    margin: auto;
}
.header-layout-a #main-nav {
    font-size: 14px;
    font-weight: normal;
}
.header-layout-a #main-nav ul>li a:hover {
    text-decoration: none;
    color: #e30513;
}
.header-layout-a #main-nav ul>li a {
    color: #fff;
}
.header-layout-a #main-nav ul>li a:hover::before {
    height: 0!important;
}
.header-layout-a .scrolled .thb-header-inner-wrapper {
    background: rgba(0, 0, 0, 0.7);
}
/*hook for big carusel*/
.thb-section .thb-section-inner-wrapper .thb-section-row, .thb-section .thb-section-inner-wrapper .thb-section-column-block {
    padding-bottom: 0!important;
}
.thb-section-row-inner-wrapper .thb-section-column-inner-wrapper {
    padding: 0!important;
}
.linediag-bg, #page-header {
    background: #fff url(images/linediag.png) repeat;
    border-top: 3px solid #e30613;
    padding-bottom: 10px;
}

.linediag-bg h1>span {
    font-size: 36px;
    color: #acacac;
}
#page-header h1 {
    font-size: 36px!important;
    color: #777!important;
    margin-top: 22px;
}
@media (max-width: 768px) {
	#page-header h1 {
		margin-top: 0;
	}
}

.linediag-bg .thb-section-block-header p {
    color: #777!important;
    font-size: 24px!important;
}

.h300 {
    height: 300px;
    overflow: hidden;
}

/* FOOTER */
footer {
    color: #acacac!important;
}
.responsive_480 #copyright {
    float: left;
}
.footerleft,
.footerright,
.footercenter {
    width:33%;
    float:left;
    font-size: 13px;
}
.footerleft p,
.footerright p {
    padding: 0;
    margin: 10px 0 0 0;
}
.footercenter {
    line-height: 2;
    padding-top: 10px;
    text-align: center;
}
.footercenter a {
    font-weight: normal;
}
.footerleft img,
.footerright img {
    height: 40px;
}
.footerright {
    text-align: right;
}
@media (max-width: 768px) {
	.footerleft, .footerright, .footercenter {
		width:100%;
		margin-top:20px;
		text-align:center;
		float:none;
		}
}


.uk-overlay-background {
    background: none!important;
}
.figure1 {
    width: 0;
	height: 0;
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
	border-left: 100px solid #f2c806;
    transform: rotate(-40deg);
    position: absolute;
    left: -10px;
    z-index: -1;
}
.figure2 {
    width: 0;
	height: 0;
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
	border-left: 100px solid #f2c806;
    transform: rotate(-40deg);
    position: absolute;
    left: -8px;
    margin-top: 5px;
    z-index: -2;
}

.img-responsive {
    display: block;
    height: auto;
    min-width: 100%;
}
.img-circle {
    border-radius: 50%;
}
.circletext-1 {
    font-size: 17px;
    margin-top: 80px;
    padding-right: 50px;
}

.circletext-2 {
    font-size: 17px;
    margin-top: 40px;
}

.circleimg-1 {
    margin-top: 40px;
}

@media (max-width: 768px) {
	.circleimg-2 {
	    margin-top: 40px;
	    margin-left: 0px;
	}
	.circletext-1 {
	    margin-top: 40px;
	}
}
@media (min-width: 768px) {
	.circleimg-2 {
	    margin-top: 0px;
	    margin-left: 0px;
	}
	.circletext-1 {
	    margin-top: 40px;
	}
}
@media (min-width : 992px) {
	.circleimg-2 {
	    margin-top: -280px;
	    margin-left: -50px;
	}
}

.img-shadow-1 {
    position: relative;
    box-shadow: 3px 3px 0 0 #e30613;
    border-radius: 50%;
}
.img-shadow-2 {
    position: relative;
    box-shadow: -3px -3px 0 0 #e30613;
    border-radius: 50%;
}

.img-shadow-1:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    top: 0;
    left: 0;
    -webkit-box-shadow: inset 10px 10px 60px -30px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 10px 10px 60px -30px rgba(0, 0, 0, 0.6);
    box-shadow: inset 10px 10px 60px -30px rgba(0, 0, 0, 0.6);
}

.img-shadow-2:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    top: 0;
    left: 0;
    -webkit-box-shadow: inset -60px -60px 20px -70px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset -60px -60px 20px -70px rgba(0, 0, 0, 0.6);
    box-shadow: inset -60px -60px 20px -70px rgba(0, 0, 0, 0.6);
}

.gray-color {
    -webkit-filter: grayscale(100%) contrast(100%) opacity(40%);
    -moz-filter: grayscale(100%) contrast(100%) opacity(40%);
    -ms-filter: grayscale(100%) contrast(100%) opacity(40%);
    -o-filter: grayscale(100%) contrast(100%) opacity(40%);
    filter: grayscale(100%) contrast(100%) opacity(40%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.gray-color:hover {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
}

.overover {
    position: relative;
}
.overover:before {
  width:100px;
  height:100px;
  display:block;
  content: "";
  z-index:0;
  position:absolute;
  left:50%;
  margin-left:-90px;
  margin-top:-40px;
  border-radius:50%;
  border:40px solid rgba(0,255,255,0.7);
}


/* red header box */
.background-h .thb-section-block-header h1.thb-section-block-title span {
    background: #E30613;
    color: #fff;
    padding-bottom:10px;
    display:block;
}


/* dark bg section */
.dark-bg span.thb-divider {
    background:#333!important;
}
.dark-bg .thb-section-block-header h1.thb-section-block-title {
    color: #888!important;
}