@charset "utf-8";











html,
body {











  height: 100%;











}











body {

  font-family: "Open Sans", "Proxima Nova ", "Segoe UI", "Opensans", "Roboto", "Helvetica", -apple-system, system-ui, BlinkMacSystemFont, sans-serif;

  font-size: 16px;

  background-color: #ffffff;

  color: #1d1d1d;

  margin: 0;

  padding: 0;
}













@font-face {











  font-family: 'FontAwesome';











  src: url('fonts/fontawesome-webfont.eot?v=4.2.0');











  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');











  font-weight: normal;











  font-style: normal;











}























.swiper-container {











  width: 100%;











  height: 100%;











  margin-left: auto;











  margin-right: auto;











}











.swiper-slide {







  text-align: center;





  font-size: 18px;







  background: #fff;

  /* Center slide text vertically */





  display: -webkit-box;



  display: -ms-flexbox;



  display: -webkit-flex;



  display: flex;



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-justify-content: center;



  justify-content: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;











}











.header {





  background: #fff;





  background-size: cover;





  top: 0px;
  left: 0px;
  position: fixed;





  width: 100%;





  z-index: 90;
  box-shadow: 0px 3px 4px #666
}









.rev_slider_wrapper {

  background: transparent !important;

}

.brand-logo {
  float: left;
}





.top_header_rightparts {
  float: right;
}





.Top-Bar {





  -moz-border-bottom-colors: none;





  -moz-border-left-colors: none;





  -moz-border-right-colors: none;





  -moz-border-top-colors: none;





  background: #0C426B none repeat scroll 0 0;





  border-color: -moz-use-text-color #ddd #ddd;





  border-image: none;





  border-radius: 0 0 10px 10px;





  border-style: none solid solid;





  border-width: 0 1px 1px;





  color: #fff;





  float: right;





  margin: 0 0 9px;





  padding: 5px 15px;





}





.Top-Bar span {





  color: #fff;





  font-size: 12px;





  margin: 0 5px;





}



.main-slider {





  position: relative;





  width: 100%;





  text-align: left;























}





.main-slider .tp-caption {





  z-index: 5 !important;





}





.main-slider .tp-dottedoverlay {





  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important;





}





.main-slider .tparrows.gyges {





  background-color: rgba(255, 255, 255, 0.2);





  height: 60px;





  line-height: 60px;





  width: 60px;





}





.main-slider .tparrows.gyges::before {





  line-height: 60px;





}





.main-slider .tparrows.gyges:hover {





  background-color: #3841b2;





  color: #fc7837 !important;





}





.main-slider h2 {





  color: #ffffff;





  display: inline-block;





  font-size: 40px;





  font-weight: 400;





  line-height: 1.1em;





  padding-bottom: 0px;





  position: relative;





}











.main-slider .text {





  color: #dfdfdf;





  font-size: 18px;





  font-weight: 300;





  line-height: 1.6em;





  position: relative;





}





.main-slider .btns-box .theme-btn {





  margin-right: 30px;





}





.slider-content {





  background-color: rgba(0, 0, 0, 0.6);





  padding: 35px 30px;





  position: relative;





}











#rev_slider_1_1 .uranus .tp-bullet {





  background: transparent none repeat scroll 0 0;





  border-radius: 50%;





  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);





  height: 8px;





  transition: box-shadow 0.3s ease 0s;





  width: 8px;





}





#rev_slider_1_1 .uranus .tp-bullet.selected,
#rev_slider_1_1 .uranus .tp-bullet:hover {





  background: transparent none repeat scroll 0 0;





  border: medium none;





  border-radius: 50%;





  box-shadow: 0 0 0 2px rgba(255, 255, 255, 1);





}





#rev_slider_1_1 .uranus .tp-bullet-inner {





  background-color: rgba(255, 255, 255, 0.3);





  border-radius: 50%;





  cursor: pointer;





  height: 100%;





  left: 0;





  outline: medium none;





  position: absolute;





  text-indent: -999em;





  top: 0;





  transition: background-color 0.3s ease 0s, transform 0.3s ease 0s;





  width: 100%;





}





#rev_slider_1_1 .uranus .tp-bullet.selected .tp-bullet-inner,
#rev_slider_1_1 .uranus .tp-bullet:hover .tp-bullet-inner {





  background-color: rgb(255, 255, 255);





  transform: scale(0.4);





}

















.slide_btn {





  background-color: rgba(255, 255, 255, 0);





  border-color: rgba(255, 212, 68, 1);





  border-radius: 30px;





  border-style: solid;





  border-width: 2px;





  box-shadow: 0 0 0 0 rgb(153, 153, 153);





  box-sizing: border-box;





  color: rgb(255, 212, 68);





  cursor: pointer;





  font-family: "Hind", sans-serif;
  font-size: 16px;





  font-weight: 700;





  letter-spacing: 0;





  line-height: 14px;





  margin: 0;





  outline: medium none;





  padding: 18px 40px;





  text-align: inherit;





  transform: translate3d(0px, 0px, 0px);





  transform-origin: 50% 50% 0;





  z-index: 8;





}























.contain {
  width: 800px;
  margin: 10% auto 0% auto;
  padding: 90px 0px;





  /*  background-image: linear-gradient(to bottom, transparent, transparent 10%, #f5f5f5 10%), linear-gradient(to right, #c1c1c1, #c1c1c1 10%, #f5f5f5 10%);

*/



  background-size: 18px 18px;





}







.brand-logo img {}



.contain h3 {
  font-size: 37px;
  font-weight: 300;
  line-height: 47px;
  text-align: center;
  color: #fff
}











.contain h4 {
  color: #fff;
  padding: 7px;
  font-weight: 300;
  font-size: 23px;
  line-height: 33px;
  margin-bottom: 17px;
}











.thm-btn {
  padding: 9px 50px;
  background: transparent;
  font-weight: 400;
  border: 1px solid #0a416b;
  color: #0a416b;
  font-size: 18px;
}



.thm-btn1 {
  padding: 9px 50px;
  background: #fff;
  font-weight: 400;
  border: 1px solid #0a416b;
  color: #0a416b;
  font-size: 18px;
}

.thm-btn:hover {
  background-color: #0a416b;
  border-color: #0a416b;
  color: #fff;
}











.section_header {
  width: 100%;
  margin-bottom: 50px;
}





.section_header h3 {
  padding-bottom: 23px;
  background-image: url("../images/bg_line_strip_blue.png");
  background-repeat: repeat-x;
  background-position: bottom center;
  display: inline-block;
  margin-bottom: 0px;
  font-size: 33px;
  font-weight: 300;
}











.item-img-wrap {





  overflow: hidden;





  position: relative;





  text-align: center;





}





.item-img-wrap img {





  transition: all 200ms linear 0s;





  width: 100%;





  border: 1px solid #e4e4e4;





  border-bottom: none;





}





.item-img-overlay {





  height: 100%;





  left: 0;





  position: absolute;





  top: 0;





  width: 100%;





}





.item-img-overlay span {





  background: rgba(0, 0, 0, 0.7) url("../images/plus.png") no-repeat scroll center center;





  height: 100%;





  left: 0;





  opacity: 0;





  position: absolute;





  top: 0;





  transition: opacity 250ms linear 0s;





  width: 100%;





}





.item-img-wrap:hover .item-img-overlay span {





  opacity: 1;





}





.item-img-wrap:hover img {





  transform: scale(1.1);





}











.work-desc {





  background: #333 none repeat scroll 0 0;





  border-top: medium none;





  padding: 10px;





  position: relative;





  width: 100%;





}





.work-desc::before {





  border-bottom: 8px solid #333;





  border-left: 8px solid transparent;





  border-right: 8px solid transparent;





  content: "";





  display: block;





  height: 8px;





  margin-left: 20px;





  position: absolute;





  top: -8px;





  width: 8px;







}





.work-desc h3 a {





  font-size: 17px;





  font-weight: 400;





  line-height: 27px;





  margin: 0px 0 0;





  padding: 0;





  text-transform: uppercase;





  color: #fff
}





.work-desc h3 {
  margin: 0px;
}











.item-img-wrap:hover .work-desc {
  background-color: #0a416b;
}





.item-img-wrap:hover .work-desc::before {
  border-bottom: 8px solid #0a416b;





  border-left: 8px solid transparent;





  border-right: 8px solid transparent;
}

















.pro_slide li:nth-child(even) .item-img-wrap {





  /*  margin-top: 77px;*/





}









.bg1 {
  background-image: url(../images/bg1.jpg)
}







.section_header_white {
  width: 100%;
  margin-bottom: 50px;
}





.section_header_white h3 {
  padding-bottom: 23px;
  background-image: url("../images/bg_line_strip.png");
  background-repeat: repeat-x;
  background-position: bottom center;
  display: inline-block;
  margin-bottom: 0px;
  font-size: 33px;
  font-weight: 300;
  color: #fff;
}





.pillar_list {}





.Bdr {





  border-right: 1px solid #ddd;





}





.pillar_list .col-sm-4 {}





.pillar_list_box {





  padding: 57px 0;





  text-align: center;





  width: 100%;
  background: #fff;





}

.pillar_list_box:hover {
  box-shadow: 0 0 30px 5px rgba(255, 255, 255, 0.16);
}



.pillar_list_box img {





  width: 77px;





  margin-bottom: 23px;





}





.pillar_list_box h3 {





  color: #111;











  font-size: 21px;





  font-style: italic;





  font-weight: 400;





  margin-bottom: 5px;





}











.pillar_list_box p {





  color: #999;











  font-size: 16px;





  font-weight: 300;





  margin: 0;





}











.section_header_white h4 {
  font-size: 23px;
  color: #fff;
  font-weight: 200;
  line-height: 33px;
  margin-top: 50px;
}





.section_header h4 {
  font-size: 23px;
  color: #333;
  font-weight: 200;
  line-height: 33px;
  margin-top: 25px;
}











.simply_grow {
  position: relative;
}





.work-bg-pattern {





  background-position: left center;





  left: 0;





  margin-top: 0px;





  position: absolute;





  text-align: center;





  top: 53%;





  width: 100%;





  z-index: -1;





}





.work-bg-pattern img {
  width: 100%;
}





.tw-work-process {





  text-align: center;





}





.process-wrapper {





  background-color: #0C426B;





  border-radius: 50%;





  height: 177px;





  margin: 0 auto;





  transition: all 0.3s linear 0s;





  width: 177px;





}





.process-inner img {
  width: 77px;
}





.d-table {





  display: table !important;





}





.d-table-cell {





  display: table-cell !important;





}





.process-inner {





  text-align: center;





  vertical-align: middle;





}





.work-process [class*="col"]:nth-child(2n) .process-wrapper {





  margin-top: 65px;
  background: #15181b;



}

















.process-wrapper:hover {





  box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.23);





  background-color: #333;





}











.tw-work-process p {





  color: #2f2c2c;





  font-size: 20px;





  font-weight: 400;





  margin-bottom: 0;





  font-style: italic;





  margin-top: 15px;





  transition: all 0.3s linear 0s;





}





.footer_infobox p {





  font-size: 16px;
  line-height: 26px;
  color: #fff;
  font-weight: 300;





}





.footer_infobox {
  width: 100%;
  background-color: #202020;
  padding: 40px;
  text-align: left;
  color: #fff
}

















.footer_infobox .footer-social-link h3 {





  color: #fff;





  font-size: 27px;





  margin-bottom: 17px;





  font-weight: 300;





}





.footer_infobox .footer-social-link ul {





  list-style-type: none;





  margin: 0;





  padding: 0;





}





.footer_infobox .footer-social-link li {





  display: inline-block;





}





.footer_infobox .footer-social-link a i {





  background: #000 none repeat scroll 0 0;





  border-radius: 50%;





  color: #fff;





  display: block;





  height: 40px;





  line-height: 40px;





  margin-right: 5px;





  text-align: center;





  width: 40px;





}











.footer_infobox .footer-social-link a i.fa-facebook {





  background-color: #3b5998;





}





.footer_infobox .footer-social-link a i.fa-twitter {





  background-color: #55acee;





}





.footer_infobox .footer-social-link a i.fa-google-plus {





  background-color: #dd4b39;





}





.footer_infobox .footer-social-link a i.fa-linkedin {





  background-color: #0976b4;





}





.footer_infobox .footer-social-link a i.fa-instagram {





  background-color: #b7242a;





}











.footer_title {
  margin-bottom: 30px;
  font-size: 23px;
  font-weight: 300;
  color: #fff;
  background-image: url(../images/footer_line.png);
  background-repeat: repeat-x;
  padding-bottom: 20px;
  display: inline-block;
  background-position: center bottom;
}























.usefull_links ul {





  float: left;





  list-style: outside none none;





  margin: 0;





  padding: 0;





  width: 50%;





}





.usefull_links li {





  margin-bottom: 18px;





}











.usefull_links a {





  color: #fff;





  transition: all 0.3s ease 0s;
  font-size: 15px;





}











.usefull_links {
  text-align: left;
}

















.quote_form_box .form-control {
  border-radius: 0px;
  background-color: #202020;
  box-shadow: none;
  border: none;
  height: 42px;
}





.quote_form_box textarea {
  min-height: 100px;
}











.quote_form_box {
  text-align: left;
}











.bottom_footer {
  width: 100%;
  margin-top: 10px;
  padding: 13px 0px;
  font-size: 14px;
  color: #fff;
  font-weight: 300;
  border-top: 1px solid #202020;
}











.top_footer {
  margin-top: 10%;
}





























.top_header_banner {
  width: 100%;
}





.top_header_banner img {
  width: 100%;
}

















.page-info {





  background-color: #0a416b;











  width: 100%;





  z-index: 1;





}





.page-info .inner-container {





  position: relative;





}





.page-info .bread-crumb {





  font-size: 15px;





  margin: 0;





  padding: 7px 0 5px;





  position: relative;





}





.page-info .bread-crumb li {





  color: #fff;





  display: inline-block;





  font-size: 16px;





  font-weight: 400;





  line-height: 24px;





  margin-right: 24px;





  position: relative;





  text-transform: capitalize;





}





.page-info .bread-crumb li:last-child {





  margin-right: 0;





}





.page-info .bread-crumb li::after {





  color: #fff;





  content: "";





  font-family: "FontAwesome";





  font-size: 16px;





  line-height: 24px;





  position: absolute;





  right: -21px;





  width: 10px;





}





.page-info .bread-crumb li:last-child::after {





  display: none;





}





.page-info .bread-crumb li a {





  color: #fff;





  transition: all 0.3s ease 0s;





}





.page-info .bread-crumb li a:hover {





  color: #333;





  text-decoration: none;





}











.product_page_wrap {
  width: 100%;
  margin: 0px;
  padding: 70px 0px;
  background-color: #fff;
}











.product_page_wrap .item-img-wrap {
  margin-bottom: 30px;
}











.product_thumb_sliderbox {
  width: 100%;
  margin: 0px;
  padding: 17px;
  border: #e4e4e4;
  background-color: #EEEEEE;
}











.product_content h3 {





  background-image: url("../images/footer_line.png");





  background-position: center bottom;





  background-repeat: repeat-x;





  color: #333;





  font-size: 23px;





  font-weight: 400;





  margin-bottom: 20px;





  padding-bottom: 20px;

















  width: 100%;











}











.product_content p {
  font-size: 17px;
  line-height: 27px;
  margin-bottom: 13px;
  color: #666;
  font-weight: 300;
  font-style: italic;
}











.modal-header {
  background-color: #304FFE;
}





.modal-header h4 {
  font-size: 20px;
  color: #fff;
  font-weight: 400;
}





.modal-header p {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  margin: 0px;
  font-weight: 300;
}











.modal-dialog {
  width: 960px;
}











.modal-dialog .form-control {
  box-shadow: none;
  border-radius: 0px;
}











.contact_left_div h3 {





  background-image: url("../images/footer_line.png");





  background-position: center bottom;





  background-repeat: repeat-x;





  color: #333;





  display: inline-block;





  font-size: 27px;





  font-weight: 300;





  margin-bottom: 20px;





  padding-bottom: 13px;





}











.contact_left_div .form-control {
  background-color: #fff;
  border-radius: 0px;
  box-shadow: none;
  border: none;
}











.contact_left_div {
  background-color: #eee;
  padding: 17px;
  display: inline-block;
  width: 100%
}











.contact_right_div h3 {





  background-image: url("../images/footer_line.png");





  background-position: center bottom;





  background-repeat: repeat-x;





  color: #333;





  display: inline-block;





  font-size: 27px;





  font-weight: 300;





  margin-bottom: 20px;





  padding-bottom: 13px;





}











.contact_right_div {
  padding: 17px;
}











.contact_right_div strong {
  font-weight: 500;
  font-size: 20px;
}





.contact_right_div p {
  color: #666;
  font-weight: 300;
  margin-bottom: 13px;
}











.cnt_social_box ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}





.cnt_social_box ul li {
  display: inline-block;
  margin-right: 10px;
}





.cnt_social_box ul li a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #0C426B;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
}





.cnt_social_box ul li a:hover {
  background-color: #333;
}

















.about_page_wrap {
  width: 100%;
  margin: 0px;
  padding: 57px 0px;
  background-color: #F5F5F5;
}





.about_page_wrap .contain {
  margin-top: 0px;
  width: 1000px;
  text-align: justify
}











.about_page_wrap p {
  text-align: justify
}





.about_page_wrap .contain {
  padding: 0;
}











.contain {





  /*  background-image: linear-gradient(to bottom, transparent, transparent 10%, #f5f5f5 10%), linear-gradient(to right, #ddd, #ddd 10%, #f5f5f5 10%);

*/



  background-size: 18px 18px;





  margin: 10% auto 0;





  padding: 90px 0;





  width: 800px;
  text-align: center
}



.services .item-col {



  width: 19.666%;



  float: left;



}



.services .item-col-2 {



  width: 30.3333%;



  float: left;



}





.services .service-item {



  display: block;



  height: 100%;



  overflow: hidden;



  position: relative;



}



.services .service-item figure::after {



  bottom: 0;



  content: "";



  left: 0;



  position: absolute;



  right: 0;



  top: 0;



  transition: all 0.4s ease 0s;



  z-index: 1;



}



.services .service-item img {
  width: 100%;
}



.services .service-item.dark figure::after {



  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(51, 51, 51, 0.3) 0%, rgba(0, 0, 0, 0.5) 100%) repeat scroll 0 0;



}



.services .service-item.green figure::after {



  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(8, 157, 127, 0.3) 0%, rgba(0, 174, 255, 0.5) 100%) repeat scroll 0 0;



}



.services .service-item.grey figure::after {



  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(51, 51, 52, 0.3) 0%, rgba(51, 51, 52, 0.5) 100%) repeat scroll 0 0;



}



.services .service-item:hover figure::after {



  opacity: 0.5;



}



.services .service-item figure img {



  filter: grayscale(100%);



  transition: all 0.4s ease 0s;



}



.services .service-item:hover figure img {



  filter: none;



}



.services .service-item span.service-title {



  bottom: 0;



  color: #fff;



  display: inline-block;



  font-size: 21px;



  font-weight: 300;



  left: 0;



  line-height: 36px;



  padding: 24px 30px;



  position: absolute;



  vertical-align: bottom;



  width: 100%;



  z-index: 2;



}



.service-item .service-body {



  background: #f9f9f9 none repeat scroll 0 0;



  border-top: 3px solid #65ae84;



  height: 100%;



  padding: 28px 30px;



  position: relative;



  z-index: 2;



}



.service-item .service-body .service-title {



  font-family: "Roboto Condensed", sans-serif;



  font-weight: bold;



}



.service-item .service-body .service-title:hover a {



  color: #65ae84;



}



.service-item .service-body p:not(:last-child) {



  margin-bottom: 14px;



}



.whyuss {
  padding: 140px 0px
}

.indiamart {
  clear: both;

  display: inline-block;

  margin: 20px 0;

  text-align: center;

  width: 100%;
}

.services [class*="col"]:nth-child(2n) .service-item figure::after {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(8, 157, 127, 0.3) 0%, rgba(0, 174, 255, 0.5) 100%) repeat scroll 0 0;
}







@media (min-width: 960px) {

  #mainpage .section .anim .anim-wrapper {

    overflow: hidden;

    display: block;
  }

  #mainpage .section .anim .anim-1,

  #mainpage .section .anim .anim-2,

  #mainpage .section .anim .anim-3,

  #mainpage .section .anim .anim-4,

  #mainpage .section .anim .anim-5 {

    -webkit-transition: 0.3s;

    transition: 0.3s;

    -webkit-transition-delay: 0s;

    transition-delay: 0s;

    position: relative;

    -webkit-transform: translateY(20px);

    transform: translateY(20px);

    opacity: 0;
  }

  #mainpage .section .anim .zoomout-1 {

    -webkit-transition: 0.6s;

    transition: 0.6s;

    -webkit-transition-delay: 0s;

    transition-delay: 0s;

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

    opacity: 0;
  }

  #mainpage .section .anim .anim-list .item {

    opacity: 0;

    -webkit-transform: translateY(16px);

    transform: translateY(16px);

    -webkit-transition: 0.3s;

    transition: 0.3s;
  }

  #mainpage .section .anim .fade-2,

  #mainpage .section .anim .fade-3,

  #mainpage .section .anim .fade-4,

  #mainpage .section .anim .fade-1 {

    opacity: 0;

    -webkit-transition: 0.6s;

    transition: 0.6s;

    -webkit-transition-delay: 0s;

    transition-delay: 0s;
  }

  #mainpage .section.active .anim .anim-1,
  #mainpage .section.section-anim .anim .anim-1 {

    -webkit-transform: none;

    transform: none;

    -webkit-transition-delay: 0.3s;

    transition-delay: 0.3s;

    opacity: 1;
  }

  #mainpage .section.active .anim .anim-2,
  #mainpage .section.section-anim .anim .anim-2 {

    -webkit-transform: none;

    transform: none;

    -webkit-transition-delay: 0.5s;

    transition-delay: 0.5s;

    opacity: 1;
  }

  #mainpage .section.active .anim .anim-3,
  #mainpage .section.section-anim .anim .anim-3 {

    -webkit-transform: none;

    transform: none;

    -webkit-transition-delay: 0.7s;

    transition-delay: 0.7s;

    opacity: 1;
  }

  #mainpage .section.active .anim .anim-4,
  #mainpage .section.section-anim .anim .anim-4 {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

    -webkit-transition-delay: 0.9s;

    transition-delay: 0.9s;
  }

  #mainpage .section.active .anim .anim-5,
  #mainpage .section.section-anim .anim .anim-5 {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

    -webkit-transition-delay: 1.1s;

    transition-delay: 1.1s;
  }

  #mainpage .section.active .anim .anim-list .item:nth-child(1),
  #mainpage .section.section-anim .anim .anim-list .item:nth-child(1) {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

    -webkit-transition-delay: 0.8s;

    transition-delay: 0.8s;
  }

  #mainpage .section.active .anim .anim-list .item:nth-child(2),
  #mainpage .section.section-anim .anim .anim-list .item:nth-child(2) {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

    -webkit-transition-delay: 0.95s;

    transition-delay: 0.95s;
  }

  #mainpage .section.active .anim .anim-list .item:nth-child(3),
  #mainpage .section.section-anim .anim .anim-list .item:nth-child(3) {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

    -webkit-transition-delay: 1.1s;

    transition-delay: 1.1s;
  }

  #mainpage .section.active .anim .anim-list .item:nth-child(4),
  #mainpage .section.section-anim .anim .anim-list .item:nth-child(4) {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

    -webkit-transition-delay: 1.25s;

    transition-delay: 1.25s;
  }

  #mainpage .section.active .anim .anim-list .item:nth-child(5),
  #mainpage .section.section-anim .anim .anim-list .item:nth-child(5) {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

    -webkit-transition-delay: 1.4s;

    transition-delay: 1.4s;
  }

  #mainpage .section.active .anim .anim-list .item:nth-child(6),
  #mainpage .section.section-anim .anim .anim-list .item:nth-child(6) {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

    -webkit-transition-delay: 1.55s;

    transition-delay: 1.55s;
  }

  #mainpage .section.active .anim .anim-list .item:nth-child(7),
  #mainpage .section.section-anim .anim .anim-list .item:nth-child(7) {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

    -webkit-transition-delay: 1.7s;

    transition-delay: 1.7s;
  }

  #mainpage .section.active .anim .anim-list .item:nth-child(8),
  #mainpage .section.section-anim .anim .anim-list .item:nth-child(8) {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

    -webkit-transition-delay: 1.85s;

    transition-delay: 1.85s;
  }

  #mainpage .section.active .anim .anim-list .item:nth-child(9),
  #mainpage .section.section-anim .anim .anim-list .item:nth-child(9) {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

    -webkit-transition-delay: 2s;

    transition-delay: 2s;
  }

  #mainpage .section.active .anim .anim-list .item:nth-child(10),
  #mainpage .section.section-anim .anim .anim-list .item:nth-child(10) {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

    -webkit-transition-delay: 2.15s;

    transition-delay: 2.15s;
  }

  #mainpage .section.active .anim .zoomout-1,
  #mainpage .section.section-anim .anim .zoomout-1 {

    -webkit-transform: none;

    transform: none;

    -webkit-transition-delay: 0.3s;

    transition-delay: 0.3s;

    opacity: 1;
  }

  #mainpage .section.active .anim .fade-1,
  #mainpage .section.section-anim .anim .fade-1 {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

    -webkit-transition-delay: 0.3s;

    transition-delay: 0.3s;
  }

  #mainpage .section.active .anim .fade-2,
  #mainpage .section.section-anim .anim .fade-2 {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

    -webkit-transition-delay: 0.5s;

    transition-delay: 0.5s;
  }

  #mainpage .section.active .anim .fade-3,
  #mainpage .section.section-anim .anim .fade-3 {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

    -webkit-transition-delay: 0.7s;

    transition-delay: 0.7s;
  }

  #mainpage .section.active .anim .fade-4,
  #mainpage .section.section-anim .anim .fade-4 {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

    -webkit-transition-delay: 0.9s;

    transition-delay: 0.9s;
  }
}



.alf-details .title_blg {
  background: rgb(10, 65, 107);
  color: #fff;
  padding: 8px;
}

.alf-details .title_blg a {
  color: #fff
}

.blg_detail .alf-thumb {
  padding-bottom: 30px
}



.cont_info {
  background: rgb(10, 65, 107) none repeat scroll 0 0;

  color: #fff;

  margin-bottom: 10px;

  padding: 20px;

  text-align: center;
  min-height: 255px
}

.service-wrap {
  background: #fafafa none repeat scroll 0 0;
  margin-bottom: 30px;
  padding: 30px;
  text-align: center;
}

.service-wrap i {
  background: rgb(10, 65, 107);
  border-radius: 50%;
  color: #fff;
  font-size: 24px;
  height: 80px;
  line-height: 80px;
  margin-bottom: 30px;
  width: 80px;
}

.service-wrap h3 {
  color: #000;
  font-size: 17px;
  font-weight: bold;
  line-height: 22px;
  margin-bottom: 15px;
}

.whatsapp-icon {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 100;
}

.whatsapp-icon img {
  width: 85px;
  height: 85px;
}