/*=======================================
    GENERAL STYLES
==================================================*/

body {
    font-family:'K2D', sans-serif;
    font-size:14px;
    background-image:url('../img/pixel_weave.png')!important;
}

.k2d-bold {
    font-family: "K2D", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .k2d-extrabold {
    font-family: "K2D", sans-serif;
    font-weight: 800;
    font-style: normal;
  }
  
  .k2d-thin-italic {
    font-family: "K2D", sans-serif;
    font-weight: 100;
    font-style: italic;
  }
  
  .k2d-extralight-italic {
    font-family: "K2D", sans-serif;
    font-weight: 200;
    font-style: italic;
  }
  
  .k2d-light-italic {
    font-family: "K2D", sans-serif;
    font-weight: 300;
    font-style: italic;
  }
  
  .k2d-regular-italic {
    font-family: "K2D", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .k2d-medium-italic {
    font-family: "K2D", sans-serif;
    font-weight: 500;
    font-style: italic;
  }
  
  .k2d-semibold-italic {
    font-family: "K2D", sans-serif;
    font-weight: 600;
    font-style: italic;
  }
  
  .k2d-bold-italic {
    font-family: "K2D", sans-serif;
    font-weight: 700;
    font-style: italic;
  }
  
  .k2d-extrabold-italic {
    font-family: "K2D", sans-serif;
    font-weight: 800;
    font-style: italic;
  }

h1, h2, h3, h4, h5, h6 {
    font-family:'K2D', sans-serif;
}


.text-center {
    text-align:center;
}

h1 {
    font-weight:900;
    font-size:30px;
    text-transform:uppercase;
    line-height:35px;
}
h4 {
line-height: 40px;
padding-bottom: 0px;
font-size: 22px;
font-weight: 900;
text-transform:uppercase;
}

p {
    font-weight:300;
    line-height:30px;
    padding-bottom:15px;
}



section {
    padding-top:80px;
    margin-bottom:40px;
}


.form-control {
        background-color: rgba(255, 255, 255, 0);
}

.label-danger {
font-size: 18px;
}

.line-sep {
    color:#f00;
    padding:5px;
}


/*=======================================
    HOME SECTION STYLES
==================================================*/

#home-sec {   

  padding-top:75px;
  color:#fff;

}
#carousel-example {
     border:2px solid #C7C7C7;
}
.back-light {
    background-color:rgba(0, 0, 0, 0.24);
    padding:1em;
}
.icon-big i.fa {
    width: 100px;
    height: 100px;
    background-color:#1298f1;
    border:5px solid rgb(253, 252, 252);    
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    -o-border-radius:50%;
    text-align: center;
    color: #fff;
    line-height: 90px;
}
/*    line-height: 120px;
    text-align: center;
    background-color: #1899f0;
    color: #fff;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg); */

/*
.icon-big i.fa:before {
     padding-left:20px;
     display: block;
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}
*/
.circle-icon {
  background: #ffc0c0;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  text-align: center;
  line-height: 100px;
  vertical-align: middle;
  padding: 30px;
}

/*=======================================
    Project STYLES
==================================================*/
.project-cls {
    text-align: right;
    top: -65px;
    position: relative;
    left: -40px;
    font-size: 20px;
    font-weight: 900;
}
    .project-cls a,.project-cls a:hover {
        color:#90F;
        text-decoration:none;
        font-style:italic;
    }
/* ===========================================================
   NAVBAR CHANGES   
   ============================================================*/
.navbar {
	font-size: 18px;
     background-image:url('../img/pixel_weave.png')!important;
}

.navbar-inverse {
background: #fff;
min-height: 60px;
padding-top: 5px;

}

.navbar-inverse .navbar-nav > .active > a {
	background: #ffffff;
}

.navbar-inverse .navbar-brand {
	color: #000;
	font-weight: bolder;
	font-size: 25px;
    font-weight:900;
	letter-spacing: 2px;
}
.navbar-inverse :hover .navbar-brand:hover {
	color: #000;	
}
.navbar-inverse .navbar-nav > li > a {
color: #000;
}
.navbar-inverse {
border-color: #D6D6D6;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: #000;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
color: #000;
}
.navbar-toggle {
    background-color: black;
}


/*=======================================
    Contact STYLES
==================================================*/

.cnt {
width: 100%;
min-height: 350px;
border: 1px solid #e1e1e1;
}
/*=======================================
    FOOTER STYLES
==================================================*/

#footer{

    background-image: url("../img/bg_footer.png");
    background-color: #cccccc;
    height: 350px;
    opacity: 0.6;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    color: white;
  }
  
  .footer-textleft {
    text-align: left;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
  }
  .footer-textright {
    text-align: right;
    
    position: absolute;
       color: rgb(156, 247, 11, 0.979);
  }
  .footer-textcenter {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
  }

/*
#footer {
background-color: #19e1f0;
color: #000;
padding: 20px 50px 20px 50px;
text-align: center;
border-top: 1px solid #d6d6d6;

}
*/
.service_section .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  margin-top: 45px;
  position: relative;
}


.service_section .box .img-box {
  position: relative;
  width: 145px;
  height: 145px;
  margin-bottom: -72.5px;
}

.service_section .box .img-box img {
  width: 100%;
  border-radius: 100%;
  border: 5px solid #ffffff;
}

.service_section .box .detail-box {
  background-color: #fcf8e3;
  color: #8d8b2e;
  padding: 80.5px 25px 25px 25px;
}

.service_section .box .detail-box h5 {
  margin-bottom: 0;
  font-weight: 600;
}

.service_section .box .detail-box p {
  font-size: 15px;
  margin-top: 12px;
  margin-bottom: 15px;
}

.service_section .box a {
  display: inline-block;
  padding: 8px 30px;
  background-color: #fab32e;
  color: #ffffff;
  border-radius: 5px;
  border: 1px solid #e45441;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.service_section .box a:hover {
  background-color: transparent;
  color: #e45441;
}

.service_section .box .detail-box0 {
  padding: 80.5px 25px 25px 25px;
}

.service_section .box .detail-box0 h5 {
  margin-bottom: 0;
  font-weight: 600;
}

.service_section .box .detail-box0 p {
  font-size: 15px;
  margin-top: 12px;
  margin-bottom: 15px;
}

.service_section .box .detail-box1 {
  padding: 80.5px 25px 25px 25px;
}

.service_section .box .detail-box1 h5 {
  margin-bottom: 0;
  font-weight: 600;
}

.service_section .box .detail-box1 p {
  font-size: 15px;
  margin-top: 12px;
  margin-bottom: 15px;
}

.service_section .box .detail-box2 {
  padding: 80.5px 25px 25px 25px;
}

.service_section .box .detail-box2 h5 {
  margin-bottom: 0;
  font-weight: 600;
}

.service_section .box .detail-box2 p {
  font-size: 15px;
  margin-top: 12px;
  margin-bottom: 15px;
}

.service_section .box .detail-box3 {
  padding: 97.5px 25px 25px 25px;
}

.service_section .box .detail-box3 h5 {
  margin-bottom: 0;
  font-weight: 600;
}

.service_section .box .detail-box3 p {
  font-size: 15px;
  margin-top: 12px;
  margin-bottom: 15px;
}

.service_section .box .detail-box4 {
  padding: 97.5px 25px 25px 25px;
}

.service_section .box .detail-box4 h5 {
  margin-bottom: 0;
  font-weight: 600;
}

.service_section .box .detail-box4 p {
  font-size: 15px;
  margin-top: 12px;
  margin-bottom: 15px;
}


.heading_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-family: "K2D", sans-serif;
}

.heading_container h2 {
  position: relative;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}

.heading_container.heading_center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.navbar .dropdown-menu.show {
  min-width: 100%;
}