/********************************
          index css
********************************/
html,body{min-width: 320px;}
.nohyperlink{cursor: auto;}
.dark .widget_links li a.nohyperlink:hover{color: #CCC;}
.color-yellow{ color: #ffda33}
.color-white{ color: #FFFFFF;}
.bgc-black{background-color: #363436;}
.font-18{font-size:18px;}
.slider-caption h2 { font-size: 40px;}
#logo{padding-left: 9%;}
#logo img{width:100%}
#header {
    background-color: #000000;
}
#bg-img{margin:0;padding: 0; }
/*#bg-content{height: 526px;}*/
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column {
        padding: 30px 14% 30px 12%;
}
#primary-menu ul li .mega-menu-content.style-2 ul:nth-child(3).mega-menu-column {
    height:278px;
}
#primary-menu ul ul:not(.mega-menu-column){
	padding-bottom: 10px;
}

.menu-sub{
	position: relative;
	left: 21px;
}
#primary-menu ul ul li:nth-child(6) div {
    font-size: 16px;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
	padding-left: 15px;
}
#primary-menu > ul li.sub-menu > a::before {
    content: "";
    position: absolute;
	bottom: 0;
	width: 0;
	height: 0;
	transition: .3s ease-in-out;
}
#primary-menu > ul li.sub-menu:hover > a::before {

	border-style: solid;
	border-width: 0 5px 10px 5px;
	border-color: transparent transparent #ffda33 transparent;
	left: 50%;

}
#primary-menu ul ul li > a.menu-sub {
    width: 90%;
}
#primary-menu ul li > a{text-transform:inherit;}
.menu-sub::before{
    content: '';
    display: block;
    position: absolute;
    top: 10.5px;
    bottom: 0;
    left: -5px;
    width: 5px;
    height: 24px;
    background-color: #ffda33;
}
/*#primary-menu ul li > a {
padding-left: 72px;
padding-right: 71px;
}*/

#primary-menu ul li > a i.icon-world{font-size: 22px;}

.lanpic span{ display: none;}
#header.full-header #primary-menu > ul {
    width: 1213px;
}

#primary-menu ul > li ul li {
    width: 100%;
    text-align: left;
}
.slider-caption{left: 30px;}
#page-title{padding: 25px; width: 80%; margin: 0 auto;z-index: 99;}
.breadcrumb {
    top: 71% !important;
    font-size: 15px;
}

.breadcrumb li div, .breadcrumb li a div{
    display: inline-block;
}
#portfolio{padding: 30px 10px 25px 0;}
.portfolio-box{margin-bottom: 10px;overflow: hidden;padding-left: 10px; padding-right: 0;}
.portfolio-title{position: absolute; bottom: 0;  z-index: 3;  width: 100%;  background-color: rgba(255,218,51,0.69); text-align: center; padding: 5px 0;    margin-bottom: 0;transition: opacity .4s ease-in-out;-webkit-transition: opacity .4s ease-in-out;border-right: 10px solid #ffffff;color: #111!important; }
.portfolio-box:hover .portfolio-title{ opacity: 0;}
.portfolio-overlay{border-left: 10px solid #ffffff;  top:100%;transition:.4s ease-in-out!important;}
.portfolio-box:hover .portfolio-overlay{
    top:0;
	opacity: 1;
}
.portfolio-overlay .portfolio-desc span a {
    text-align: left!important;
    width: 450px!important;
    display: inline-block;
}

.portfolio-desc h3 {
    padding-bottom: 20px;
}

#oc-clients {
	margin: 80px 0 100px 0;    
}
.copyrights {
	margin: 0;
	
}
.copyrights p {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: normal !important;
    margin-left: 0 !important;
    margin-bottom: 0;
    line-height: 24px !important;
	text-align: center;
}

.footer_lifirst{
	font-size: 16px!important;
	color: #FFFFFF!important;
}
.border-box{	width: 290px; text-align: left; margin: 0 auto;	position: relative; left: 15px;}
.border-box div:before{
    content: '';
    display: block;
    position: absolute;
    top: 6.5px;
    bottom: 0;
    left: -15px;
    width: 5px;
    height: 53px;
    background-color: #ffda33;
}
.top-links li a img {
    width: 25px !important;
}
.row ul li img{width:300px;}
@media (min-width: 1501px) and (max-width:1800px){
	#header.full-header #primary-menu > ul {width: 940px;}
}
@media (max-width:1500px) {
     #header.full-header #primary-menu > ul {width: 850px;}
}
@media (max-width:1300px) {
    #header.full-header #primary-menu > ul {width: 815px; padding-right: 0; margin-right: 0;}
	#header.full-header #logo{padding-left: 15px;margin-right: 0;}
}
@media (min-width: 1201px) and (max-width:1500px) {
	#primary-menu ul li > a i { left: -10px;}
    .portfolio-overlay .portfolio-desc span a {width: 350px!important;}
	.portfolio-overlay .portfolio-desc span a {font-size: 18px;line-height: 32px;}
	.portfolio-overlay .portfolio-desc a {font-size: 32px;}
/*	#primary-menu ul li > a {padding-left: 38px;padding-right: 37px;}*/
}
@media (min-width: 992px)
{
	#primary-menu ul ul:not(.mega-menu-column) {width: 290px;}
	#primary-menu ul li.lan ul:not(.mega-menu-column) {width: 81px;  left: -26px;}
	#primary-menu ul > li {width: 19%;text-align: center;margin-left: 0;}
	#primary-menu ul > li.lan {width: 4%;}
	.menu-underline{border-bottom: 1px solid #ffda33;}
	.widget_links li a{font-size: 15px; min-width: 115px;}
}
@media (min-width: 992px) and (max-width:1200px) {
	#header.full-header #primary-menu > ul {width: 564px;}
	#primary-menu ul > li {width: auto;text-align: center;margin-left: 0;}
	#primary-menu ul > li a{padding-left: 13px;padding-right: 13px;}
	#logo a.standard-logo { width: 260px;}
	#primary-menu ul li > a i { left: -10px;}
	#primary-menu ul li > a {font-size: 20px;}
	.row {margin: 0;}
	.row .col-xs-4{padding:0;}
}
@media (min-width: 992px) and (max-width: 1011px) {
	#primary-menu ul li > a {font-size: 19px;}
}

@media screen and (min-width: 1200px)
{
	#primary-menu ul li.lan ul:not(.mega-menu-column){left: -21px;}
}
@media screen and (min-width: 1500px)  {
#primary-menu ul ul:not(.mega-menu-column) {width: 290px;}
#primary-menu ul li.lan ul:not(.mega-menu-column){left: -15px;}
}
@media (min-width: 992px){
footer .row .widget_links:nth-child(4) { width: 20%;}
footer .row .widget_links:nth-child(4) img { max-width: 300px; width: 100%;}
}
@media (max-width: 1400px)
{
	#logo { padding-left: 25px;}
}
@media (max-width: 991px)
{
	#primary-menu ul li > a{font-size: 19px;}
    #primary-menu-trigger .icon-reorder {font-size:24px;}
	#primary-menu ul li > a span{ display: inline-block;padding-left: 8px;}
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul a div{color: #ffffff !important;}
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul a:hover div, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul a:focus div{color: #ffda33 !important;}
	#primary-menu ul li .mega-menu-content.style-2 ul:nth-child(3).mega-menu-column {height:auto;}
	#primary-menu ul ul li:nth-child(6) div {font-size: 16px;padding-left: 5px;}
	#primary-menu > ul li.sub-menu > a::before {border-width: 5px 0 5px 8.7px;top: 22px;left: 94px;border-color: transparent transparent transparent #ffda33;border-style:solid;}
	#primary-menu > ul li.sub-menu:hover > a::before {top: 22px;left: 94px;border-width: 8.7px 5px 0 5px;border-color: #ffda33 transparent transparent transparent;}
	#primary-menu ul ul li > a.menu-sub {font-size: 15px;}
	#primary-menu ul ul li:nth-child(8),#primary-menu ul ul li:nth-child(9),#primary-menu ul ul li:nth-child(10),#primary-menu ul ul li:nth-child(11),#primary-menu ul ul li:nth-child(12)  {border-top: none!important;}
	#slider-arrow-right:hover,#slider-arrow-left:hover{background-color: transparent!important;	}
	.portfolio-box:hover .portfolio-overlay {opacity: 0; }
	.portfolio-box:hover .portfolio-title { opacity: 1;}
}
@media  (min-width: 769px) and (max-width: 991px){
    .portfolio-overlay .portfolio-desc span a {width: 350px!important;}
	.portfolio-overlay .portfolio-desc span a {font-size: 18px;line-height: 32px;}
	.portfolio-overlay .portfolio-desc a {font-size: 32px;}

}

@media screen and (max-width: 768px) {
	.row {margin: 0;}
	.row ul li img{margin-bottom: 0!important;}
	.slider-caption h2 {line-height: 66px;}
	.slider-caption{left: 40px;}
}
@media screen and (max-width: 700px) {
	#footer .row .col-xs-4 {width:100%;	}
	#footer .row .col-xs-4 ul{ width: 300px; margin: 0 auto;}
	#footer .row .col-xs-4.bottommargin-sm{margin-bottom: 0px!important;}
	.widget_links li a{font-size: 16px;}
}
@media screen and (max-width: 500px){
	.portfolio-overlay .portfolio-desc span a {width: 350px!important;}
	.portfolio-overlay .portfolio-desc span a {font-size: 18px;line-height: 32px;} 	
	.portfolio-overlay .portfolio-desc a {font-size: 32px;}
		.row .col-xs-4{padding:0;}
		.slider-caption{left: 30px;}
	.slider-caption h2 {line-height: 34px;}
}
@media screen and (max-width: 420px){
	#logo a.standard-logo {width: 210px;}
		.row div:nth-child(3) ul ul { margin-left: 0; position: relative;left: 8px;}
	.row div:nth-child(3) ul ul li {padding-right: 0;}
	.widget_links > ul li {padding-left: 0; padding-right: 0;}
	.slider-caption h2 {line-height: 24px;}

}
@media screen and (max-width: 360px){

}
@media screen and (max-width: 320px){
.border-box {left: 17px;}
}