@charset "utf-8";
@font-face {
  font-family: "Poppins"; font-size:16px !important;
  src: url("../fonts/PoetsenOne-Regular.ttf");
}

p {
  font-family: "Raleway";
}

ul,
li {
  margin: 0;
  padding: 0;
}

body {
  background: #fff;
}
html {
  scroll-behavior: smooth;
}

html {
   scroll-padding-top: 278px;
}
.logo{margin:0 0 8px 0;}
.fa{color:#fff;}
.trust{padding:60px 0;}
.trust h2{
 color: #3f75bc;
 font-size:26px;
 font-family: "Poppins";
 font-weight: 600;
 margin: 0 0 10px 0;
 text-transform: uppercase;
 text-align: center;

}

.trust h2 span{
 color: #02224b;

}


.trust p{
  color: #2e2e2e;
  font-family: "Poppins";
  font-size: 16px;
  line-height: 18px;
  text-align: center;
}

.quote a{ background: #433ff6;  color: #fff !important; padding: 12px;  float: right;
margin-top:15px !important; border-radius:6px;
}
.quote a:hover{ background: #3f75bc;  color: #fff !important; padding: 12.5px; float: right;
margin-top:15px !important; border-radius:6px;
}

.affix .quote a{ background: #3f75bc;  color: #fff !important; padding: 12px;  float: right;
margin-top:4px !important; border-radius:6px;
}
.affix .quote a:hover{ background: #012350;  color: #fff !important; padding: 12.5px; float: right;
margin-top:4px !important; border-radius:6px;
}
::placeholder {
  color: #333;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #333;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #333;
}



.page ::placeholder {
  color: #333;
  opacity: 1;
  /* Firefox */
}

.page :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #333;
}

.page ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #333;
}

.input-text {
  color: #333;
  height: 45px;
  width: 100%;
  font-size: 16px;
  font-family: "Poppins";
  padding: 5px 15px;
  background: rgba(203,203,202,0.7);
  border: none;
}

.input-textarea {
  color: #333;
  width: 100%;
  font-size: 16px;
  font-family: "Poppins";
  padding: 5px 15px;
  background: rgba(203,203,202,0.8);
  border: none;
}

.input-submit {
  color: #433ff6;
  font-size: 15px;
  border: 2px solid #433ff6;
  background: transparent;
  width: 100%;
  padding: 10px 25px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  font-family: "Poppins";
  text-transform: uppercase;
  font-weight: 500;
}

.input-submit:hover {
  color: #fff;
  background: #433ff6;
  border: 2px solid #fff;
}



.page .input-text {
  color: #121212;
  height: 50px;
  width: 100%;
  font-size: 14px;
  font-family: "Poppins";
  padding: 5px 15px;
  background: #fff;
  border: 1px solid #d7d7d7;
  font-weight: 300
}




.page .input-textarea {
  color: #121212;
  width: 100%;
  font-size: 14px;
  font-family: "Poppins";
  padding: 5px 15px;
  background: #fff;
  font-weight: 300
  border: 1px solid #d7d7d7;
}

.page .input-submit {
  color: #0e6228;
  font-size: 16px;
  border: 2px solid #0e6228;
  background: transparent;
  width: 100%;
  padding: 10px 25px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  font-family: "Poppins";
}

.page .input-submit:hover {
  color: #fff;
  background: #0e6228;
  border: 2px solid #0e6228;
}


.button1 {
  font-family: "Poppins";
  font-weight: normal;
  font-style: normal;
  color: #d52529;
  font-size: 16px;
  border: 2px solid #d52529;
  background: transparent;
  padding: 10px 25px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  font-weight: 400;
}

.button1:hover {
  color: #fff;
  background: #d52529;
  border: 2px solid #d52529;
}


.button2 {
  color: #121212;
  font-size: 15px;
  border: 2px solid #121212;
  background: transparent;
  padding: 10px 25px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  font-family: "Montserrat";
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 500;
}

.button2:hover {
  color: #fff;
  background: #121212;
  border: 2px solid #121212;
}


.button3 {
  font-family: "Poppins";
  font-weight: normal;
  font-style: normal;
  color: #fff;
  font-size: 15px;
  border: 2px solid #fff;
  background: #3f75bc;
  padding: 10px 25px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  font-weight: 500;

}

.button3:hover {
  color: #fff;
  background: #433ff6;
  border: 2px solid #fff;
}

.button30 {
  font-family: "Poppins";
  font-weight: normal;
  font-style: normal;
  color: #fff;
  font-size: 15px;
  border: 2px solid #fff;
  background: #433ff6;
  padding: 10px 25px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  font-weight: 500;}



.button30:hover {
  color: #fff;
  background: #3f75bc;
  border: 2px solid #fff;
}


.top-header{
  background: #2b2b2c;
  padding:8px 0 0 0;
  margin: 0;
}

.top-header .info ul li{
  display: inline-block;
  text-decoration: none;
  font-family: 'Poppins';
  color: #fff;
  font-size: 16px;
  margin-left: 25px;
}

.top-header .info ul li:first-child{
  margin-left: 0;
}

.top-header .info ul li a{
  color: #fff;
}

.top-header .social-info{
  text-align: right;
}

.top-header .social-info ul li{
  display: inline-block;
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  margin-right: 20px;

}

.top-header .social-info ul li a{
  color: #fff;
}

.banner-content {
  position: relative;
  text-align: center;
}

.banner-content img {
  width: 100%;
}

.banner-content .centered {
  position: absolute;
  top: 55%;
  left: 50%;
  width: 100%;
  transform: translate(-50%,-50%);
}


.banner-content .centered h1 {
  color: #fff;
  font-size:72px;
  font-family: 'Bebas Neue', cursive;
  text-shadow: 1px 2px 1px #000;
  margin-bottom: -4px;
  line-height:60px;
}

.banner-content .centered p {
  color: #fff;
  font-size: 14px;
  font-family: "Poppins";
  line-height: 19px;
}

.one {
  background: url(../images/bg2.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 60px 0;
}

.one .title-section{
  margin-bottom: 30px;
  text-align: center;
}

.one .title-section h2 {
 color: #fff;
 font-size: 30px;
 font-family: "Poppins";
 font-weight: 600;
 margin: 0;

}



.three {
  background: #fff;
  padding: 80px 0;
  text-align: center;
}


.three .title-section{
  margin-bottom: 30px;
}

.three .title-section h2 {
 color: #3f75bc;
 font-size: 35px;
 font-family: "Poppins";
 font-weight: 600;
 margin: 0;

}


.ourwork-images {
  overflow: hidden;
  -webkit-transition: all linear 0.5s;
  -moz-transition: all linear 0.5s;
  transition: all linear 0.5s;
}

.ourwork-images img {
  width: 100%;
  -webkit-transition: all linear 0.5s;
  -moz-transition: all linear 0.5s;
  transition: all linear 0.5s;
}

.ourwork-images:hover img {
  transform: scale(1.1, 1.1);
}


.four {
  background: #fff;
  padding: 80px 0;
  text-align: center;
}

.four .title-section{
  margin-bottom: 30px;
}

.four .title-section h2 {
 color: #3f75bc;
 font-size: 26px;
 font-family: "Poppins";
 font-weight: 600;
 margin: 0;
 text-align: center;

}


.four h3 {
  color: #000;
  font-size:16px;
  font-family: "Poppins";
  font-weight: 600;
}


.four .service {
  padding: 30px 20px;
  background: #fff;
  text-align: center;
  border: 1px solid #e7e7e7;

}

.four p {
  color: #2e2e2e;
  font-family: "Poppins";
  font-size: 16px;
  line-height: 23px;
  text-align: center;
 
}


.four .learn-more a{
  color: #d52529;
  font-size: 18px;
  font-weight: 600;
}


.four img{
 
}


.five {
   background:url(../images/fivebg.jpg) no-repeat center fixed;
  padding: 60px 0;
  text-align: center;

}


.five  h2 {
 color: #fff;
 font-size:16px;
 font-family: "Poppins";
 font-weight: 600;
 margin: 0 0 6px 0;
 
 text-align: left;

}


.five p {
  color: #e5e5e2;
  font-family: "Poppins";
  font-size: 16px;
  line-height:27px;
  text-align:left;
}

.five img{
  margin: 10px 0;
}

.seven {
  background:#fff /*url(../images/welcome-bg.jpg) no-repeat center center #fafafa;*/
 
  padding: 0;
  
}

.seven .home-image-block{
  margin-top:40px;
  /*position: absolute;
  right: -92px;*/
}

.seven .welcome{
  padding: 60px 0 15px 0;

}

.seven .title-section h2 {
 color: #3f75bc;
 font-size:26px;
 font-family: "Poppins";
 font-weight: 600;
 margin: 0 0 15px 0;
}


.seven .title-section h2 .fa{
  color: #3f75bc;
  font-size: 35px;
}

.seven p {
  color: #000;
  font-family: "Poppins";
  font-size: 16px;
  line-height: 23px;
}


.top-footer {
    padding: 30px 0 40px 0;
    background: #fff;
    border-top: 1px solid #e4e5e6;
}


.top-footer h5 {
  color: #fff;
  font-size: 20px;
  font-family: "Poppins";
  font-weight: 500;
  margin: 0;

}

.top-footer .hr2{
  background: #ccc;
  width: 100%;
  height: 1px;
  margin: 15px 0;
}



.top-footer p {
  color: #2e2e2e;
  font-family: "Poppins";
  font-size: 15px;
  line-height: 23px;
  font-weight: 400;
}

.top-footer p span{
  color: #d7b502;
  font-weight: 600;

}


.top-footer .fa {
  color: #2e2e2e;
  font-size: 18px;
  
}



.top-footer a {
  color: #2e2e2e;
}

.top-footer a:hover {
  color: #3f75bc;
  transition: all ease-in 0.2s;
  text-decoration: none;
}


.footer {
  padding: 10px 0 5px 0;
  background: #433ff6;

}

.footer span{
  color: #0e6228;
}

.footer p {
  color: #fff;
  font-family: "Poppins";
  font-size: 14px;
  margin: 0;
}

/* Inner Page */

.page {
  padding: 40px 0px 40px 0;
  background: #ededed !important;
  position: relative !important;
}

.page .inner-cont {
  background: white;
  margin-top: -60px;
  box-shadow: 0 10px 10px 0px #666;
  padding: 25px 25px 80px 25px;
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
}



.page h2 {
 color: #121212;
 font-size: 30px;
 font-family: "Poppins";
 margin: 0;
 line-height: 50px;
 font-weight: bold;
 text-transform: uppercase;
}

.page h4 {
  color: #121212;
  font-size: 30px;
  font-family: "Poppins";
  margin: 0;
  line-height: 50px;
  font-weight: bold;
  text-transform: uppercase;
}

.page h3 {
  font-size: 20px;
  font-family: "Poppins";
  color: #d52529;
}

.page h3 span {
  font-family: "Poppins";
  color: #ccc;
  font-size: 14px;
}

.page h5 {
  font-family: "Poppins";
  color: #433ff6;
  font-size: 20px;
  font-weight: 500;
}

.page p {
  color: #000;
  font-family: "Poppins";
  font-size: 15px;
  line-height: 25px;
}

.page .fa {
  font-size: 18px;
  color: #d52529;
}



.reset {
  margin: 0px !important;
  padding: 0px !important;
}

.margin-reset {
  margin: 0px !important;
}

.padding-reset {
  padding: 0px !important;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  border-top: 0px solid #fff !important;
}

/* Typography */

.opensans {
  font-family: "Open Sans";
}

.coda {
  font-family: "Coda";
}

.rokkitt {
  font-family: "rokkitt";
}

/* Coloring */

.black {
  color: #000 !important;
}

.white {
  color: #fff !important;
}

/* Header */

.affix {
  position: fixed;
  top: 0px;
  transition: all 0.5s ease-in-out;
  width: 100%;
  z-index: 999999;
  box-shadow: 0 1px 10px #666;
  margin-bottom: 10px;
}

.affix-top {
  position: static;
  top: -35px;
  transition: all 0.5s ease-in-out;
}


.affix  .header img{
  width: 64%;
}

.affix .header #menu .quote:last-child a{margin-top: 0}

.header {
  background-size: cover;
  background: #fff;
  padding: 0;
  width: 100%;
}

.header  .center {
  margin:0 0 10px 0;
}

.affix .header  .center {
  margin-top: 1px;
}






/* Tap to Call */

.taptocall {
  color: #000;
  font-size: 14px !important;
  border: 1px solid #000;
  width: 50%;
  margin: 5px auto !important;
  padding: 10px 0px;
}

.taptocall:hover {
  background: #e1dfdf;
  transition: 0.2s ease-in;
  color: #000;
}

/* Menu */

:after,
:before {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* Cool Heading */

.heading {
  display: inline-block;
  padding: 0 15px;
  position: relative;
  text-align: center;
  font-family: "Poetsen One";
  font-weight: bold;
  font-size: 26px;
}

/* Owl Banner CSS */

.owl-theme .owl-controls {
  margin-top: 0px !important;
}

#owl-demo {
  display: block;
  overflow: hidden;
  width: 100%;
  position: relative;
  background: #fff;
}

#owl-demo .item img {
  display: block;
  width: 100%;
}

.owl-controls.clickable .owl-buttons div {
  display: none !important;
  border-radius: 0px !important;
  width: 0px !important;
  height: 0px !important;
  line-height: 0px !important;
  text-align: center;
  color: transparent;
  font-size: 0px !important;
  background: rgba(0, 0, 0, 0) !important;
  border-radius: 0px !important;
}

.owl-theme .owl-controls {
  margin-top: 0px;
  text-align: center;
}

.items {
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 20;
  visibility: inherit;
  opacity: 1;
}

.owl-theme .owl-controls {
  margin-top: 0px;
  text-align: center;
}

.owl-pagination {
  position: absolute;
  bottom: 10%;
  width: 100%;
  margin: 0 auto;
  display: block;
}

.owl-controls .owl-page span {
  cursor: pointer;
  position: relative !important;
  background: rgba(0, 0, 0, 0.5) !important;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 6px !important;
  height: 6px !important;
  border: 5px solid rgba(0, 0, 0, 0) !important;
  display: inline-block;
  margin-right: 2px !important;
  margin-bottom: 0px !important;
  -webkit-transition: background-color 0.2s, border-color 0.2s;
  -moz-transition: background-color 0.2s, border-color 0.2s;
  transition: background-color 0.2s, border-color 0.2s;
  float: none !important;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

.owl-controls .owl-page.active span {
  background: #fff !important;
  width: 6px !important;
  height: 6px !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Large Devices, Wide Screens */

@media only screen and (max-width: 1200px) {
}

/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
  .center {
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: inherit;
    position: relative;
    background: transparent;
    z-index: 1;
  }
  .services img {
    width: 100%;
    margin-bottom: 20px;
  }
  .three img {
    margin-bottom: 10px;
    margin: 0 auto;
  }
  .page .inner-cont {
    margin-top: inherit;
  }
  .header {
    position: inherit !important;
  }

  .top-header .info{
    text-align: center;
  }
  .top-header .social-info{
    text-align: center;
  }

  .header #toggle-menu {
    padding: 1em 0.8em;
    background: #000;
    color: #fff;
  }

  .header #menu .quote:last-child {
    float: none; 
  }

  .header #menu .quote:last-child a{ margin-top: 0px;}
  .five{
    text-align: center;
  }
  .five img{
    margin: 15px auto;
  }
}

@media only screen and (max-width: 768px) {
.seven .title-section h2 {font-size:22px;}
  .banner-content .centered {
  position: absolute;
  top: 55%;
  left: 50%;
  width: 100%;
  transform: translate(-50%,-50%);
}


.banner-content .centered h1 {
  color: #fff;
  font-size:24px;
  font-family: 'Bebas Neue', cursive;
  text-shadow: 1px 2px 1px #000;
  margin-bottom: -4px;
  line-height:24px;
}

.banner-content .centered p {
  color: #fff;
  font-size: 14px;
  font-family: "Poppins";
  line-height: 18px;
}

  .button1 {
    margin-bottom: 20px;
  }

  .seven .home-image-block{
    right: inherit;
    position: inherit;
  }


  .header {
    top: inherit;
    background: #fff;
    padding: 10px 0px;
  }

  .footer h2 {
    text-align: center;
  }

  .hr1{display: none;}

  .title-section{
    margin-bottom: 30px;
    text-align: center;
  }

  .one{
    text-align: center;
  }

  .three h2{
    text-align: center !important;
  }

  .two h2{
    text-align: center;
  }

  .two #ask{
    padding: 30px 0;
  }
  .seven{
    text-align: center;
  }

  .footer img {
    margin: 0 auto;
  }
  .footer p {
    text-align: center !important;
  }
  .four {
    text-align: center;
  }
  .affix {
    position: inherit;
  }
  .four img {
    margin: 0 auto;
  }
  .owl-controls {
    display: none !important;
  }
  .testimonials-content .client-name {
    text-align: center;
  }



  .testimonials-content img {
    margin: 0 auto;
  }

  .five {
    text-align: center;
  }
  .navbar .navbar-nav > li > a {
    padding: 15px;
  }
  .dropdown-menu > li > a {
    color: #121212;
  }
  .six {
    text-align: center;
  }
  .four .service img {
    margin: 0 auto;
  }


  .top-footer .btm-menu {

    font-size: 15px;

  }
}

@media only screen and (max-width: 480px) {
  .owl-controls {
    display: none !important;
  }
}

@media only screen and (max-width: 320px) {
  .owl-controls {
    display: none !important;
  }
}

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

.testimonials-content img{
  margin: 15px auto;
}

.testimonials-content .client-name {
  font-size: 20px;
  font-family: "Poppins";
  font-weight: 600;
  color: #fff;
  display: block;
}


.testimonials-content .client-review {
  display: block;
  margin-bottom: 5px;
  line-height: 30px;
  color: #fff;
  font-size: 15px;
  font-family: "Poppins";
}

#owl-demo1 .item {
  margin: 0 2px;
}

/* -- Here is owl pagination { display: none; } you can { display: block; } to show the pagigation buttons -- */

#owl-demo1 .owl-pagination {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, -50%);
  display: none !important;
}

#owl-demo1 .owl-pagination .owl-page span {
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: #fff;
}

#owl-demo1 .owl-pagination .active span {
  background: #000000 !important;
  border: 1px solid #005826 !important;
  height: 15px !important;
  width: 15px !important;
}


#owl-demo2 .owl-pagination {
  display: none !important;
}

#owl-demo2 .item {
  margin: 0 10px;
}



@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
 .header #menu a {
  font-size: 12px;
}

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {



}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {  

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { 
 .header #menu a {
  font-size: 12px
}


}

/*flip image*/
#slidecaption {
     -webkit-animation-name: spinner;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 4s;
    animation-name: spinner;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 4s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

  /* WebKit and Opera browsers */ @-webkit-keyframes spinner {
    from
    {
        -webkit-transform: rotateY(0deg);
    }
    to {
        -webkit-transform: rotateY(-360deg);
    }
} /* all other browsers */
@keyframes spinner {
    from {
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    to
    {
        -moz-transform: rotateY(-360deg);
        -ms-transform: rotateY(-360deg);
        transform: rotateY(-360deg);
   
    }
}