@charset "utf-8";
/* CSS Document*/
@import url('https://fonts.googleapis.com/css?family=Farsan|Pridi|Roboto:400,500,700&subset=vietnamese');
/*****************/
body{
	font:14px/26px  'Roboto', sans-seri;
	background:#f6f6f6; color:#000; position:relative;
	overflow-x:hidden; width:100%;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	
}
.f-title{
	font-family:'Pridi', cursive, sans-seri;
}
.f-des{
	font-family:'Farsan', cursive, sans-seri;
}
.bg-white{
	background:#FFF; color:#000;
}
.bg-gray{
	background-color:#f5f5f5;	
}
.page-container{
	width:82%; margin:auto; 
	max-width:1500px;
}
.img-full{
	display:block; width:100%;	
}
.bold{
	font-weight:bold;	
}
.img_hover_zoom {
	overflow:hidden; display:block;
}
.img_hover_zoom img{
    max-width: 100%;    opacity: 1;    
	transition: all 2s ease 0s; -moz-transition: all 2s ease 0s; -webkit-transition: all 2s ease 0s;
	overflow:hidden;
}
.img_hover_zoom:hover img{
    transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2);
}
.text_hide{
    text-overflow: ellipsis;    white-space: nowrap;	overflow:hidden;
}
.over_hide{
	overflow:hidden;	
}
.page-contact, .page-contact .wrapper{
	background-color:#f5f5f5 !important;	
	overflow-x:hidden;
}
.wrapper{
	position:relative; z-index:1;
	background-color:#FFF;	
}
.bw {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-moz-filter: grayscale(100%);
}
.bw:hover {
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	filter: grayscale(0);
}
/************/
.padd-tb30{
	padding-bottom:30px; padding-top:30px;	
}
.padd-tb50{
	padding-bottom:50px; padding-top:50px;	
}
.text-upp{
	text-transform:uppercase;	
}
/***********/
#btn-scrolltop {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;    bottom: 25px;
    cursor: pointer;    display: none;
    height: 36px;    margin: 0;    overflow: hidden;
    padding: 0;    position: fixed;    right: 25px;
    width: 36px;    z-index: 9999;
}
/***********/
#call_mobile{
	position:fixed; right:0px; bottom:0px; z-index:9990;
	width:100%;	min-height:40px; overflow:hidden; cursor:pointer;
	text-decoration:none;

	padding:5px 10px 5px 10px; margin:0; border:none;
	font-size:15px; font-weight:500; line-height:30px; text-transform:uppercase;
	
	background:#de4501; color:#FFF; display:none;
	text-align:center;
	border-top:3px double #FFF;
}
#call_mobile span{
	display:inline-block; position:relative;
	padding-left:40px;	
}
#call_mobile span::before{
	position:absolute; left:0%; top:50%; margin-top:-20px;
	width:50px; height:40px;
	text-align:center;
	
	content: "\f10b";
	display: inline-block;
	font: normal normal normal 27px/40px FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#call_mobile:hover{
	background:#de4501;
}
/************/
.title-page{
	font-family:'Pridi', cursive;
	margin:0 0 0px; padding:0;
	font-size:45px; line-height:58px; text-transform:uppercase;
	font-weight:bold; position:relative;
	border:none !important;
}
.title-page.border{
	padding-bottom:0px;	
}
.title-page.border:after{
	top:10px; position:relative;
	content:""; display:block;
	height:5px; width:70px; margin:auto;
	background:#de4501;
}
/************/
.page-home{
	position:relative;	
}
.page-home .sy-box{
	position:fixed; height:100vh; width:100%;
	z-index:-1;
}
.page-home #main-wrapper{
	position:absolute; left:0; top:0;
	width:100%; z-index:9999;
	background-color:rgba(222, 67, 1, 0.53);	
}
.page-home #header{
	overflow:hidden;
}
/*
#intro-header{
	padding:4em 0 0; color:#FFF;
}
#intro-header .menu button{
	border:none; background:none; padding:0;
    width: 54px; height: 54px;    overflow: hidden;
    position: relative; z-index: 3;
    text-indent: 100%; white-space: nowrap;
	transition: transform 0.5s ease 0s; -moz-transition: transform 0.5s ease 0s; -webkit-transition: transform 0.5s ease 0s;
}
#intro-header .menu button .cd-nav-icon {
    background-color: #ffffff;
    position: absolute; left: 50%; right: auto; bottom: auto; top: 50%;
    height: 3px; width: 28px;
    transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform:translateX(-50%) translateY(-50%);
    
}
#intro-header .menu button .cd-nav-icon::before, #intro-header .menu button .cd-nav-icon::after {
    backface-visibility: hidden;    background-color: inherit;
    content: ""; height: 100%; width: 100%;
    position: absolute;    right: 0;    top: 0;
    transform: translateZ(0px); -moz-transform: translateZ(0px); -webkit-transform: translateZ(0px);
    transition: transform 0.5s ease 0s, width 0.5s ease 0s, top 0.3s ease 0s;
	-moz-transition: transform 0.5s ease 0s, width 0.5s ease 0s, top 0.3s ease 0s;
	-webkit-transition: transform 0.5s ease 0s, width 0.5s ease 0s, top 0.3s ease 0s;
    
}
#intro-header .menu button .cd-nav-icon::before {
    transform: translateY(-8px); -moz-transform: translateY(-8px); -webkit-transform: translateY(-8px);
    transform-origin: right top 0;
	-webkit-transform-origin: right top 0; -moz-transform-origin: right top 0;
}
#intro-header .menu button .cd-nav-icon::after {
    transform: translateY(8px); -moz-transform: translateY(8px); -webkit-transform: translateY(8px);
    transform-origin: right bottom 0;
	-moz- transform-origin: right bottom 0; -webkit- transform-origin: right bottom 0;
}
#intro-header .menu button:hover .cd-nav-icon::after {
    top: 2px;
}
#intro-header .menu button:hover .cd-nav-icon::before {
    top: -2px;
}
*/
/*******/
/*
.navigation-is-open #intro-header .cd-nav-trigger {
    transform: rotate(180deg);
}
.cd-nav-trigger svg {
    left: 0;    position: absolute;    top: 0;
}
.navigation-is-open #intro-header .cd-nav-trigger circle {
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 0.4s ease 0.3s;
	-webkit-transition:stroke-dashoffset 0.4s ease 0.3s;
	-moz-transition:stroke-dashoffset 0.4s ease 0.3s;
	-o-transition:stroke-dashoffset 0.4s ease 0.3s;
}
.navigation-is-open #intro-header .cd-nav-trigger .cd-nav-icon::before {
    transform: rotate(45deg);	-moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);
}
.navigation-is-open #intro-header .cd-nav-trigger .cd-nav-icon::after{
    transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
}
.navigation-is-open #intro-header .cd-nav-trigger .cd-nav-icon::after, 
.navigation-is-open #intro-header .cd-nav-trigger .cd-nav-icon::before {
    transition: transform 0.5s ease 0s, width 0.5s ease 0s;
	-moz-transition: transform 0.5s ease 0s, width 0.5s ease 0s;
	-webkit-transition: transform 0.5s ease 0s, width 0.5s ease 0s;
    width: 50%;
}
.navigation-is-open #intro-header .cd-nav-trigger:hover .cd-nav-icon::after, 
.navigation-is-open #intro-header .cd-nav-trigger:hover .cd-nav-icon::before {
	top:0	
}

.cd-nav {
	position: fixed;	z-index: 2;	top: 0;	left: 0;
	height: 100%;	width: 100%;
	visibility: hidden;
	transition: visibility 0s 0.7s; -webkit-transition: visibility 0s 0.7s;	-moz-transition: visibility 0s 0.7s;
	background:url(../img/slide1.jpg) center center no-repeat;
	background-size:cover;
}
.navigation-is-open .cd-nav {
    transition: visibility 0s ease 0s;
	-moz-transition: visibility 0s ease 0s; -webkit-transition: visibility 0s ease 0s;
    visibility: visible;
}

.cd-nav .cd-navigation-wrapper::after {
    clear: both;    content: "";    display: table;
}
.navigation-is-open .cd-nav .cd-navigation-wrapper {
    transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px);
    transition: transform 0.5s cubic-bezier(0.82, 0.01, 0.77, 0.78) 0s;
	-moz-transition: transform 0.5s cubic-bezier(0.82, 0.01, 0.77, 0.78) 0s;
	-webkit-transition: transform 0.5s cubic-bezier(0.82, 0.01, 0.77, 0.78) 0s;
}
.cd-nav .cd-navigation-wrapper {
    padding: 62px 20%;    backface-visibility: hidden;
    height: 100%;    overflow-y: hidden;
    transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);
    transition: transform 0.7s cubic-bezier(0.86, 0.01, 0.77, 0.78) 0s;
	-webkit-transition: transform 0.7s cubic-bezier(0.86, 0.01, 0.77, 0.78) 0s;
	-moz-transition: transform 0.7s cubic-bezier(0.86, 0.01, 0.77, 0.78) 0s;
}

.cd-nav .cd-half-block {
    float: left;    width: 50%;
}
.cd-nav h2 {
    margin-bottom: 1em; padding-top:15px;
    color: #fff;    font-size: 32px !important;
    position: relative;    text-align: left;    text-transform: uppercase;
}
.cd-nav h2:before{
	position:absolute; left:0; top:0;
	background:url(../img/sep.gif) no-repeat left top;
	height:3px; width:41px;	float:left; display:block;
	content:"";
}

.cd-nav .cd-primary-nav {
    margin-left: 0 !important;    margin-top: 0;    padding-left: 0 !important;
}
.cd-nav .cd-primary-nav li {
    margin: 0 0 20px;    list-style-type: none;    text-align: left;
}
.cd-primary-nav span {
    color: #fff;    display: block;    margin-top:5px !important;
}

.cd-nav .cd-primary-nav a.selected {
    color: #ffffff;
}
.cd-nav .cd-primary-nav a:hover {
	color:#FFF; text-decoration:none;
}
.cd-nav .cd-primary-nav a {
    font-size: 24px; text-transform:capitalize;
    color: rgba(255, 255, 255, 0.7);
    display: inline-block;	font-style:italic;
}

.cd-nav .cd-primary-nav span a {
    font-size: 15px !important;    margin-top:0 !important;
}

.cd-nav .cd-contact-info {
    margin-top: 148px;    padding-left: 0 !important;
}
.cd-nav .cd-contact-info li {
	list-style-type:none;    font-size:25px;    text-align: right;
    margin-bottom: 15px;
}
.cd-nav .cd-contact-info li a{
	color:#FFF;
}
*/
#header{
	padding:0px;
}
#header .page-container{
	border-bottom:1px solid rgba(255, 255, 255, 0.8);	
}
#header .borline{
	display:block; float:left; width:100%;
	border-bottom:1px solid rgba(255, 255, 255, 0.2);	
}
#header .logo, #header .navigation{
	padding-left:15px; padding-right:15px; padding-bottom:10px;
	float:left; position:relative;	
}
#header .logo{
	width:25%;
}
#header .logo img{
	display:none; height:60px;
}
#header .logo img.logo-white{
	display:inline-block;
}

#header .navigation{
	width:75%; text-align:right;
}
#header .navigation ul{
	margin:0; padding:0; list-style-type:none;
	display:block;
}
#header .navigation ul li{
	margin:0; padding:0 0 0 40px; list-style-type:none;
	display:inline-block; line-height:60px;
	text-transform:uppercase; font-weight:bold;
	font-size:15px;
}
#header .navigation ul li:first-child{
	padding-left:0;
}
#header .navigation ul li a{
	color:#FFF; text-decoration:none;
}
#header .navigation ul li a:hover,
#header .navigation ul li.selected a{
	color:#FF0;
}
/***********/
.btn_xs{
	border:none; background:none;
	color:#000; font-size:28px;	
	position:absolute;right:15px; top:8px;
	height:30px; width:30px; display:block;
	display:none;
}
.btn_xs .fa{
	line-height:30px;
}

#header .btn_mobile{
	position:absolute; top:0; bottom:7px; right:0px; z-index:99; 
	border:none; background:none; color:#de4501;
	padding:0 15px;
	border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;
	transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -webkit-transition: all 0.7s ease 0s;
	display:none;
}
#header .btn_mobile .fa{
	font-size:28px; line-height:35px;
}
#header .btn_mobile:hover{
	color:#000;
}
/********/
#header #intro-header{
	position:relative;
}
.page-home #header #intro-header{
	height:100vh; position:relative;
}
/****************/
#header .sticky-wrapper{
	position:absolute; left:0; top:0; width:100%;	
	z-index:1000;
}
#header .header-navmain{
	position:relative; z-index:2;
	width:100%; display:block;
	padding-top:10px;
	transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;
}
#bg_header{
	position:relative; left:0; top:0; overflow:hidden;
	width:100%; padding-top:90px; height:330px;
	background-color:#FFF; background-size:cover;
	background-repeat:no-repeat; background-position:center center;
	background-image:url(../img/intro.jpg);
	display:table;
}
#bg_header::before{
	position:absolute; left:0; top:0;
	height:100%; width:100%;
	content:""; display:block; float:left;
	background:rgba(0, 0, 0, 0.27);
}
/************/
#header .is-sticky .header-navmain{
	background:#de4501;
}
#header .is-sticky .header-navmain .page-container{
	border-bottom-color:#de4501;
}
#header .is-sticky .logo img{
	height:45px;
}
#header .is-sticky .navigation ul li{
	line-height:40px; padding-top:5px;
}
/**************/
#intro-header .header-sologan{
	position:absolute; left:0; top:0; z-index:1;
	width:100%; height:100%; padding:8em 22%;
	display:table; vertical-align:middle;
}
#intro-header .header-sologan #slide-video{
	display:none;
}
/**************/
#intro-header .caption{
	position:relative; z-index:9;
	display:table-cell; vertical-align:middle;
	margin-top:0; color:#FFF; text-align:center;
	padding-bottom:0px; 
}
#intro-header .caption .title{
	margin:0 0 15px; padding:0;
	font-size:49px; line-height:68px; text-transform:uppercase;
	font-weight:bold;
}
#intro-header .caption .des{
	margin:0 0 50px; padding:0;
	font-size:27px; line-height:40px;
	font-weight:normal; font-style:normal;
}
#intro-header .caption a.link-about{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #fff;    color: #fff;
    display: inline-block;    font-size: 17px;
    font-weight: normal;    min-width: 120px;
    padding: 12px 40px;    text-decoration: none;    text-transform: uppercase;
	transition:background-color 0.4s ease 0s; 
	-webkit-transition:background-color 0.4s ease 0s; -moz-transition:background-color 0.4s ease 0s;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}
#intro-header .caption a.link-about:before{
	background-color:#de4501;
}
#intro-header .caption a.link-about:hover{
	color:#de4501; background-color:#FFF;
}
#intro-header .caption p{
	margin-bottom:0;	
}
/**********/
#intro-header #mice {
	width:100%; left:0; text-align:center;
	position:absolute; bottom:0;
}
#intro-header #mice > a{
    height: 9px;    margin: 0 auto;
    padding-bottom:7em;    padding-top: 3em;
    text-align: center;    width: 20px;
	display:inline-block;
}
#intro-header #mice span {
    border-bottom: 2px solid white;    border-right: 2px solid white;
    display: block;    height: 9px; width: 9px;    margin: 5px 0 3px 6px;    
	transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);
}
#intro-header #mice .unu {
    margin-top: 6px;
}
#intro-header #mice .unu, #intro-header #mice .doi, #intro-header #mice .trei {
    animation: 1s ease 0s normal none infinite running mouse-scroll;
	-moz-animation: 1s ease 0s normal none infinite running mouse-scroll;
	-webkit-animation: 1s ease 0s normal none infinite running mouse-scroll;
}
#intro-header #mice .unu {
    animation-delay: 0.1s; -webkit-animation-delay: 0.1s;
    animation-direction: alternate; -webkit-animation-direction: alternate;
}
#intro-header #mice .doi {
    animation-delay: 0.2s; -webkit-animation-delay: 0.2s;
    animation-direction: alternate; -webkit-animation-direction: alternate;
}
#intro-header #mice .trei {
    animation-delay: 0.3s; -webkit-animation-delay: 0.3s;
    animation-direction: alternate; -webkit-animation-direction: alternate;
}
#intro-header #mice .mouse {
    border: 2px solid white;  height: 30px;    top: 170px;   width: 22px; 
	transform: none; -moz-transform: none; -webkit-transform: none;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
}
#intro-header #mice .wheel {
    background: white none repeat scroll 0 0;
    display: block;    height: 5px;
    margin: 7px auto;    position: relative;    width: 2px;
}
#intro-header #mice .wheel {
    animation: 1.2s ease 0s normal none infinite running mouse-wheel;
	-webkit-animation: 1.2s ease 0s normal none infinite running mouse-wheel;
	-moz-animation: 1.2s ease 0s normal none infinite running mouse-wheel;
}
/***************/
#slide-video{
	position: fixed;	top: 50%;	left: 50%; z-index: -100;
	min-width: 100%;	min-height: 100%;
	width: auto;	height: auto;
	
	transform: translateX(-50%) translateY(-50%);
	transition: 1s opacity;
}
/***************/
#slide-intro .sy-slide{
	height:100vh;	
}
#slide-intro .img{
	width:100%; height:120vh;
	background-position:center center; background-repeat:no-repeat; background-size:cover;	
}
/*****************/
#footer{
	background:url(../img/bg-footer.jpg) left bottom repeat-x #FFF;
	padding-bottom:6px;
}
#footer .footer-about{
	background:#DDD;	padding-bottom:30px;
}
#footer .footer-about .logo-footer{
	margin-bottom:15px;
}
#footer .footer-about .logo-footer a{
	display:inline-block; height:100px; width:100px;
	padding:15px;
	border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
	background-color:#FFF;
	border:5px solid #f5f5f5;
	margin-top:-50px
}
#footer .sologan-footer{
	padding-left:30px; padding-right:30px; text-align:center;
	font-size:15px; line-height:28px;
}
#footer .bg-support{
    background-color:#de4501;
	padding-bottom:30px; padding-top:30px;
	text-align:center;
	line-height:26px;
	color:#FFF;
}
#footer .bg-support h5{
	display:inline-block;
	margin:0 5px 0 0; padding:0;
	font-size:15px; text-transform:uppercase; font-weight:normal;
	line-height:26px;
}
#footer .bg-support a{
	display:inline-block;
	padding:4px 20px 5px; margin:0 5px 0 0;
	border:1px solid #FFF; color:#FFF;
	font-size:14px; text-decoration:none; font-weight:500;
	border-radius:3px;
}
#footer .bg-support a:lat-child{
	margin-right:0;
}
#footer .bg-support a:hover{
	background-color:#FFF; color:#de4501;
}
#footer .footer-author{
	background:#FFF; padding:30px 0 10px;
	font-size:13px; line-height:24px;	
}
#footer .footer-author h3{
	margin:0 0 10px; padding:0;
	font-size:17px; text-transform:uppercase; font-weight:bold;
	font-family:'Pridi', cursive;
}
#footer .footer-author ul{
	clear:both; display:block;
	padding-left:15px;
}
#footer .footer-author li{
	clear:both; margin-bottom:2px;
}
#footer .footer-author ul a{
	color:#333; text-decoration:none;
}
#footer .footer-author ul a:hover{
	color:#de4501; text-decoration:none;
}
#footer .footer-author h4{
	margin:0 0 2px; padding:0;
	font-size:15px; font-weight:bold; text-transform:uppercase; line-height:22px;
}
#footer .footer-author p{
	margin:0 0 2px; clear:both;
}
#footer .footer-author .social{
	margin-top:12px;	
}
#footer .footer-author .social a{
	float:left;
	display:inline-block; margin-right:10px;
	height:32px; width:32px;
	background:#DDD; 
	font-size:17px; text-align:center;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	color:#000;
}
#footer .footer-author .social a:last-child{
	margin-right:0;
}
#footer .footer-author .social a .fa{
	line-height:32px;
}
#footer .footer-author .social a:hover{
	background:#de4501; color:#FFF;
}
#footer .footer-author a{
	color:inherit; text-decoration:none;
}
#footer .footer-author a:hover{
	color:#de4501;
}
#footer .footer-author .social .dmca-badge{
	width:auto; background:none;	
}
#footer .footer-author .social .dmca-badge img{
	display:inline-block; height:32px;
}
#footer .footer-author .social .dmca-badge:hover{
	background:none;
}
/******************/

.bg-layout{
	background-color:#FFF;	
}
.bg-layout #header{
	background-color:#FFF; background-attachment:fixed;
	background-repeat:no-repeat; background-position:top center;
	background-size:cover;
}
.bg-layout #intro-header .caption{
	margin-top:0;
}
.bg-layout #intro-header .caption .title{
	margin-bottom:5px; display:block;
	font-size:35px; line-height:46px;
}
.bg-layout #intro-header .caption .des{
	font-size:21px; line-height:30px;
	margin-bottom:0px
}
.bg-layout #footer .footer-about .logo-footer a{
	border-color:#FFF;	
}
.bg-layout #footer{
	margin-top:80px;	
}
/*****************/
.home-work{
	padding-top:50px; display:block;
	overflow:hidden;	
}
.home-work .title-page{
	margin-bottom:70px;	
}
.home-work .row{
	position:relative;
}
.home-work .img{
	padding-left:40px;	 max-height:100%;
	position:absolute; bottom:0; right:0;
}
.home-work .img img{
	display:inline-block;
	position:relative; bottom:0; z-index:1;
	box-shadow:0 7px 60px -15px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0 7px 60px -15px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 7px 60px -15px rgba(0, 0, 0, 0.5);
}
.home-work .img .img_1{
	left:40px; bottom:0; z-index:2;
	position:absolute;
}
.home-work .img .img_2{
	float:right;
	right:0; bottom:0;
	width:90%; display:block;
}
.home-work .des{
	margin-bottom:50px;	
}
.home-work .des .item{
	font-size:14px; line-height:30px;	
	margin-bottom:10px;
}
.home-work .des .item h3{
	margin:0 0 3px; padding:0;
	font-size:19px; font-weight:bold; line-height:28px;	
}
.home-work .des .readmore{
	display:inline-block;
	padding:7px 30px; color:#000;
	border:1px solid #DDD; text-transform:uppercase;
	font-weight:bold; font-size:13px; text-decoration:none;

    border: 1px solid #CCC;
	transition:background-color 0.4s ease 0s; 
	-webkit-transition:background-color 0.4s ease 0s; -moz-transition:background-color 0.4s ease 0s;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}
.home-work .des .readmore:hover{
	color:#FFF; background-color:#de4501;
	border-color:#de4501;
}
.home-work .des .item a{
	color:#222; text-decoration:none;
}
.home-work .des .item a:hover{
	color:#de4501;
}

/*****************/
.home-tool{
	padding:50px 0px;
	color:#000; text-align:center;	
	display:block; width:100%; overflow:hidden;
}
.home-tool .icon-tool{
	float:left; position:relative;
	width:20%; text-align:center;
	padding-left:15px; padding-right:15px;
}
.home-tool .header{
	margin:0; padding:0;
	font-size:41px; font-weight:bold; text-transform:uppercase;
	line-height:50px; font-style:italic;
	color:#FFF;
}
.home-tool .icon-tool span{
	display:block; width:100%; 
	background-position:center center;
	background-repeat:no-repeat;
}
.home-tool img{
	display:inline-block; width:100%;
}
/***************/
.home-website .title{
	text-align:center; margin-bottom:20px;
}
.home-website .title b.num{
	margin:0 0 5px; padding:0; display:block;
	font-size:140px; text-transform:uppercase; font-weight:bold;
	font-family:"Times New Roman", Times, serif; line-height:90%;
	color:#de4501; background:transparent none repeat scroll 0 0;
}
.home-website .title h2{
	margin-top:0; margin-bottom:40px;
}
.home-website .title .des{
	margin-top:0; margin-bottom:0; display:block;
	font-size:21px; line-height:32px;	font-family:'Farsan', cursive;
}
.home-website .title .des p:last-child{
	 margin-bottom:0;
}
.home-website .row{
}
.home-website .item{
	margin-top:30px; 
}
.home-website .item:nth-child( 3n + 1){
	clear:both;	
}
.home-website .item img{
	display:block; width:100%;
}
.home-website .item a{
	display:block; position:relative;	
	overflow:hidden; background:#FFF;
	box-shadow:0 10px 10px 0 rgba(24, 24, 40, 0.3);
	-moz-box-shadow:0 10px 10px 0 rgba(24, 24, 40, 0.3); 
	-webkit-box-shadow:0 10px 10px 0 rgba(24, 24, 40, 0.3);
}
.home-website .item .des{
	position:absolute; left:0; top:0; z-index:1;
	width:100%; height:100%; text-align:center;
	background:rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.8) 75%) repeat scroll 0 0 !important;
    background-color: #000;
	opacity:0;
	
    transform: translate(0px, 80%); -moz-transform: translate(0px, 80%); -webkit-transform: translate(0px, 80%);
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s, -webkit-transform 0.35s ease 0s;	
	-moz-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s, -webkit-transform 0.35s ease 0s;	
	-webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s, -webkit-transform 0.35s ease 0s;	
}
.home-website .item .des .title{
	position:absolute; left:0; bottom:0; width:100%; height:auto;
	margin:0; padding:15px; 
	font-size:17px; text-transform:uppercase; line-height:22px;
	font-weight:bold; color:#FFF;
}
.home-website .item .icon{
	color:#fff; text-align:center;
	position:absolute; left:0; top:30%; z-index:2;
	width:100%; 
	vertical-align:middle; opacity:0;
	transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;
}
.home-website .item .icon span{
	display:inline-block; text-align:center;
	width:48px; height:48px; line-height:50px;
	color:#FFF;
}
.home-website .item .icon svg{
	color:#FFF; fill:currentcolor; overflow:visible;
	vertical-align:middle;
	height:50px; width:50px; font-weight:normal;
}
.home-website .item:hover .des{
	opacity:1;
    transform: translate(0px, 0%); -moz-transform: translate(0px, 0%); -webkit-transform: translate(0px, 0%);
}
.home-website .item:hover .icon{
	opacity:1;
}
.home-website .readmore{
	display:inline-block;
	margin:50px 0 10px; padding:12px 50px; color:#FFF;
	text-transform:uppercase; letter-spacing:1px;
	font-weight:bold; font-size:14px; text-decoration:none;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	
	background:#222;
	transition:background-color 0.4s ease 0s; 
	-webkit-transition:background-color 0.4s ease 0s; -moz-transition:background-color 0.4s ease 0s;
}
.home-website .readmore:hover{
	color:#FFF; background-color:#de4501;
	border-color:#de4501;
}

/**************/
.home-toolanalytics{
	padding-bottom:100px; padding-top:100px;
}
.home-toolanalytics .icon{
	text-align:center; display:block;
}
.home-toolanalytics .icon span{
	display:inline-block;
	width:90px; height:90px; background:#FFF;
	color:#000;
	border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
}
.home-toolanalytics .icon span .fa{
	line-height:90px; font-size:46px;
	color:#de4501;
}
.home-toolanalytics  h3{
	margin-top:10px;
	font-size:31px; color:#FFF;
}
.home-toolanalytics .title-page.border::after{
	background-color:#FFF;	
}
.home-toolanalytics .des{
	margin-top:30px; margin-bottom:0;
	font-size:23px; line-height:34px; color:#FFF;
	font-family:'Farsan', cursive;
}
.home-toolanalytics .readmore{
	display:inline-block;
	margin:30px 0 10px; padding:10px 30px; color:#000;
	text-transform:uppercase; letter-spacing:1px;
	font-weight:bold; font-size:13px; text-decoration:none;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	
	background:#FFF;
	transition:background-color 0.4s ease 0s; 
	-webkit-transition:background-color 0.4s ease 0s; -moz-transition:background-color 0.4s ease 0s;
}
.home-toolanalytics .readmore:hover{
	color:#FFF; background-color:#de4501;
	border-color:#de4501;
}
/*************************/
.news_date {
    background-color:#de4501;
    color: #fff;    line-height: 1;
    padding: 7px 10px;    position: absolute;
    right: -10px;    text-align: center;    top: 10px;
	font-size:12px; font-weight:normal; text-align:center;
}
.news_date::after {
    border-color: #bf1926 transparent transparent;
    border-style: solid;    border-width: 9px 10px 0 0;
	content: "";    height: 0; width: 0;
    position: absolute; bottom: -9px;       right: 0;
    
}.news_date .date_month {
    font-size: 11px; font-weight:bold;
}
.news_date .date_day {
	border-bottom:2px solid rgba(250, 250, 250, 0.5);
	padding-bottom:5px; margin-bottom:5px;
    display: block;    font-size: 15px;
}
/************/
#home-news{
	margin-top:30px; padding-bottom:70px;
}
.shadow{
	box-shadow:0 10px 10px 0 rgba(24, 24, 40, 0.3);
	-moz-box-shadow:0 10px 10px 0 rgba(24, 24, 40, 0.3); 
	-webkit-box-shadow:0 10px 10px 0 rgba(24, 24, 40, 0.3);
}
#home-news .news-item .shadow{
	background:#FFF;
}
#home-news .news-item .img{
	position:relative; display:block; width:100%;
}
#home-news .news-item img{
	width:100%; display:block;	
}
#home-news .news-item .img .newsimg{
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%); /* Safari and Chrome */
	-moz-transform: translate(-50%, -50%); /* Firefox */
	-ms-transform: translate(-50%, -50%); /* IE 9 */
	-o-transform: translate(-50%, -50%); /* Opera */	
	
	height:100%; width:auto; max-width:none;
	margin:auto;
}
#home-news .news-item .img .boximg{
	position:relative; overflow:hidden;
	text-align:center; vertical-align:middle;
	display:block; margin:auto;
}
#home-news .news-item .des{
	width:100%; display:block;	
    padding:20px 15px 15px;
	background:#FFF;
    transition: all 100ms ease-out 0s;
	height:235px;
}
#home-news .news-item h3 {
    font-size: 17px;    font-weight: bold;
    line-height: 24px;    margin-bottom: 9px;
    margin-top: 0;    text-transform: uppercase;
}
#home-news .news-item .des .quote {
	color:#333; text-align:justify;
    font-size: 14px;    line-height: 24px;    
	height: 120px;    overflow: hidden;
}
#home-news .news-sm{
	background:#FFF; border-bottom:1px solid #DDD;
	padding:15px !important;	
}
#home-news .news-sm:last-child{
	border-bottom:none;
}
#home-news .news-sm h3{
	font-size:14px; line-height:20px;		margin-bottom:3px;
}
#home-news .news-sm.des, #home-news .news-sm.des .quote{
	height:auto; margin:0;
}
#home-news a{
	color:#000; text-decoration:none;
}
#home-news .news-item a:hover{
	color:#de4501;
}
/*******
***********
************/
.title-main{
	margin:30px 0 20px; padding:0px 0 3px;
	font-size:25px; font-weight:bold; text-transform:uppercase;	
	line-height:38px; color:#de4501;
	display:block; position:relative;
}
.title-main::before{
	position:absolute; left:0; top:100%;
	content:""; float:left; display:block;
	width:90px; border-top:3px solid #de4501;
}
.title-main.text-small{
	font-size:23px; line-height:34px;	
	margin-top:20px; margin-bottom:15px;
}
/***********/
.dcontent{
	font-size:15px; line-height:30px;	
}
.dcontent p{
	margin-bottom:5px;	
}
.dcontent h1{
	font-size:150%;	font-weight:bold;
}
.dcontent h2{
	font-size:130%; font-weight:bold;
}
.dcontent h3{
	font-size:110%; font-weight:bold;
}
.dcontent h4{
	font-size:100%;
}
.dcontent h5{
	font-size:90%;
}
.dcontent h6{
	font-size:70%;
}
.dcontent a{
	color:inherit;
}
.dcontent a:hover{
	color:#de4501;
}
.dcontent img{
	display:inline-block;
	max-width:100%; height:auto !important;	
}
/*******
***********
************/
.breadgroup{
	background:#f2f2f2; font-size:13px;
	border-bottom:1px solid #DDD;
}
.breadgroup .breadcrumb{
	background:none; margin:0;
	text-transform:capitalize;
}
.breadgroup .breadcrumb li:first-child{
	text-transform:none;
}
.breadgroup .breadcrumb a{
	color:#333; text-decoration:none;
}
.breadgroup .breadcrumb a:hover{
	color:#de4501;
}
#pagination{
	text-align:center; margin-top:20px; display:block;	
}
#pagination *{
	margin:0 5px;
}
#pagination b{
	background:#de4501; border-color:#de4501; font-weight:bold;
}
/*******
****ABOUT*******
************/
.about-service{
	margin-top:15px;
}
.about-service a{
	display:block;
	text-decoration:none;
}
.about-service .des{
	display:block; margin-top:30px;
	color:#222;
}
.about-service h2{
	display:block; color:#000;
	margin:0 0 15px; padding:0;
	font-size:23px; text-transform:uppercase; line-height:34px;
	font-weight:bold;
}
.about-service h3{
	margin:0; padding:0;
	font-size:15px; line-height:28px; font-weight:normal;
}
.about-service a:hover h2{
	color:#de4501;
}
body .about-service:nth-child( 3n + 1){
	clear:both;	
}

/*******
****SERVICES*******
************/
.page-serviceitem .img{
	padding:0;
}
.page-serviceitem .des{
	padding:70px 60px 0;
}
.page-serviceitem a{
	text-decoration:none;	
}
.page-serviceitem .des h2{
	display:block; color:#000;
	margin:0 0 15px; padding:30px 0 0;
	font-size:27px; text-transform:uppercase;
	font-weight:bold; position:relative;
}
.page-serviceitem .des h2::before{
	position:absolute; left:0; top:0;
	content:""; float:left; display:block;
	width:50px; border-top:3px solid #000;
}
.page-serviceitem .des h3{
	margin:0 0 30px; padding:0;
	font-size:15px; line-height:30px; font-weight:normal;
}
.page-serviceitem .des .readmore{
	clear:both; display:inline-block;
	font-size:14px; text-transform:uppercase; line-height:28px;
	border:1px solid #555; padding:5px 30px; color:#222;
	transition:background-color 0.4s ease 0s; 
	-webkit-transition:background-color 0.4s ease 0s; -moz-transition:background-color 0.4s ease 0s;
}
.page-serviceitem .des .readmore:hover{
	border-color:#de4501; color:#FFF; background-color:#de4501;
}
.page-serviceitem .des h2 a{
	color:#000;
}
/*******
****services  - item*******
************/
.serviceitem{
	margin-top:15px; margin-bottom:5px;
}
.serviceitem a{
	display:block;	text-decoration:none;
	border:1px solid #DDD;
	box-shadow:0 5px 10px 0 rgba(24, 24, 40, 0.3);
	-moz-box-shadow:0 5px 10px 0 rgba(24, 24, 40, 0.3); 
	-webkit-box-shadow:0 5px 10px 0 rgba(24, 24, 40, 0.3);
}
.serviceitem figure{
	display:block; overflow:hidden;
}
.serviceitem .des{
	display:block; padding:15px 15px 0;
	color:#222;
	height:235px; overflow:hidden;
	border-top:1px solid #DDD;
}
.serviceitem h2{
	display:block; color:#000;
	margin:0 0 10px; padding:0;
	font-size:18px; text-transform:capitalize; line-height:26px;
	font-weight:bold;
}
.serviceitem h3{
	margin:0 0 20px; padding:0;
	font-size:14px; line-height:26px; font-weight:normal;
}
.serviceitem a:hover h2{
	color:#de4501;
}
.serviceitem a:hover{
	background:#f8f8f8;
}
#ser-container.row-3 .serviceitem:nth-child( 3n + 1){
	clear:both;	
}
#ser-container.row-2 .serviceitem:nth-child( 2n + 1){
	clear:both;	
}
#ser-container.row-4 .serviceitem:nth-child( 4n + 1){
	clear:both;	
}
/*******
****TOOL*******
************/
.servicetool{
	margin-top:15px; margin-bottom:15px;
}
.servicetool a{
	display:block;
	text-decoration:none;
	border:1px solid #DDD;
	box-shadow:0 5px 10px 0 rgba(24, 24, 40, 0.3);
	-moz-box-shadow:0 5px 10px 0 rgba(24, 24, 40, 0.3); 
	-webkit-box-shadow:0 5px 10px 0 rgba(24, 24, 40, 0.3);
}
.servicetool figure{
	display:block; overflow:hidden;
}
.servicetool .des{
	display:block; padding:15px 15px 0;
	color:#222;
	height:235px; overflow:hidden;
	border-top:1px solid #DDD;
}
.servicetool h2{
	display:block; color:#000;
	margin:0 0 10px; padding:0;
	font-size:19px; text-transform:capitalize; line-height:28px;
	font-weight:bold;
}
.servicetool h3{
	margin:0 0 20px; padding:0;
	font-size:15px; line-height:28px; font-weight:normal;
}
.servicetool a:hover h2{
	color:#de4501;
}
.servicetool a:hover{
	background:#f8f8f8;
}
body .servicetool:nth-child( 3n + 1){
	clear:both;	
}
/*****************/
.servicetool_other{
	margin-top:15px; margin-bottom:15px;
}
.servicetool_other a{
	display:block;	text-decoration:none;
	border:1px solid #DDD;
	box-shadow:0 5px 10px 0 rgba(24, 24, 40, 0.3);
	-moz-box-shadow:0 5px 10px 0 rgba(24, 24, 40, 0.3); 
	-webkit-box-shadow:0 5px 10px 0 rgba(24, 24, 40, 0.3);
}
.servicetool_other figure{
	display:block; overflow:hidden;
}
.servicetool_other .des{
	display:block; padding:15px 15px 0;
	color:#222;
	height:220px; overflow:hidden;
	border-top:1px solid #DDD;
}
.servicetool_other h2{
	display:block; color:#000;
	margin:0 0 5px; padding:0;
	font-size:17px; text-transform:capitalize; line-height:24px;
	font-weight:bold;
}
.servicetool_other h3{
	margin:0 0 20px; padding:0;
	font-size:14px; line-height:26px; font-weight:normal;
}
.servicetool_other a:hover h2{
	color:#de4501;
}
.servicetool_other a:hover{
	background:#f8f8f8;
}
body .servicetool_other:nth-child( 4n + 1){
	clear:both;	
}
/*******
****TOOL*******
************/
#news-main{
	
}
#news-main .newsitem{
	margin-top:15px; margin-bottom:15px;
}
#news-main .newsitem a{
	display:block;	text-decoration:none;
	border:1px solid #DDD;
	box-shadow:0 5px 10px 0 rgba(24, 24, 40, 0.3);
	-moz-box-shadow:0 5px 10px 0 rgba(24, 24, 40, 0.3); 
	-webkit-box-shadow:0 5px 10px 0 rgba(24, 24, 40, 0.3);
}
#news-main .newsitem figure{
	display:block; overflow:hidden;
}
#news-main .newsitem .des{
	display:block; padding:20px 15px 30px;
	color:#222;
	border-top:1px solid #DDD;
	font-size:15px; line-height:28px; font-weight:normal;
}
#news-main .newsitem h3{
	display:block; color:#000;
	margin:0 0 10px; padding:0;
	font-size:19px; text-transform:capitalize; line-height:28px;
	font-weight:bold;
}
#news-main .newsitem a:hover h3{
	color:#de4501;
}
#news-main .newsitem a:hover{
	background:#f8f8f8;
}
#news-main .newsitem:nth-child( 3n + 1){
	clear:both;	
}
/************/
.blog-title{
	margin:0 0 15px; padding:0;
	font-size:25px; text-transform:capitalize; 
	font-weight:bold; line-height:34px;	
}
.blog-des{
	margin:0 0 15px; padding:0;
	font-size:17px; font-weight:bold; line-height:30px;	
	color:#111;
}
/************/
#newsother #news-main{
	margin-left:-10px; padding-right:-10px;	
}
#newsother #news-main .newsitem{
	padding-left:10px; padding-right:10px;
	margin-bottom:20px; margin-top:0;
}
#newsother #news-main .newsitem h3{
	font-size:15px; line-height:24px;	
	margin-bottom:5px;
}
#newsother #news-main .newsitem .des{
	padding-top:10px; padding-bottom:15px;
	font-size:14px; line-height:26px;
	height:215px; overflow:hidden;
}
#newsother #news-main .newsitem figure{
	height:180px;	
}
/****************/
.newsdetail-right{
	margin-top:40px;	
}
.newsdetail-right > div.clearfix{
	margin-bottom:30px;	
}
.newsdetail-right .title{
	margin:0 0 15px; padding:15px 0 0;
	font-size:19px; text-transform:uppercase; font-weight:bold; line-height:28px;
	display:block; position:relative;
}
.newsdetail-right .title::before{
	position:absolute; left:0; top:0;
	content:""; float:left; display:block;
	width:50px; border-top:3px solid #de4501;
}
.newsdetail-right .newsnav{
	margin:0; padding:0; list-style-type:none;
}
.newsdetail-right .newsnav li{
	margin:0 0 10px; padding:0; list-style-type:none;
	 font-weight:500;
}
.newsdetail-right .newsnav li.focus a{
	color:#de4501;
}
.newsdetail-right .newsnav li a{
	text-transform:capitalize;
	font-size:16px; line-height:28px;
	color:#111; text-decoration:none;
}
.newsdetail-right .newsnav li a:hover{
	color:#de4501;
}
/**********/
.newsdetail-right .newslatest{
	margin:0; padding:0; list-style-type:none;
}
.newsdetail-right .newslatest li{
	margin:0 0 15px; padding:0 0 15px; list-style-type:none;
	clear:both; display:block; float:left; width:100%;
	border-bottom:1px solid #DDD;
}
.newsdetail-right .newslatest li:last-child{
	border-bottom:none; 
	margin-bottom:0; padding-bottom:0;
}
.newsdetail-right .newslatest li a{
	display:block; clear:both; float:left; width:100%;
	color:#222;
}
.newsdetail-right .newslatest li a:hover{
	color:#de4501;
}
.newsdetail-right .newslatest li .img{
	float:left; width:35%;
}
.newsdetail-right .newslatest li img{
	padding:2px;
}
.newsdetail-right .newslatest li .des{
	float:left; width:65%;
	padding-left:15px;
}
.newsdetail-right .newslatest li .des h3{
	margin:0; padding:0;
	font-size:14px; font-weight:normal;
	line-height:22px;
}
/**************/
.newsshare a{
	display:inline-block;
	width:38px; height:38px; 
	text-align:center;
	background:#DDD; margin-right:10px;
	color:#000;
}
.newsshare a .fa{
	font-size:21px; line-height:40px;
}
.newsshare a:hover{
	color:#de4501;
}
/**************/
#newsnav .newsitem{
	margin-bottom:30px;
}
#newsnav .newsitem a{
	display:block; overflow:hidden;
	text-decoration:none; color:#111;
}
#newsnav .newsitem figure{
	display:block; overflow:hidden;
	max-height:180px;
}
#newsnav .newsitem .des{
	display:block;
	color:#222;
	font-size:15px; line-height:26px; font-weight:normal;
}
#newsnav .newsitem h3{
	display:block; color:#000;
	margin:0 0 5px; padding:0;
	font-size:19px; text-transform:capitalize; line-height:28px;
	font-weight:bold;
}
#newsnav .newsitem h3:hover a{
	color:#de4501;
}
/*******
****CONTACTS*******
************/
.contact-left{
	font-size:15px; line-height:30px;
	vertical-align:middle;	
	position:absolute; right:0; height:100%;
}
.contact-left .title-main{
	margin-top:0;
}
.contact-left > div.clearfix{
	display:table; vertical-align:middle;
	width:100%; height:100%;
}
.contact-left > div.clearfix > div.clearfix{
	display:table-cell; vertical-align:middle;
}
.contact-left h3{
	margin:30px 0 15px; padding:0;
	font-size:21px; text-transform:uppercase;
}
.contact-left address{
	margin:0 0 15px; display:block;
}
.contact-left a{
	color:#000;
}
/********/
.contact-form label{
	font-size:13px; font-weight:500;	
}
.contact-form .form-group{
	margin-bottom:15px;	
}
.contact-form .form-group:last-child{
	margin-bottom:0; margin-top:15px;
}
.contact-form .form-control{
	font-size:13px;
}
.contact-form .form-group input[type=submit]{
	background:#de4501; border-color:#DA4607;
	padding:12px 35px 9px; text-transform:uppercase;
	font-weight:bold;
}
.contact-form .form-group input[type=submit]:hover{
	background-color:#000; border-color:#000;
}
/*************/
.services_bgthread{
	padding:90px 0; margin-top:30px;
	background-position:center center; background-size:cover;
	background-repeat:no-repeat; background-attachment:fixed;	
	color:#FFF;
	font-size:25px; line-height:40px;
}
.services_bgthread h2{
	margin:0 0 20px; padding:0;
	font-size:40px; font-weight:bold; text-transform:capitalize;
	line-height:50px;
}
.services_bgthread .readmore{
	display:inline-block; margin-top:30px;
	padding:9px 50px 8px; line-height:26px; 
	font-size:14px; text-transform:uppercase; font-weight:normal;
	border:1px solid #FFF;
	color:#FFF; text-decoration:none;
}
.services_bgthread .readmore:hover{
	background-color:#FFF; color:#de4501;
}
/****
******
***/
#services_news{
	margin-left:-10px; margin-right:-10px;
}
#services_news .newsitem{
	margin-top:15px; margin-bottom:15px;
	padding-left:10px; padding-right:10px;
}
#services_news .newsitem a{
	display:block;
	text-decoration:none;
	border:1px solid #DDD;
}
#services_news .newsitem figure{
	display:block; overflow:hidden;
	position:relative; background-color:#FFF;
}
#services_news .newsitem figure img:first-child{
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%); /* Safari and Chrome */
	-moz-transform: translate(-50%, -50%); /* Firefox */
	-ms-transform: translate(-50%, -50%); /* IE 9 */
	-o-transform: translate(-50%, -50%); /* Opera */	
	
	height:100%; width:auto; max-width:none;
	margin:auto;
}

#services_news .newsitem .des{
	display:block; padding:15px 15px 30px;
	color:#222;
	border-top:1px solid #DDD;
	font-size:14px; line-height:28px; font-weight:normal;
	height:240px; overflow:hidden;
}
#services_news .newsitem h3{
	display:block; color:#000;
	margin:0 0 5px; padding:0;
	font-size:17px; text-transform:capitalize; line-height:26px;
	font-weight:bold;
}
#services_news .newsitem .des span{
	height:105px; overflow:hidden;
	display:block;
}
#services_news .newsitem a:hover h3{
	color:#de4501;
}
#services_news .newsitem a:hover{
	background:#f8f8f8;
}
#services_news .newsitem:nth-child( 4n + 1){
	clear:both;	
}
/************/
/**********************/
#page-customer{
	margin-top:15px;	
}
#page-customer .item-cus{
	margin-bottom:30px;
}
#page-customer .item-cus:nth-child( 3n + 1){
	clear:both;
}
#page-customer .item-cus .cus-content{
	overflow:hidden; padding-bottom:0px; background:rgba(210, 209, 209, 0.05);
	border:1px solid #DDD;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	box-shadow:0 5px 10px 0 rgba(24, 24, 40, 0.3);
	-moz-box-shadow:0 5px 10px 0 rgba(24, 24, 40, 0.3); 
	-webkit-box-shadow:0 5px 10px 0 rgba(24, 24, 40, 0.3);
}
#page-customer .item-cus .img-no{
	padding:0; margin:0;
}
#page-customer .item-cus img{
	width:100%; background:#FFF;
}
#page-customer .col-md-4 .cus-content{
	height:530px;
}
#page-customer .col-md-8 .cus-content{
	height:250px;
	
}
#page-customer .col-sm-4  .img-no{
	border-bottom:1px solid #DDD;
	overflow:hidden;
}
#page-customer .col-sm-8  .img-no{
	border-right:1px solid #DDD; height:100%;
}
#page-customer .cus-content .des{
	padding:15px 30px;
}
#page-customer .item-cus h3{
	margin:10px 0 10px; padding:0;
	color:#DE4501; text-transform:capitalize;
	font-size:19px; line-height:28px; font-weight:bold;
}
#page-customer .item-cus h5{
	margin:0px; padding:0; font-size:14px; line-height:26px;
	font-weight:normal;
}
#page-customer .item-cus h3 a{
	color:#000;
}
#page-customer .item-cus:hover .img-no a{
	overflow:hidden; display:block;
}
#page-customer .item-cus:hover .img-no img{
    max-width: 100%;    opacity: 1;    
	transition: all 5s ease 0s; -moz-transition: all 5s ease 0s; -webkit-transition: all 5s ease 0s;
	overflow:hidden;
}
#page-customer .item-cus:hover .img-no img{
    transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2);
}
#page-customer .item-cus:hover h3 a{
	color:#DE4501;
}
#page-customer .col-sm-4 .img-no .img-trans{
	display:block; width:100%;
}
#page-customer .col-md-4 .img-no a{
	display:block;
	position:absolute; left:0; top:0;
	width:100%; height:100%; z-index:1;
}
/************************/
.client-info{
	font-size:15px; line-height:30px;
}
.client-info .item{
	position:relative; margin-bottom:7px;
}
.client-info .item .letter{
	letter-spacing:2px;
}
.client-info .item h5{
	margin:0; padding:0; line-height:30px; font-size:15px;
	display:inline-block; text-align:right; font-weight:bold;
	width:110px;
	position:absolute; left:0; top:0; 
}
.client-info .item div.text{
	display:block; text-align:left;
	padding-left:115px; width:100%;
}
.client-info .item a{
	color:#000; text-decoration:none;
}
.client-info .item a:hover{
	color:#DE4501;
}
.client-info .item div.text h4{
	display:none;
}
.client-info .item div.text .newsshare a{
	width:28px; height:28px; line-height:28px;
	margin-right:5px;
}
.client-info .item div.text .newsshare .fa{
	font-size:15px; line-height:30px;
}
/********/
.client-photo-container{
	padding:50px 0px; margin-top:15px;
	background:#f2f2f2;	
}
.client-photo{
	margin-left:-10px; margin-right:-10px;
}
.client-photo .item{
	margin-bottom:15px; margin-top:15px;
	padding-left:10px; padding-right:10px;
	cursor:pointer;
}
.client-photo .item figure{
	display:block; width:100%; position:relative; overflow:hidden;
	overflow:hidden; background:#FFF;
	border:1px solid #DDD;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	box-shadow:0 5px 10px 0 rgba(24, 24, 40, 0.3);
	-moz-box-shadow:0 5px 10px 0 rgba(24, 24, 40, 0.3); 
	-webkit-box-shadow:0 5px 10px 0 rgba(24, 24, 40, 0.3);
}
.client-photo .item figure img{
	transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;
}
.client-photo .item .img_hor .img-main{
    display: block; height:100%; width:auto;
    position: absolute;    top: 50%; left: 50%;
    transform: translate(-50%, -50%);		
	
}
.client-photo .item .img_ver .img-main{
    display: block; width:100%; height:auto;
    position: absolute;    top:0%; left: 50%;
    transform: translate(-50%, 0%);		
}
/*
.client-photo .item figure img:first-child{
    display: block; height:100%;
    min-height: 100%;    min-width: 100%;
    position: absolute;    top: 50%; left: 50%;
    transform: translate(-50%, -50%);		
}*/
.client-photo .item:hover figure img{
    transform: scale(1.1) translate(-45%, -45%);
	-moz-transform: scale(1.1) translate(-45%, -45%);
	-webkit-transform: scale(1.1) translate(-45%, -45%); 
}
/************/
#lightgallery{
	
}
.page-client .lg-outer{
	z-index:9999;
}
.page-client .lg-icon {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.page-client .lg-outer .lg-toogle-thumb{
	font-size:18px;	
}
.page-client .lg-outer .lg-toogle-thumb::after{
	content: "\f00a";	
}
.page-client .lg-toolbar .lg-close::after{
	content: "\f00d";	
}
.page-client .lg-outer .lg-thumb-outer{
	text-align:center; height:90px !important;
}
.page-client .lg-outer .lg-thumb{
	display:inline-block;	
}
.page-client .lg-toolbar{
	z-index:1070;	
}
/*********/
.client-other{
	border-top:1px solid #DDD; 
	margin-top:30px;	
}
.client-other #news-main .newsitem:nth-child(3n+1){
	clear:none;	
}
.client-other #news-main .newsitem:nth-child(4n+1){
	clear:both;	
}
.client-other #news-main .newsitem .des{
	padding:15px 15px 15px;
}
.client-other #news-main .newsitem h3{
	font-size:15px; line-height:22px;	
	margin:0;
	height:45px; overflow:hidden;
}
.client-other #news-main .newsitem figure{
	display:block; position:relative;
	overflow:hidden;	
}
.client-other #news-main .newsitem figure > img:first-child{
	position:absolute; left:0; top:0; z-index:1;
	width:100%; 	
}
/***********************/
#tbl-domain td{
	font-size:15px; line-height:32px;	
}
#tbl-domain .header{
	font-size:14px; text-transform:uppercase; font-weight:normal;
	line-height:40px; color:#FFF; font-weight:700;
}
#tbl-domain .header th{
	padding-top:15px; padding-bottom:15px;
	background:#E05A01; color:#FFF;
}
#tbl-domain tr td, #tbl-domain tr th{
	padding-top:12px; padding-bottom:12px;
}
#tbl-domain tr td:nth-child( 2),
#tbl-domain tr td:nth-child( 3){
	width:160px;
}
#tbl-domain tr td:nth-child( 4){
	width:200px;	
}
#tbl-domain .hightling td{
	color:#F00; font-weight:bold;
}
/******************/
#hosting-group{
	position:relative; padding-left:180px;	
}
#hosting.first{
	position:absolute; left:0; top:0;
	width:180px; height:100%;
	background:#EEE;
}
#hosting{
	float:left; width:20%; text-transform:capitalize;
	margin:0; list-style-type:none; padding:0;
	border-top:1px solid #DDD; border-left:1px solid #DDD;
}
#hosting li{
	padding:0; display:block; text-align:center;
	border-bottom:1px solid #DDD; border-right:1px solid #DDD;
}
#hosting li.header{
	background:#E05A01; color:#FFF;	
}
#hosting li h3{
	margin:0; padding:10px 12px; display:block;
	font-size:14px; text-transform:uppercase;
	line-height:28px; font-weight:700;
}
#hosting li i{
	color:000; font-weight:500;
}
#hosting li:last-child{
	font-weight:bold; color:#F00;
}
#hosting li b,
#hosting li span{
	display:inline-block; padding:10px 12px;
}
/**************
***************
******************/
body.menu-open{
	overflow-x: hidden;
	position: relative;
	left: 0;
}
body.spmenu-push-toright{
	position:fixed;
}
/******/
#menu_mobile{
	position: fixed; left:-100%; top:0; z-index:9999;
	width:80%; height:100%; overflow-x:hidden; overflow-y:auto;
	background:rgba(0, 0, 0, 0.9); color:#FFF;
	border-left:1px solid #FFF;

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#menu_mobile.open{
	left:0;
}
#menu_mobile.open #btn_menu_close{
	display:block;
}
#menu_mobile .menu-container{
	display:block; width:100%; min-height:100%;
	float:left; background:#EEE;
	position:relative;
}
#menu_accordion{
	margin-bottom:0;	
}
/**********/
#menu_accordion > .panel.logo .coll-main-title{
	background:#de4501; color:#FFF; padding:15px 15px 16px 15px;
}
#menu_accordion > .panel.logo img{
	height:35px; display:inline-block;
}
#menu_accordion > .panel.lang .coll-main-title{
	background:#DDD;
}
#menu_accordion > .panel.lang a{
	line-height:26px;
}
#menu_accordion > .panel.lang img{
	height:20px; margin-right:5px;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
#menu_accordion > .panel.lang a{
	color:#de4501; font-weight:bold; text-transform:capitalize;
	font-size:14px;
	text-decoration:none;
}
/**********/
#menu_accordion > .panel{
	background:none; border:none; border-bottom:1px solid #DDD;
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
}
#menu_accordion > .panel + .panel{
	margin-top:0;	
}
#menu_accordion .panel-body{
	padding:5px 10px;	
}
#menu_accordion .coll-main-title{
	margin:0; padding:9px 30px 9px 10px; position:relative;
	font-size:14px; line-height:26px; font-weight:normal;
	text-transform:capitalize; 
}
#menu_accordion .panel-title a{
	display:block; text-decoration:none;
}
#menu_accordion .coll-main-title,
#menu_accordion .coll-main-title a{
	color:#000;
}
#menu_accordion > .panel > .panel-heading{
	margin:0; padding:0;
}
#menu_accordion a:hover{
	color:#de4501;
}
#menu_accordion .coll-main-title.selected a{
	color:#000; font-weight:bold;
}
/********/
#menu_accordion .menu-nav{
	padding-left:15px; color:#000; margin-bottom:0;
}
#menu_accordion .menu-nav li{
	margin-bottom:3px;
}
#menu_accordion .menu-nav li a{
	color:#000;
}
#menu_accordion .menu-nav li a:hover{
	color:#e72c3f;
}
/*********/
#menu_accordion .coll-main .coll-main-title:after,
#menu_accordion #menu_pro_group > .panel > .panel-heading::after{
	position:absolute; right:0; top:8px;
	width:30px; height:100%;
	
	content: "\f196"; color:#000;
	display: inline-block; text-align:center;
	font: normal normal normal 15px/20px FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#menu_accordion .coll-main > .panel-heading.focus .coll-main-title:after,
#menu_accordion #menu_pro_group > .panel > .panel-heading.focus:after{
	content: "\f147";
}

#menu_accordion #menu_pro_group > .panel > .panel-heading::after{
	top:7px; left:0; right:auto;
}
#menu_accordion #menu_pro_nav > .panel > .panel-heading.focus::before{
	content: "\f0d7";
}
/*******************
*****************
************/
.page-404{
	background:url(../img/page-not-found-1.jpg) no-repeat center bottom;
	background-color:transparent;
	background-size:cover;	
	height:100vh;
	color:#FFF;
}
.page-404 .wrapper,
.page-404 #bg_header,
.page-404 #header{
	background-color:transparent;
}
.page-404 #bg_header::before{
	display:none;	
}
/***********/
blockquote{
	font-size:15px; line-height:30px;
	font-style:italic;
	background-color:#EEE;
	border-left-color:#de4501;
}