* {
    box-sizing: border-box; 
    margin: 0; !important
    padding: 0; !imortant
    outline: none;
    font-family: 'Lato', sans-serif; !important
    
}


p {
  margin: 0; }

a {
  text-decoration: none;
  color: #000; 
}


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

figur {
  margin: 0; }

li {
  display: inline;}

menu{
    padding: 0;
}

/** RESET css end */


.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

/*
Fade content bs-carousel with hero headers
Code snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.com
Image credits: unsplash.com
*/

/********************************/
/*       Fade Bs-carousel       */
/********************************/
.fade-carousel {
    position: relative;
    height: 100vh;
}
.fade-carousel .carousel-inner .item {
    height: 100vh;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #f39c12;
    border-color: #f39c12;
    opacity: .7;
}
.fade-carousel .carousel-indicators > li.active {
  width: 10px;
  height: 10px;
  opacity: 1;
}

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1 {
    font-size: 6em;    
    font-weight: bold;
    margin: 0;
    padding: 0;
}


.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out 5s;
       -moz-transition: 2s all ease-in-out 5s; 
        -ms-transition: 2s all ease-in-out 5s; 
         -o-transition: 2s all ease-in-out 5s; 
            transition: 2s all ease-in-out 5s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out 5s;
       -moz-transition: 2s all ease-in-out 5s; 
        -ms-transition: 2s all ease-in-out 5s; 
         -o-transition: 2s all ease-in-out 5s; 
            transition: 2s all ease-in-out 5s;    
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: .7;
}

/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {padding: 10px 40px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #1abc9c;
    border-color: #1abc9c;
    outline: none;
    margin: 20px auto;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
  height: 100vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
  background-image: url(../images/sli1.png); 
}
.fade-carousel .slides .slide-2 {
  background-image: url(../images/sli2.jpg);
}
.fade-carousel .slides .slide-3 {
  background-image: url(../images/sli3.jpg);
}


@media screen and (min-width: 980px){
    .hero { width: 980px; }    
}
@media screen and (max-width: 640px){
    .hero h1 { font-size: 4em; }    
}

.navi1{
    position: absolute;
    top: 0;
    width: 100%;
    background: none;
    border: none;
}

header{
    position: relative;
}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover{
    color: #fff;
}

.navbar-default .navbar-brand{
    font-family: 'Damion', cursive;
    color: #fff; !important
    font-size: 18px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
    color: #fff;
    background-color: #74c7d5;
}

.navbar-default .navbar-nav>.active1>a, .navbar-default .navbar-nav>.active1>a:focus, .navbar-default .navbar-nav>.active1>a:hover{
    color: #fff;
    background-color: #DF5C64; !important
}

.navbar-default .navbar-nav>.active2>a, .navbar-default .navbar-nav>.active2>a:focus, .navbar-default .navbar-nav>.active2>a:hover{
    color: #fff;
    background-color: #DF5C64; !important
}



.section1{
    background-color: #B24A50;
}

.navbar-default .navbar-nav>li>a:hover{
    background-color: #74c7d5;
    color: #fff;
    transition: .2s all;
}

.navi2 .navbar-nav>li>a:hover{
    background-color: #DF5C64;
    color: #fff;
    transition: .2s all;
}

.navi3 .navbar-nav>li>a:hover{
    background-color: #91778E;
    color: #fff;
    transition: .2s all;
}

.navi4 .navbar-nav>li>a:hover{
    background-color: #A1CA6C;
    color: #fff;
    transition: .2s all;
}

#navi5 .navbar-nav>li>a:hover{
    background-color: #82C8BD;
    color: #fff;
    transition: .2s all;
}

.active2{
    background-color: #91778E;
}

.active3{
    background-color: #A1CA6C;
}

.navbar-default .navbar-nav>li>a{
    color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-right: 15px;
}

.mas1{
    color: #74C7D5;
    font-size: 55px;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    display: inline-block;
    max-width: 368px;
    text-align: right;
    line-height: 60px;
}

.mas2{
    color: #74C7D5;
    font-size: 130px;
    font-weight: 900;
    display: inline-block;
    
}

.header-info{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(252,252,252, 0.15);
    padding: 0 5px 0 2px;
}

.navi2, .navi3, .navi4, #navi-in, #navi5{
    width: 100%;
    background: none;
    border: none;
}

.active1{
    background-color: #DF5C64;
}

.active4{
    background-color: #82C8BD;
}

.titles{
    font-size: 60px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.sec1-1{
    padding-top: 120px;
}

.sec1-p1{
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

.rozvi{
    color: #EB9CA1;
}

.peer{
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    margin-top: 10px;
}

.sec1-info{
    
    text-align: center;
    color: #fff;
    background-color: rgba(252,252,252, 0.05);
    padding: 40px 25px;
}

.sec2-1_info{
    text-align: center;
    color: #fff;
    background-color: rgba(252,252,252, 0.05);
    padding: 40px 25px;
}

.sec1-2_title a{
    font-size: 30px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    margin: 20px 0 30px 0;
    display: inline-block;
}

.sec1-2_title a:hover{
    text-decoration: none;
    background-color: #DF5C64;
    transition: 0.3s all;
    
}

.sec1-2_info{
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.sec1-icon{
    display: flex;
    justify-content: center;
    align-items: center;
    border: 3px solid #fff;
    border-radius: 50%;
    width: 85px;
    height: 85px;
}

.sec1-icon i{
    width: 80px;
    height: 80px;
    background-color: #fff;
    border-radius: 50%;
    border: 3px solid #C45158;
    color: #DF5C64;
    font-size: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sec1-2{
    margin-top: 115px;
    padding-bottom: 100px;
}

.fl{
    display: flex;
    justify-content: center;
}

.section1::before{
    content: " ";
    background-image: url(../images/homeBG.png);
    width: 100%;
    height: 100%;
    position: absolute;
}

.sec1-info:hover .sec1-icon i{
    transform: rotate(180deg);
    transition: .5s all;
    
}

.sec1-info:hover{
    cursor: pointer;
}

.section2{
    background-color: #665464;
}

.hiper-info{
    font-size: 20px;
    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    background-color: #A1CA6C;
    max-width: 300px;
    display: inline-block;
    padding: 5px 20px;
}

.hiper{
    text-align: center;
    width: 100%;
    position: relative;
    margin-top: 50px;
}

.erankyun{
    border: 20px solid transparent;	border-top: 20px solid #A1CA6C;
    width: 20px;
    position: absolute;
    bottom: -105%;
    left: 48%;
    height: 20px;
}

.name1{
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 900;
    color: #fff;
    margin: 20px 0 0 0;
}

.sec2-1_img img{
    border-radius: 50%;
    border: 1px solid #fff;
    background-color: #fff;
}

.sec2-1_img{
    width: 110px;
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #A1859E;
}

.kan{
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #879E64;
}

.icons1234{
    margin-top: 40px;
    display: flex;
    justify-content: space-around;
}

.icons1234 a{
    color: #fff;
}

.icons1234 a:hover{
    text-decoration: none;
}

.icons1234 i{
    width: 30px;
    height: 30px;
    background-color: #A1859E;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
 
.sec2-1_info:hover .sec2-1_img{
    background-color: #DF5C64;
    color: #DF5C64;
    transition: .3s all;
}

.sec2-1_info:hover .kan{
    color: #DF5C64;
    transition: .3s all;
}

.kaput:hover{
    background-color: #4F689E;
    transition: .3s all;
}

.bac-k:hover{
    background-color: #74C7D5;
    transition: .3s all;
}

.karmir:hover{
    background-color: #DF5C64;
    transition: .3s all;
}

.mug-k:hover{
    background-color: #3E61AF;
    transition: .3s all;
}

.sec2-1{
    margin-top: 50px;
}

.section2, .section3{
    padding-bottom: 100px;
    position: relative;
}

.section2::before{
    content: " ";
    position: absolute;
    height: 100%;
    width: 100%;
    background-image: url(../images/aboutBG.png);
    background-position: center left;
    background-repeat: no-repeat;
}

.section3::before{
    content: " ";
    position: absolute;
    height: 100%;
    width: 100%;
    background-image: url(../images/workBG.png);
   
}

.section3{
    position: relative;
    background-color: #81A256;
}

#ddd {
    font-family: 'Lato', sans-serif; !important
    font-size: 20px;
    font-weight: bold;
}

#navi-in{
    margin: 50px 0 30px 0;
    padding: 35px 0 35px 0;
    border-top: 1px solid #94B963;
    border-bottom: 1px solid #94B963;
}

#a1{
    border-radius: 5px;
}

#a1:hover{
    background-color: #F5C149;
}

.active-in{
     background-color: #F5C149;
}

.sec3-1_info{
    width: 260px;
    height: 250px;
    background-image: url(../images/work1.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
}

.sec3-2_info{
    width: 260px;
    height: 250px;
    background-image: url(../images/work2.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 5px;
    position: relative;
}

.sec3-3_info{
    width: 260px;
    height: 250px;
    background-image: url(../images/work3.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    overflow: hidden;
    background-size: cover;
    border-radius: 5px;
    position: relative;
}

.sec3-4_info{
    width: 260px;
    height: 250px;
    background-image: url(../images/work4.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    overflow: hidden;
    background-size: cover;
    border-radius: 5px;
    position: relative;
}

.sec3-1_inf{
    width: 100%;
    color: #727272;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    padding: 15px 0 15px 0;
    background-color: #fff;
    bottom: 0;
    position: absolute;
    z-index: 1;
}

.er{
    border: 20px solid transparent;	border-bottom: 20px solid #fff;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 20%;
    left: 42%;
    z-index: 1;
}

.ops{
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    opacity: 0;
}

.sec3-1_info:hover .ops{
    opacity: 1;
    transition: .3s all;
}
.sec3-2_info:hover .ops{
    opacity: 1;
    transition: .3s all;
}
.sec3-3_info:hover .ops{
    opacity: 1;
    transition: .3s all;
}
.sec3-4_info:hover .ops{
    opacity: 1;
    transition: .3s all;
}
.sec3-5_info:hover .ops{
    opacity: 1;
    transition: .3s all;
}
.sec3-6_info:hover .ops{
    opacity: 1;
    transition: .3s all;
}
.sec3-7_info:hover .ops{
    opacity: 1;
    transition: .3s all;
}
.sec3-8_info:hover .ops{
    opacity: 1;
    transition: .3s all;
}

.sec3-1_info a,.sec3-2_info a, .sec3-3_info a,.sec3-5_info a,.sec3-6_info a,.sec3-7_info a,.sec3-8_info a, .sec3-4_info a{
    font-size: 50px;
    color: #fff;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.sec3-2{
    margin-top: 20px;
}


.sec3-5_info{
    width: 260px;
    height: 250px;
    background-image: url(../images/work5.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
}
.sec3-6_info{
    width: 260px;
    height: 250px;
    background-image: url(../images/work6.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
}
.sec3-7_info{
    width: 260px;
    height: 250px;
    background-image: url(../images/work7.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
}
.sec3-8_info{
    width: 260px;
    height: 250px;
    background-image: url(../images/work8.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
}

.section4{
    position: relative;
    background-color: #75B4AA;
}

.cont-titles{
    font-size: 30px;
    font-weight: 300;
    color: #fff;
}

.acost{
    font-size: 20px;
    font-weight: bold;
    color: #D0EFEA;
    margin-top: 20px;
}

.sec4{
    margin-top: 80px;
}

.ri{
    float: right;
    border-radius: 5px;
    margin-top: 70px;
}

.ac {
    max-width: 174px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    margin-top: 10px;
}

.blu{
    color: #9CCBC3;
}

.contact li{
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    display: block;
    margin-bottom: 10px;
}

.contact{
    margin-top: 80px;
}

.sing input{
    width: 47%;
    padding: 5px 10px;
    border-radius: 5px;
    border: none;
    background-color: #68A097;
    outline: none;
    margin-top: 27px;
}

.sing input::placeholder{
    font-size: 16px;
    font-weight: 400;
    color: #73B2A7;
    
}

.sing input:focus{
    background-color: #fff;
    
}

.sing textarea:focus{
    background-color: #fff;
}

.sing textarea{
    width: 94.5%;
    border-radius: 5px;
    background-color: #68A097;
    outline: none;
    height: 200px;
    border: none;
    margin-top: 10px;
    padding: 5px 0 0 10px;
}

.sing textarea::placeholder{
    color: #73B2A7;
    font-size: 16px;
    font-weight: 400;
}

.sing {
    text-align: center;
}

.sing button{
    color: #fff;
    font-size: 25px;
    font-weight: 900;
    padding: 5px 50px;
    background-color: #DF5C64;
    border: none;
    border-bottom: 4px solid #C8535A;
    border-radius: 5px;
    margin-top: 10px;
}

.section4{
    padding-bottom: 100px;
}

.section4::before{
    content: " ";
    position: absolute;
    height: 100%;
    width: 100%;
    background-image: url(../images/contactBG.png);
    background-position: right;
}

.footer-icons a{
    color: #fff;
    
}

.footer-icons a:hover{
    text-decoration: none;
}

.footer-icons i{
    font-size: 25px;
    width: 50px;
    height: 50px;
    background-color: #82C8BD;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-right: 15px;
}

.footer-icons{
    display: flex;
    justify-content: center;
}

footer{
    padding: 30px 0 30px 0;
    background-color: #68A097;
}