/* Business Header */
header.business1 .for-sticky.sticky {
   /* background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);*/
    
	-webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
    -ms-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
    -o-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
	
    left: 0;
    position: fixed;
    top: 0;
	/*height:auto !important;*/
	height:95px !important;
	z-index: 2147483647;
}
header.business1 .for-sticky.sticky .logo {
    /*margin: 1px 0 -5px;*/
	margin: 3px 0 -5px;
}
header.business1 .for-sticky.sticky .logo > a > img {
    width: 100%;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
header.business1 .for-sticky.sticky .business1-menu > ul > li {
    padding: 25px 0;
}
.sticky .log-in-sec > a {
    margin-bottom: 22px;
    margin-right: 50px;
    margin-top: 22px;
}
.sticky .log-in-sec {
    margin-left: 40px;
}

.business2 .for-sticky.sticky {
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important;
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important;
    -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important;
    -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important;
    height: auto !important;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 99999999;
}


#menu-sec {
    background-size: contain;
    float: left;
    /*height: 100px;*/
	height: 50px;
    width: 100%;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	-ms-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	-o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}
.business1 {
    
	/*-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09);
    -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09);
    -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09);
	/*Sanyour*/
background: #fff url(../../images/exam.png) right no-repeat;
    right: 0;
   /* position: absolute;*/
    margin-top: 10 px;
    width: 100%;
    z-index: 2147483623;
	height: 100px;
	
}
.business1 .container {
    padding: 0;
}
/*header {
    float: left;
    width: 100%;
	z-index:99999999;
 /*background: url(../../images/header.png);*/
/*background-repeat: no-repeat;
background-size: contain;
/*height: 97px;*/
/*margin-bottom: 50px;
top: 50;

}*/
header .business1 {
    float: left;
    width: 100%;
}
.business1-top-bar > ul {
    float: right;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 350px;
    padding: 5px 0;
    width: auto;
}
.business1-top {
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    float: left;
    width: 100%;
	position: relative;
	background:none repeat scroll 0 0 #FFFFFF;
}

.business1-top-bar {
    float: left;
  /*  position: relative;*/
	/*left: 5%;*/
    width: 100%;
	padding: 0px 8px;
	  background-color: #192847;
	  top:-50px;
}
.business1-top-bar > ul > li {
    float: left;
    list-style: none outside none;
    margin-left: 15px;
}
.business1-top-bar > ul > li > a {
    /*color: rgba(0,0,0,0.2);*/
	color: #FFFFFF;
    float: left;
    font-size: 18px;
    height: 34px;
    line-height: 30px;
    text-align: center;
    width: 34px;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.business1-top-bar > ul > li > a:hover {
    color: #fff;
}
.business1-top-bar > ul > li > a > i {
    float: left;
    height: 32px;
    line-height: 31px;
    width: 32px;
    /*border: 1px solid rgba(0,0,0,0.15);*/
	border: 1px solid #304255;
	

	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.business1-top-bar > ul > li > a:hover .fa-facebook {
    background: none repeat scroll 0 0 #3B5998;
	border:1px solid #3B5998;
}
.business1-top-bar > ul > li > a:hover .fa-google-plus {
    background: none repeat scroll 0 0 #dd4b39;
	border:1px solid #dd4b39;
}
.business1-top-bar > ul > li > a:hover .fa-twitter {
    background: none repeat scroll 0 0 #00aced;
	border:1px solid #00aced;
}
.business1-top-bar > ul > li > a:hover .fa-pinterest {
    background: none repeat scroll 0 0 #cb2027;
	border:1px solid #cb2027;
}
.business1-top-bar > ul > li > a:hover .fa-skype {
    background: none repeat scroll 0 0 #007bb6;
	border:1px solid #007bb6;
}

.business1-top-bar > form {
    /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);*/
	background: none repeat scroll 0 0 #37BCCD ;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    height: 32px;
    margin-left: 18px;
    overflow: hidden;
    position: absolute;
    right: 72px;
    top: 5px;
    z-index: 98;
}
.business1-top-bar > form > a {
    color: #FFFFFF;	
    float: right;
    font-size: 13px;
    height: 34px;
    line-height: 32px;
    text-align: center;
    width: 34px;
}

.business1-top-bar > form > input {
    float: left;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
		
    width: 0;
    /*border: medium none;*/
	border:1px solid #37BCCD ;
    font-family: Open Sans;
    font-size: 13px;
    padding: 8px 0 8px 0px;
    text-transform: uppercase;
	/*color: #7a7a7a;*/
	color: #000000;
}
.business1-top-bar > form:hover input, .business1-top-bar > form input:focus {
	   /* background-image: url("../../images/header.png")no-repeat #fff top left;*/
    opacity: 1;
	filter:alpha(opacity=100);
	/*Sanyour*/
	height: 32px;
	/*///////*/
    width: 264px;
	padding: 8px 0 8px 12px;

}

.business1 .logo {
    float: left;
    /*margin: 22px 0 22px;*/
	margin: 3px 0 22px;
	background-image: url("../../images/header.png")no-repeat #fff top left;

}
.business1-menu {
   float: right;
 margin-right: -60px;

}
.business1-menu > ul {
    float: right;
    margin: 0;
    padding: 0;
}
.business1-menu > ul > li {
    float: right;
    list-style: none outside none;
    position: relative;
	
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	
	padding:36px 0;
}
.business1-menu > ul > li > a {
    border: 1px  solid rgba(0, 0, 0, 0);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #555454;
    float: right;
    font-family: Open Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 8px 15px;
    position: relative;
	
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
	
	cursor: pointer;
}
.business1-menu > ul > li > a > i {
    display: none;
}
.business1-top-bar > span {
    /*color: #404040;*/
	color: #FFFFFF;
    float: right;
    font-family: verdana;
    font-size: 12px;
    letter-spacing: 0.3px;
    margin: 13px 50px 13px 50px;
	font-weight:bold;
}
.business1-top-bar > span > a {
    /*color: #404040;*/
	color: #FFFFFF;
	text-decoration:none;
   
}
.business1-top-bar > span > i {
   float: right;
    font-size: 16px;
    margin-left: 10px;

}
/* Dropdown Menu1 */
.business1-menu > ul > li > ul {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    /*left: 50%;
    margin: 50px 0 0 -100px;*/
	left: 0;
    margin: 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    padding: 2px;
    position: absolute;
    top: 100%;
	
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
    
	-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	
    width: 200px;
    z-index: 2147483647;
	
	background: rgba(255,255,255,0.98);
	
    -webkit-box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.14);
    -ms-box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.14);
    -o-box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.14);
	
	border: 1px solid;
}
.business1-menu > ul > li:hover > ul {
    margin-top: 0px;
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.business1-menu > ul > li > ul.mega {
    left: 0;
    margin-left: 0;
    width: 408px;
}
.business1-menu > ul > li > ul.mega:before {
    left: 20px;
}
.business1-menu > ul > li > ul.mega > li {
    width: 200px;
}
.business1-menu > ul > li > ul:before {
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    content: "";
    left: 50%;
    margin-left: -2.5px;
    position: absolute;
    top: -4px;
}
.business1-menu > ul > li > ul > li:nth-child(2n+2) {
    margin-left: -60px;
}
.business1-menu > ul > li:hover > ul > li:nth-child(2n+2) {
    margin-left: 0;
}
.business1-menu > ul > li > ul > li:hover > a{
	padding-left:15px;
	/*color:#fff;*/
	color:#FFFFFF;	
}

.business1-menu > ul > li > ul > li:hover > a > i {
    color: #fff;
}
.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
    z-index: 9;
}
.business1-menu > ul > li > ul > li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    list-style: none outside none;
    margin-bottom: 1px;
    position: relative;
    
	-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	
    width: 100%;
}
.business1-menu > ul > li > ul > li > a {
    /*color: #626262;*/
	color: #FFFFFF;
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    /*padding: 10px 25px;*/
	 padding: 8px 10px;
    width: 100%;
	
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.business1-menu > ul > li > ul > li > a > i {
    /*color: #404040;*/
	color: #FFFFFF;
    float: left;
    font-size: 15px;
    margin-top: 1px;
}
.business1-menu > ul > li > ul > li > ul {
    /*-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;*/
	
    right: 100%;
    margin: 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    padding: 2px;
    position: absolute;
	
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
    
	-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	
    width: 200px;
    z-index: 999999999;
	background: #fafafa;
	text-align: right;
}
.business1-menu > ul > li > ul > li > ul > li {
    /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);*/
	background: #28629f;
	/*Sanyour*/
	/*border: 1px solid #000066;*/
    
	/*-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;*/
	
    float: left;
    list-style: none outside none;
    margin-bottom: 1px;
   padding: 5px 10px;
    position: relative;
    
	-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	
    width: 100%;
}
.business1-menu > ul > li > ul > li > ul > li:hover {
    /*padding-left: 24px;*/
	text-decoration:none;
}
.business1-menu > ul > li > ul > li > ul > li > a {
    /*color: #FAFAFA;*/
	color: #FFFFFF;
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    width: 100%;
}
.business1-menu > ul > li > ul > li:hover > ul {
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
	
}
/******dalia**********/
.business1-menu > ul > li > ul > li > ul > li > ul {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    left: 100%;
    margin: 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    padding: 2px;
    position: absolute;
	
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
    
	-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	
    width: 200px;
    z-index: 999999999;
	background: #fafafa;
	top: 0;
}
.business1-menu > ul > li > ul > li > ul > li > ul > li {
    /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);*/
	background: #28629f;
	/*Sanyour*/
	/*border: 1px solid #000066;*/
    
	/*-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;*/
	
    float: left;
    list-style: none outside none;
    margin-bottom: 1px;
    padding: 10px 12px;
    position: relative;
    
	-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	
    width: 100%;
}
.business1-menu > ul > li > ul > li > ul > li > ul > li:hover {
  /*  padding-left: 24px;*/
}
.business1-menu > ul > li > ul > li > ul > li > ul > li a {
    /*color: #FAFAFA;*/
	color: #FFFFFF;
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    width: 100%;
}
.business1-menu > ul > li > ul > li > ul > li:hover > ul {
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
	top:-2;
}
/*************************/

/* Login Style */
.log-in-sec {
    float: right;
    margin-left: 90px;
    position: relative;
}
.log-in-sec > a {
    border: 1px solid;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    cursor: pointer;
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 35px 0;
    padding: 8px 10px;
	
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.login-form > ul > li > p {
    color: #7A7A7A;
    float: left;
    font-family: Noto Sans;
    font-size: 13px;
    margin: 0;
    margin-top: 10px;
    padding-left: 2px;
    letter-spacing: 0.30px;
}
.log-in-sec > a  span > i {
    margin-right: 5px;
}
.login-form {
    position: absolute;
    top: 100px;
    width: 250px;
    left: 50%;
    margin-left: -125px;
    background: #fafafa;
    z-index: 99;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    padding: 20px;
	
    -webkit-box-shadow: 0px 4px 2px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 4px 2px rgba(0,0,0,0.14);
    -ms-box-shadow: 0px 4px 2px rgba(0,0,0,0.14);
    -o-box-shadow: 0px 4px 2px rgba(0,0,0,0.14);
    box-shadow: 0px 4px 2px rgba(0,0,0,0.14);
	
	display: none;
}
.theme-layout.boxed .login-form {
    left: auto;
    margin: 0;
    right: 0;
}
.theme-layout.boxed .login-form:before {
    left: auto;
    right: 23px;
}
.login-form:before {
    position: absolute;
    left: 50%;
    top: -7px;
    border-bottom: 8px solid #fafafa;
    border-left: 8px solid rgba(0,0,0,0);
    border-right: 8px solid rgba(0,0,0,0);
    content: "";
    margin-left: -4px;
}
.login-form > .input-style {
    margin-bottom: 13px;
    font-size: 11px;
    letter-spacing: 0.30px;
}
.login-form > a {
    display: table;
    float: none;
    font-family: Open Sans;
    font-size: 11px;
    margin: 0 auto;
    color: #7a7a7a;
    letter-spacing: 0.30px;
    text-transform: uppercase;
}
.login-form > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    margin-top: 13px;
}
.login-form > ul > li {
    float: left;
    list-style: none outside none;
    width: 20%;
}
.login-form > ul > li:first-child {
    float: left;
    width: 40%;
}

.login-form > ul > li:last-child {
    float: right;
	width: 40%;
}

.login-form > ul > li > a {
    border: 1px solid;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    font-family: Noto Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 13px 10px;
}
.login-form > ul > li > a.register {
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset;
    -ms-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset;
    -o-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset;
	
    color: #FFFFFF;
    float: right;
}

/* Header Style 2 */
.business1.style2 .business1-top > .container > .business1-top-bar {
    position: relative;
}
.business1.style2 .business1-top > .container > .business1-top-bar:before {
    background: none repeat scroll 0 0 #F5F5F5;
    content: "";
    height: 100%;
    left: -100%;
    position: absolute;
    top: 0;
    width: 100%;
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-contact {
    margin: 0;
    padding: 14px 18px 13px 0;
    position: relative;
    background: #f5f5f5;
    z-index: 9;
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-contact:before {
    position: absolute;
    right: -12px;
    top: 0;
    border-left: 12px solid #f5f5f5;
    border-top: 44px solid rgba(255,255,255,0);
    border-bottom: 0px solid rgba(255,255,255,0);
    content: "";
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-mail > i {
    color: #FFFFFF;
    float: right;
    margin-left: 10px;
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-mail {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    margin: 8px 0;
    padding: 5px 0;
    
	-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	
    margin-left: -167px;
    padding-left: 40px;
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-mail:hover {
    margin-left: -26px;
}
.business1.style2 .business1-top > .container > .business1-top-bar > ul,
.business1.style2 .business1-top > .container > .business1-top-bar > form {
    display: none;
}

.business1.style2 .business1-top > .container > .business1-top-bar > form {
    margin-right: 50px;
}
.business1.style2 .business1-menu > ul {
   /* margin: 42px 0;*/
    margin: 5px 0;
}
.business1.style2 .business1-menu > ul > li {
    padding: 0;
}
.business1.style2 .business1-menu > ul > li {
    /*background: none repeat scroll 0 0 #FBFBFB;*/	
    /*border: 1px solid #E8ECEC;*/
	    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
   /* margin-right: 10px;*/
    margin-right: 5px;
    padding: 1px;
}
.business1.style2 .business1-menu > ul > li > ul {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    margin-top: 1px;
    /*padding: 33px 0 10px;*/
	padding: 12px 0 10px;
}
.business1.style2 .business1-menu > ul > li > ul > li > a {
    /*border: 1px solid #E8ECEC;*/
	/*border: 1px solid #000066;*/
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	text-decoration: none;
	
   /* -webkit-box-shadow: 0 0 21px rgba(0, 0, 0, 0.06) inset;
    -moz-box-shadow: 0 0 21px rgba(0, 0, 0, 0.06) inset;
    -ms-box-shadow: 0 0 21px rgba(0, 0, 0, 0.06) inset;
    -o-box-shadow: 0 0 21px rgba(0, 0, 0, 0.06) inset;
    box-shadow: 0 0 21px rgba(0, 0, 0, 0.06) inset;*/
	
    float: left;
    width: 100%;
	text-align:right;
	
}
.business1.style2 .business1-menu ul:before {
    display: none;
}
.business1.style2 .business1-menu > ul > li > ul > li {
    /*background: none repeat scroll 0 0 rgba(255, 255, 255, 0.96);*/
	background: #28629f;
	/*Sanyour*/
	border: 1px solid #FFFFFF;
    
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
	
    margin: 0;
    padding: 0;
    /*width: 204px;*/
	width: 255px;
}
.business1.style2 .responsive-menu > ul > li > ul {
    padding: 0;
}
.business1.style2 .responsive-menu > ul > li > ul > li {
    width: 50%;
}
.business1.style2 .business1-menu > ul > li > a {
   
	color: #fff;
	padding: 10px 4px;
    line-height: 1.1em;
	/*font-family: verdana;*/
    font-size: 15px;
    font-weight: normal;
	text-decoration: none;
	font-family: tahoma;
    letter-spacing: 0;

}
}

@media (max-width:1024px) {

.business1.style2 .business1-menu > ul > li > a {font-size: 0.85em; padding: 8px 5px; }

.business1 {
    background-position:2% ;
    top: 0;
    background-size: 60% auto;
	}


}



.business1.style2 .business1-menu > ul > li > a > i {
    margin-right: 2px;
	display: inline;
}
.business1.style2 .business1-menu > ul > li:hover > a {
    /*color: #fff !important;*/
	/*color: #2A3748 !important;
	/*Sanyour*/
	/*background: #90E2F3 !important;*/
	background-color: #35AEDD;
    color: #FFF;

}
.business1.style2 #menu-sec {
  /* background-image: url("../../images/header.png")no-repeat #fff top center;*/
	background: #115189;
    background-size: contain;
	margin-top:100px
	
}
.business1.style2 #menu-sec > .container > .log-in-sec > a i {
    display: none;
}
.business1.style2 .business1-menu > ul > li:hover > ul {
    top: 32px;
	margin-left: -170px;
}
.business1.style2 #menu-sec > .container > .log-in-sec > a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 1px solid;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    margin: 42px 0;
    padding: 1px;
}

.business1.style2 #menu-sec > .container > .log-in-sec > a > span {
    padding: 8px 10px;
    float: left;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
header.business1.style2 .for-sticky.sticky .business1-menu > ul > li {
    padding: 1px;
}
.business1.style2 .business1-menu.responsive-menu > ul {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: -9px 0 0;
}
.business1.style2 .business1-menu.responsive-menu > ul > li:hover > ul {
    top: 0;
}
.business1.style2 #menu-sec.sticky > .container > .log-in-sec {
    margin-top: 3px;
}




/* Responsive Menu */
.open-menu {
    display: none;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 300px;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    margin-bottom: 10px;
    color: #fff;
    line-height: 18px;
    font-size: 19px;
    padding: 8px 0;
    cursor: pointer;
}

@media (max-width:768px) {

.business1 {
    background-position:2% ;
    top: 0;
    background-size: 100% auto;
	}

.open-menu { width: 50px; margin-right: 50px;}

body { padding-top: 0;}

}


.responsive-menu > ul {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.99);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    width: 100%;
}
.responsive-menu > ul > li {
    float: left;
    width: 100%;
    padding: 0;
}
.responsive-menu > ul > li > a {
    float: left;
    width: 100%;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    padding: 12px 10px;
}
.responsive-menu > ul > li > ul {
    position: relative;
    
	-webkit-transform: rotatey(0deg);
    -moz-transform: rotatey(0deg);
    -ms-transform: rotatey(0deg);
    -o-transform: rotatey(0deg);
    transform: rotatey(0deg);
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    float: left;
    margin: 0;
}
.responsive-menu > ul > li > ul.mega {
    border: medium none;
    width: 100%;
}
.responsive-menu > ul > li > ul:before {
    display: none;
}
.responsive-menu > ul > li > ul.mega > li {
    float: left;
    width: 50%;
    margin: 0;
}
.responsive-menu > ul > li > ul {
    display: none;
	left: 0;
    top: 0;
    width: 100%;
    border: none;
	
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}
.responsive-menu > ul > li > ul > li:nth-child(2n+2) {
    margin-left: 0;
}
.responsive-menu > ul > li > ul > li > ul {
    display: none;
    float: left;
    margin: 0;
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    position: relative;
    
	-webkit-transform: scale(1) rotateY(0deg);
    -moz-transform: scale(1) rotateY(0deg);
    -ms-transform: scale(1) rotateY(0deg);
    -o-transform: scale(1) rotateY(0deg);
    transform: scale(1) rotateY(0deg);
	
    width: 100%;
	left:0;
}

header.business1 .for-sticky.sticky .responsive-menu > ul > li {
    padding: 0;
}
header.business2 .for-sticky.sticky .responsive-menu > ul > li {
    padding: 0;
}
.business2-menu.responsive-menu {
    z-index: 999999;
}
.business2-menu.responsive-menu > ul{
	margin:0;
}
header.business2 .open-menu {
    margin: 15px auto 0;
}
/* Mega Dropdown */
.mega-menu {
    background: none repeat scroll 0 0 rgba(254, 254, 254, 0.95);
    
	-webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
	
    padding: 35px;
    position: absolute;
    top: 101px;
    
	-webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
	
    width: 800px;
	left: 0;
}
.mega-menu.left {
    left: 0;
}
.mega-menu.center {
    left: 50%;
    margin-left: -400px;
}
.mega-menu.right {
    left: auto;
    right: 0;
}
.business1-menu > ul > li:hover .mega-menu {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.for-sticky.sticky .mega-menu {
    margin-top: -14px;
}
.menu-news {
    float: left;
    width: 100%;
}
.menu-news > h3, .menu-ctgry > h3, .menu-slides > h3 {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #000000;
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 20px;
    margin-top: 0;
    padding: 12px 30px;
    text-transform: uppercase;
}
.menu-news > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.menu-news > ul > li {
    float: left;
    list-style: none outside none;
    margin-top: 20px;
    width: 100%;
}
.menu-news > ul > li:first-child {
    margin: 0;
}
.menu-news > ul > li > a {
    float: left;
    width: 100%;
}
.menu-news > ul > li > a > span {   
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #ffffff;
    float: left;
    font-family: Open Sans;
    font-size: 10px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-right: 5px;
    padding: 5px;
}
.menu-news > ul > li > a > h3 {
    color: #666;
    display: block;
    font-family: Open Sans;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 16px;
    margin: 0;
}
.menu-news > ul > li > a > p {
    color: #000000;
    float: left;
    font-family: noto sans;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 20px;
    margin: 5px 0 0;
    width: 100%;
}
.menu-ctgry {
    float: left;
    width: 100%;
}
.menu-ctgry > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.menu-ctgry > ul > li {
    float: left;
    list-style: none outside none;
    margin-top: 6px;
    padding-left: 20px;
    position: relative;
    width: 100%;
	
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.menu-ctgry > ul > li:first-child {
    margin: 0;
}
.menu-ctgry > ul > li:before {
    background: none repeat scroll 0 0 #000000;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: 8px;
    
	-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	
    width: 6px;
}

.menu-ctgry > ul > li:hover:before {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
}
.menu-ctgry > ul > li:hover {
    padding-left: 15px;
}
.menu-ctgry > ul > li > a {
    color: #000000;
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    width: 100%;
}
.menu-slides {
    float: left;
    width: 100%;
}
.menu-slides > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.menu-slides > ul li {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.menu-slides > ul li > img {
    float: left;
    width: 100%;
}
.menu-slide-desc {
    background: none repeat scroll 0 0 rgba(56, 56, 56, 0.9);
    bottom: 0;
    left: 0;
    padding: 15px;
    position: absolute;
}
.menu-slide-desc > h3 {
    color: #FFFFFF;
    float: left;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0;
    width: 100%;
}
.menu-slide-desc > p {
    color: #F1F1F1;
    float: left;
    font-family: Noto Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 15px;
    width: 100%;
}







/* Slider */
.tp-banner-container {
    float: left;
    width: 100%;
    position: relative;
}
.slider {
    float: left;
    /*margin-top: 45px;*/
	margin-top: 90px;
    position: relative;
    width: 100%;
}


/* Slide1 */
.slide1-text {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-family: Roboto Slab;
    font-size: 30px;
    line-height: 22px;
    padding: 20px 35px 22px;
}
.slide1-text2 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #FFFFFF;
    float: left;
    font-family: Roboto Slab;
    font-size: 30px;
    line-height: 22px;
    padding: 20px 35px 22px;
	background:#565656;
}



/* Slide2 */
.slide2-text1 {
    color: #FFFFFF;
    float: left;
    font-family: Open Sans;
    font-size: 30px;
    font-weight: 600;
    margin: 0;
    padding: 18px 30px;
    text-transform: uppercase;
}
.slide2-text1 > i {
    font-family: Open Sans;
    font-size: 25px;
    font-style: normal;
    font-weight: normal;
}
.slide2-text2 {
    color: #FFFFFF;
    float: left;
    font-family: Open Sans;
    font-size: 24px;
    font-weight: lighter;
    margin: 35px 0 0;
    padding: 17px 30px;
    position: relative;
	z-index:0;
}

.slide2-text2:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.08);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.slide2-text3 {
    color: #FFFFFF;
    float: left;
    font-family: Open Sans;
    font-size: 24px;
    font-weight: lighter;
    margin: 35px 0 0;
    padding: 17px 30px;
    position: relative;
	z-index:0;
	background:#6e6d6d;
}



/* Slide3 */
.slide3-text1 {
    float: left;
    margin: 0;
    padding: 0;
	width:337px;
}
.slide3-text1 > li {
    float: left;
    list-style: none outside none;
    width: 100%;
}
.slide3-text1 > li > i {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-size: 28px;
    height: 58px;
    line-height: 58px;
    margin-bottom: 30px;
    margin-right: 30px;
    text-align: center;
    width: 66px;
}
.slide3-text1 > li > h3 {
    color: #343333;
    display: block;
    font-family: Open Sans;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 16px;
    margin:0;
	margin-bottom:5px;
}
.slide3-text1 li > p {
    color: #404040;
    display: block;
    font-family: Open Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin: 0;
}



/* Slide4 */
.slide4-text1 {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.92);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	
    color: #595959;
    float: left;
    font-family: Open Sans;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 15px;
    margin: 0;
    padding: 15px 20px;
    text-transform: uppercase;
}
.slide4-text2 {
    color: #595959;
    font-family: Open Sans;
    font-size: 30px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}
.slide4-text2 > i {
    color: #595959;
    float: right;
    font-family: Open Sans;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    margin-left: -66px;
    margin-top: 5px;
    text-align: right;
}
.slide4-text3 {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #4C4B4F;
    float: left;
    font-family: Noto Sans;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 40px 0 0;
    padding: 15px 20px;
}
.slide4-text3.dark {
    background: none repeat scroll 0 0 rgba(89, 89, 89, 0.9);
    color: #FFFFFF;
}
.purchase-btn {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF !important;
    float: left;
    font-family: Noto Sans;
    font-size: 15px;
    letter-spacing: 0.3px;
    margin-top: 26px;
    padding: 10px 15px;
}

/* Slide Social */
.slider-social {
    bottom: -27px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 999;
}
.slider-social > a  > span{
    background: none repeat scroll 0 0 #353638;
    border: 3px solid #FFFFFF;
	
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #FFFFFF;
    display: table;
    float: none;
    font-size: 22px;
    height: 57px;
    line-height: 50px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 56px;
    z-index: 9999999;
	
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.slider-social > a {
    float: left;
    position: relative;
}
.slider-social > a:before {
    background: none repeat scroll 0 0 #353638;
    content: "";
    height: 1px;
    left: -141px;
    position: absolute;
    top: 30px;
    width: 100%;
	
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.slider-social > a:after {
    background: none repeat scroll 0 0 #353839;
    bottom: 26px;
    content: "";
    height: 1px;
    position: absolute;
    right: -141px;
    width: 100%;
    z-index: 9;
	
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.slider-social > a.twitter:hover:before, .slider-social > a.twitter:hover:after, .slider-social > a.twitter:hover > span {
    background: #00aced;
	z-index: 9999999;
}
.slider-social > a:hover span {
	z-index: 99999999999 !important;
}
.slider-social > a.facebook:hover:before, .slider-social > a.facebook:hover:after, .slider-social > a.facebook:hover > span {
    background: #3B5998;
	z-index: 9999999;
}

.slider-social > a.google-plus:hover:before, .slider-social > a.google-plus:hover:after, .slider-social > a.google-plus:hover > span {
    background: #dd4b39;
	z-index: 9999999;
}

.slider-social > a.tumblr:hover:before, .slider-social > a.tumblr:hover:after,  .slider-social > a.tumblr:hover > span {
    background: #3f729b;
	z-index: 9999999;
}


/* Get in Touch */
.get-in-touch {
    float: left;
    width: 100%;
}

.get-in-touch .input-style {
    margin-bottom: 10px;
}
.get-in-touch > form {
    float: left;
    width: 100%;
    margin-top: -20px;
}
.get-in-touch textarea.input-style {
    height: 110px;
}

.get-in-touch .submit {
    float: left;
}
.input-style {
    border: 1px solid #e8ecec;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #000000;
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    height: 40px;
    letter-spacing: 0.3px;
    margin-bottom: 30px;
    padding: 10px 10px 10px 20px;
    width: 100%;
}
.input-style > i {
    float: left;
    font-size: 12px;
    color: #aeadad;
    line-height: 16px;
    margin-right: 15px;
}
.input-style > input, .input-style > textarea {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #000000;
    float: left;
    font-family: Open Sans;
    font-size: 12px;
    letter-spacing: 0.3px;
    width: 90%;
}
.input-style > textarea {
    height: 82px;
    width: 100%;
}
.input-style.submit {
    border: medium none;
    
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    margin: 0;
    padding: 0;
}
.input-style.submit > input.submit {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    padding: 5px 10px;
    width: auto;
}
.submit {
    border: medium none;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    display: table;
    float: none;
    font-family: Noto Sans;
    font-size: 14px;
    margin: 0 auto;
    padding: 5px 20px;
}
textarea.input-style {
    height: 150px;
    padding-top: 15px;
}

/* Twitter Slide */
.twitter-bar-slide {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.twitter-bar-slide li {
    float: left;
    list-style: none outside none;
    position: relative;
    width: 100%;
	padding-top: 50px;
}
.twitter-bar-slide li:before {
    color: #42B7E2;
    content: "ï‚™";
    font-family: fontawesome;
    font-size: 50px;
    left: 50%;
    margin-top: -32px;
    position: absolute;
    top: 22px;
    margin-left: -15px;
}
.twitter-bar-slide li > h3 {
    color: #000000;
    float: left;
    font-family: Open Sans;
    font-size: 18px;
    line-height: 34px;
    margin: 0 0 10px;
    width: 100%;
    font-weight: normal;
    letter-spacing: 0.30px;
    font-weight: lighter;
	text-align:center;
	text-transform: none;
}
.twitter-bar-slide li > a {
    font-family: Open Sans;
    font-size: 18px;
    font-weight: lighter;
    line-height: 16px;
    margin-bottom: 12px;
    letter-spacing: 0.30px;
	text-align:center;
	float: none;
    margin: 0 auto;
    display: table;
}
.twitter-bar-slide li > span {
    color: #000000;
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
    width: 100%;
}
#twitter-btn {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-family: Open Sans;
    font-size: 15px;
    font-weight: lighter;
    line-height: 15px;
    margin-left: 95px;
    margin-top: 12px;
    padding: 15px 30px;
    float: none;
    margin: 0 auto;
    display: table;
}

/* Toll Free Banner */
.toll-free-sec.open > .toll-free-banner {
    display: block;
    margin: 0;
}
.toll-free-sec {
    float: left;
    width: 100%;
}
.toll-free-sec > a {
    background: none repeat scroll 0 0 #FFFFFF;
    display: table;
    float: none;
    height: 60px;
    margin: -30px auto 0;
    position: relative;
    
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
	
    width: 60px;
    z-index: 99;
    cursor: pointer;

	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	
}
.toll-free-sec > a.active {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.toll-free-sec > a > span {
    color: #FFFFFF;
    float: left;
    font-size: 28px;
    height: 52px;
    line-height: 52px;
    margin-left: 4px;
    margin-top: 4px;
    text-align: center;
    width: 52px;
}
.toll-free-banner {
    background-size: 100% 100%;
    display: none;
    float: left;
    margin-top: -30px;
    width: 100%;
	position: relative;
}
.toll-contact {
    background: none repeat scroll 0 0 #f7f7f7;
    float: left;
    padding: 50px 0;
    position: relative;
    width: 25%;
}
.toll-details {
    background: url("../images/resource/toll-bg.jpg") repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
    height: 100%;
    padding: 41px 75px;
    position: absolute;
    right: 0;
    top: 0;
    width: 75%;
    z-index: 0;
}
.toll-contact > i {
    float: left;
    text-align: center;
    width: 100%;
    font-size: 80px;
    color: #000000;
    line-height: 70px;
    margin-bottom: 25px;
}

.toll-contact > span {
    float: left;
    width: 100%;
    text-align: center;
    font-family: Noto sans;
    font-size: 18px;
    color: #000000;
    text-transform: uppercase;
    line-height: 12px;
    letter-spacing: 0.30px;
}
.toll-contact > span > i {
    float: left;
    font-size: 30px;
    font-style: normal;
    line-height: 24px;
    margin-top: 10px;
    width: 100%;
    margin-top: 25px;
}
.toll-details > span {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    float: left;
    overflow: hidden;
	margin-right:40px;
}
.toll-details > span > img{
    float: left;
    width: 100%;
}
.toll-details > h3 {
    color: #000000;
    display: block;
    float: none;
    font-family: Open Sans;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 19px;
    margin: 17px 0 15px;
    width: 100%;
}

.toll-details > p {
    color: #000000;
    display: block;
    float: none;
    font-family: noto sans;
    font-size: 14px;
    letter-spacing: 0.3px;
    width: 100%;
    margin: 0;
    margin-bottom: 35px;
    line-height: 24px;
    letter-spacing: 0.30px;
}

.toll-details > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #000000;
    float: left;
    font-family: Noto Sans;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-right: 30px;
    margin-top: 0;
    text-transform: uppercase;
}

.toll-details > a > i {
    margin-right: 10px;
}


/* Service Style 1 */
.service {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.service span {
    float: left;
    height: 70px;
    width: 70px;
    border: 1px solid;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	
    text-align: center;
    font-size: 25px;
    line-height: 69px;
	
	-webkit-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	-moz-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	-ms-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	-o-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	
	background:#fff;
}
.service:hover span{
	color:#fff;
}
.service h2 {
    color: #454545;
    float: left;
    font-family: Open Sans;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 34px;
    margin: 0;
    width: 100%;
    margin-top: -10px;
    margin-bottom: 10px;
}
.service h2 > a{
	color:#000000;
	
	-webkit-transition:all 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	-o-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
.service div > a > i {
	font-size: 14px;
	line-height: 10px;
	margin-left: 5px;
}
.service div > a {
    float: left;
    font-family: Open Sans;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 20px;
}
.service p {
    color: #000000;
    float: left;
    font-family: Noto Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    width: 100%;
}

/* We Are Slide */
.roles {
    display: inline-block;
    font-size: 30px;	
    height: 50px;
    overflow: hidden;
    vertical-align: middle;
    font-family: Roboto Slab;
    text-transform: capitalize;
    font-weight: bold;
    margin-left: 15px;
}
.roles div {
    height: 50px;
    -webkit-transition: margin-top 1s ease-in-out;
    -moz-transition: margin-top 1s ease-in-out;
    -o-transition: margin-top 1s ease-in-out;
    transition: margin-top 1s ease-in-out;
}
.we-are-Slide {
    float: none;
    margin: 0 auto;
    display: table;
    width: auto;
}
.we-are-Slide > #we-are-rotate {
    float: none;
    margin: 0 auto;
    display: table;
    width: auto;
}
#we-are-rotate > span {
    color: #000000;
    float: left;
    font-family: Roboto Slab;
    font-size: 40px;
    letter-spacing: 0.3px;
}
.we-are-Slide > p {
    color: #41728c;
    float: left;
    font-family: Noto Sans;
    font-size: 1.12em;
    letter-spacing: 0.3px;
    margin: 10px 0 30px;
    text-align: center;
    width: 100%;
    line-height: 1.6em;
}
.we-are-Slide > img {
    display: table;
    float: none;
    margin-bottom: -70px;
    margin-left: auto;
    margin-right: auto;
}


/* Present Feature Parallax */
.feature-lcd {
    float: none;
    margin:0 auto;
	display:table;
	
}
.present-features {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.parallax  h3 {
    float: left;
    width: 100%;
    margin: 0;
    font-family: Roboto Slab;
    font-size: 30px;
    font-weight: bold;
    color: #404040;
    text-transform: uppercase;
    line-height: 58px;
    margin-top: -15px;
    letter-spacing: 0.30px;
}
.parallax  h3 > i {
    font-size: 25px;
    font-style: normal;
    font-weight: lighter;
}
.parallax  p {
    float: left;
    font-family: Noto Sans;
    font-size: 14px;
    width: 100%;
    color: #000000;
    line-height: 26px;
    margin: 0;
    letter-spacing: 0.30px;
}
.present-features > ul {
    float: left;
    margin: 30px 0 0;
    padding: 0;
    width: 100%;
}
.present-features > ul > li {
    color: #404040;
    float: left;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: lighter;
    list-style: none outside none;
    width: 100%;
    margin-bottom: 15px;
}
.present-features > ul > li:last-child {
    margin: 0;
}
.present-features > ul > li > i {
    height: 23px;
    width: 23px;
    font-size: 12px;
    color: #fff;
    text-align: center;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    line-height: 23px;
    margin-right: 15px;
}

/* Our Skills Sec */

#our-Skill-sec {
    float: left;
    width: 100%;
}
#our-Skill-sec > h3 {
    text-align: center;
}
#our-Skill-sec > p {
    text-align: center;
    padding: 0 100px;
}
.skills-box {
    display: table;
    float: none;
    margin: 0 auto;
    padding: 0;
}
.skills-box > li {
    float: left;
    height: 99px;
    list-style: none outside none;
    margin: 30px 15px 0;
    position: relative;
    text-align: center;
    width: 170px;
    border: 5px solid #fff;
}

.skills-box > li:before {
    content: "";
    height: 5px;
    left: -5px;
    position: absolute;
    top: -5px;
}
.skills-box > li:after {
    content: "";
    height: 5px;
    left: -5px;
    position: absolute;
    bottom: -5px;
}
.skills-box > #photoshop:before, .skills-box > #photoshop:after {
    width: 50%;
}
.skills-box > #html:before, .skills-box > #html:after {
    width: 28%;
}
.skills-box > #php:before, .skills-box > #php:after {
    width: 65%;
}
.skills-box > #management:before, .skills-box > #management:after {
    width: 90%;
}
.skills-box > li > span {
    float: left;
    width: 100%;
    text-align: center;
    font-family: Open Sans;
    font-size: 30px;
    font-weight: bold;
    line-height: 24px;
    margin: 32px 0;
}

/* Service Style 2 */
#services-sec {
    float: left;
    width: 100%;
    margin-top: -30px;
}
#services-sec .service2{
    float: left;
    width: 100%;
    margin-top: 30px;
}
.service2 {
    float: left;
    width: 100%;
}
.service2 > span {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    display: table;
    float: none;
    height: 136px;
	margin: 0 auto;
    overflow: hidden;
    position: relative;
	
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	
    width: 136px;
	
	border: 1px solid #CECECE;
	padding:3px;
}
.service2 > span > img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    float: left;
    width: 100%;
}
.service2 > span > i {
    font-size: 40px;
    left: 0;
    line-height: 142px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
	
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.service2:hover > span i {
    opacity: 0;
	filter:alpha(opacity=0);
	
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
}
.service2 > span:before {
    background: none repeat scroll 0 0 rgba(251, 251, 251, 0.9);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    
	-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	
    width: 100%;
}

.service2:hover > span:before {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
	
    opacity: 0;
	filter:alpha(opacity=0);
}
.service2 > h2 {
    color: #404040;
    float: left;
    font-family: noto sans;
    font-size: 16px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 13px;
    margin: 30px 0 20px;
    position: relative;
    text-align: center;
    width: 100%;

	-webkit-transition:all 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	-o-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;	
}
.service2 > h2 > a {
    color: #404040;
	
	-webkit-transition:all 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	-o-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
.service2 > p {
    color: #000000;
    float: left;
    font-family: noto sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    position: relative;
    text-align: center;
}

/* Service STyle 3 */
.service.with-shadow {
    position: relative;
}
.service.with-shadow:before {
    background-image: url("../images/shadow2.png");
    background-size: 100% 100%;
    bottom: -9px;
    content: "";
    height: 9px;
    left: 0;
    position: absolute;
    width: 100%;
	
    opacity: 0.5;
	filter:alpha(opacity=50);
}


/* Srvice Style 4 */
.service4 {
    background: none repeat scroll 0 0 rgba(105, 105, 105, 0.83);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    overflow: hidden;
    padding: 30px 0;
    position: relative;
    width: 100%;
	
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
#service4-slide {
    float: left;
    width: 100%;
}
.service4:hover {
    -webkit-box-shadow: 0px 0px 28px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 28px rgba(0,0,0,0.4);
    -ms-box-shadow: 0px 0px 28px rgba(0,0,0,0.4);
    -o-box-shadow: 0px 0px 28px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 28px rgba(0,0,0,0.4);
}
.service4 > h2 {
    color: #FFFFFF;
    display: table;
    float: none;
    font-family: Open Sans;
    font-size: 25px;
    line-height: 18px;
    margin: 0 auto;
    position: relative;
    text-align: left;
    z-index: 99;
    line-height: 40px;
    font-size: 24px;
    padding: 0 30px;
}
.service4 > h2 > i {
    color: #FFFFFF;
    float: left;
    font-size: 40px;
    margin-right: 15px;
}
.service4 > p {
    color: #EBEBEB;
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 10px 0 0;
    padding: 0 60px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 99;
}
.service4 > span {
    height: 50%;
    position: absolute;
    width: 50%;
}
.service4 > span.box1 {
    left: -50%;
    top: 0;
	
    -webkit-transition: all 0.4s ease 0.1s;
    -moz-transition: all 0.4s ease 0.1s;
    -ms-transition: all 0.4s ease 0.1s;
    -o-transition: all 0.4s ease 0.1s;
    transition: all 0.4s ease 0.1s;
}
.service4:hover > span.box1 {
    left: 0;
}
.service4 > span.box2 {
    right: 0;
    top: -50%;
	
	-webkit-transition:all 0.4s ease 0.4s;
	-moz-transition:all 0.4s ease 0.4s;
	-ms-transition:all 0.4s ease 0.4s;
	-o-transition:all 0.4s ease 0.4s;
	transition:all 0.4s ease 0.4s;
}
.service4:hover > span.box2 {
    top: 0;
}
.service4 > span.box3 {
    left: 0;
    bottom: -50%;
	
	-webkit-transition:all 0.4s ease 0.2s;
	-moz-transition:all 0.4s ease 0.2s;
	-ms-transition:all 0.4s ease 0.2s;
	-o-transition:all 0.4s ease 0.2s;
	transition:all 0.4s ease 0.2s;
}
.service4:hover > span.box3 {
    bottom: 0;
}
.service4 > span.box4 {
    right: -50%;
    bottom: 0;
	
	-webkit-transition:all 0.4s ease 0.3s;
	-moz-transition:all 0.4s ease 0.3s;
	-ms-transition:all 0.4s ease 0.3s;
	-o-transition:all 0.4s ease 0.3s;
	transition:all 0.4s ease 0.3s;
}
.service4:hover > span.box4 {
    right: 0;
}


/* Service Style 5 */
.service5 {
    float: left;
    width: 100%;
    position: relative;
}

.service5:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0,0,0,0.8);
	
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	
	 -webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
	 -ms-border-radius: 3px;
	 -o-border-radius: 3px;
	 border-radius: 3px;
}
.service5:hover:before {
    opacity: 0;
	filter:alpha(opacity=0);
	
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}
.service5:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
	
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
	
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	
	 opacity: 0;
	 filter:alpha(opacity=0);
	 
	 z-index: -1;
	 
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  -ms-border-radius: 3px;
	  -o-border-radius: 3px;
	  border-radius: 3px;
}
.service5:hover:after {
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.service5 > i {
    color: #FFFFFF;
    float: left;
    font-size: 60px;
    margin-bottom: 15px;
    margin-top: 45px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 99;
}
.service5 > h2 {
    color: #ffffff;
    float: left;
    font-family: Open Sans;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin: 0 0 15px;
    position: relative;
    text-align: center;
    width: 100%;
}
.service5 > h2 > a {
    color: #ffffff;
}
.service5 > p {
    color: #E7E7E7;
    float: left;
    font-family: Noto Sans;
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 22px;
    margin: 0 0 45px;
    padding: 0 20px;
    position: relative;
    text-align: center;
    width: 100%;
}


/* Service Single Page Animation */
.service-single-desc {
    float: left;
    width: 100%;
}
.service-single-desc > h3 {
    color: #000000;
    float: left;
    font-family: Open Sans;
    font-size: 21px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 55px;
    margin: 0 0 25px;
    width: 100%;
}
.service-single-desc > p {
    color: #000000;
    float: left;
    font-family: Noto Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    width: 100%;
}
.service-single-desc > ul {
    float: left;
    margin: 40px 0 0;
    padding: 0;
    width: 100%;
}
.service-single-desc > ul > li {
    color: #000000;
    float: left;
    font-family: Open Sans;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 14px;
    list-style: none outside none;
    margin-bottom: 25px;
    width: 100%;
}
.service-single-desc > ul > li > i {
    float: left;
    margin-right: 10px;
}
.service-single-desc > h3 > i {
    border: 1px solid #D7D7D7;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #D7D7D7;
    float: left;
    font-size: 35px;
    height: 56px;
    line-height: 56px;
    margin-right: 30px;
    text-align: center;
    width: 70px;
}
.manager {
    float: left;
    margin-bottom: -70px;
    width: 100%;
}
.service-img {
    float: left;
    position: relative;
    width: 100%;
}
.service-img > img {
    float: left;
    width: 100%;
}
.container-ball {
    bottom: 76px;
    position: absolute;
    right: 50px;
}
.ball {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    height: 10px;
    margin: 10px auto;
    position: relative;
    width: 10px;
}   
    .ball:nth-child(1) {
      -webkit-animation: right 1s infinite ease-in-out;
      -moz-animation: right 1s infinite ease-in-out;
      -ms-animation: right 1s infinite ease-in-out;
      -o-animation: right 1s infinite ease-in-out;
      animation: right 1s infinite ease-in-out;    
    }
	

.ball:nth-child(1):before {
    content: "ï…’";
    font-family: fontawesome;
    font-size: 15px;
    left: 0;
    position: absolute;
    top: 0;
}	

    .ball:nth-child(2) {
      -webkit-animation: left 1.1s infinite ease-in-out;
      -moz-animation: left 1.1s infinite ease-in-out;
      -ms-animation: left 1.1s infinite ease-in-out;
      -o-animation: left 1.1s infinite ease-in-out;
      animation: left 1.1s infinite ease-in-out;
    }

.ball:nth-child(2):before {
    content: "ï…’";
    font-family: fontawesome;
    font-size: 15px;
    left: 0;
    position: absolute;
    top: 0;
}		
    .ball:nth-child(3) {
      -webkit-animation: right 1.05s infinite ease-in-out;
      -moz-animation: right 1.05s infinite ease-in-out;
      -ms-animation: right 1.05s infinite ease-in-out;
      -o-animation: right 1.05s infinite ease-in-out;
      animation: right 1.05s infinite ease-in-out;
    }
	
.ball:nth-child(3):before {
    content: "ï…’";
    font-family: fontawesome;
    font-size: 15px;
    left: 0;
    position: absolute;
    top: 0;
}		

    .ball:nth-child(4) {
      -webkit-animation: left 1.15s infinite ease-in-out;
      -moz-animation: left 1.15s infinite ease-in-out;
      -ms-animation: left 1.15s infinite ease-in-out;
      -o-animation: left 1.15s infinite ease-in-out;
      animation: left 1.15s infinite ease-in-out;
     }

.ball:nth-child(4):before {
    content: "ï…’";
    font-family: fontawesome;
    font-size: 15px;
    left: 0;
    position: absolute;
    top: 0;
}	
	 
    .ball:nth-child(5) {
      -webkit-animation: right 1.1s infinite ease-in-out;
      -moz-animation: right 1.1s infinite ease-in-out;
      -ms-animation: right 1.1s infinite ease-in-out;
      -o-animation: right 1.1s infinite ease-in-out;
      animation: right 1.1s infinite ease-in-out;
    }
	
.ball:nth-child(5):before {
    content: "ï…’";
    font-family: fontawesome;
    font-size: 15px;
    left: 0;
    position: absolute;
    top: 0;
}				 
		

@-webkit-keyframes right {
  0%   { -webkit-transform: translate(-15px);   }
  50%  { -webkit-transform: translate(15px);    }
  100% { -webkit-transform: translate(-15px);   }
}

@-webkit-keyframes left {
  0%   { -webkit-transform: translate(15px);    }
  50%  { -webkit-transform: translate(-15px);   }
  100% { -webkit-transform: translate(15px);    }
}

@-moz-keyframes right {
  0%   { -moz-transform: translate(-15px);   }
  50%  { -moz-transform: translate(15px);    }
  100% { -moz-transform: translate(-15px);   }
}

@-moz-keyframes left {
  0%   { -moz-transform: translate(15px);    }
  50%  { -moz-transform: translate(-15px);   }
  100% { -moz-transform: translate(15px);    }
}

@keyframes right {
  0%   { transform: translate(-15px);  }
  50%  { transform: translate(15px);   }
  100% { transform: translate(-15px);  }
}

@keyframes left {
  0%   { transform: translate(15px);   }
  50%  { transform: translate(-15px);  }
  100% { transform: translate(15px);   }
}


/* Who we are */
#who-we-images {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#who-we-images li {
    float: left;
    width: 100%;
    list-style: none;
}
#who-we-images li > img {
    float: left;
    width: 100%;
}

#who-we-images .owl-pagination {
    left: 50%;
    position: absolute;
    top: 20px;
    margin-left: -25px;
}
#who-we-images .owl-pagination .owl-page {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 5px;
    margin: 0 4px;
    width: 10px;
}
#who-we-images .owl-pagination .owl-page.active{
	background:#fff;
}
.who-we-desc {
    float: left;
    width: 100%;
}

.who-we-desc > h3 {
    color: #000000;
    float: left;
    font-family: Open Sans;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0 0 10px;
    width: 100%;
}
.who-we-desc > p {
    color: #888;
    float: left;
    font-family: Noto Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin-bottom: 15px;
    width: 100%;
}
.who-we-desc > a {   
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 4px;
    padding: 13px 20px;
    text-transform: uppercase;
    
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	
    -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
}
.who-we-desc > a:hover{
	color:#fff;
}

/* Make an Appointment */
.appointment-sec {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
    background: #fcfcfc;
	
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
	 padding: 30px;
	 
	 position:relative;
	 border: 1px solid #E8ECEC;
}
.appointment-sec:before {
    background-image: url("../images/shadow2.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    bottom: -15px;
    content: "";
    height: 15px;
    left: 0;
    position: absolute;
    width: 100%;
	
	opacity:0.5;
	filter:alpha(opacity=50);
}
.appointment-sec input#inputField {
    background: none repeat scroll 0 0 rgba(247, 248, 249, 0.86);
    border: 1px solid #d1d1d1;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #7A7A7A;
    font-family: Open Sans;
    font-size: 12px;
    height: 37px;
    letter-spacing: 0.3px;
    margin-top: 24px;
    text-align: center;
    width: 125px;
    margin: 0;
    margin-bottom: 0;
	margin-top: 15px;
}
.appointment-sec > span {
    color: #8B8B8B;
    float: left;
    font-family: Open Sans;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.3px;
    padding: 0;
    text-align: center;
    width: 100%;
    line-height: 16px;
    margin: ;
}
.appointment-sec > span > i {
    color: #F8F8F8;
    float: left;
    font-family: Open Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: lighter;
    letter-spacing: 0.3px;
    margin-top: 5px;
    text-align: center;
    width: 100%;
}
.appointment-form-sec {
    float: left;
    padding: 30px;
    width: 100%;
    padding: 0;
    background: none;
    margin-top: 20px;
}
.appointment-form-sec input {
    background: none repeat scroll 0 0 #F8F9F9;
    border: 1px solid #D7D7D7;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #000000;
    float: left;
    font-family: Open Sans;
    font-size: 12px;
    height: 38px;
    letter-spacing: 0.3px;
    margin-bottom: 19px;
    padding-left: 15px;
    width: 100%;
	
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.appointment-form-sec input:focus {
    border: 1px solid #bebebe;
}
.appointment-form-sec p {
    color: #888;
    float: left;
    font-family: Noto Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: -10px 0 15px;
    text-align: left;
    width: 100%;
}
.appointment-form-sec input.submit {
    border: 1px solid #7E7E7E;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	    
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    color: #7E7E7E;
    display: table;
    float: none;
    font-family: Open Sans;
    font-size: 13px;
    height: auto;
    margin: 0 auto;
    padding: 7px 20px;
    width: auto;
    background: #999999;
    color: #fff;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;	
}

/* Profile Page */
#my-profile-info {
    float: left;
    width: 100%;
}
.profile-social {
    display: table;
    float: left;
    margin: 0 auto;
    position: relative;
    width: 100%;
}
.profile-social:before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    height: 100%;
    left: 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 0;
    
	-webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
	
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	
    width: 100%;
	z-index:9;
}
.profile-social > img {
    float: left;
    width: 100%;
	
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.profile-social > ul {
    left: 50%;
    margin: -17px 0 0 -25%;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    padding: 0;
    position: absolute;
    top: 50%;
    
	-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	
    width: 50%;
    z-index: 99999;
}
.profile-social > ul > li {
    float: left;
    list-style: none outside none;
    margin: 0 5px;
}

.profile-social > ul > li > a > i {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    border: 1px solid #E8ECEC;
	
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
	
    color: #000000;
    float: left;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
	
	opacity: 0;
	filter:alpha(opacity=0);
	
	-webkit-transition:all 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	-o-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
.profile-social > ul > li > a > i:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FAFAFA;
	
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.profile-social:hover > ul {
    opacity: 1;
	filter:alpha(opacity=100);
}
.profile-social:hover > ul > li > a > i{
    opacity: 1;
	filter:alpha(opacity=100);
}
.profile-social > ul > li > a {
    float: left;
	width:100%;
}
.profile-social:hover:before {
    opacity:1;
	filter:alpha(opacity=100);
	
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.profile-social:hover > img {
	-webkit-transform:rotate(30deg);
	-moz-transform:rotate(30deg);
	-ms-transform:rotate(30deg);
	-o-transform:rotate(30deg);
	transform:rotate(30deg);
}

.profile-social:hover > ul > li > a > i.fa-facebook {
	-webkit-transition:all 0.4s ease 0.1s;
	-moz-transition:all 0.4s ease 0.1s;
	-ms-transition:all 0.4s ease 0.1s;
	-o-transition:all 0.4s ease 0.1s;
	transition:all 0.4s ease 0.1s;
}
.profile-social:hover > ul > li > a > i.fa-google-plus {
	-webkit-transition:all 0.4s ease 0.3s;	
	-moz-transition:all 0.4s ease 0.3s;	
	-ms-transition:all 0.4s ease 0.3s;	
	-o-transition:all 0.4s ease 0.3s;	
	transition:all 0.4s ease 0.3s;	
}
.profile-social:hover > ul > li > a > i.fa-twitter {
	-webkit-transition:all 0.4s ease 0.5s;
	-moz-transition:all 0.4s ease 0.5s;
	-ms-transition:all 0.4s ease 0.5s;
	-o-transition:all 0.4s ease 0.5s;
	transition:all 0.4s ease 0.5s;
}
.profile-social:hover > ul > li > a > i.fa-linkedin {
	-webkit-transition:all 0.4s ease 0.7s;
	-moz-transition:all 0.4s ease 0.7s;
	-ms-transition:all 0.4s ease 0.7s;
	-o-transition:all 0.4s ease 0.7s;
	transition:all 0.4s ease 0.7s;
}
#my-profile-info > h3 {
    color: #000000;
    float: left;
    font-family: Open Sans;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 15px 0;
    text-align: left;
    width: 100%;
}
#my-profile-info > span {
    color: #000000;
    float: left;
    font-family: Open Sans;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 14px;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}
#my-profile-info > p {
    color: #000000;
    float: left;
    font-family: Noto Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 15px 0 0;
    position: relative;
    text-align: left;
    width: 100%;
}

#my-profile-info > p:before {
    background-image: url("../images/ceo-coma.png");
    content: "";
    height: 80px;
    left: 20%;
	
    opacity: 0.5;
	filter:alpha(opacity=50);
	
    position: absolute;
    top: -3px;
    
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
	
    width: 67px;
}

#my-profile-info > p:after {
    background-image: url("../images/ceo-coma.png");
    content: "";
    height: 80px;
    right: 20%;
	
    opacity: 0.5;
	filter:alpha(opacity=50);
	
    position: absolute;
    bottom: -3px;
    width: 67px;
}
.block.with-parallax .service6:hover > span {
    color: #fafafa !important;
}
.block.with-parallax .service6 > h3 > a {
    color: #F8F8F8;
}
.block.with-parallax .service6 > p {
    color: #eee;
}
.block.with-parallax .service6 > a {
    color: #eee;
}
.my-skills {
    float: left;
    width: 100%;
}
.custom-progress {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.custom-progress > p {
    color: #000000;
    float: left;
    font-family: Noto Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin: 0 0 15px;
    width: 100%;
}
.with-parallax .service6 > span {
    color: #FAFAFA;
}
.custom-progress > p > i {
    color: #000000;
    float: left;
    font-family: Open Sans;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    margin-right: 20px;
}
.custom-progress .progress {
    background: none repeat scroll 0 0 #F8F8F8;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    float: left;
    height: 35px;
    margin: 0;
    width: 100%;
}
.custom-progress .progress > .progress-bar {
    float: left;
    position: relative;
}
.custom-progress .progress > .progress-bar > span {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 600;
    height: 100%;
    left: 0;
    line-height: 33px;
    padding-left: 10px;
    position: absolute;
    text-align: left;
    top: 0;
    width: 100%;
}
#experience {
    float: left;
    margin-top: -30px;
    width: 100%;
}
#experience ul {
    float: left;
    margin: 30px 0 0;
    padding: 0;
    width: 100%;
}
#experience ul > li {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    list-style: none outside none;
    margin-bottom: 20px;
    padding-bottom: 18px;
    padding-left: 128px;
    padding-top: 20px;
    position: relative;
    width: 100%;
}
#experience ul > li > span {
    background: none repeat scroll 0 0 #b9b9b9;
    
	-webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #FFFFFF;
    font-family: Open Sans;
    font-size: 20px;
    font-weight: 600;
    height: 80px;
    left: -1px;
    line-height: 80px;
    margin-top: -40px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 110px;
}
#experience ul > li > h3 {
    color: #000000;
    float: left;
    font-family: Open Sans;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 15px;
    margin: 0;
    width: 100%;
}
#experience ul > li > i {
    color: #000000;
    float: left;
    font-family: Open Sans;
    font-size: 12px;
    font-style: normal;
    line-height: 10px;
    margin-top: 18px;
    width: 100%;
}
#experience ul > li > p {
    color: #000000;
    float: left;
    font-family: Noto Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 15px 0 0;
    width: 100%;
}



/* Expert Lawyer Sec */

.expert-lawyer-sec {
    float: left;
    width: 100%;
    position: relative;
}
.lawyer-slide {
    float: left;
    position: relative;
    width: 100%;
    margin-top: -30px;
}
.lawyer-box {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.lawyer-box > img {
    float: left;
    width: 100%;
}
.lawyer-box:hover .layer-desc {
    height: 90%;
	background: rgba(255,255,255,0.88);
}
.layer-desc {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: 5%;
    height: 69px;
    left: 3%;
    padding: 10px 45px;
    position: absolute;
	
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	
    width: 94%;
}
.lawyer-box:hover .layer-desc > i {
    height: 50%;
    margin-top: -14%;
	background:#666;
}
.layer-desc > i {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 44%;
    left: 45px;
    margin-top: -5%;
    position: absolute;
    top: 50%;
	
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	
    width: 1px;
}
.lawyer-box:hover .layer-desc > span {
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	
	color:#666;
}
.layer-desc > span {
    color: #FFFFFF;
    float: left;
    font-family: Noto Sans;
    font-size: 13px;
    left: 70px;
    line-height: 10px;
    margin: 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 50%;
	
    -webkit-transition: all 0.5s ease 0.1s;
    -moz-transition: all 0.5s ease 0.1s;
    -ms-transition: all 0.5s ease 0.1s;
    -o-transition: all 0.5s ease 0.1s;
    transition: all 0.5s ease 0.1s;
}
.layer-desc > h2 {
    color: #FFFFFF;
    float: left;
    font-family: Open Sans;
    font-size: 18px;
    left: 70px;
    margin: -11px 0 0;
    position: absolute;
    top: 50%;
	
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.lawyer-box:hover .layer-desc > h2 {
    margin-top: -25px;
	color:#666;
}
.layer-desc > a {
    position: absolute;
    right: 15px;
    top: 15px;
    height: 48px;
    width: 48px;
    border: 1px solid;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    text-align: center;
    font-size: 16px;
    line-height: 48px;
    background: #fff;
	
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;

    opacity: 0;
	filter:alpha(opacity=0);
	
    z-index: 1;
	
    -webkit-transform: scale(1.3) rotate(180deg);
    -moz-transform: scale(1.3) rotate(180deg);
    -ms-transform: scale(1.3) rotate(180deg);
    -o-transform: scale(1.3) rotate(180deg);
    transform: scale(1.3) rotate(180deg);
}
.layer-desc > a:hover{
	color:#fff;
}
.lawyer-box:hover .layer-desc > a {
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}


/* Experties Sec */
.experties-sec {
    float: left;
    width: 100%;
}
.experties-sec.style2 > .experties > h2:before {
    display: none;
}
.experties-sec.style2 > .experties > h2 {
    padding: 15px;
}
.experties {
    float: left;
    width: 100%;
}
.experties > h2.active, .experties-sec.style2 > .experties > h2.active {
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.experties > h2:before {
    left: 15px;
    position: absolute;
    top: 50%;
    content: "+";
    margin-top: -7px;
}

.experties > h2.active:before {
    content: "-";
}
.experties > h2 {
    background-color: #28629f;
    background-position: 17px 17px;
    background-repeat: no-repeat;
    background-size: 8px 8px;
    border: 1px solid #1A4C81;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-family: Open Sans;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 11px;
    margin: 0 0 3px;
    padding: 15px 40px;
    
	-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	
	position:relative;
	
    width: 100%;
}
.experties .content, .experties .content2 {
    float: left;
    width: 100%;
}
.experties .content > p, .experties .content2 > p {
    color: #777;
    float: left;
    font-family: Noto Sans;
    font-size: 13px;
    letter-spacing: 0.21px;
    line-height: 24px;
    margin: 3px 0 13px;
    width: 100%;
    margin-top: 4px;
    letter-spacing: 0.30px;
}


/* Upcoming Event */
#upcoming-event {
    float: left;
    width: 100%;
    position: relative;
	margin-top:-30px;
}
.upcoming-event-sec {
    float: left;
    width: 100%;
    position: relative;
}

.content > p {
    padding-left: 15px;
}
.event-box {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-top: 30px;
}
.event-box > img {
    float: left;
    width: 100%;
}
.event-desc {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.88);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: 14px;
    height: 60px;
    left: 4%;
    padding: 22px 15px;
    position: absolute;
    width: 92%;
	
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.event-box:hover .event-desc {
    height: 87%;
}
.event-desc > h3 {
    float: left;
    font-family: Open Sans;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin: 0 0 20px;
}
.event-desc > h3 > a{
	color:#666;
}
.event-desc > span {
    color: #000000;
    font-family: Noto Sans;
    font-size: 13px;
    font-weight: normal;
    left: 16px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 17px;
    margin-top: -11px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 50%;
    width: 100%;
}
.event-box:hover .event-desc > .line1 {
    opacity: 1;
	filter:alpha(opacity=100);
	
    top: 62px;
	
	-webkit-transition: all 0.4s ease 0.5s;
	-moz-transition: all 0.4s ease 0.5s;
	-ms-transition: all 0.4s ease 0.5s;
	-o-transition: all 0.4s ease 0.5s;
	transition: all 0.4s ease 0.5s;

}
.event-box:hover .event-desc > .line2 {
    opacity: 1;
	filter:alpha(opacity=100);
	
    top: 92px;
	
	-webkit-transition: all 0.4s ease 0.3s;
	-moz-transition: all 0.4s ease 0.3s;
	-ms-transition: all 0.4s ease 0.3s;
	-o-transition: all 0.4s ease 0.3s;
	transition: all 0.4s ease 0.3s;
}
.event-box:hover .event-desc > .line3 {
    top: 122px;
	
	opacity:1;
	filter:alpha(opacity=100);
	
	-webkit-transition: all 0.4s ease 0.4s;
	-moz-transition: all 0.4s ease 0.4s;
	-ms-transition: all 0.4s ease 0.4s;
	-o-transition: all 0.4s ease 0.4s;
	transition: all 0.4s ease 0.4s;
}
.event-box:hover .event-desc > .line4 {
    top: 152px;
	
	opacity:1;
	filter:alpha(opacity=100);
	
	-webkit-transition: all 0.4s ease 0.2s;
	-moz-transition: all 0.4s ease 0.2s;
	-ms-transition: all 0.4s ease 0.2s;
	-o-transition: all 0.4s ease 0.2s;
	transition: all 0.4s ease 0.2s;
}
.event-box:hover .event-desc > span {
    opacity: 1;
	filter:alpha(opacity=100);
}
.event-desc > span > i {
    font-size: 15px;
    margin-right: 15px;
    width: 16px;
    text-align: center;
}


/* Upcoming Event 2 */
.upcoming-event-sec2 {
    float: left;
    width: 100%;
}

.upcoming-event-sec2 > ul {
    float: left;
    padding: 0;
    width: 100%;
    margin: 0px;
}
.upcoming-event-sec2 > ul > li {
    float: left;
    list-style: none outside none;
    margin-top: 30px;
}
.upcoming-event2 {
    float: left;
    width: 100%;
}

.upcoming-event2 > img {
    float: left;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
}
.upcoming-event2 > h3 {
    color: #000000;
    float: left;
    font-family: Open Sans;
    font-size: 15px;
    letter-spacing: 0.3px;
    margin: 5px 0 15px;
    width: 100%;
    line-height: 28px;
}
.upcoming-event2 > h3 > a {
    color: #000000;
	
	-webkit-transition:all 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	-o-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
.upcoming-event2 > span {
    float: left;
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 15px;
    width: 100%;
    text-transform: uppercase;
    color: #999999;
    font-weight: normal;
}
.upcoming-event2 > span > i {
    font-size: 14px;
    margin-right: 15px;
    width: 20px;
    text-align: center;
}
.upcoming-event2 > p {
    color: #888;
    float: left;
    font-family: Noto Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    text-align: left;
    width: 100%;
}


/** Event Wide  **/
.event-wide {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.event-wide img {
    float: left;
    width: 100%;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.event-wide .event-count > ul {
    float: left;
    width: 100%;
}

.event-wide .event-count{
	margin:0;
}
.event-wide .event-count > ul > li {
    width: auto;
}
.event-wide .event-count > span {
    float: left;
    width: auto;
    margin-right: 30px;
}


/* About Ceo 2 */
.about-ceo-sec2 {
    float: left;
    position: relative;
    width: 100%;
}
.about-ceo-sec2 > img {
    float: left;
    width: auto;
}
.ceo-detals2 {
    float: left;
}
.ceo-detals2 > h3 {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 50px;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: lighter;
    color: #999999;
    letter-spacing: 0.30px;
    line-height: 15px;
    margin-bottom: 25px;
	text-transform:uppercase;
}
.ceo-detals2.style2 {
    text-align: center !important;
}
.ceo-detals2 > h3 > i {
    font-style: normal;
	font-size:20px;
	text-transform: none;
}
.ceo-detals2 > p {
    color: #000000;
    float: left;
    font-family: Open Sans;
    font-size: 20px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 38px;
    margin: 0 0 50px;
    width: 100%;
}
.ceo-detals2 > ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.ceo-detals2 > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: 20px;
}
.ceo-detals2 > ul > li > a {
    float: left;
}
.ceo-detals2 > ul > li > a > i {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E2E2E2;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    font-size: 26px;
    height: 70px;
    line-height: 70px;
    text-align: center;
	
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	
    width: 70px;
}
.ceo-detals2 > ul > li > a > i:hover {
    color:#fff !important;
}
.ceo-detals2 > ul > li > a > i.fa.fa-facebook {
	color:#3B5998;
}
.ceo-detals2 > ul > li > a > i.fa.fa-facebook:hover {
    background: none repeat scroll 0 0 #3B5998;
    border: 1px solid #3B5998;
}
.ceo-detals2 > ul > li > a > i.fa.fa-twitter {
	color:#00aced;
}
.ceo-detals2 > ul > li > a > i.fa.fa-twitter:hover {
    background:#00aced;
	border: 1px solid #00aced;
}
.ceo-detals2 > ul > li > a > i.fa.fa-google-plus {
	color:#dd4b39;
}
.ceo-detals2 > ul > li > a > i.fa.fa-google-plus:hover {
    background:#dd4b39;
	border: 1px solid #dd4b39;
}
.ceo-detals2 > ul > li > a > i.fa.fa-linkedin {
	color:#007bb6;
}
.ceo-detals2 > ul > li > a > i.fa.fa-linkedin:hover {
    background:#007bb6;
	border: 1px solid #007bb6;
}

/* About Ceo 3 */
.ceo-details3 {
    background: none repeat scroll 0 0 rgba(52, 72, 90, 0.8);
	
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
    -o-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
    
	-webkit-box-shadow: 0px 0px 131px rgba(0,0,0,0.75) inset;
	-moz-box-shadow: 0px 0px 131px rgba(0,0,0,0.75) inset;
	-ms-box-shadow: 0px 0px 131px rgba(0,0,0,0.75) inset;
	-o-box-shadow: 0px 0px 131px rgba(0,0,0,0.75) inset;
	box-shadow: 0px 0px 131px rgba(0,0,0,0.75) inset;
	
    float: right;
    padding: 45px 30px;
	width: 65%;
	position: relative;
	margin-right: -4px;
}
.ceo-details3:before {
    background: none repeat scroll 0 0 rgba(52, 72, 90, 0.3);
    
	-webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
    -o-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
	
    content: "";
    height: 100%;
    left: -4px;
    position: absolute;
    top: 4px;
    width: 100%;
    z-index: -1;
}
.ceo-details3 > h3 {
    color: #fbfbfb;
    display: table;
    float: none;
    font-family: Noto Sans;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 16px;
    margin: 0 auto 15px;
    width: auto;
	position: relative;
	padding-bottom:7px;
}

.ceo-details3 > h3:before {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 24%;
    margin-left: -12%;
    background: #fff;
    height: 2px;
    content: "";
}
.ceo-details3 > h3 > i {
    color: #AEAEAE;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    margin-top: 5px;
    float: right;
    font-style: normal;
    margin-left: 15px;
    letter-spacing: 0.30px;
}
.ceo-details3 > p {
    color: #d2d2d2;
    display: table;
    float: none;
    font-family: Open Sans;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: 0 auto;
    text-align: center;
    width: 92%;
}



/* Tab Sections */

.tab-sec {
    float: left;
    width: 100%;
    padding: 27px;
    background: #fff;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
}
.tab-sec > ul.nav.nav-tabs {
    border: medium none;
    float: left;
    margin-bottom: 20px;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    overflow: hidden;
}
.tab-sec > ul.nav.nav-tabs > li {
    float: left;
    margin: 0;
}
.tab-sec > ul.nav.nav-tabs > li > a {
    border-right: 1px solid #E8E6E6;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #454545;
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0;
    padding: 0 20px;
    text-transform: uppercase;
	
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	 
	 -webkit-border-radius: 0;
	 -moz-border-radius: 0;
	 -ms-border-radius: 0;
	 -o-border-radius: 0;
	 border-radius: 0;
	 
	 height: 30px;
    line-height: 29px;
}
.tab-sec > ul.nav.nav-tabs > li > a:hover {
    color: #fff;
}
.tab-sec > ul.nav.nav-tabs > li.active > a {
    color: #fff;
}
.tab-sec > ul.nav.nav-tabs > li:last-child > a {
    border: medium none;
}
.tab-sec .tab-content {
    float: left;
    width: 100%;
}
.tab-project {
    float: left;
    width: 100%;
}
.tab-project > h3, .tab-work > h3, .tab-article h3, .tab-video > h3 {
    color: #000000;
    float: left;
    font-family: Open Sans;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin: 0 0 22px;
    width: 100%;
    margin-top: -10px;
}
.tab-project img, .tab-article img {
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.tab-project > p, .tab-work > p, .tab-article p {
    color: #777;
    float: left;
    font-family: Noto sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 11px;
    width: 100%;
}

.tab-article .col-md-8 p {
    margin-top: 0px;
}
.tab-work {
    float: left;
    width: 100%;
}

.tab-work > span {
    float: left;
    margin-right: 20px;
}
.tab-work > a {
    float: left;
    font-family: Open Sans;
    font-size: 12px;
    color: #ffffff;
    padding: 6px 12px;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    line-height: 10px;
    margin-top: 15px;
    letter-spacing: 0.30px;
}
.tab-work > p {
    display: block;
    float: none;
    margin: 0 0 8px;
}
.tab-work > ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.tab-work > ul > li {
    color: #000000;
    float: left;
    font-family: Noto sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    list-style: none outside none;
    margin-top: 10px;
    width: 100%;
}
.tab-work > ul > li:first-child {
    margin: 0;
}
.tab-work > ul > li > i {
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    height: 17px;
    width: 17px;
    text-align: center;
    line-height: 16px;
    margin-right: 15px;
	margin-bottom:10px;
}



/* Job Box */
.job-box {
    float: left;
    width: 100%;
    margin-top: 30px;
    border: 1px solid #e8ecec;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
	
    padding: 20px;
}
.job-box > span {
    float: left;
    margin-right: 20px;
}
.job-box > span > img {
    float: left;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
}
.job-box > h3 {
    color: #000000;
    display: block;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
    margin: -5px 0 0;
    letter-spacing: 0.30px;
}

.job-box > i {
    display: block;
    font-family: Noto Sans;
    font-size: 12px;
    font-style: normal;
}
.job-box > p {
    color: #000000;
    float: left;
    font-family: Noto Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-top: 10px;
    width: 100%;
}
.job-box > a {
    background: none repeat scroll 0 0 #757575;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: right;
    font-family: Open Sans;
    font-size: 10px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 2px;
    padding: 10px 12px;
	
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.job-box > span {
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    color: #000000;
    line-height: 31px;
}

/* Our Blog  Style 1*/
.our-blog-sec {
    float: left;
    margin-top: -30px;
    position: relative;
    width: 100%;
}
.our-blog-link {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
	
}
.our-blog-link > img {
    float: left;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
}

.our-blog-link:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.77);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: -101%;
	
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	
    width: 100%;
}
.our-blog-box:hover .our-blog-link:before {
    top: 0;
}

.our-blog-link > a {
    color: #FFFFFF;
    font-size: 18px;
    left: 50%;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 50%;
	
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);
	
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	
    margin-left: -8px;
    z-index: 999;
}

.our-blog-box:hover .our-blog-link > a {
    
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    top: 14px;
	
	-webkit-transition: all 0.5s ease 0.3s;
	-moz-transition: all 0.5s ease 0.3s;
	-ms-transition: all 0.5s ease 0.3s;
	-o-transition: all 0.5s ease 0.3s;
	transition: all 0.5s ease 0.3s;
}
.our-blog-link:after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    
	-webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
	
    content: "";
    height: 50px;
    left: 100%;
    margin-left: 0;
    position: absolute;
    top: 0;
    
	-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	
    width: 50px;
}
.our-blog-box:hover .our-blog-link:after {
    left:50%;
	
	-webkit-transition: all 0.5s ease 0.1s;
	-moz-transition: all 0.5s ease 0.1s;
	-ms-transition: all 0.5s ease 0.1s;
	-o-transition: all 0.5s ease 0.1s;
	transition: all 0.5s ease 0.1s;
	
	margin-left:-25px;
}

.our-blog-box > h2 > a {
    color: #404040;
}
.our-blog-box > h2 {
    float: left;
    font-family: Open Sans;
    font-size: 15px;
    line-height: 28px;
    margin: 20px 0;
    width: 100%;
    margin-top: 15px;
}
.our-blog-box > span {
    float: left;
    font-family: Open Sans;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 8px;
    margin-bottom: 10px;
    margin-right: 20px;
    margin-top: -9px;
}
.our-blog-box > span > i {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    margin-right: 5px;
    padding: 0;
}
.our-blog-box > p {
    color: #888;
    float: left;
    font-family: Noto Sans;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 24px;
    margin: 0;
    width: 100%;
}
.our-blog-box > span > strong {
    font-weight: 600;
}


/* our Blog 2 */
.our-blog2 {
    float: left;
    width: 100%;
    position: relative;
    margin-top: -30px;
}
.our-blog-sec2 {
    float: left;
    width: 100%;
    position: relative;
}

.our-blog-box2 {
    float: left;
    width: 90%;
    position: relative;
    overflow: hidden;
	margin-top:30px;
}

.our-blog-box2:hover img {

    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.our-blog-box2 > img {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
	
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	
    width: 100%;
}

.our-blog-link2 {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: 4%;
    left: 4%;
    position: absolute;
	
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	
    width: 92%;
    height: 50px;
}
.our-blog-box2:hover .our-blog-link2 {
    bottom: 0;
    height: 100%;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0.9);
}
.our-blog-box2:hover .our-blog-link2 > h2 {
    margin-top: -40px;
}
.our-blog-box2:hover .our-blog-link2 > h2 > a {
    color: #E4E3E3;
}
.our-blog-link2 > h2 {
    color: #000000;
    float: none;
    font-family: Noto Sans;
    font-size: 15px;
    font-weight: normal;
    left: 0;
    line-height: 10px;
    margin: -5px 0 0;
    position: absolute;
    text-align: center;
    top: 50%;
    
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	
    width: 100%;
}
.our-blog-link2 > h2 > a {
    color: #313131;
}
.our-blog-link2 > a > i {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.84);
    border: 1px solid rgba(255, 255, 255, 0.5);
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #6A6A6A;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    margin-top: 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    text-align: center;
    top: 50%;
    
	-webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
	
    width: 35px;
}
.our-blog-link2 > a > i:hover{
	color:#fff;
}
.our-blog-box2:hover .our-blog-link2 .fa-search {
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
	
    -webkit-transition: all 0.5s ease 0.3s;
    -moz-transition: all 0.5s ease 0.3s;
    -ms-transition: all 0.5s ease 0.3s;
    -o-transition: all 0.5s ease 0.3s;
    transition: all 0.5s ease 0.3s;
}
.our-blog-link2 > a > i.fa-search {
    left: 50%;
    margin-left: -40px;
	
    -webkit-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    transform: rotate(120deg);
	
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.our-blog-box2:hover .our-blog-link2 .fa-link {
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
	
    -webkit-transition: all 0.5s ease 0.5s;
    -moz-transition: all 0.5s ease 0.5s;
    -ms-transition: all 0.5s ease 0.5s;
    -o-transition: all 0.5s ease 0.5s;
    transition: all 0.5s ease 0.5s;
}
.our-blog-link2 > a > i.fa-link {
    margin-right: -40px;
    right: 50%;
	
    -webkit-transform: rotate(-120deg);
    -moz-transform: rotate(-120deg);
    -ms-transform: rotate(-120deg);
    -o-transform: rotate(-120deg);
    transform: rotate(-120deg);
	
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}


/* Our Blog 3 */
.our-blog3-box {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.our-blog3-box > span {
    float: left;
    margin-right: 20px;
    width: 25%;
}
.our-blog3-box > span > img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.our-blog3-box > h3 {
    display: block;
    font-family: Open Sans;
    font-size: 15px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0 0 10px;
}
.our-blog3-box > h3 > a{
	color:#666;
}
.our-blog3-box > p {
    color: #7A7A7A;
    display: block;
    font-family: Noto Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin: 0 0 10px;
    line-height: 24px;
    color: #888;
}
.our-blog3-box > ul {
    display: block;
    margin: 0;
    padding: 0;
}
.our-blog3-box > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: 15px;
}
.our-blog3-box > ul > li:last-child {
    margin: 0;
}
.our-blog3-box > ul > li > a {   
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #ffffff;
    float: left;
    font-family: Open Sans;
    font-size: 11px;
    line-height: 10px;
    padding: 6px 8px;
	
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;	

	-webkit-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	-moz-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	-ms-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	-o-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
}
.our-blog3-box > ul > li > a > i {
    margin-right: 5px;
}
.our-blog3-box > ul > li > a:hover {
    color: #FFFFFF;
}

/* Our Blog4 */

/* With Parallax */
.block.dark .our-blog4-box > h3 > a {
    color: #FFFFFF;
}
.block.dark .our-blog4-box > p {
    color: #b0afaf;
	border-color:rgba(132,132,132,0.57)
}
.block.dark .blog4-metas > li > a {
    background: none repeat scroll 0 0 #7C7C7C;
    border-color: #7C7C7C;
	color:#d3d3d3;
}
.block.dark .title {
    color: #fff;
}
.title {
    color: #000000;
    float: left;
    font-family: Open Sans;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 15px;
    margin-bottom: 30px;
    margin-top: 0;
    text-transform: uppercase;
    width: 100%;
}
.title > i {
    border-bottom: 1px solid #A9A9A9;
    color: #F0F0F0;
    float: left;
    font-style: normal;
    font-weight: bold;
    margin-right: 7px;
    padding-bottom: 10px;
}
.block.dark .title > i {
    color: #fff;
}


.our-blog4 {
    float: left;
    width: 100%;
    margin-top: -30px;
}
.our-blog4-box:hover > a:after {
	opacity:1;
	filter:alpha(opacity=100);
	
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);	
}
.our-blog4-box {
    float: left;
    margin-top: 30px;
    
	-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	
    width: 100%;
}
.our-blog4-box > a:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    content: "";
    z-index: 1;
	
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	
    opacity: 0;
	filter:alpha(opacity=0);	
}
.our-blog4-box > a:after {
    color: #FFFFFF;
    content: "ï‚ژ";
    font-family: fontawesome;
    font-size: 20px;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 50%;
    
	-webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
	
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	
    z-index: 1;
}
.our-blog4-box > a {
    float: left;
    width: 100%;
    overflow: hidden;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
	
	position: relative;
}
.our-blog4-box > a > img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
	
	-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;	
}
.our-blog4-box:hover > a > img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.our-blog4-box:hover > a:before {
	opacity: 1;
	filter:alpha(opacity=100);
}
.blog4-metas {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.blog4-metas > li {
    float: left;
    margin-right: 15px;
    list-style: none;
}
.blog4-metas > li > a {
    float: left;
    font-family: Open Sans;
    font-size: 11px;
    color: #fff;
    letter-spacing: 0.30px;
    line-height: 10px;
    padding: 8px 10px;
    border: 1px solid;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    line-height: 9px;
	font-weight:lighter;
}
.our-blog4-box > h3 {
    float: left;
    font-family: Noto Sans;
    font-size: 15px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 23px;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 0;
	color:#000000;
}
.our-blog4-box > h3 > a {
    color:#000000;
	
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;	
}
.our-blog4-box > p {
    border-bottom: 1px solid #eeeeee;
    color: #000000;
    float: left;
    font-family: Noto Sans;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 24px;
    margin-bottom: 20px;
    margin-top: 5px;
    padding-bottom: 20px;
    width: 100%;
}

.blog4-metas > li > a > i {
    margin-right: 6px;
}


/* Whats is New */
#whats-new {
    float: left;
    width: 100%;
	margin-top:10px;
}
#whats-new > img {
    bottom: -70px;
    position: absolute;
    right: 0;
}
#whats-new > h1 {
    color: #000000;
    float: left;
    font-family: Roboto Slab;
    font-size: 52px;
    margin: 0;
    width: 100%;
    line-height: 42px;
    letter-spacing: 0.30px;
}
#whats-new > h1 > span {
    float: left;
    width: 100%;
    font-size: 150px;
    line-height: 117px;
    margin-top: 30px;
}

#whats-new > h1 > i {
    float: left;
    width: 100%;
    font-style: normal;
    margin-top: 38px;
}



/* Our CEO PLAN */

.ceo-plan-box {
    float: left;
    width: 100%;
}
.ceo-plan-box .video-paralax {
    margin-top: 70px;
}
#ceo-plan-box {
    padding-top: 40px;
}
.ceo-plan-box > .row > div > img {
    float: left;
    width: 89%;
}
.ceo-plan-detail {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.ceo-plan-detail > h3 {
    color: #000000;
    float: left;
    font-family: Open Sans;
    font-size: 18px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 34px;
    margin: -10px 0 20px;
    text-transform: uppercase;
    width: 100%;
}
.ceo-plan-detail > p {
    color: #888;
    float: left;
    font-family: Noto Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    width: 100%;
    margin-top: -10px;
}
.ceo-plan-detail > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    margin-top: 30px;
}
.ceo-plan-detail > ul > li {
    float: left;
    list-style: none outside none;
    margin-bottom: 40px;
    width: 100%;
}
.ceo-plan-detail > ul > li:last-child {
    margin: 0;
}
.ceo-plan-detail > ul > li > span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 45px;
    margin-right: 22px;
    padding: 9px 0;
    text-align: center;
    width: 45px;
}
.ceo-plan-detail > ul > li > h4 {
    font-family: Open Sans;
    font-size: 16px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin: 0 0 20px;
    float: left;
    width: 100%;
}

.ceo-plan-box > .row > div {
    float: left;
    position: relative;
}

.ceo-plan-box > .row > div.col-md-3:before {
    background-image: url("../images/shadow3.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 12px;
    content: "";
}
.ceo-plan-detail > ul > li > p {
    color: #888;
    display: block;
    font-family: Noto Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    width: 85%;
}


/* Testimonial 1 */
.testimonial-sec {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.testimonial-sec  li {
    float: left;
    width: 100%;
    position: relative;
    list-style: none;
}
.testimonial-sec li > span {
    border: 5px solid rgba(255, 255, 255, 0.31);

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-right: 75px;
    overflow: hidden;
    float: none;
    margin: 0 auto;
    display: table;
    margin-bottom: 23px;
}
.testimonial-sec li > span > img {
    float: left;
    width: 100%;
}
.testimonial-sec li > p {
    color: #454545;
    display: block;
    font-family: Open Sans;
    font-size: 22px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    margin: 0;
    text-align: center;
    padding: 0 57px;
	line-height:38px;
}
.testimonial-sec li > a {
    float: right;
    font-family: Open Sans;
    font-size: 15px;
    font-weight: 600;
    margin-right: 34px;
    margin-top: 10px;
}
.testimonial-sec .owl-pagination {
    float: none;
    margin: 0 auto;
    display: table;
}
.testimonial-sec .owl-pagination > .owl-page {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    float: left;
    height: 12px;
    margin: 0 5px;
    width: 12px;
	
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.testimonial-sec .owl-pagination > .owl-page.active {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
}



/* Testimonial 2 */
.testimonial-sec2 {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
    position: relative;
}

.testimonial-sec2 li {
    float: left;
    width: 100%;
    position: relative;
    list-style: none;
}
.testimonial-sec2 li > span {
    float: left;
    margin-right: 30px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    overflow: hidden;
}
.testimonial-sec2 li > span > img {
    float: left;
}
.testimonial-sec2 li > a {
    color: #999999;
    display: block;
    font-family: Open Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 30px;
    margin-top: 30px;
    text-align: right;
    width: 100%;
}
.testimonial-sec2 li > a > i {
    font-style: normal;
    font-family: Open Sans;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}
.testimonial-sec2 li > p {
    color: #000000;
    font-family: Noto Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 10px;
    position: relative;
}

.testimonial-sec2 li > p:before {
    background-image: url("../images/ceo-coma.png");
    bottom: -70px;
    content: "";
    height: 80px;
    position: absolute;
    right: 0;
    
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
	
    width: 67px;
	
    opacity: 0.5;
	filter:alpha(opacity=50);
	
}
.testimonial-sec2 .owl-pagination {
    display: table;
    float: right;
    margin-top: 0px;
    position: relative;
    z-index: 9999;
}
.testimonial-sec2 .owl-pagination > .owl-page {
    background: none repeat scroll 0 0 #cccccc;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 6px;
    margin: 0 5px;
    width: 6px;
}


/* Testimonial for White bg */
.f-testimonail.with-white > .tab-content {
    background: none;
}

.f-testimonail.with-white > ul > li {
    margin-bottom: 20px;
}
.f-testimonail.with-white > ul > li.active a {
    border-color: #e3e3e3;
}
.f-testimonail.with-white > ul > li.active a > img {
    border-color: #e3e3e3;
}
.f-testimonail.with-white > .tab-content > div {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
}
.with-white .f-testimonial-box > p {
    color: #7A7A7A;
    font-family: Noto Sans;
    font-size: 13px;
    line-height: 24px;
    text-align: left;
    color: #000000;
    padding: 0;
}

/* Our Clients */

.our-clients {
    float: left;
    width: 100%;
    margin-top: -30px;
}
.our-clients  a {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #E2E2E2;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-top: 30px;
    width: auto;
	
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	
	-webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
	-moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
	-ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
	-o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
	box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
}
.our-clients  a > img {
    float: none;
    margin: 0 auto;
    display: table;
}
.our-clients  a:hover {
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.14);
    -ms-box-shadow: 0px 0px 10px rgba(0,0,0,0.14);
    -o-box-shadow: 0px 0px 10px rgba(0,0,0,0.14);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.14);
}


/* our Clients2 */

#our-clients-sec {
    float: left;
    width: 100%;
    margin-top: -30px;
}

.our-clients2 {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.clients-hover {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: 25px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.clients-hover:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(0,0,0,0.8);
    
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
	
    opacity: 0;
	filter:alpha(opacity=0);
}
.our-clients2:hover .clients-hover:before {
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.clients-hover > a {
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #f8f8f8;
    font-size: 20px;
    height: 45px;
    left: 50%;
    line-height: 45px;
    margin-left: -22.5px;
    margin-top: -22.5px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    text-align: center;
    top: 50%;
	
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);
	
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	
    width: 45px;
}
.our-clients2:hover .clients-hover > a {
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.our-clients2 > h3 {
    color: #666;
    float: left;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 30px;
    margin: 0 0 15px;
    text-align: center;
    width: 100%;
}
.our-clients2 > p > i {
    font-style: italic;
    font-weight: bold;
}
.our-clients2 > p:before {
    background-image: url("../images/ceo-coma.png");
    content: "";
    height: 80px;
    position: absolute;
    right: 0;
    top: 0;
    width: 67px;
	
    opacity: 0.5;
	filter:alpha(opacity=50);
}
.our-clients2 > p {
    color: #888;
    float: left;
    font-family: Noto Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    position: relative;
    text-align: center;
    width: 100%;
    margin-top: -5px;
}
.clients-hover > img {
    float: left;
    width: 100%;
}
.our-clients2 > h3 > a {
    color: #404040;
}
.our-clients2 > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #404040;
    float: left;
    font-family: Open Sans;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 20px;
    padding: 10px;
    text-transform: uppercase;
	 border: 1px solid #404040;
}



/* Employee of The Month */
.emp-of-month-sec {
    float: left;
    width: 100%;
}
#employee-img {
    float: left;
    position: relative;
    width: 100%;
    margin-top: -20px;
}
.emp-of-month-desc > h3 {
    float: left;
    font-family: Open Sans;
    font-size: 1.3em;
    font-weight: 600;
    line-height: 30px;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
}
.emp-of-month-desc > span {
    float: left;
    font-family: Open Sans;
    font-size: 1.1em;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 0 20px;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 15px;
}

.emp-of-month-desc > p {
    float: left;
    width: 100%;
    font-family: Noto Sans;
    font-size: 13px;
    color: #686C70;
    letter-spacing: 0.30px;
    margin: 0;
    line-height: 24px;
}
#employee-img > img {
    float: left;
}
#employee-img:before {
    background-image: url("../images/shadow3.png");
    background-repeat: no-repeat;
    background-size: 100% 13px;
    bottom: -1px;
    content: "";
    height: 9px;
    left: 0;
    position: absolute;
    width: 100%;
}
.emp-of-month-desc {
    float: left;
    width: 100%;
}
.emp-of-month-desc > ul {
    float: left;
    margin-bottom: 20px;
    padding: 0;
    width: 100%;
}
.emp-of-month-desc > ul > li {
    float: left;
    list-style: none outside none;
	margin-right:15px;
}
.emp-of-month-desc > ul > li > a {
    float: left;
    width: 46px;
    height: 46px;
    background: #fff;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    border: 1px solid #e8ecec;
    text-align: center;
    font-size: 13px;
    color: #414141;
    line-height: 43px;
	
    -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
	
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.emp-of-month-desc > ul > li > a:hover{
	color:#fff;
}



/* Next product */

.next-products {
    float: left;
    width: 100%;
}
.next-products h3 {
    float: left;
    font-family: Noto Sans;
    font-size: 24px;
    font-weight: bold;
    line-height: 18px;
    margin: 0;
    width: 100%;
    margin-bottom: 35px;
    letter-spacing: 0.30px;
}
.next-products p {
    color: #676565;
    font-family: Open Sans;
    font-size: 13px;
    letter-spacing: 0.35px;
    line-height: 25px;
    float: left;
    margin: 0;
}
.next-products img {
    float: left;
    width: 100%;
}
.next-products ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.next-products ul > li {
    float: left;
    list-style: none outside none;
    margin-bottom: 22px;
    width: 100%;
    font-family: Open Sans;
    font-size: 13px;
    color: #6b6868;
    letter-spacing: 0.30px;
}
.next-products ul > li > i {
    float: left;
    font-size: 14px;
    margin-right: 15px;
    margin-top: 3px;
}


/* Show Product */

.show-product {
    float: left;
    width: 100%;
    position: relative;
}
.show-products-lcds {
    float: left;
    height: 330px;
    position: relative;
    width: 100%;
}
.show-products-lcds > span {
    float: none;
    margin: 0 auto;
    display: table;
}
.show-product > h2 {
    color: #000000;
    float: left;
    font-family: Open Sans;
    font-size: 22px;
    font-weight: normal;
    margin: 10px 0 15px;
    text-align: center;
    width: 100%;
}
.show-product > p {
    color: #000000;
    display: table;
    float: none;
    font-family: Noto Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 auto;
    text-align: center;
    width: 80%;
}
.show-product > a {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fffefe;
    display: table;
    float: none;
    font-family: Open Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 auto;
    padding: 15px 40px;
    margin-top: 20px;
	
	-webkit-transition:all 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	-o-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;	
}
.show-product > a:hover {
    background: none repeat scroll 0 0 #333333;
}
#show-product-slide .owl-buttons {
    position: absolute;
    left: 0;
    top: 35%;
    width: 100%;
    z-index: 0;
	margin-top:-25px;
}
#show-product-slide .owl-buttons > div {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    height: 50px;
    text-align: center;
    width: 50px;
    background-position: 20px 19px;
}

#show-product-slide .owl-buttons > div.owl-prev {
    position: absolute;
    left: 0;
    top: 0;
}

#show-product-slide .owl-buttons > div.owl-next {
    position: absolute;
    right: 0;
    top: 0;
}

.isotope-item {
  z-index: 2;
}
 
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
 
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;

}
 
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
 
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:         transform, opacity;
    -o-transition-property:         transform, opacity;
    transition-property:         transform, opacity;
}


/* Success Work */
#success-work-nav {
    display: table;
    float: none;
    margin: 0 auto 30px;
    position: relative;
    z-index: 9;
}
#success-work-nav > ul {
    margin: 0;
    padding: 0;
    float: left;
}
#success-work-nav > ul > li {
    float: left;
    list-style: none outside none;
}
#success-work-nav > ul > li > a {
    color: #000000;
    float: left;
    font-family: Open Sans;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 0 20px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    z-index: 1;
}
#success-work-nav > ul > li > i {
    color: #CFCFCF;
    float: right;
    font-family: Open Sans;
    font-size: 15px;
    line-height: 10px;
    margin-top: -10px;
}
#success-work-nav > ul > li > a > i {
    color: #ececec;
    font-size: 14px;
    margin-right: 15px;
}

.success-work {
    float: left;
	margin-top:30px;
}
#success-work {
    margin-top: -30px;
    float: left;
    width: 100%;
}
.success-work-desc {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.success-work-desc > img {
    float: left;
    width: 100%;
	
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.success-work:hover .success-work-desc > img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.success-work-desc > a {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.93);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #404040;
    font-size: 20px;
    height: 50px;
    left: 50%;
    line-height: 50px;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    text-align: center;
    top: 50%;
	
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
	
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	
    width: 50px;
	z-index: 9;
	border: 1px solid rgba(0,0,0,0.2);
}
.success-work:hover .success-work-desc > a {
    -webkit-transform: rotatey(0deg);
    -moz-transform: rotatey(0deg);
    -ms-transform: rotatey(0deg);
    -o-transform: rotatey(0deg);
    transform: rotatey(0deg);
	
	-webkit-transition: all 0.5s ease 0.2s;
	-moz-transition: all 0.5s ease 0.2s;
	-ms-transition: all 0.5s ease 0.2s;
	-o-transition: all 0.5s ease 0.2s;
	transition: all 0.5s ease 0.2s;
}
.success-work-desc > a:hover {
    color: #fff;
}
.success-work-desc:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
	
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
	
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	
    width: 100%;
    z-index: 9;
}
.success-work:hover .success-work-desc:before {
    -webkit-transform: rotatex(0deg);
    -moz-transform: rotatex(0deg);
    -ms-transform: rotatex(0deg);
    -o-transform: rotatex(0deg);
    transform: rotatex(0deg);
}
.success-work > h2 {
    color: #454545;
    float: left;
    font-family: Open Sans;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 20px 0 15px;
    text-align: left;
    width: 100%;
}
.success-work > span {
    color: #000000;
    float: left;
    font-family: noto sans;
    font-size: 13px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0;
    text-align: left;
    width: 100%;
}


/* Latest Project */
#latest-project {
    float: left;
    width: 100%;
}


/* Latest Features */
.ltst-feature-sec {
    float: left;
    width: 100%;
}
.ltst-feature-box {
    float: left;
    width: 100%;
}
.ltst-feature-box > img {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.ltst-feature-box > h2 {
    color: #404040;
    float: left;
    font-family: Noto Sans;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 13px;
    margin: 20px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    font-weight: lighter;
    margin-bottom: 11px;
}
.ltst-feature-box > p {
    color: #7a7a7a;
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    text-align: center;
    width: 100%;
}



/* Our Projects */
.our-project-sec {
    float: left;
    margin-top: -30px;
    position: relative;
    width: 100%;
}

.project-desc > h3 {
    color: #000000;
    float: left;
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 1.5em;
    margin: 0px 0 10px;
    padding-right: 15px;
    width: 100%;
	
}


.project-desc > h3 > a {
   color: #1C283C;
    font-size: 1.15em;
}
.our-project-sec p {
    color: #467295;
    float: left;
        font-family: Open Sans;
    font-size: 0.9em;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 30px;
    padding-right: 12px;
    width: 100%;
}
.our-project-box > span {
    float: left;
    padding-right: 15px;
    position: relative;
    width: 50%;
}
.our-project-box > span > i {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: 0;
    color: #000000;
    font-family: Open Sans;
    font-size: 13px;
    font-style: normal;
    right: 15px;
    letter-spacing: 0.3px;
    line-height: 11px;
    margin-bottom: 3%;
    margin-right: 3%;
    padding: 14px;
    position: absolute;
    text-align: center;
    width: 89%;
}
.our-project-box > span > i > strong {
    font-size: 14px;
}
.project-desc > span {
  
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #fff;
    float: left;
    font-family: Open Sans;
    font-size: 11px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 10px;
    margin-top: 5px;
    padding: 8px 13px;
    text-transform: uppercase;
    width: auto;
    margin: 0;
}
.project-desc > span > i {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
	margin-right:5px;
}
.project-desc {
    float: left;
    width: 50%;
}
.our-project-sec .owl-pagination {
    float: right;
    margin-top: -20px;
    z-index: 99999;
	position:relative;
}
.our-project-sec .owl-pagination > .owl-page {
    float: left;
    height: 6px;
    width: 6px;
    background: #cccccc;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    margin-left: 10px;
    margin-top: 12px;
}
.our-project-sec img {
    float: left;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
}
.our-projecty {
    float: left;
    margin-top: 30px;
    width: 100%;
}


/* Get a Quote */
.quote-widget {
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #e8ecec;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    position: relative;
    width: 100%;
}
#quote-head{
	float:left;
	width:100%;
    padding: 30px;
}
#quote-head > h3 {
    color: #000000;
    float: left;
    font-family: Open Sans;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 16px;
    margin-top: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
}
#quote-head > p {
    color: #000000;
    float: left;
    font-family: Noto Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    text-align: center;
    width: 100%;
    margin-top: 5px;
}
.quote-form-sec {
    background: none repeat scroll 0 0 #FCFCFC;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    position: relative;
    width: 100%;
	padding:30px;
	border-top: 1px solid #e8ecec;
}
.quote-form-sec input {
    background: none repeat scroll 0 0 rgba(247, 248, 249, 0.86);
    border: 1px solid #D1D1D1;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #000000;
    float: left;
    font-family: Open Sans;
    font-size: 12px;
    height: 40px;
    letter-spacing: 0.3px;
    margin-bottom: 10px;
    padding-left: 15px;
    
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	
    width: 100%;
}
.quote-form-sec input:focus {
    border: 1px solid #BEBEBE;
}
.quote-form-sec input.submit {
    background: none repeat scroll 0 0 #999999;
    border: 1px solid #7E7E7E;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    color: #FFFFFF;
    display: table;
    float: none;
    font-family: Open Sans;
    font-size: 13px;
    height: auto;
    margin: 14px auto 0;
    padding: 7px 20px;
    width: auto;
}


/* Our Team */
.our-team-sec {
    float: left;
    width: 100%;
    margin-top: -30px;
}
.our-team-box {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.team-title {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
	
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.our-team-box:hover .team-title:after {
    bottom: 0;
    height: 100%;
    left: 0;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.86);	
}
.our-team-sec.with-parallax .our-team-box:hover .team-title:after {
    height: 100%;
}
.team-title:after {
    bottom: 8px;
    content: "";
    height: 55px;
    left: 0;
    position: absolute;
    
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	
    width: 100%;
    z-index: 1;
	
    -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
}
.team-title > img {
    float: left;
    width: 100%;
}
.our-team-box:hover .team-title > h3 {
    bottom: 50%;
    height: 33px;
    margin-top: -24px;
	color:#888;
}
.our-team-box:hover .team-title > h3 > a {
	color:#888;
}
.team-title > h3 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: 0;
    font-family: noto sans;
    font-size: 16px;
    height: 56px;
    left: 0;
    line-height: 16px;
    margin: 0;
    padding: 11px 0px;
    position: absolute;
    text-align: center;
    
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	
    width: 100%;
    z-index: 24;
	color: #fff;
}
.team-title > h3 > a{
	color: #fff;
}
.team-title > ul {
    bottom: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 999;
    margin-left: -101px;
}
.team-title > ul > li {
    list-style: none outside none;
    margin: 0 15px;
    position: absolute;
    bottom: 15%;
    opacity: 0;
	filter:alpha(opacity=0);
	
	margin-bottom: 15px;
}
.team-title > ul > li > a {
    float: left;
    font-size: 23px;
    color: #000000;
}
.our-team-box:hover .team-title > ul > li.facebook {
	left:30px;
	
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.our-team-box:hover .team-title > ul > li.twitter {
	left:60px;
	
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.our-team-box:hover .team-title > ul > li.google-plus {
	left:90px;
	
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.our-team-box:hover .team-title > ul > li.linkedin {
	left:120px;
	
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.our-team-box:hover .team-title > ul > li.facebook {
    opacity: 1;
	filter:alpha(opacity=100);
	
    bottom: 50%;
    margin-bottom: -50px;
	
    -webkit-transition: all 0.5s ease 0.1s;
    -moz-transition: all 0.5s ease 0.1s;
    -ms-transition: all 0.5s ease 0.1s;
    -o-transition: all 0.5s ease 0.1s;
    transition: all 0.5s ease 0.1s;
}
.our-team-box:hover .team-title > ul > li.twitter {
    opacity: 1;
	filter:alpha(opacity=100);
	
    bottom: 50%;
    margin-bottom: -50px;
	
    -webkit-transition: all 0.5s ease 0.2s;
    -moz-transition: all 0.5s ease 0.2s;
    -ms-transition: all 0.5s ease 0.2s;
    -o-transition: all 0.5s ease 0.2s;
    transition: all 0.5s ease 0.2s;
}
.our-team-box:hover .team-title > ul > li.google-plus {
    opacity: 1;
	filter:alpha(opacity=100);
	
    bottom: 50%;
    margin-bottom: -50px;
	
    -webkit-transition: all 0.5s ease 0.3s;
    -moz-transition: all 0.5s ease 0.3s;
    -ms-transition: all 0.5s ease 0.3s;
    -o-transition: all 0.5s ease 0.3s;
    transition: all 0.5s ease 0.3s;
}
.our-team-box:hover .team-title > ul > li.linkedin {
    opacity: 1;
	filter:alpha(opacity=100);
	
    bottom: 50%;
    margin-bottom: -50px;
	
    -webkit-transition: all 0.5s ease 0.4s;
    -moz-transition: all 0.5s ease 0.4s;
    -ms-transition: all 0.5s ease 0.4s;
    -o-transition: all 0.5s ease 0.4s;
    transition: all 0.5s ease 0.4s;
}
.our-team-box > ul {
    float: left;
    margin: 15px 0 0;
    padding: 0;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
    padding: 25px 30px;
	padding-right: 10px;
}
.our-team-box > ul:before {
    position: absolute;
    top: 0;
    width: 50%;
    height: 1px;
    background: #e7e7e7;
    content: "";
    left: 0px;
}
.our-team-sec.with-parallax .our-team-box > ul {
    border: medium none;
    padding: 0;
    margin: 0;
}
.our-team-sec.with-parallax .our-team-box > ul > li {
    border: 1px solid rgba(242, 242, 242, 0.37);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 5px 27px rgba(0, 0, 0, 0.27) inset;
    -moz-box-shadow: 0 5px 27px rgba(0, 0, 0, 0.27) inset;
    -ms-box-shadow: 0 5px 27px rgba(0, 0, 0, 0.27) inset;
    -o-box-shadow: 0 5px 27px rgba(0, 0, 0, 0.27) inset;
    box-shadow: 0 5px 27px rgba(0, 0, 0, 0.27) inset;
	
    float: left;
    margin: 20px 0 0;
    padding: 10px 20px 2px;
    width: 100%;
}
.our-team-sec.with-parallax .our-team-box > ul > li > h5 {
    color: #f8f8f8;
}
.our-team-sec.with-parallax .our-team-box > ul:before {
    display: none;
}
.our-team-box > ul > li > i {
    color: #999999;
    float: left;
    font-size: 15px;
    margin-bottom: 10px;
    margin-right: 18px;
}
.our-team-box > ul > li > h5 {
    color: #000000;
    display: block;
    font-family: noto sans;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.3px;
    margin: 0;
}
.our-team-box > ul > li {
    float: left;
    list-style: none outside none;
    margin-bottom: 10px;
    width: 100%;
}
.our-team-box > ul > li > p {
    color: #000000;
    display: block;
    font-family: noto sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin: 0;
    line-height: 24px;
}
.our-team-box > ul > li:last-child {
    margin: 0;
}

/* Latest News */
.latest-news {
    float: left;
    width: 100%;
}
.news-hover {
    float: left;
    width: 100%;
    position: relative;
}
.news-hover > img {
    float: left;
    width: 100%;
    z-index: 2;
    position: relative;
	
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	
	-webkit-border-radius:3px 3px 0px 0px;
	-moz-border-radius:3px 3px 0px 0px;
	-ms-border-radius:3px 3px 0px 0px;
	-o-border-radius:3px 3px 0px 0px;
	border-radius:3px 3px 0px 0px;
}
.latest-news:hover .news-hover > img {
    opacity: 0.3;
	filter:alpha(opacity=30);
}

.news-hover > a {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    left: 50%;
    top: 50%;
   
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	
    width: 40px;
    height: 40px;
    text-align: center;
    color: #fff;
    line-height: 40px;
    margin-left: -20px;
    margin-top: -20px;
	
    -webkit-transform: rotatex(90deg) perspective(200px);
    -moz-transform: rotatex(90deg) perspective(200px);
    -ms-transform: rotatex(90deg) perspective(200px);
    -o-transform: rotatex(90deg) perspective(200px);
    transform: rotatex(90deg) perspective(200px);
	
	-webkit-box-shadow:0px 0px 16px rgba(0,0,0,0.03) inset;
	-moz-box-shadow:0px 0px 16px rgba(0,0,0,0.03) inset;
	-ms-box-shadow:0px 0px 16px rgba(0,0,0,0.03) inset;
	-o-box-shadow:0px 0px 16px rgba(0,0,0,0.03) inset;
	box-shadow:0px 0px 16px rgba(0,0,0,0.03) inset;
}
.latest-news:hover .news-hover > a {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.news-detials {
    border: 1px solid #E8E6E6;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    margin-top: -1px;
    width: 100%;
    padding: 30px;
}

.news-detials > h3 {
    float: left;
    width: 100%;
    margin: 0;
    font-family: Noto Sans;
    font-size: 15px;
    font-weight: normal;
    color: #666;
    letter-spacing: 0.30px;
    line-height: 28px;
    margin-top: -10px;
}
.news-detials > h3 > a {
    color: #666;
}
.news-detials > span {
    color: #7A7A7A;
    float: left;
    font-family: Open Sans;;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin-bottom: 0;
    margin-right: 30px;
    margin-top: 8px;
    margin-bottom: 10px;
}
.news-detials > span > i{
	margin-right:10px;
}
.news-detials > p {
    float: left;
    width: 100%;
    font-family: Noto Sans;
    font-size: 13px;
    color: #888;
    letter-spacing: 0.30px;
    line-height: 24px;
    margin: 0;
}

/* Our Plan Details */
.our-pan-details {
    float: left;
    width: 100%;
    margin-top: 17px;
}

.features-slide {
    float: left;
    width: 100%;
    margin-top: 45px;
}
.slide-feature-box {
    float: left;
    width: 100%;
    background: rgba(255,255,255,0.54);
    border: 1px solid #b4b4b4;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    padding: 35px 0;
	
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.slide-feature-box:hover > i{
	color:#fff;
}
.slide-feature-box > i {
    color: #000000;
    float: left;
    font-size: 50px;
    line-height: 44px;
    margin-bottom: 15px;
    text-align: center;
    width: 100%;
	
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.slide-feature-box > span {
    float: left;
    text-align: center;
    width: 100%;
    font-size: 14px;
    color: #000000;
    font-family: Noto Sans;
    letter-spacing: 0.30px;
    line-height: 10px;
	
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.slide-feature-box:hover > span{
	color:#fff;
}
.features-slide .owl-pagination {
    display: table;
    float: none;
    margin: 0 auto;
    margin-top: 30px;
}
.features-slide .owl-pagination .owl-page {
    background: none repeat scroll 0 0 #FFFFFF;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 6px;
    margin: 0 3px;
    width: 6px;
	
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}


/* portfolio */

.portfolio-sec  ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.portfolio-box  img {
    float: left;
    width: 100%;
    padding: 1px ;
}
.portfolio-sec  ul > li {
    float: left;
    width: 20%;
    list-style: none;
}
.portfolio-box {
    float: left;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.portfolio-box > h3 {
    color: #FFFFFF;
    font-family: Noto Sans;
    font-size: 14px;
    font-weight: lighter;
    left: 0;
    letter-spacing: 0.3px;
    line-height: 17px;
    margin: -40px 0 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    padding: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    
	-webkit-transition: all 0.5s ease 0.4s;
    -moz-transition: all 0.5s ease 0.4s;
    -ms-transition: all 0.5s ease 0.4s;
    -o-transition: all 0.5s ease 0.4s;
    transition: all 0.5s ease 0.4s;
	
    width: 100%;
    z-index: 99999;
}
.portfolio-box:hover h3 {
    bottom: 10px;
	
    opacity: 1;
	filter:alpha(opacity=1);
}
.portfolio-box > i {
    position: absolute;
    width: 50%;
    height: 25%;
    background: rgba(15,15,15,0.8);
    z-index: 9;
}
.portfolio-box > a {
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #DBDBDB;
    font-size: 14px;
    height: 30px;
    left: 50%;
    line-height: 30px;
    margin-left: -15px;
    margin-top: 6px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    text-align: center;
    top: 50%;
    
	-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	
    width: 30px;
    z-index: 9999999999;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.portfolio-box:hover > a.search{
    margin-left: 5px;
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transition: all 0.4s ease 0.5s;
    -moz-transition: all 0.4s ease 0.5s;
    -ms-transition: all 0.4s ease 0.5s;
    -o-transition: all 0.4s ease 0.5s;
    transition: all 0.4s ease 0.5s;
}

.portfolio-box > a:hover {
    background: #fff;
    color: #333;
}
.portfolio-box:hover > a.link {
    margin-left: -30px;
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transition: all 0.4s ease 0.4s;
    -moz-transition: all 0.4s ease 0.4s;
    -ms-transition: all 0.4s ease 0.4s;
    -o-transition: all 0.4s ease 0.4s;
    transition: all 0.4s ease 0.4s;
}

.portfolio-box > i.box1 {
	left:-50%;
	top:0;
	
	-webkit-transition:all 0.2s 0.1s;
	-moz-transition:all 0.2s 0.1s;
	-ms-transition:all 0.2s 0.1s;
	-o-transition:all 0.2s 0.1s;
	transition:all 0.2s 0.1s;
}
.portfolio-box > i.box2 {
	right:-50%;
	top:0;
	
	-webkit-transition:all 0.2s 0.1s;
	-moz-transition:all 0.2s 0.1s;
	-ms-transition:all 0.2s 0.1s;
	-o-transition:all 0.2s 0.1s;
	transition:all 0.2s 0.1s;
}
.portfolio-box > i.box3 {
	left:-50%;
	top:25%;
	
	-webkit-transition:all 0.2s 0.2s;
	-moz-transition:all 0.2s 0.2s;
	-ms-transition:all 0.2s 0.2s;
	-o-transition:all 0.2s 0.2s;
	transition:all 0.2s 0.2s;
}
.portfolio-box > i.box4 {
	right:-50%;
	top:25%;
	
	-webkit-transition:all 0.2s 0.2s;
	-moz-transition:all 0.2s 0.2s;
	-ms-transition:all 0.2s 0.2s;
	-o-transition:all 0.2s 0.2s;
	transition:all 0.2s 0.2s;
}
.portfolio-box > i.box5 {
	left:-50%;
	top:50%;
	
	-webkit-transition:all 0.2s 0.3s;
	-moz-transition:all 0.2s 0.3s;
	-ms-transition:all 0.2s 0.3s;
	-o-transition:all 0.2s 0.3s;
	transition:all 0.2s 0.3s;
}
.portfolio-box > i.box6 {
	right:-50%;
	top:50%;
	
	-webkit-transition:all 0.2s 0.3s;
	-moz-transition:all 0.2s 0.3s;
	-ms-transition:all 0.2s 0.3s;
	-o-transition:all 0.2s 0.3s;
	transition:all 0.2s 0.3s;
}
.portfolio-box > i.box7 {
	left:-50%;
	top:75%;
	
	-webkit-transition:all 0.2s 0.4s;
	-moz-transition:all 0.2s 0.4s;
	-ms-transition:all 0.2s 0.4s;
	-o-transition:all 0.2s 0.4s;
	transition:all 0.2s 0.4s;
}
.portfolio-box > i.box8 {
	right:-50%;
	top:75%;
	
	-webkit-transition:all 0.2s 0.4s;
	-moz-transition:all 0.2s 0.4s;
	-ms-transition:all 0.2s 0.4s;
	-o-transition:all 0.2s 0.4s;
	transition:all 0.2s 0.4s;
}
.portfolio-box:hover i.box1, .portfolio-box:hover i.box3, .portfolio-box:hover i.box5, .portfolio-box:hover i.box7 {
    left: 0;
}
.portfolio-box:hover i.box2, .portfolio-box:hover i.box4, .portfolio-box:hover i.box6, .portfolio-box:hover i.box8 {
    right: 0;
}



/* Posrtfolio 2 */
.portfolio-sec2 {
    float: left;
    position: relative;
    width: 100%;
}
.portfolio-sec2 > #portfolio-nav {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
#portfolio-nav > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#portfolio-nav > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: 15px;
}
#portfolio-nav > ul > li:last-child {
    margin: 0;
}
#portfolio-nav > ul > li > a {
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #000000;
    float: left;
    font-family: Noto Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 9px;
    overflow: hidden;
    padding: 13px 18px;
    position: relative;
    z-index: 0;
}
#portfolio-nav > ul > li > a:before {
    content: "";
    height: 100%;
    left: 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 0;
	
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	
    width: 100%;
	z-index: -1;
}
#portfolio-nav > ul > li > a.active {
    color: #FFFFFF;
}
#portfolio-nav > ul > li > a > i {
    font-size: 15px;
    margin-right: 10px;
}

#portfolio-nav > ul > li > a.active:before {
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
#portfolio-work {
    float: left;
    width: 100%;
}
#portfolio-work > div {
    float: left;
}
.portfolio-box2 {

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	
    float: left;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}
.portfolio-box2:before {
    background-color: rgba(81, 81, 81, 0.8);
    bottom: 0;
    content: "";
    height: 79px;
    left: 0;
    position: absolute;
    
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	
    width: 100%;
	
	-webkit-border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    -ms-border-radius: 0px 0px 3px 3px;
    -o-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
}

.portfolio-box2:hover:before {
    height: 100%;
}
.portfolio-box2 > img {
    float: left;
    width: 100%;
	
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.portfolio-head {
    bottom: 0;
    height: 75px;
    left: 0;
    position: absolute;
	
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	
    width: 100%;
}
.portfolio-box2:hover .portfolio-head {
    bottom: 58px;
    height: 50%;
}
.portfolio-box2 > a {
    border: 2px solid rgba(255, 255, 255, 0.5);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #FFFFFF;
    font-size: 16px;
    height: 47px;
    left: 50%;
    line-height: 44px;
    margin-left: -23.5px;
    margin-top: 29px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    text-align: center;
    top: 20%;
	
    -webkit-transform: scale(2) rotatey(180deg);
    -moz-transform: scale(2) rotatey(180deg);
    -ms-transform: scale(2) rotatey(180deg);
    -o-transform: scale(2) rotatey(180deg);
    transform: scale(2) rotatey(180deg);
    
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	
    width: 47px;
}
.portfolio-box2:hover a {
    margin-top: 4px;
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    top: 50%;
	
    -webkit-transform: scale(1) rotatey(0deg);
    -moz-transform: scale(1) rotatey(0deg);
    -ms-transform: scale(1) rotatey(0deg);
    -o-transform: scale(1) rotatey(0deg);
    transform: scale(1) rotatey(0deg);
}
.portfolio-head > h3 {
    color: #FFFFFF;
    font-family: Noto Sans;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin: 14px 0 12px;
    text-align: center;
}
.portfolio-head > span {
    color: #dbdbdb;
    float: left;
    font-family: Open Sans;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 28px;
    text-align: center;
    width: 100%;
}
.portfolio-head > i {
    border: 3px solid rgba(255, 255, 255, 0.4);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    bottom: -16px;
    color: #FFFFFF;
    height: 32px;
    left: 50%;
    line-height: 27px;
    margin-left: -16px;
    position: absolute;
    text-align: center;
    
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	
    width: 32px;
}
.portfolio-box2:hover .portfolio-head > i {
    opacity: 0;
	filter:alpha(opacity=0);
	
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
}


/* Inner Page Head */
.inner-head-sec {
    margin-top: 90px;
    padding: 40px 0 20px 0;
}
.inner-head-sec > .black:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.inner-head {
    float: left;
    width: 100%;
}
.inner-head > h2 {
    color: #FFFFFF;
    float: left;
    font-family: Noto Sans;
    font-size: 16px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 15px;
    margin: 0 0 25px;
    text-align: center;
    width: 100%;
}
.inner-head > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFEFE;
    display: none;
    float: none;
    font-family:Open Sans;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 auto;
    padding: 15px 20px;
}
.breadcrumbs {
    display: table;
    float: none;
    margin: 0 auto;
}
.breadcrumbs > a {
    color: #FFFFFF;
    float: left;
    font-family: noto sans;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-left: 10px;
	
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.breadcrumbs > a:hover {
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
}





#dayDate {
    color: #7da0bf;
    font-family: 'sans-serif',Tahoma,Geneva,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    left: 10%;
    line-height: 1.25em;
    position: relative;
    top: 90px;
    width: 20%;
    z-index: 1;
}