/*
Theme Name:     Kallyas Child Theme
Theme URI:      http://kallyas.net/demo/
Description:    Child theme for the Kallyas theme
Author:         Hogash
Author URI:     http://themeforest.net/user/hogash
Template:       kallyas
Version:        1.0
Tags: dark, light, left-sidebar, right-sidebar, fluid-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, full-width-template, theme-options, translation-ready
Text Domain:  zn_framework
*/
@import url('custom_template.css');


.z-tabs.flat > ul.z-tabs-nav > li > a { font-family: "Roboto", Helvetica, Arial, sans-serif;
      font-size: 16px !important;
    font-weight: 300;}
	.z-tabs.flat > ul.z-tabs-nav > li > a:before {    width: 100%;} 
	
	
	 .site-header.style16.headerstyle--default  .header-upper .upper-right{
	position:relative;
	top:5px;
}
.team-member .inner-box .upper-right-curved-layer{
	position:absolute !important;
	right:-35.5%;
	top:-35.5%;
	width:71%;
	height:71%;
	display:block;
	background:#ffffff;
	z-index:2;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
}

.style-three .team-member .inner-box .upper-right-curved-layer{
	position:absolute !important;
	right:-20%;
	top:-20%;
	width:40%;
	height:40%;
	display:block;
	background:#ffffff;
	z-index:2;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
}
.site-header.style16.headerstyle--default    .info-box .icon-box{
	position:absolute;
	left:0px;
	top:7px;
	width:30px;
	height:60px;
	line-height:58px;
	color:#f7542b;
	font-size:32px;
}

.site-header.style16.headerstyle--default    .header-upper .info-box:last-child{
	margin-right:0px;	
}

.site-header.style16.headerstyle--default  .info-box{
	position:relative;
	float:left;
	min-height:60px;
	margin-left:40px;
	font-size:13px;
	padding:15px 0px 15px 50px;
	color:#1c1c1c;
	min-width:200px;
}

.site-header.style16.headerstyle--default    .info-box .icon-box{
	position:absolute;
	left:0px;
	top:7px;
	width:30px;
	height:60px;
	line-height:58px;
	color:#f7542b;
	font-size:32px;
}
.site-header.style16.headerstyle--default .main-nav ul ul.sub-menu {
   background:#333333;    border: none;    padding-bottom: 0;
}
.site-header.style16.headerstyle--default .main-nav>ul>li>ul.sub-menu:after {display:none;}
.site-header.style16.headerstyle--default .main-nav ul ul.sub-menu li a {
  color:#ccc;
   
}
.site-header.style16  .mainnav--pointer-dash.main-nav>ul>li.menu-item-has-children>a:after { display:none;}
.site-header.style16.headerstyle--default .main-nav ul ul.sub-menu li a span{-webkit-transition: padding-left 1s; /* Safari */
    transition: padding-left 1s;
	 padding-left:0;}
.site-header.style16.headerstyle--default .main-nav ul ul.sub-menu li:hover a span {
	 padding-left:10px;}
.site-header.style16.headerstyle--default .main-nav ul ul.sub-menu li a {
  color:#fff;
  padding-left:10px;
  
}
.site-header.style16 .site-header-top-wrapper{ background:#333333;margin-bottom: 23px;}
.site-header.style16.headerstyle--default .main-nav ul ul.sub-menu li {
 border-bottom:1px dashed rgba(255,255,255,0.30);
}
.site-header.style16.headerstyle--default .main-nav ul ul.sub-menu li:last-child {
 border-bottom:none;
}

.site-header.style16.headerstyle--default   .info-box .light-text{
	color:#9b9b9b;
}
.skills_wgt.skillbar--hover.started .skill-bar-inner::before, .skills_wgt.skillbar--hover.started .skill-bar-inner::after { display:none;}
.site-header.style16.headerstyle--default   .info-box li a{
	color:#9b9b9b;		
}

.site-header.style16.headerstyle--default  .info-box strong{
	font-weight:700;
	color:#555555;
	font-size:15px;	
}
.site-header.style16.headerstyle--default {;padding-bottom:0;}

.site-header.style16.headerstyle--default .site-header-bottom-wrapper {background:#333;}
.site-header.style16.headerstyle--default  .main-nav > ul > li > a{ text-transform:uppercase;color:#fff;}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-style: normal;
}

ul, li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.contact-details .contact-info{
	margin-bottom:30px;	
}

.contact-details .contact-info li{
	position:relative;
	padding-left:35px;    color: #fff;
    margin-bottom: 7px;
    line-height: 22px;
}

.contact-details .contact-info li .icon{
	position:absolute;
	left:0px;
	top:0px;
	width:20px;
	text-align:center;
	line-height:24px;
	font-size:18px;
	color:#f7542b;
}