/*
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
*/

/*
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

Intra Palette
	BASE
		#2fa7df - Logo Light
		#117abf - Logo Dark
		#e00713 - Logo Red

	
*/

/*Logo vertical alignment fix*/
.site-logo{ 
	margin-top: -48px;
}

/*slogan alignment fix*/
.kl-header-toptext, .kl-header-toptext *{ 
	
}
.kl-header-toptext{ 
	margin-left: 100px!important;
}

/* Header background darkness fix.*/
.kl-header-bg { 
	
	opacity: 0.25!important;
}

/*header Stictky logo fix.*/
.site-logo-img-sticky{
	margin-top: 29px;
}

/*INforcard Social Icons*/
.logo-infocard .social-icons { display: none;}



/* 
//Medical İcon Box Cross Shaped
////////////////
///////SAMPLE html
// <div class="medical-bg">
// 	<div class="medical-icon">ABC</div>
// </div>
*/

.medical-bg {
    position: absolute;
    width: 70px;
    height: 70px;
    background-size: cover;
    text-align: center;
    line-height: 70px;
    display: inline-block;
}

.medical-bg::before {
    left: 18px;
   
    width: 35px;
    height: 70px;
}
.medical-bg::after, .medical-bg::before {
    content: "";
    position: absolute;
    border: 1px solid #eff1f2;
    border-radius: 5px;
    z-index: 0;
}
.medical-bg::after {
    top: 18px;
    left: 0;
    width: 70px;
   
    height: 35px;
}
.medical-bg::after, .medical-bg::before {
    content: "";
    position: absolute;
    border: 1px solid #eff1f2;
    border-radius: 5px;
    z-index: 0;
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.medical-bg:hover::after, .medical-bg:hover::before {
    background-color: #33a9ee;
    border-color: #33a9ee;
}

.medical-bg:hover .medical_i{
    background-color: #fff;
}

.medical-icon{
    position: absolute;
    left: 0;
    right: 0;
    top: 17px;
    bottom: 0;
    margin: 0 auto;
    font-size: 24px;
   	/*background-color: red;*/
    width: 37px;
    height: 36px;
    /*display: inline-block;*/
    z-index: 1;
    /*padding: 5px 0;*/
    border-radius: 4px;
}

/* ///////// 
//Looping CSS */

.floating{
    float: left;
    -webkit-animation-name: Floatingx;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;

}

@-webkit-keyframes Floatingx{
    from {-webkit-transform:translate(0, 0px);}
    65% {-webkit-transform:translate(0, 15px);}
    to {-webkit-transform: translate(0, -0px);    }    
}
    
@-moz-keyframes Floating{
    from {-moz-transform:translate(0, 0px);}
    65% {-moz-transform:translate(0, 15px);}
    to {-moz-transform: translate(0, -0px);}    
}


:lang(ar-AR)   {
    font-size: 102%;
    }


.scaling{
    float: left;
    -webkit-animation-name: scalex;
    -webkit-animation-duration:3s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -moz-animation-name: scale;
    -moz-animation-duration:3s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-timing-function:ease-in-out;
}
    
    @-webkit-keyframes scalex{
        from {-webkit-transform: scale(0.9);}
        65% {-webkit-transform: scale(1.0);}
        to {-webkit-transform: scale(0.9);}    
    }
        
    @-moz-keyframes scale{
        from {-moz-transform: scale(0.9);}
        65% {-moz-transform: scale(1.0);}
        to {-moz-transform: scale(0.9);}    
    }