@font-face {
   font-family: 'CircularStd-Book';
   src: url(fontfamily/CircularStd-Book.otf);
}
@font-face {
   font-family: 'CircularStd-Medium';
   src: url(fontfamily/CircularStd-Medium.otf);
}

body{
	margin:0;
	padding:0;
	font-family: 'Raleway', Arial, Helvetica, sans-serif;	
  font-weight: lighter !important;
  font-weight: 400;
  height:100vh; /* This is needed to overcome a Chrome bug. */


}



/*********** Header ******/

.active a{
  color: #35862D !important;
  background: none !important;
  font-weight: bold;
}
.top-bar{
  padding-top: 15px;
  padding-bottom: 5px;
  background: #35862D;
}

.top-list{
  list-style-type: none;
  padding-left: 0;
}

.top-bar p{
  color: #fff;
  font-size: 12px;
}

.top-list li{
  display: inline;
  margin-right: 15px;
}


.top-list li a span{ 
  color: #76AD71;
  font-size: 16px;
}

.mynav {
    padding-top: 20px;
    padding-bottom: 15px;
    background: #fff;
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
}
.mynav .navbar-right {
    margin-top: 0;
}
.logo {
    height: 45px;
    margin-top: 5px;
}
.mynav .navbar-right li{
  margin-right: 5px;
}
.mynav .navbar-right li a {
    color: #b7b7b7;
    font-size: 15px;
    font-family: 'Raleway', Arial, Helvetica, sans-serif;
    font-weight: 400;   
}

.mynav .navbar-right li a:hover{
  color: #35862D;
}
.loginBtn{
    border: 1px solid #1D2F6F;
    background: #1D2F6F !important;
    color: #fff !important;
    padding: 8px 25px !important;
    margin-top: 5px;
    margin-left: 10px;
    border-radius: 0;
}

.loginBtn:hover{
  background: #35862D !important;
  border-color:  #35862D !important; 
}

.banner{
  background: url(../images/eazetax-home-slider.jpg);
  background-position:left top;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 140px;
  padding-bottom: 50px;
  width: 100%;
  background-attachment: fixed;
}

.banner h1{
  color: #fff;
  font-size: 50px;
  font-weight: bold;
}

.banner p{
  color: #fff;
  font-size: 21px;
}

.banner .our-btn{
  border: 1px solid #1D2F6F;
    background: #1D2F6F !important;
    color: #fff !important;
    padding: 8px 25px !important;
    margin-top: 5px;
    border-radius: 0;
}


.our-btn:hover{
  background: #35862D !important;
  border-color:  #35862D !important; 
}

.section-one{
  padding-top: 50px;
  padding-bottom: 90px;
  background: #F7F7F7;
}

.section-one h1{
  margin-bottom: 20px;
}
.section-one p{
  font-size: 16px;
  line-height: 30px;
  color: #808080;
  font-family: 'Raleway', Arial, Helvetica, sans-serif;
}

.mokup{
  background: url(../images/mockup.png);
  width: 100%;
  height: 600px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
 }

.service{
  background: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
}

.panel {
  margin: 0 auto;
  height: 206px;  
  position: relative;
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
  cursor: pointer;
}

.panel .front,
.panel .back {
  text-align: center;
}
  
.panel .front {
  height: inherit;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 900;
  text-align: center;
  -webkit-transform: rotateX(0deg) rotateY(0deg);
     -moz-transform: rotateX(0deg) rotateY(0deg);
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
  -webkit-transition: all .4s ease-in-out;
     -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
     -o-transition: all .4s ease-in-out;
      transition: all .4s ease-in-out;
}

.panel .back {
  height: inherit;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 1000;
  -webkit-transform: rotateY(-180deg);
     -moz-transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
  -webkit-transition: all .4s ease-in-out;
     -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
     -o-transition: all .4s ease-in-out;
      transition: all .4s ease-in-out;
}
.panel.flip .front {
  z-index: 900;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
}
.panel.flip .back {
  z-index: 1000;
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform: rotateX(0deg) rotateY(0deg);
}
.box1{
  background-color: #fff;
  border: 1px solid #e0dede !important;
  height: 206px;
  margin: 0 auto;
  padding:  20px;
  padding-top: 50px;

}
.box2{
  background-color: #EFEFEF;
  height: 206px;
  margin: 0 auto;
  padding: 20px;
}

.box2 h4{
  line-height: 28px;
  margin-bottom: 47px;
  font-weight: lighter;
}

.btn-more{
   border: 1px solid #1D2F6F;
    background: #1D2F6F !important;
    color: #fff !important;
    padding: 8px 60px !important;
    margin-top: 5px;
    border-radius: 0;
}

.owl-carousel .fit-one {
  height: 80px !important;
  width: 100% !important;
  margin: auto;
}


.owl-carousel .fit-two {
  height: 110px !important;
  width: 110px !important;
  margin: auto;
}


.owl-carousel .fit-three {
  height: 70px !important;
  width: 100% !important;
  margin: auto;
}



.owl-carousel .fit-four {
  height: 60px !important;
  width: 250px !important;
  margin: auto;
  margin-top: 30px;
}


.owl-carousel .fit-five {
  height: 70px !important;
  width: 250px !important;
  margin: auto;
  margin-top: 35px;
}


.owl-carousel .fit-nine {
    height: 89px !important;
    width: 201px !important;
    margin: auto;
    margin-top: 29px;
}

.owl-carousel .fit-ten {
    height: 70px !important;
    width: 250px !important;
    margin: auto;
    margin-top: 57px;
}
.owl-carousel .fit-eleven {
  height: 70px !important;
  width: 250px !important;
  margin: auto;
  margin-top: 54px;
}


.owl-carousel .fit-six {
  height: 110px !important;
  width: 130px !important;
  margin: auto;
  margin-top: -5px;
}


.owl-carousel .fit-seven {
  height: 60px !important;
  width: 250px !important;
  margin: auto;
}


.owl-carousel .fit-eight {
  height: 70px !important;
  width: 250px !important;
  margin: auto;
}



.btn-more:hover{
  background: #3C952F !important;
  border-color: #3C952F !important; 
}



.clients{
  background: #F7F7F7;
  padding-top: 100px;
  padding-bottom: 120px;
}

.footer{
  background: #383345;
  padding-bottom: 50px;
  padding-top: 50px;
  background-attachment: fixed !important;
}

.footer h4{
  color: #fff;
  margin-bottom: 30px;
}

.footer p{
  color: #CECFD0;
  font-size: 17px;
  margin-bottom: 20px;
}

/************about************/
.about-eaze-box{
  background: #FFFFFF;
  //padding: 30px 40px;

}

.about-mission {
    background: #1E2D70;
    padding: 20px 30px;
     height:250vh;
   // height: 1541px;
}

.about-mission h2{
  color: #fff;
  text-align: right;
  margin-bottom: 20px;
}

.about-mission ul{
  padding-left: 0;
  list-style-type: none;
}

.about-mission ul li{
  text-align: right;
  margin-bottom: 10px;
}

.about-mission ul li a{
  color: #fff;
  font-size: 18px;

}
.about-eaze-box p{
  color: #808080;
  font-size: 17px;
  line-height: 29px;
  margin-bottom: 20px;
}

.about-contact{
  background: #EDEDED;
  padding: 30px 40px;
}

.about-contact h1{
  margin-bottom: 30px;
}

.about-contact .form-control{
  border-radius: 0;
  border-color: #fff !important;
  box-shadow: none;
  height: 45px;
  margin-bottom: 20px;
}

.about-contact textarea{
  height: inherit !important;
}

.about-contact .form-group label{
  color:#878C98;
  font-size: 17px;  
}

.btn-send {
  border: 1px solid #1D2F6F;
    background: #1D2F6F !important;
    color: #fff !important;
    padding: 12px 25px !important;
    margin-top: 5px;
    border-radius: 0;
}

.row-about {
  margin-left: 0 !important;
  margin-right: 0 !important;
}


/************about************/

/***********service**********/
.service-mission{

}
.service-mission{
  background: #261E2D;
  padding: 20px 30px;
  height: 1360px;
}

.service-mission h2{
  color: #fff;
  text-align: right;
  margin-bottom: 20px;
}

.service-mission ul{
  padding-left: 0;
  list-style-type: none;
}

.service-mission ul li{
  text-align: right;
  margin-bottom: 10px;
}

.service-mission ul li a{
  color: #fff;
  font-size: 18px;

}
/***********service**********/

/***********contact************/
.contact-eaze-box{
  background: #FFFFFF;
  padding: 30px 40px;
}

.contact-eaze-box h3{
  color: #5E6577;
  font-weight: bold;
  margin-bottom: 25px;
  margin-top: 30px;
}

.contact-eaze-box{
  color:#787E8D;
  font-size: 17px;
  margin-bottom: 10px;

}

.contact-mission{
  background: #2D8D2B;
  padding: 20px 30px;
  height: 1410px;
}


.contact-mission h2{
  color: #fff;
  text-align: right;
  margin-bottom: 20px;
}

/***********contact************/

/************pakage*************/
.pakage-eaze-box{
  background: #FFFFFF;
  padding: 30px 40px;
  padding-bottom: 80px;
  padding-top: 60px;
}

.pakage-eaze-box h3{
  color: #838896;
  font-weight: bold;
  font-size: 18px;
  padding-left: 60px;
}

.pakage-eaze-box:hover h3{
  color: #2693CC;
}

.pakage-eaze-box-one{
  background: #F4F4F4;
  padding: 30px 40px;
  padding-bottom: 80px;
  padding-top: 60px;
}


.pakage-eaze-box-one h3{
  color: #838896;
  font-weight: bold;
  font-size: 18px;
  padding-left: 60px;
}

.pakage-eaze-box-one:hover h3{
  color: #2693CC;
}


.pakage-mission{
  background: #fff;
  padding: 20px 30px;
  text-align: right;
  
}

.pakage-mission h2{
  color: #50586B;
  font-weight: bold;
}


.pakage-mission h3{
  color: #50586B;
  font-weight: bold;
  margin-bottom: 70px;
}


.pakage-mission p{
  color: #50586B;
  font-size: 16px;
 }

/************pakage*************/

/****************media*************/
@media only screen and (max-width: 767px){
  .top-bar p {
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 40px;
    margin-bottom: 20px;
}
.top-bar .pull-right{
  float: none !important;
  text-align: center;
}

.logo {
    margin: auto;
    margin-top: 13px;
}

.banner h1 {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
}

.banner{
  height: auto;
  width: 100% !important;
  text-align: center;
}
.panel{
  margin-bottom: 20px;
}
.about-mission {
    background: #1E2D70;
    padding: 20px 30px;
    height: auto;
}
.about-contact .form-control {
    height: 35px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.service-mission{
  height: auto;
}

.contact-mission{
  height: auto;
}

.pakage-eaze-box h3 {
    color: #838896;
    font-weight: bold;
    font-size: 15px;
    padding-left: 60px;
}

}

 @media (min-width: 768px) and (max-width: 991px){
  .mynav .navbar-right li {
    margin-right: -5px;
}

.mynav .navbar-right li a {
    color: #b7b7b7;
    font-size: 12px;
    font-family: 'Raleway', Arial, Helvetica, sans-serif;
    font-weight: 400;
}
.panel{
  margin-bottom: 20px;
 } 
 .btn-more{
  padding: 8px 10px !important;
 }
}

@media (min-width: 992px) and (max-width: 1199px){
  .btn-more {
    border: 1px solid #1D2F6F;
    background: #1D2F6F !important;
    color: #fff !important;
    padding: 8px 40px !important;
    margin-top: -10px;
    border-radius: 0;
}

.owl-carousel .fit-three {
    height: 56px !important;
    width: 150px !important;
    margin: auto;
    margin-top: 8px;
}
.owl-carousel .fit-eight {
    height: 60px !important;
    width: 162px !important;
    margin: auto;
}

.owl-carousel .fit-seven {
    height: 60px !important;
    width: 198px !important;
    margin: auto;
}

.owl-carousel .fit-one {
    height: 53px !important;
    width: 158px !important;
    margin: auto;
}

.owl-carousel .fit-nine {
    height: 53px !important;
    width: 177px !important;
    margin: auto;
    margin-top: 90px;
}

.owl-carousel .fit-ten {
    height: 53px !important;
    width: 191px !important;
    margin: auto;
    margin-top: 90px;
}

.owl-carousel .fit-eleven {
    height: 70px !important;
    width: 219px !important;
    margin: auto;
    margin-top: 80px;
}

.owl-carousel .fit-five {
    height: 63px !important;
    width: 186px !important;
    margin: auto;
    margin-top: 35px;
}
.owl-carousel .fit-four {
    height: 60px !important;
    width: 180px !important;
    margin: auto;
    margin-top: 30px;
}

.box2 h4 {
    line-height: 27px;
    margin-bottom: 47px;
    font-weight: lighter;
    font-size: 14px;
}
}

/****************media*************/
/************ Extras ***********/
.circularReg{
    font-family: 'CircularStd-Book';
}
.circularMed{
     font-family: 'CircularStd-Medium';
}

.block{
  display: block;
}
.ml5{
  margin-left: 5px !important;
}
.ml7{
  margin-left: 7px !important;
}
.ml10{
  margin-left: 10px;
}
.ml15{
  margin-left: 15px;
}
.ml20{
  margin-left: 20px;
}
.ml30{
  margin-left: 30px;
}
.ml40{
  margin-left: 40px;
}
.ml50{
  margin-left: 50px;
}
.ml100{
  margin-left: 100px;
}

.mb5{
  margin-bottom: 5px;
}
.mb10{
  margin-bottom: 10px;
}
.mb15{
  margin-bottom: 15px;
}
.mb20{
  margin-bottom: 20px;
}
.mb30{
  margin-bottom: 30px;
}
.mb40{
  margin-bottom: 40px;
}
.mb100{
  margin-bottom: 100px;
}
.mb150{
  margin-bottom: 150px;
}


.mt5{
  margin-top: 5px;
}
.mt10{
  margin-top: 10px;
}
.mt15{
  margin-top: 15px;
}
.mt20{
  margin-top: 20px;
}
.mt30{
  margin-top: 30px;
}
.mt40{
  margin-top: 40px;
}
.mt50{
  margin-top: 50px;
}
.mt60{
  margin-top: 60px;
}
.mt70{
  margin-top: 70px;
}
.mt80{
  margin-top: 80px;
}
.mt100{
  margin-top: 100px;
}


.mt-10{
  margin-top: -10px;
}
.mt-20{
  margin-top: -20px;
}
.mt-30{
  margin-top: -30px;
}
.mt-40{
  margin-top: -40px;
}
.mt-50{
  margin-top: -50px;
}

/********* font-size **********/
.fbold{
  font-weight: 600;
}
.f12{
  font-size: 12px;
}
.f13{
  font-size: 13px;
}
.f14{
  font-size: 14px !important;
}
.f15{
  font-size: 15px;
}

.f16{
  font-size: 16px;
}
.f17{
  font-size: 17px;
}
.f18{
  font-size: 18px;
}
.f19{
  font-size: 19px;
}
.f20{
  font-size: 20px;
}

.white{
  color: #fff;
}
.whiteMontbold{
  color: #fff;
  font-weight: bold;
}