.font-normal { font-weight:normal; }

.font-normal500 {  font-weight:500 !important;}

.line_height { line-height:27px; }

.line_height31{ line-height:31px; }

.white_back { background-color:#fff;}

.welcome_txtmessage { margin-bottom:40px; margin-top:20px;     font-family: latomedium;    font-weight: normal;}

.slider_txt{  text-shadow: 2px 2px 1px #000; text-transform:uppercase; padding: 10px 15px; border-radius: 7px; left: 5%; color: #fff; font-size: 20px;}

.csr_image {  position:relative;float:left; width:100%;}

.csr_header { min-height:95px;}

.csr_overlay { position:absolute;top:0;left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3); }

.frc_logo { width:42%; margin-top:20px; }
.helth_logo { width:80%; margin-top:20px; }

.team_head { font-size:17px;}

.team_subtitle { font-size:14px;}

.team_image img{ width:100%; box-shadow:0px 0px 4px #adadad;margin:5px auto 5px auto;}

.white_space { padding:20px 0 !important; }

.our_activies { text-transform:uppercase; min-height :50px !important; margin-top:20px;}

.slider_center {margin:0 auto; float:none}

.slider_text { position:absolute;bottom:8%; width:100%; left:0; text-transform:uppercase; font-size:19px; font-weight:bold; text-align:center;}

.media_txt { min-height:20px; margin:14px auto;}

h5.media_header { margin-bottom:35px !important; }

.scroll_popup { max-height:550px; overflow:auto; }

.csrtxt_font { font-size:18px; }

.welcome_txtmessage {margin-bottom:0px; margin-top:10px; }

.mobile_whitespace { padding:0 !important;}

.media_font { font-size:20px;}

.color_red {color:#dd042b}

.infographic_img { width: 68%;  margin: 0 auto 35px auto !important; }

.padding_top { padding-top:60px;}

.overlay_img { position:absolute;top:0;left:0; width:100%; height:100%; opacity:0;transition-duration:0.5s; }

.ImageCopper:hover .overlay_img { opacity:1; transition-duration:0.5s;}

.metallurgy{   background-image: url(../images/demo/parallax/metallurgy.jpg); }

.banner_txt {  position: absolute;  top: 52%;  width: 100%;   transform: translateY(-50%); left:0;}

.copper_block { display:inline-block !important;}

.bullet_margin_bottom { margin-bottom:15px; }

.Service_img { position:relative;width:100%; }

.home_btncontainer { position:relative; float:left; width:33%; text-align:center; padding:5px 25px; text-transform: uppercase; color: #000; font-size: 17px; }

/*.home_btncontainer { width:70%; padding: 12px 0px;  border: 2px solid #000; text-transform: uppercase; color: #000; font-size: 14px; border-radius: 2px; margin: 10px 0 20px 0; display: inline-block; cursor: pointer; position: relative; background: transparent; z-index:1; }

.home_btncontainer:after { width: 100%; height: 0; top: 0; left: 0; background: #dd042b; content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.home_btncontainer:hover:after, .home_btncontainer:active:after { height: 100%; }

.home_btncontainer:hover { color: #fff !important; border: 2px solid #dd042b;}*/

.Bulletlist-default li { font-size:16px; line-height:30px; margin-bottom:5px;}

.line {     position: relative;  float: left;  width: 2px;  background: #de2027;  padding: 16px 0;}

.home_btncontainer.fancy-title span:after {     margin: 13px auto -3px;}

.margin_bottom {margin-bottom:25px;}

.normal_style { text-transform:none;}

.team-information {position:relative;float:left;width:100%; padding:3px 5px; text-align:left; background:none; margin-bottom: 10px;}

.team-information h3{ font-weight: 600;   margin-bottom: 5px; font-size:17px; text-transform:uppercase;}

.team-information h4{ font-weight: 600;   margin-bottom: 0px; font-size:14px;margin-top: 10px; text-transform:none;}

.hoverImage{ position:absolute;top:0;width:100%; left:0; opacity:0; transition-duration:0.5s; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration:0.5s; -ms-transition-duration:0.5s; }

/*.team-member:hover .hoverImage{ opacity:1; transition-duration:0.5s; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration:0.5s; -ms-transition-duration:0.5s; }*/

.team-member .img-responsive{ -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */   filter: grayscale(100%);}

.team-member:hover .img-responsive{ -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */   filter: grayscale(0%);}

.team_body{position:relative; float:left; width:100%; text-align:left; padding:5px; }

.team-information.fancy-title span:after { margin:10px 0 -3px}

.team_container{ min-height:250px; }

.team_container + .white-space.space-medium {

    padding: 10px 0;

}

@media (max-width: 1400px) {

    .csr_header {   min-height: 115px; }

    .line_height { line-height: 30px; }

    .csr_image img { max-width:100%; }

}

@media (max-width: 1366px) {

    .scroll_popup { max-height:400px; } 

}

@media (max-width: 1280px) {

    .scroll_popup { max-height:420px; }

    .menu_navigation { width:92%}

    .navbar-nav > li > a {   padding: 9px 11px 12px;    }

 }

@media (max-width: 1153px) {

    .menu_navigation { width:100%}

    .navbar-nav > li > a {   padding: 9px 11px 12px;    }

    .home_btncontainer {    width: auto;  padding: 5px 45px;}

    .team_container{ min-height:270px; }

    .team_image img { height:200px;}

}

@media (max-width: 1024px) {

    .menu_navigation { width: 100%; }

    /*.nav-left .navbar-header { width:18%;}*/

    .navbar-collapse { width:82%; float:right;}

    .logo  img { max-width:100%;}

    .navbar-nav > li > a {   padding: 9px 9px 12px; }

    .small_device { padding:30px 0 !important; }

    .nav-left .navbar-header {   width: 18%; }

    .team_image img { height:auto;}

}

@media (max-width: 1023px) {

 .overlay_img { opacity:1; transition-duration:0.5s;}

}

@media (max-width: 992px) {

    .mobile_width { width: 90%; }

    .csr_header { font-size:20px; min-height:150px}

    .frc_logo { width: 28%;}

    /*Menu*/

    .navbar-collapse.collapse { width:100%; height:0; overflow:hidden !important;}

    .navbar-collapse.in { height:auto;}

       .navbar-collapse { width:100%; }

    .navbar-toggle { display:block !important; top:30px}

    .nav-left .gfx-nav, .navbar-nav > li {   float: none; }

        .navbar-nav > li > a { line-height:20px; }

    .footer-bottom .menu-footer ul { line-height:35px;}

    .padding_top {   padding-top: 20px; }

    .nav-left .navbar-header {  width: 25%; }

    .home_btncontainer {    width: auto;  padding: 5px 21px;font-size : 15px; }

    .team_image img { width: 50%; margin: 15px 0 35px 0;   float: left;}

    .team_image { margin-left:20px;}

    .team_container {    min-height: 470px;}

}

@media (max-width: 800px) {

    /*.navbar-collapse { width:82%; float:right;}*/

        .logo  img { max-width:100%;}

        .scroll_popup { max-height:400px; overflow:auto; }

    /*.navbar-default .navbar-nav > li > a { font-size:11px;}*/

    .header-main.shrink .logo img {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    backface-visibility: hidden !important;

}

}

@media (max-width: 767px) {

    .navbar-toggle {  top:15px}

    .nav-left .navbar-header { width:auto;}

    .csr_header { font-size:20px; min-height:auto}

    .csr_image { text-align:center; margin-bottom:10%; }

     .csr_image img { width:100%;}

     .logo  img { width:100% !important;}

    .mobile_space { display:none}.popup { width:96%; left:2% !important;}

    .padding_top {   padding-top: 0px; }

    .nav-left .navbar-header {  width: 27%; }

    .mobile_h4 {  font-size: 24px;}

}

@media (max-width: 750px) {

    .home_btncontainer {padding: 5px 10px; font-size: 15px; }

}

@media (max-width: 750px) {

    .home_btncontainer {width: 70%;  padding: 13px;  margin-bottom: 35px;  border: 1px solid #d6d6d6;  margin: 20px auto;  float: none;  display: block;}

        .home_btncontainer:hover { background-color:#dd042b; color:#fff;}

    .line { display:none}

}

@media (max-width: 600px) {

    .nav-left .navbar-header { width:34%;}

    .welcome_txtmessage { line-height:27px; text-align:justify;}

    .scroll_popup { max-height:70vh; overflow:auto; }

    button.close {    top: 0 !important;   position: relative;  float: right;  width: 100%;  text-align: right;  right: 0; }

    .popup_inner { transform: translateY(-50%) !important; padding:50px 20px;   top: 50% !important; }

    .mobile_whitespace { padding:10px 0 !important;}

    .team-wrapper-alt .team-info { display:block !important;}

    .media_font { font-size:17px;}

    .line_height { line-height:27px;}

    .mobile_h4 { text-align:justify; font-size:18px; line-height:30px;}

    .infographic_img {     width: 75%;  margin:30px auto 35px auto !important; }

    .welcome_txtmessage { font-size:15px;}

}

@media (max-width: 480px) {

    .nav-left .navbar-header { width:45%;}

    .csr_header { font-size:16px; line-height:25px; }

    .frc_logo {   width: 43%; }

    .popup {   top: 5% !important; height:90% !important;}

    .popup_inner { padding:25px 10px}

    .team_head { font-size:16px; }

    .team_subtitle { font-size:13px; }

    .team_image img { width:80%; }

    .mobilespace { padding:15px 0 !important;}

    .home_btncontainer { width: 95%; }

    .mobile_justify { text-align:justify !important;}

    .csr_image { margin-top:25px;}

}

@media (max-width: 375px) {

    .nav-left .navbar-header { width:48%;}

    .frc_logo {  width: 58%;  margin: 10px auto !important; }

}

@media (max-width: 320px) {

    .scroll_popup { max-height:320px; }

    .nav-left .navbar-header { width:54%;}   .csr_header { font-size:18px; line-height:25px; }

                                             .team_image img {    width: 75%;}

}

@media (max-height: 420px) {

    /*.popup_inner {   height:95% !important;}*/

    .scroll_popup { max-height:200px; overflow:auto;  overflow-x:hidden;}

    .fancy-header .page-title h1, .fancy-header .page-title h2, .fancy-header .page-title h3 { font-size:37px;}

    .popup_inner {   padding: 5px 20px;  }

        .popup_inner h4 { font-size:22px;}

    .landscape { width:50%;}

}

@media (max-height: 375px) {

    .scroll_popup { max-height:160px; overflow:auto;  overflow-x:hidden;}

}

@media (max-height: 320px) {

    .team_container {

        min-height: 500px;

    }

}

@media (max-width: 320px) and (max-height:480px  ) {

    .scroll_popup { max-height:240px;}

    .landscape { width:100%;}

}

@media (max-width: 480px) and (max-height:320px  ) {

    .landscape { width:100%;}

    .team_image img {    width: 50%;}

}