@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');
@font-face {
    font-family: 'Matahari';
    src: url('../fonts/Matahari/Matahari-400Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Matahari/Matahari-400Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Matahari/Matahari-400Regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Matahari/Matahari-400Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('../fonts/Matahari/Matahari-400Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
  }

/* Remove padding and margin */ 
*   
{ 
    margin: 0; 
    padding: 0; 
    border: 0; 
}

.clear 
{ 
    clear:both; 
} 

.right 
{ 
    float: right; 
} 

.left 
{ 
    float: left; 
}

.pinkbg_txt {
    background-color: #D99B84;
}

.no_padding {
    padding:0px;
}

.no_padding_margin {
	padding:0px;
	margin:0px;
}

.padding_5all{
    padding:5px;
}

body 
    { 
    font-family: 'Matahari';
} 

#wrapper 
    {  
    width:1280px;  
    text-align:left;   
    margin-left:auto;  
    margin-right:auto;  
    background-color: #FFFFFF; 
}
section {
    padding-right: 40px;
    padding-left:40px;
}

h1 
    { 
    font-size: 2.2em; 
} 
     
h2 
    { 
    font-size: 2.0em;     
} 
     
h3 
    { 
    font-size: 1.8em; 
} 
     
h4 
    { 
    font-size: 1.6em;     
} 
     
h5 
    { 
    font-size: 1.4em;     
} 
body, html {
      height: 100%;
      margin: 0;
    }
.navbar {
   background-color: transparent;
   background: transparent;
   border-color: transparent;
}
.modal {
    overflow-y: auto !important;
}
.navbar li { color: #000 } 

.home-bg {
  position:relative;
  background: url('../images/main_bg.png');
  background-repeat: no-repeat;  
  background-position: 0% 0%;
  background-size: 100% 100%;
  height:100%;
}
.home_container {
  position:absolute;left:0;right:0;top:25%;
}
.home_slogan {
  font-size:28px;color:#CE4949;
}
.home_desc {
  width: 500px;text-align:center;display:inline-block;
}
.social_media_left {
  display:block;text-align:right;
}
.kol-bg {
  background: url('../images/kol_bg.png');
  background-repeat: no-repeat;  
  background-position: 0% 0%;
  background-size: 100% 100%;
  height:130%;
}
.website-dev-bg {
  background: url('../images/web_development_bg.png');
  background-repeat: no-repeat;  
  background-position: 0% 0%;
  background-size: 100% 100%;
  height:100%;
  margin-top:-5px;
  margin-bottom:5px;
}
.ads-bg {
  background: url('../images/ads_bg.png');
  background-repeat: no-repeat;  
  background-position: 0% 0%;
  background-size: 100% 100%;
  height:130%;
  margin-top:-5px;
}
.visual-bg {
  height:100%;
}
.portfolio-bg {
  background: url('../images/portfolio_bg.png');
  background-repeat: no-repeat;  
  background-position: 0% 0%;
  background-size: 100% 100%;
  height:100%;
}
 .layout-portfolio {
        position: absolute;
        right: 0px;
        left: 0px;
        top: 124px;
        bottom: 0px;
        padding: 15px;
        overflow-x: auto;
        overflow-y: hidden;
      }
      .free-wall {
        height: 100%;
      }
.about-bg {
  background: url('../images/about_bg.png');
  background-repeat: no-repeat;  
  background-position: 0% 0%;
  background-size: 100% 100%;
  height:170%;
}
.gaptek-bg {
  background: url('../images/gaptek_bg.png');
  background-repeat: no-repeat;  
  background-position: 0% 0%;
  background-size: 100% 100%;
  height:100%;
}

.ourworks-bg {
  background: url('../images/OurWorks_bg.png');
  background-repeat: no-repeat;  
  background-position: 0% 0%;
  background-size: 100% 100%;
  height:100%;
}
.gaptekpage-bg {
  background: url('../images/gaptek_page_bg.png');
  background-repeat: no-repeat;  
  background-position: 0% 0%;
  background-size: 100% 100%;
  height:150%;
}

.custom-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  -webkit-animation-name: fadeIn; /* Fade in the background */
  -webkit-animation-duration: 0.4s;
  animation-name: fadeIn;
  animation-duration: 0.4s
}


#MenuModal modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

#MenuModal .custom-modal-content {
  height: 100%;
  border-radius: 0;
}
/* Header */


/* Footer  */

/* Your template  */

/* Index */