/* intro page css */
body{background: url('../images/intro_bg.jpg') no-repeat center top;background-size:cover;margin:0 !important;}
body section > .wrapper{max-width:1920px;}
footer{display: none;}

.wrapper{max-width:1100px;}



#intro_header figure{margin: 44px auto;text-align: center;width: 566.4px;background: #fff;height: 248.4px;border-radius: 25px;box-shadow: 0 0 15px 0 rgba(93, 93, 93, 0.2);max-width: 100%;}
#intro_header figure img{padding-top:60px;max-width:100%;}

#intro_main{background: rgba(87, 118, 157, 0.4);min-height: 484px;}
  .intro_slides{width:305px;height:314px;margin:0 auto;}
  .intro_slides .rslides img{width: 100% !important;}
  .main_img_hldr{display: block;  align-items: center;  padding: 33px 0 47px;  margin: 0 auto;}
    [class^=main_box]{margin: 10px;}
    [class^=main_box] img{border:1px solid #fff;animation-name:zoomIn;max-width:100%;}
    .main_box1{animation-duration: 1000ms !important;float:left;}
    .main_box2{animation-duration: 2318ms !important;}
    .main_box3{animation-duration: 3409ms !important;float:right;}


  .main_btn_hldr{text-align: center;position: relative;min-height: 86px; animation-duration: 1000ms !important;}
  .main_btn_hldr:before{position: absolute;width: 1920px;height: 100%;content: '';background: rgba(57, 79, 106, 0.5);left: -420px;z-index: -1;}
    .main_btn_hldr a{width: 225px;height: 64px;line-height: 64px;font-weight: bold;font-size: 20px;background: linear-gradient(to top,#fff 0%,#d9d9d9 100%);display: inline-block;margin: 11px auto;border-radius: 12px;}
    .main_btn_hldr a:hover{background:#394f6a;color:#fff;}

#intro_footer{min-height: 129px;padding: 48px 0;text-align: center;}
  .ftr_spacer{display:none;}
  .copyright{font-size: 17px;color: #000;padding: 0;margin: 0;}
  .copyright a{color: #000;}
  .copyright span{display: inline;margin: 0;}
  .copyright .footer_comp{position: relative;margin: 0 10px;}
  .proweaver_links{position: relative;padding-left:10px}
  .copyright .proweaver_links::before{content: '•';left:0;top:0;}


/* Large Tablet Devices */
@media only screen
and (max-width : 1100px) {
  .main_box1,.main_box2{float:none;}
}

@media only screen
and (max-width : 1010px) {
  #intro_footer {min-height: 0;padding: 25px;}
}

@media only screen and (max-width: 900px){
  .proweaver_links { display: block !important; }
  .copyright .footer_comp:after { content: ''; }
}

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

#intro_header figure{max-width:88%;padding:15px;}

#intro_footer{padding: 20px 10px;}
  .ftr_spacer{display:block}
  .copyright .proweaver_links::before{display: none;}
}