body{
padding: 0px;
margin: 0px;
background-color: rgb(255,255,255);

font-family: 'Montserrat', sans-serif;
font-family: 'Nanum Gothic', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Overpass', sans-serif;

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 100%;
color: rgb(33, 25, 34);
width: 100%;
height: auto;
font-size: 100%;
}
.clearfix:before, .clearfix:after{
display:block;
content:" ";
}
.clearfix:after {
clear:both;
}
.clear{
*zoom:1;
}


ul,li{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
img{
  max-height: 100%;
  max-width: 100%;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a, ins {
    text-decoration: none;
}
input,textarea{
  -webkit-appearance: none; */
    /* -moz-appearance: none; */
    -webkit-box-shadow: none;
    -webkit-box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    font-size: 100%;
}
/*icomoon fonts start here*/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?s6kenx');
  src:  url('fonts/icomoon.eot?s6kenx#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?s6kenx') format('truetype'),
    url('fonts/icomoon.woff?s6kenx') format('woff'),
    url('fonts/icomoon.svg?s6kenx#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-loop-alt1:before {
  content: "\e955";
}
.icon-synchronize:before {
  content: "\e955";
}
.icon-arrows:before {
  content: "\e955";
}
.icon-reload:before {
  content: "\e955";
}
.icon-refresh:before {
  content: "\e955";
}
.icon-search4:before {
  content: "\e925";
}
.icon-home:before {
  content: "\e900";
}
.icon-pencil:before {
  content: "\e905";
}
.icon-camera:before {
  content: "\e90f";
}
.icon-bullhorn:before {
  content: "\e91a";
}
.icon-mic:before {
  content: "\e91e";
}
.icon-library:before {
  content: "\e952";
}
.icon-price-tag:before {
  content: "\e935";
}
.icon-qrcode:before {
  content: "\e938";
}
.icon-credit-card:before {
  content: "\e93f";
}
.icon-phone:before {
  content: "\e942";
}
.icon-envelop:before {
  content: "\e945";
}
.icon-location:before {
  content: "\e947";
}
.icon-location2:before {
  content: "\e948";
}
.icon-clock:before {
  content: "\e94e";
}
.icon-clock2:before {
  content: "\e94f";
}
.icon-display:before {
  content: "\e956";
}
.icon-mobile:before {
  content: "\e958";
}
.icon-mobile2:before {
  content: "\e959";
}
.icon-tablet:before {
  content: "\e95a";
}
.icon-bubble:before {
  content: "\e96b";
}
.icon-bubbles:before {
  content: "\e96c";
}
.icon-bubbles4:before {
  content: "\e970";
}
.icon-user:before {
  content: "\e971";
}
.icon-user-plus:before {
  content: "\e973";
}
.icon-user-check:before {
  content: "\e975";
}
.icon-search:before {
  content: "\e986";
}
.icon-lock:before {
  content: "\e98f";
}
.icon-unlocked:before {
  content: "\e990";
}
.icon-cog:before {
  content: "\e994";
}
.icon-stats-dots:before {
  content: "\e99b";
}
.icon-bin:before {
  content: "\e9ac";
}
.icon-bin2:before {
  content: "\e9ad";
}
.icon-switch:before {
  content: "\e9b6";
}
.icon-list-numbered:before {
  content: "\e9b9";
}
.icon-list:before {
  content: "\e9ba";
}
.icon-list2:before {
  content: "\e9bb";
}
.icon-cloud:before {
  content: "\e9c1";
}
.icon-cloud-download:before {
  content: "\e9c2";
}
.icon-eye:before {
  content: "\e9ce";
}
.icon-eye-blocked:before {
  content: "\e9d1";
}
.icon-heart:before {
  content: "\e9da";
}
.icon-heart-broken:before {
  content: "\e9db";
}
.icon-happy:before {
  content: "\e9df";
}
.icon-happy2:before {
  content: "\e9e0";
}
.icon-cross:before {
  content: "\ea0f";
}
.icon-checkmark:before {
  content: "\ea10";
}
.icon-volume-medium:before {
  content: "\ea27";
}
.icon-circle-right:before {
  content: "\ea42";
}
.icon-checkbox-checked:before {
  content: "\ea52";
}
.icon-checkbox-unchecked:before {
  content: "\ea53";
}
.icon-radio-checked:before {
  content: "\ea54";
}
.icon-radio-checked2:before {
  content: "\ea55";
}
.icon-radio-unchecked:before {
  content: "\ea56";
}
.icon-bold:before {
  content: "\ea62";
}
.icon-underline:before {
  content: "\ea63";
}
.icon-italic:before {
  content: "\ea64";
}
.icon-share2:before {
  content: "\ea82";
}
.icon-google-plus:before {
  content: "\ea8b";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-whatsapp:before {
  content: "\ea93";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-magnifier:before {
  content: "\e926";
}
.icon-search3:before {
  content: "\e924";
}
.icon-search2:before {
  content: "\e923";
}
.icon-remove-user:before {
  content: "\e94d";
}
.icon-chevron-down:before {
  content: "\e90a";
}
.icon-chevron-left:before {
  content: "\e90b";
}
.icon-chevron-right:before {
  content: "\e90c";
}
.icon-chevron-small-down:before {
  content: "\e901";
}
.icon-chevron-small-left:before {
  content: "\e902";
}
.icon-chevron-small-right:before {
  content: "\e903";
}
.icon-chevron-small-up:before {
  content: "\e904";
}
.icon-chevron-thin-down:before {
  content: "\e906";
}
.icon-chevron-thin-left:before {
  content: "\e907";
}
.icon-chevron-thin-right:before {
  content: "\e908";
}
.icon-chevron-thin-up:before {
  content: "\e909";
}
.icon-chevron-up:before {
  content: "\e90d";
}
.icon-chevron-with-circle-down:before {
  content: "\e90e";
}
.icon-chevron-with-circle-left:before {
  content: "\e910";
}
.icon-chevron-with-circle-right:before {
  content: "\e911";
}
.icon-chevron-with-circle-up:before {
  content: "\e912";
}
.icon-cloud2:before {
  content: "\e93e";
}
.icon-download:before {
  content: "\e940";
}
.icon-select-arrows:before {
  content: "\e950";
}
.icon-bell:before {
  content: "\e927";
}
.icon-briefcase:before {
  content: "\e928";
}
.icon-browser:before {
  content: "\e929";
}
.icon-calculator:before {
  content: "\e92a";
}
.icon-calendar:before {
  content: "\e913";
}
.icon-camera2:before {
  content: "\e914";
}
.icon-chat:before {
  content: "\e92b";
}
.icon-check:before {
  content: "\e92c";
}
.icon-circle-with-cross:before {
  content: "\e915";
}
.icon-code:before {
  content: "\e93b";
}
.icon-cog2:before {
  content: "\e92d";
}
.icon-compass:before {
  content: "\e92e";
}
.icon-credit-card2:before {
  content: "\e92f";
}
.icon-cross2:before {
  content: "\e930";
}
.icon-database:before {
  content: "\e941";
}
.icon-eye2:before {
  content: "\e916";
}
.icon-gauge:before {
  content: "\e93c";
}
.icon-grid:before {
  content: "\e951";
}
.icon-link:before {
  content: "\e94b";
}
.icon-list3:before {
  content: "\e953";
}
.icon-location-pin:before {
  content: "\e917";
}
.icon-lock-open:before {
  content: "\e931";
}
.icon-lock2:before {
  content: "\e932";
}
.icon-log-out:before {
  content: "\e943";
}
.icon-login:before {
  content: "\e944";
}
.icon-mail:before {
  content: "\e933";
}
.icon-map:before {
  content: "\e94c";
}
.icon-megaphone:before {
  content: "\e934";
}
.icon-menu:before {
  content: "\e936";
}
.icon-message:before {
  content: "\e937";
}
.icon-price-tag2:before {
  content: "\e946";
}
.icon-publish:before {
  content: "\e939";
}
.icon-share-alternitive:before {
  content: "\e949";
}
.icon-share:before {
  content: "\e94a";
}
.icon-sweden:before {
  content: "\e954";
}
.icon-wallet:before {
  content: "\e93d";
}
.icon-facebook-with-circle:before {
  content: "\e918";
}
.icon-google-with-circle:before {
  content: "\e919";
}
.icon-google:before {
  content: "\e91b";
}
.icon-instagram-with-circle:before {
  content: "\e91c";
}
.icon-instagram2:before {
  content: "\e91d";
}
.icon-linkedin-with-circle:before {
  content: "\e91f";
}
.icon-linkedin:before {
  content: "\e920";
}
.icon-twitter-with-circle:before {
  content: "\e921";
}
.icon-twitter2:before {
  content: "\e922";
}
.icon-chart:before {
  content: "\e93a";
}



[data-icon]:before {
        font-family: 'icomoon';
        content: attr(data-icon);
        speak: none;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
    }
/*icomoon end */
/*control mobile header start here*/
#cp{
display: none;
}
#mobile_header{
display: none;
}
/*control mobile header end here*/
#overallwrapper{
position: relative;
height: auto;
background-color:rgb(255, 255, 255);  
width: 100%;
} 
#header{
height: 52px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    line-height: 50px;
    background-color: #080810;
    color: #fff;
    font-size: 0;
    border-top: 1px solid #212128;
    border-bottom: 1px solid #212128;
    position: relative;
    z-index: 5;
}
#kallif_logo{
    width: 150px;
    display: inline-block;
    vertical-align: middle;
    height: 48px;
    line-height: 48px;
    border-right: 1px solid #212128;
}
#kallif_logo_align{
    width: 100%;
    height: auto;
    margin: auto;
    padding: 0px 10px;
}
#kallif_logo_align img{
    width: 100%;
    vertical-align: middle;
}
.list_link{
    width: calc(100% - 450px);
    height: 50px;
    line-height: 50px;
    display: flex;
    justify-content: space-between;
    vertical-align: middle;
}
.list_link li{
    position: relative;
    height: 100%;
    text-align: center;
    width: calc(100% / 4);
    display: inline-block;
    vertical-align: middle;
    border-right: 1px solid #212128;
     border-bottom: 1px solid #080810;
}
.list_link li a{
        letter-spacing: 2px;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    font-size: 11px;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    position: relative;
    z-index: 3;
    font-family: 'Open Sans', sans-serif;
}
.list_link li a:hover{
color: #fff;
opacity: 1;
transition: all linear .3s;
border-bottom:1px solid #fff;
}
.share_link{
    width: 50px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    vertical-align: middle;
}
.share_link .inner{
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    border-left: 1px solid #212128;
    -webkit-transition: background-color 0.3s ease-in-out,color 0.2s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out,color 0.2s ease-in-out;
    transition: background-color 0.3s ease-in-out,color 0.2s ease-in-out;
}
.auth_link1{
color: #fff;
}
.auth_link2{
color: #d3304d;
}
.home_link{
    width: 50px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    vertical-align: middle;
}
.home_link a{
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    border-right: 1px solid #212128;
    -webkit-transition: background-color 0.3s ease-in-out,color 0.2s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out,color 0.2s ease-in-out;
    transition: background-color 0.3s ease-in-out,color 0.2s ease-in-out;
}
#user{
position: relative;
}
#user_signup{
    display: none;
    width: 180px;
    height: 150px;
    position: absolute;
    left: -60px;
    right: 0px;
    background-color: #fff;
    border-top: 4px solid #d3304d;
    box-shadow: 0px 1px 3px -1px rgba(0,0,0,0.25);
    z-index: 10;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}
#user_signup_btn{
  display: block;
color: #fff;
    width: 80%;
    height: auto;
    margin: 10px auto;
    line-height: 40px;
    background: #d3304d;
    font-size: 14px;
    border-radius: 3px;
    box-shadow: 0px 1px 3px -1px rgba(0,0,0,0.25);
        cursor: pointer;
}
#user_signup_ask{
    font-size: 14px;
    color: #000;
    border-top: 1px solid #eee;
    line-height: 40px;
}
#user_signup_ask_signup{
color: #d3304d;
cursor: pointer;
}
#user:hover #user_signup{
display: block;
transition: background-color 0.3s ease-in-out,color 0.2s ease-in-out;
}
#a_user{
color: #fff;
 border-bottom: 1px solid #080810;
}
#a_user:hover{
color: #fff;
transition: all linear .3s;
 border-bottom: 1px solid #ffffff;
}
#a_login{
color: #fff;
 border-bottom: 1px solid #080810;
}
#a_facebook{
color: #fff;  
}
#a_facebook:hover{
background:#3b5998;
color: #fff;
}
#a_twitter{
color: #fff;  
}
#a_twitter:hover{
background:#00aced;
color: #fff;
}
#a_instagram{
color: #fff;  
}
#a_instagram:hover{
background:#C13584;;
color: #fff;
}
#a_linkedin{
color: #fff;  
}
#a_linkedin:hover{
background:#0077B5;
color: #fff;
}
#kallif_banner_wrapper{
  position: relative;
  height: auto;
  width: auto;
}
#particles-js{
width: 100%;
height: 100%;  
position: absolute;
background:#080810;
}
#kallif_banner{
position: relative;
height: 650px;
width: 100%;
justify-content: center;
    align-items: center;
}
#title_overlay{
    width: 100%;
    background-image: linear-gradient(to bottom, #151519 0%,rgba(21,21,25,0.9) 15%,rgba(21,21,25,0.7) 30%,rgba(21,21,25,0.6) 40%,rgba(21,21,25,0.5) 50%,rgba(21,21,25,0.4) 60%,rgba(21,21,25,0.3) 70%,rgba(21,21,25,0.2) 80%,rgba(21,21,25,0.1) 85%,rgba(21,21,25,0) 98%);
    padding: 30px 0px;
}


#kallif_motive{
    width: 50%;
    text-align: center;
    color: #fff;
}
#kallif_motive a{
    text-decoration: none;
}
.banner_font{
font-size: 450%;
text-shadow: 2px 1px 2px rgba(0,0,0,.5);
}
#see_btn{
    width: auto;
    margin: auto;
}
#see_btn a{
border-radius: 3px;
    display: inline-block;
    width: auto;
    height: 100%;
    padding: 20px 7%;
    font-size: 120%;
    font-family: 'Overpass', sans-serif;
    background: #f3395b;
    color: #fff;
}
#see_btn a:hover{
color: #fff;
}
#kallifWelcome{
text-align: center;
    background: #fff;
    padding: 100px 5% 0px 5%;
}
#kallifWelTitS{

}
#kallifWelTitB{
font-size: 250%;
font-weight: bold;
margin: 20px 0px;
}

#kallifWelDesc{
font-size: 110%;
width: 80%;
margin: auto;
}

#kallifProcess{
background: #fff;
padding: 50px 0% 100px 0%;
text-align: left;
}
#kProcessH{
font-size: 250%;
font-weight: bold;
margin-bottom: 100px;
}
#kProcessB{

}
#kProcessBInner{
width: 22%;
    border-radius: 3px;
    padding: 15px;
    border-radius: 5px;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}
#kPBInnerIcon{
width: 50px;
}

#kPBInnerTit{
font-size: 150%;
margin: 20px 0px;
}
#kPBInnerDesc{

}
#kallifServ{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: auto;
    background: #fbfafa;
    font-family: 'Overpass', sans-serif;
    padding: 100px 5% 0px 5%;
}
#kallifSLeft{
width: 30%;
height: auto;
}
#kallifSLHead{

}
#kallifSLHTit{
font-size: 250%;
    font-weight: 600;

}
#kallifSLHU{
width: 20px;
    height: 10px;
    background: #626262;
    margin: 10px 0px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
}
#kallifSLBody{
line-height: 24px;
font-size: 100%;  
color: #3f4b55;
}
#kallifSRight{
    width: 60%;
    height: auto;
}
#kallifSRBlk{
width: 100%;
    height: auto;
    margin-bottom: 50px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#kallifSRBInner{
width: 45%;
height: auto;
transition: all linear .3s;
margin-bottom:10px; 
}

#kallifSRBIIcon{
    width: 70px;
    height: auto;
    margin-bottom: 10px;
}
#kallifSRBITit{
font-size: 130%;
margin-bottom: 10px;
}
#kallifSRBIDesc{
line-height: 24px;
color: #3f4b55;
}
#kallifWork{
width: 100%;
padding: 100px 5% 0px 5%;
}
#kWorkH{

}
#kWorkHR{
color: #333;
}
#kWorkHL{
font-size: 150%;
font-weight: 600; 
}
#kWorkLogo{
width: 100%;
margin: 20px auto;
}
#kWorkLInner{
width: 24%;
}
#kWorkCaseWrap{
  
}
#kWorkCase{
width: 48%;
height: auto;
padding:0px 5%;
margin-top: 20px;
border-radius: 3px;
background:transparent linear-gradient(90deg,#2d58c8,#2f3b58) 0 0 no-repeat padding-box;
}
#kWorkCaseL{
width: 100%;
padding: 50px 0px;
color: #fff;
}
#kWCLPName{
letter-spacing: 2px;
font-size: 110%;
}
#kWCLPDesc{
font-family: 'Montserrat', sans-serif;
    font-size: 200%;
    font-weight: 600;
    margin: 50px 0px;
}
#kWCLPTest{
width: 100%;
    background: rgba(255,255,255,.2);
    border-radius: 3px;
    padding: 20px;
}
#kWCLPTBody{
margin-bottom: 15px;
}
#kWCLPTAuthor{
font-size: 120%;
font-weight: 600;
}
#kWCLPTPost{
color: #dde0e7;
}

#kallifSatisfy{
width: 100%;
height: auto;
padding:100px 5% 0px 5%;
}
#kallifSatisfyL{
width: 40%;
margin-top: 30px;
}
#kSatisfyLSmall{

}
#kSatisfyLBig{
font-size: 250%;
font-weight: 600;
margin: 30px 0px;
}
#kSatisfyLDts{
margin-bottom: 30px;
}
#kSatisfyLLink{
    display: inline-block;
    background: #f3385b;
    color: #fff;
    padding: 10px 20px;
    border-radius: 3px;
}
#kallifSatisfyR{
width: 50%;
}
.flex{
display: flex;
justify-content: space-between;
flex-direction: row;
}
#kallifFoot{
width: 100%;
    height: auto;
    background: #11111C;
    color: #fff;
    padding: 30px 5%;
}
#kallifFootTop{
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    width: 100%;
    height: auto;
    padding: 30px 0px;
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
}
#kallifFootTLogo{
width: 20%;
height: auto;
padding-right: 20px;
}
#kallifFootTNote{
width: 40%;
height: auto;
padding-right: 20px;
}
#kallifFootTH{
font-size: 110%;
font-weight: 600;
}
#kallifFootTB{
    color: #A0A1B1;
    margin-top: 5px;
    font-size: 90%;
}

#kallifFootTSub{
width: 40%;
height: auto;
}
#kallifFootTSH{
display: flex;
justify-content: space-between;
}
#kallifFTSHForm1{
width: 70%;
height: auto;
}
#kallifFTSHForm1 input{
width: 100%;
    height: 50px;
    padding: 10px;
    border: 2px solid #fff;
    outline: none;
    border-radius: 3px;
    background: no-repeat;
    color: #fff;
}
#kallifFTSHForm2{
width: 25%;
margin-left: 5%;
height: auto;
}
#kallifFTSHForm2 input{
  outline: none;
    width: 100%;
    border: none;
    background: #fff;
    height: 50px;
    padding: 0;
    border: none;
    color: #11111c;
    font-size: 90%;
    -webkit-box-shadow: none;
    -webkit-appearance: none;
    border-radius: 3px;
    letter-spacing: 1px;
    box-shadow: 0px 1px 1px 0px rgb(0 0 0 / 20%), inset 0px 0px 0px 1px rgb(255 255 255 / 10%);
    -webkit-transition: border-color 0.3s ease-in-out,color 0.3s ease-in-out,background-color 0.3s ease-in-out;
    -o-transition: border-color 0.3s ease-in-out,color 0.3s ease-in-out,background-color 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out,color 0.3s ease-in-out,background-color 0.3s ease-in-out;
}
#kallifFootTSB{
    color: #A0A1B1;
    margin-top: 5px;
    font-size: 90%;
}
#kallifFootBottom{
margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
#kallifFootBInner1{
width: 20%;
}
#kallifFootBInner2{
width: 40%;
}
#kallifFootBIH{
margin-bottom: 10px;
    font-size: 110%;
    font-weight: 600;
}
#kallifFootBIB{

}
.kallifFootBstyle{

}
.kallifFootBIBStyle{
  width: 100%;
  margin-bottom: 5px;
  color: #A0A1B1;
}
.kallifFootBIBLink{
  display:inline-block;
  color: #A0A1B1;
}
.kallifFootBIBLink:hover{
text-decoration: underline;
}
.kallifFootBIBCopy{
border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 10px;
    padding-top: 10px;
    color: #A0A1B1;
}
#allPagebanner{
position: relative;
height: auto;
width: 100%;
/*background:#080810;
background: #12121b;*/

  background: linear-gradient(132deg, #080810, #27272a, #12121b);
  background-size: 400% 400%;
  animation: Gradient 15s ease infinite;
  position: relative;
  height: auto;
  width: 100%;
  overflow: hidden;
  padding:0;
  margin:0px;
}
@keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}


#allPageInfo{
width: 100%;
    height: auto;
    text-align: center;
    color: #fff;
    padding: 150px 20%;
}
#allPageInfoBig{
font-size: 250%;
    font-weight: 800;
    margin-bottom: 30px;
}
#allPageInfoSmall{
font-size: 120%;
}
#allPageBody{
width: 100%;
height: auto; 
padding: 100px 5%; 
}
/*services starts here*/
#serviceWrapper{
width: 100%;
}
#serviceWInner{
width: 100%;
margin-bottom: 50px;
}
#serviceWIDts{
width: 40%;

}
#sWIDtsTit{
font-size: 200%;
font-weight: 600;
color: #333;
margin-bottom: 20px;
}
#sWIDtsCon{
margin-bottom: 20px;
color: #88949e;
line-height: 25px;
}
#sWIDtsIcon{
display: flex;  
flex-wrap: wrap;
}
#sWIDtsIcon div{
width: 40px;
    border: 1px solid #eee;
    padding: 5px;
    border-radius: 3px;
    margin-right: 10px;
    margin-bottom: 10px;
}
#sWIDtsFts{

}
#serviceWIimg{
width: 50%;  
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
/*services end here*/
/*showcase start here*/
#showcaseWrapper{
width: 100%;  
flex-wrap: wrap;
}
#scWInner{
width: 32%;
margin-bottom: 40px;
}
#scWInnerImg{
width: 100%;
    height: 250px;
    border-radius: 5px;
    background: #eee;
    margin-bottom: 10px;
}
#scWInnerCat{
color: #969ba1;
font-size: 90%;
}
#scWInnerTit{
margin: 10px 0px;
font-size: 150%;
}
#scWInnerDesc{

}
#scClient{
    width: 100%;
    height: 200px;
    margin: 20px 0px;
    border-radius: 5px;
    background-image: url(../image/client-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#scClientOverlay{
    width: 100%;
    height: 100%;
    border-radius: 5px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    padding: 20px;
background-image: linear-gradient(180deg, rgba(52,52,52,.8) 0%, rgba(48,11,7,.9) 100%);
}
#scClientWrapper{
text-align: center;
}

#scClientWB{
font-size: 150%;
font-weight: 600;
margin-bottom: 5px;
}
#scClientBtn{
width: 250px;
    text-align: center;
    color: #333333;
    background: #fff;
    padding: 10px 30px;
    border-radius: 5px;
    margin-top: 20px;
    font-size: 90%;
}
/*showcase end here*/
/*about start here*/
#aboutWrapper{
width: 100%;  
}
#aboutWInner{
margin-bottom: 100px;
}
#aboutWIDts{
width: 48%;
}
#aboutWIDHead{
font-size: 250%;
margin-bottom: 20px;
font-weight: 800;
}
#aboutWIDBody{
line-height: 25px;
}
#aboutWITit{
text-align: center;
    font-size: 250%;
    font-weight: 800;
    margin-bottom: 50px;
}
#aboutWI2{

}
#aboutWI2Inner{
 width: 30%; 
 padding: 20px;
}
#aboutWI2IIcon{

}
#aboutWI2IHead{
margin: 20px 0px;
font-size: 150%;
font-weight: 600;
}
#aboutWI2IDts{
line-height: 25px;
}
#aboutWITest{
text-align: center;
    font-size: 200%;
    font-weight: 600;
    width: 70%;
    margin: auto;
}
#aboutWIBtn{
text-align: center;
    margin: 50px auto;
    display: block;
    width: 20%;
    background: #f3385b;
    color: #fff;
    font-size: 120%;
    padding: 20px;
    border-radius: 3px;
}
#abMnInner{
width: 48%;
height: 300px;
border-radius: 5px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

#abMnInnerLay{
color: #fff;
width: 100%;
height: 100%;
padding: 50px;
border-radius: 5px;
flex-direction: column;
justify-content: center;
}
#abMnInnerLayH{
font-size: 120%;
    margin-bottom: 10px;
}
#abMnInnerLayB{

}
/*about end here*/
/*contact start  here*/
#contactWrapper{

}
#contactWHead{
width: 100%;
    border-bottom: 1px solid #eee;
    margin-bottom: 50px;
    padding: 10px 0px;
}
}
#contactWHInner{

}
#contactWHIIcon{
width: 35px;
margin-right: 20px;
}
#contactWHIDts{

}
#contactWBody{
width: 100%;
margin-bottom: 50px;
}
#contactWBInner{
width: 100%;
}
#contactWBTop{
margin: 10px;
}
#contactWBBottom{
 flex-wrap: wrap; 
}
#bookWRBPPI{
width: 20%;
    background-color: #fff;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 10px;
    margin-left: 10px;
    border: 3px solid #ededed;

}
#bookWRBPPIOp{

}
#bookWRBPPIOpIcon{
width: 30px;
}
#bookWRBPPIOpTit{
text-align: center;
    margin-top: 10px;
    color: #dddfe0;
    font-size: 80%;
    background: #0a0a10;
    padding: 5px;
    border-radius: 5px;
}
#bookWRBPPIOpCh{
margin-right: 10px;
}
#contactWBInnerL{
width: 45%;
}
#contactWBInnerR{
  width: 45%;
}
#contactMap{
width: 100%;
height: 400px;
}
#contactMap iframe{
width: 100%;
height: 100%;
}
#contactForm{
width: 100%;
flex-wrap: wrap;
}
#contactFField{
width: 45%;
margin-bottom: 20px;
}
#formInputstyleA{
width: 100%;
    height: 40px;
    padding: 10px;
    border: none;
    background-color: #f6f7f8;
    color: #0c0c17;
    -webkit-font-smoothing: antialiased;
    -webkit-box-shadow: none;
    -webkit-appearance: none;
    box-shadow: none;
    outline: none;
    border-radius: 3px;
}

#contactFField2{
  
}
#contactWBNew{
  width: 100%;
  margin: auto;
}
#contactWBNew input{
width: 100%;
    height: 50px;
    padding: 5px;
    border: none;
    margin: auto;
background-color: #080810;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -webkit-box-shadow: none;
    -webkit-appearance: none;
    box-shadow: none;
    outline: none;  
    border-radius: 3px;
}
#contactFField2 textarea{
width: 100%;
    height: 200px;
    padding: 10px;
    border: none;
    background-color: #f6f7f8;
    color: #0c0c17;
    -webkit-font-smoothing: antialiased;
    -webkit-box-shadow: none;
    -webkit-appearance: none;
    box-shadow: none;
    outline: none;
    resize: none;
    border-radius: 3px;
}
/*contact end here*/
/*academy styles start here*/
#allAcademyInfo{
padding: 50px 5%;
}
#allAcademyIDesc{
width: 45%;
}
#allAcademyIImg{
width: 45%;
}
#aAIDTimer{

}
#aAIDTimerInfo{
color: #35fb3c;
}
#timer{

}
#aAIDTitS{
font-size: 250%;
font-weight: 600;
margin-top: 20px;

}
#aAIDTitB{
margin-top: 20px;
}
#aAIDPrice{
justify-content: normal;
}
#aAIDPriceInner{
padding: 10px;  
margin-top: 20px;
border:2px solid #ffffff;
border-radius: 10px;
margin-right: 20px;
}
#aAIDPriceIH{
border-bottom:1px solid #ffffff;
}
#aAIDPriceIB{
padding: 10px 10px;
    font-size: 150%;
    font-weight: 600;
}
#aAIDPOffer{
margin-top: 20px;  
}
#academyAbout{
padding:100px 5%;  
text-align: center;
}
#academyAH{
width: 70%;
margin: auto;
}
#academyAHT{
font-size: 200%;
margin-bottom: 10px;
}
#academyAHB{

}
#academyAB{
width: 70%;
    margin: 30px auto;
    border-top: 1px solid #eee;
    padding: 10px;
}
#academyABInner{
 width: 25%; 
 padding: 10px;  
border-right: 1px solid #eee;
}
#academyCurrReg{
background: #11111C;
padding:100px 5%;
color: #fff;
}
#academyCRL{
width: 45%;
}
#academyCRLTit{
font-size: 150%;
    margin-bottom: 50px;
}
#academyCRLBody{
overflow-y: scroll;
    height: 400px;
    padding: 9px;
}
#academyCRLBInner{
margin-bottom: 30px;
}
#academyCRLBITag{
color: #35fb3c;
}
#academyCRLBISubJ{
font-size: 150%;
    margin: 20px 0px;
    font-weight: 600;
}
#academyCRLBIDts{

}
#academyCRR{
width: 45%;
    background: #fff;
    padding: 50px;
    color: #11111C;
    border-radius: 5px;
    height: 500px;
}
#academyCRRT{
font-size: 150%;
}
#academyCRRB{

}
#academyCRRBForm{
margin: 20px 0px;  
}
#academyBenefit{
padding:100px 5%;
text-align: center;
}
#academyBeneTit{
font-size: 200%;
}
#academyBeneDesc{

}
#academyBeneICon{
width: 80%;
margin: 30px auto;
}
#aBIconInner{
width: 23%;
    background: #eee;
    padding: 20px;
    border-radius: 5px;
}
#aBIconImg{
width: 50px;
margin: auto;
}
#aBIconTit{
margin: 10px 0px; 
}
#aBIconDesc{
color: #787575;
}
#academyVideoTes{

}
/*academy styles end here*/
/*header-advert styles start here*/
#kallif_advert{
width: 100%;
    height: auto;
    text-align: center;
    background: #fff;
    padding: 10px;
    color: #080810;
    font-family: 'Overpass', sans-serif;
}
#kallif_ads_btn{
    display: inline-block;
    border: 2px solid #d3304d;
    background: #d3304d;
    border-radius: 3px;
    color: #fff;
    padding: 5px;
    font-family: 'Overpass', sans-serif;
    transition: all linear .3s;
    margin-left:5px;
}
#kallif_ads_btn:hover{
background: #d3304d;
color: #fff;
}

/*header-advert styles end here*/
/*signup and signin styles start here*/
#wrap_auth_page_signup{
width: 45%;
    height: auto;
    padding: 100px 0px;
    margin: 0px auto;
    background: #ffffff;
    font-family: 'Open Sans', sans-serif;
}
#wrap_auth_page_login{
width: 30%;
height: auto;
    padding: 70px 0px;
    margin: 0px auto;
background: #ffffff;
font-family: 'Open Sans', sans-serif;
}
#auth_logo{
text-align: center;
}
#auth_body{
width: 100%;
    box-shadow: 0px 20px 150px #d6dee4;
    margin: 30px 0px;
    border-radius: 5px;
}
#auth_header{
width: 100%;
height: auto;
padding: 10px 15px;
}
#auth_page_name{
text-align: center;
font-size: 150%;
margin: 10px 0px;
}
#auth_page_title{
text-align: center;
font-size: 100%;
color: #7c6868;
}
#auth_form{
width: 100%;
height: auto;
padding: 15px 15px 0px 15px;
}
#auth_form_inner{
width: 100%;
    height: auto;
    margin-top: 15px;
}
#form_inner_title{
    width: 100%;
    height: auto;
    font-size: 110%;
    color: #333;
    display: none;
}
#form_inner_body{
    width: 100%;
    height: auto;
    padding: 5px 10px;
    background: #f6f7f8;
    border-radius: 3px;
}
#form_inner_body_icon{
    float: left;
    width: 10%;
    height: 40px;
    padding: 11px 0px;
    color: #333;
    background: #f6f7f8;
}
#form_inner_body_form{
float: left;
width: 90%;
}
#style_auth_form{
   height: 40px;
    width: 100%;
    border: none;
    background-color: #f6f7f8;
    color: #0c0c17;
    -webkit-font-smoothing: antialiased;
    -webkit-box-shadow: none;
    -webkit-appearance: none;
     box-shadow: none;
     outline: none;
     font-size: 105%;
     font-family: 'Open Sans', sans-serif;
}
#auth_pwd_questn{
width: 100%;
height: auto;
background: #fff;
text-align: center;
padding: 15px 0px;
}
#click_to_signup{
display: inline-block;
color: #d3304d;
}
#auth_btn{
width: 100%;
height: auto;
}
#auth_btn_form{
height: 45px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 100%;
    border: 1px solid #080810;
    color: #ffffff;
    background: #080810;
    -webkit-font-smoothing: antialiased;
    -webkit-box-shadow: none;
    -webkit-appearance: none;
    box-shadow: none;
    outline: none;
    font-size: 105%;
font-family: 'Open Sans', sans-serif;
}
#wrap_signup_field{
width: 100%;
height: auto;
margin-top: 30px;
}
#auth_form_inner_left{
    float: left;
    width: 47%;
    margin-right: 3%;
    height: auto;
}
#auth_form_inner_right{
float: left;
    width: 47%;
    margin-left: 3%;
    height: auto;
}
#error_success_msg{
font-family: 'Open Sans', sans-serif;
width: 200px;
padding: 10px;
position: fixed;
z-index: 100;
right: 0px;
}
#close_error_success_msg{

}
#error_success_msg_content{
font-size: 110%;
}
#forgot_pw_link{
display: block;
width: 100%;
text-align: center;
color: #71818c;
font-size: 120%;
}
/*signup and signin styles end here*/