@charset "utf-8";
/* CSS Document */



.sub_heading{font-size:22px;font-family: 'Roboto Condensed', sans-serif; color:#eb891b; line-height:30px; }
.small_heading{font-size:18px;font-family: 'Roboto Condensed', sans-serif; line-height:20px;color:#eb891b; }
.gallery_heading{font-size:16px;font-family: 'Lobster', cursive; line-height:20px;color:#eb891b; }
.logo{padding-left:0px;}
.top_section{padding-top:20px;border:0px solid red; padding-left:0px; padding-right:0px; padding-bottom:10px;}
.top_banner_text{font-size:14px; line-height:16px; color:#8a8a8a; font-family:Arial, Helvetica, sans-serif;}
.top_blue_text{font-size:20px; font-style:italic;color:#0072bb; padding-left:20px; font-family: 'Roboto Condensed', sans-serif; font-weight:300italic; line-height:0px;}
.orange_arrow{float:left; padding-left:20px; margin-right:5px;}
.top_contact_section{padding-left:0px; padding-right:0px;background-color:#fff;}
.top_contact_section a:hover{ text-decoration:none; color:#0072bb;}
#whatsapp_number{ font-size:24px;font-weight:bold;  font-family: 'Roboto Condensed', sans-serif; font-style:italic;color:#0072bb; padding-top:7px; margin-right:20px;}
#social_icon { margin-right:125px;}
#top_news{margin-bottom:16px; display:none;}
.whatsapp_logo{margin-left:25px;}	
.newstext {font-size:13px; color:#0072bb;}
a.newstext {font-size:13px; color:#0072bb !important;}

/*---------------------MENU ----------------------------*/

.navbar-default {
	background-color:transparent;
	
    border-color:transparent;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a {
    color: #fff;
	font-size:15px;
	font-family: 'Roboto Condensed', sans-serif;
    background-color: transparent;
	
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #eb891b;
	font-size:15px;
	font-family: 'Roboto Condensed', sans-serif;
    background-color: transparent;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 12px 8px;
}


.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}

#menu{height:45px; background-image:url(../images/menubg.jpg);}


/*-----------------FOOTER --------------------------*/

.footer-navigation {width:auto; text-align:center;}
.footer-navigation li {display:inline; padding:0 15px 0 0;color:#808080;font-size:14px}
.footer-navigation li a {color:#0072bb;}
.footer-navigation li a:hover {color:#0072bb !important; text-decoration:none;}
.footer-navigation li a:active{color:#0072bb !important;}
 menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}
#footer-copyright-text {  color:#5f5f5f; font-size:14px; line-height:14px;}



/* ------------------- LEFT ORANGE PATCH -----------------*/

#submenu a{ color:#fff;}
#submenu a:hover{ color:#fff; text-decoration:none;}

.success_name{font-family:Arial, Helvetica, sans-serif; font-size:18px;  color:#000; font-weight:500;}

#success_stories{ padding-left:0px; padding-right:0px; min-height:274px; background-color:#ececec;}



/*-------------- Middle Section --------------------*/

#middle_img{ padding-left:10px; padding-right:10px;}
#middle_img a { color:#eb891b;}
#middle_img a:hover { color:#eb891b; text-decoration:none;}
#black_patch{position:absolute; height:260px; min-width:549px; width:auto; z-index:0.9; opacity:0.9; background-color:#56504f; bottom:-20px; padding-left:20px; padding-top:15px; padding-right:20px; margin-right:10px;}





/*----------------------- Right Blue Section -----------------*/


#amount_text {color:#fff;  font-size:24px; font-weight:300; font-family: 'Roboto Condensed', sans-serif; padding-left:30px; padding-right:20px;}
#amount_text a:hover{ text-decoration:none;}
#amount a:hover{ text-decoration:none;}

.search {
  background: #ffbe11;
  background-image: -webkit-linear-gradient(top, #ffbe11, #eeb80d);
  background-image: -moz-linear-gradient(top, #ffbe11, #eeb80d);
  background-image: -ms-linear-gradient(top, #ffbe11, #eeb80d);
  background-image: -o-linear-gradient(top, #ffbe11, #eeb80d);
  background-image: linear-gradient(to bottom, #ffbe11, #eeb80d);
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 5px 9px 5px 9px;
  text-decoration: none;
  border-color:transparent;
  border-bottom:none;
  border-top:none;

}

.search:hover {
  background: #291012;
  background-image: -webkit-linear-gradient(top, #291012, #291012);
  background-image: -moz-linear-gradient(top, #291012, #291012);
  background-image: -ms-linear-gradient(top, #291012, #291012);
  background-image: -o-linear-gradient(top, #291012, #291012);
  background-image: linear-gradient(to bottom, #291012, #291012);
  text-decoration: none;
}


::-webkit-input-placeholder {
   color: #585554;
   font-size:12px;
}

:-moz-placeholder { /* Firefox 18- */
   color: #585554;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #585554;  
}

:-ms-input-placeholder {  
   color: #585554;  
}



/*.btn {
  background: #fbfbfb;
  background-image: -webkit-linear-gradient(top, #fbfbfb, #fbfbfb);
  background-image: -moz-linear-gradient(top, #fbfbfb, #fbfbfb);
  background-image: -ms-linear-gradient(top, #fbfbfb, #fbfbfb);
  background-image: -o-linear-gradient(top, #fbfbfb, #fbfbfb);
  background-image: linear-gradient(to bottom, #fbfbfb, #cbcbcb);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #000;
  font-size: 20px;
  border-color:transparent;
  border-bottom:none;
  padding: 12px 25px 10px 35px;
  text-decoration: none;
}


.btn:hover {
  background: #fbfbfb;
 background-image: -webkit-linear-gradient(top, #fbfbfb, #fbfbfb);
  background-image: -moz-linear-gradient(top, #fbfbfb, #fbfbfb);
  background-image: -ms-linear-gradient(top, #fbfbfb, #fbfbfb);
  background-image: -o-linear-gradient(top, #fbfbfb, #fbfbfb);
  background-image: linear-gradient(to bottom, #fbfbfb, #cbcbcb);
  text-decoration: none;
}*/


.button_style { background: linear-gradient(#fff,#d3d3d3 );   -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 20px; color: #000; font-size: 20px ;padding: 8px 0px 10px 10px; text-decoration: none; font-family: 'Roboto Condensed', sans-serif;  height:auto; font-weight:400;
}

.job_button { background: linear-gradient(#20b0f5,#0f73a3 );   -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 20px; color: #fff; font-size: 16px ;padding: 8px 0px 10px 10px; text-decoration: none; font-family: 'Roboto Condensed', sans-serif;  height:auto; font-weight:400;
}

.job_button2 { background: linear-gradient(#eb891b,#d37e1f );   -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 20px; color: #fff; font-size: 16px ;padding: 8px 0px 10px 10px; text-decoration: none; font-family: 'Roboto Condensed', sans-serif;  height:auto; font-weight:400;
}

.shareholders_button { background: linear-gradient(#fcfbfb,#d3d3d3 );   -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 12px; color: #000; font-size: 16px ;padding: 8px 0px 10px 10px; text-decoration: none; font-family: 'Roboto Condensed', sans-serif;  height:auto; font-weight:400;
}


.search_shadow {
-webkit-box-shadow: 6px 5px 7px 0px rgba(130,26,27,1);
-moz-box-shadow: 6px 5px 7px 0px rgba(130,26,27,1);
box-shadow: 6px 5px 7px 0px rgba(130,26,27,1);
}

.stories_shadow {
-webkit-box-shadow: 1px 5px 5px 0px  rgba(155,155,155,155);
-moz-box-shadow: 1px 5px 5px 0px  rgba(155,155,155,155);
box-shadow: 1px 5px 5px 0px  rgba(155,155,155,155);
}


.job_shadow {
-webkit-box-shadow: 5px 5px 6px 0px rgba(128, 128, 128, 0.86);
-moz-box-shadow: 5px 5px 6px 0px rgba(128, 128, 128, 0.86);
box-shadow: 5px 5px 6px 0px rgba(128, 128, 128, 0.86);
}


.shadow {
-webkit-box-shadow: 5px 5px 6px 0px rgba(0,76,125,1);
-moz-box-shadow: 5px 5px 6px 0px rgba(0,76,125,1);
box-shadow: 5px 5px 6px 0px rgba(0,76,125,1);
}



/*--------------------------- Inner Login Section --------------------------*/

#login_div{ padding-right:10px;}
.forgot_password a{color:#0099cc;}
.forgot_password a:hover{color:#0099cc; text-decoration:none;}

.registration_bank select {
        /*for firefox*/
        -moz-appearance: none;
        /*for chrome*/
        -webkit-appearance:none;
      }

/*for IE10*/
.registration_bank select::-ms-expand {
    display: none;
}


/******************** SMERA IN NEWS **************************/

#middle_img .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #0072bb;
    cursor: default;
    background-color:#f8f8f8;
    border: 1px solid #ddd;
    border-bottom-color:#f8f8f8;
}

#middle_img .nav-tabs>li>a, .nav-tabs>li>a:focus, .nav-tabs>li>a {
    color:#555;
}

.nav>li>a:focus, .nav>li>a:hover {
    background-color:transparent
}


/************************************* COntent ************************************/

.vision_heading{ font-weight:900;}

.myButton {
	
	background-color:#e2e2e2;
	border:1px solid #e2e2e2;
	display:inline-block;
	cursor:pointer;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:8px 20px;
	text-decoration:none;
	width:215px;
	
	
}
.myButton:hover {
	background-color:#e2e2e2;
}
.myButton:active {
	position:relative;
	top:1px;
}


.board_director{font-family:Arial, Helvetica, sans-serif; font-size:18px;  color:#0072bb; font-weight:500;}
.body_text{font-family:Arial, Helvetica, sans-serif; font-size:14px;  color:#5f5f5f; text-align:justify;}
.board_designation{font-family:Arial, Helvetica, sans-serif; font-size:14px;color:#eb891b; font-weight:normal;}


.question{font-weight:700;color:#eb891b;}


.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: inherit;
}

#shareholder_logo{ padding-left:45px;}


.career_button {
  background: #20b0f5;
  background-image: -webkit-linear-gradient(top, #20b0f5, #038ccf);
  background-image: -moz-linear-gradient(top, #20b0f5, #038ccf);
  background-image: -ms-linear-gradient(top, #20b0f5, #038ccf);
  background-image: -o-linear-gradient(top, #20b0f5, #038ccf);
  background-image: linear-gradient(to bottom, #20b0f5, #038ccf);
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  padding: 7px 12px 7px 12px;
  text-decoration: none;
  border-color:transparent;
  border-bottom:none;
  border-top:none;
}

.career_button:hover {
  background: #20b0f5;
  background-image: -webkit-linear-gradient(top, #20b0f5, #038ccf);
  background-image: -moz-linear-gradient(top, #20b0f5, #038ccf);
  background-image: -ms-linear-gradient(top, #20b0f5, #038ccf);
  background-image: -o-linear-gradient(top, #20b0f5, #038ccf);
  background-image: linear-gradient(to bottom, #20b0f5, #038ccf);
  text-decoration: none;
}

.coca_icon { padding-left:70px;}
.resco_icon{ padding-left:30px;}

#dnb5 li{ list-style:none;}

#dnb5 li:before {
    content: "\2713";
    color: #443731;
    margin-right: 10px;
	text-align:center;
}


#impact_analysis li:before {
    content: "\2713";
    color: #443731;
    margin-right: 10px;
    text-align: center;
	text-decoration:none;
}


#knowledge_center1{-webkit-box-shadow: -8px 8px 0px 0px rgba(135,185,221,1);
-moz-box-shadow: -8px 8px 0px 0px rgba(135,185,221,1);
box-shadow: -8px 8px 0px 0px rgba(135,185,221,1);}

/***************************** Pride @ SMERA Section *****************************************/


.example-obtuse {
  position:relative;
  padding:15px 30px;
  margin:0;
  width:500px;
  color:#000;
  font-size:14px;
  background:#f3961c; /* default background for browsers without gradient support */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
  background:-moz-linear-gradient(#f9d835, #f3961c);
  background:-o-linear-gradient(#f9d835, #f3961c);
  background:linear-gradient(#f9d835, #f3961c);
  /* Using longhand to avoid inconsistencies between Safari 4 and Chrome 4 */
  -webkit-border-top-left-radius:25px 50px;
  -webkit-border-top-right-radius:25px 50px;
  -webkit-border-bottom-right-radius:25px 50px;
  -webkit-border-bottom-left-radius:25px 50px;
  -moz-border-radius:25px / 50px;
  border-radius:25px / 50px;
}

.example-obtuse + p {margin:20px 425px 2em 0; text-align:right; font-style:italic;font-family:Arial, Helvetica, sans-serif; font-size:15px;  color:#000; font-weight:500;}
#pride + p {margin:20px 140px 2em 0; text-align:right; font-style:italic;font-family:Arial, Helvetica, sans-serif; font-size:15px;  color:#000; font-weight:500;}


/* creates the larger triangle */
.example-obtuse:before {
  content:"";
  position:absolute;
  bottom:-30px;
  right:80px;
  border-width:0 0 30px 50px;
  border-style:solid;
  border-color:transparent #f3961c;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

/* creates the smaller triangle */
.example-obtuse:after {
  content:"";
  position:absolute;
  bottom:-30px;
  right:110px;
  border-width:0 0 30px 20px;
  border-style:solid;
  border-color:transparent #f1f1f1;
  display:block;
  width:0;
}

blockquote {
    border-left:none;;
}

{}


/******************************************* Button *******************************/

.benifits_button
{
	
	display: inline-block;
  position: relative;
  overflow: hidden;
  color:#fff; 
  line-height:15px; 	
  padding-top:15px;
  text-align: center;
  text-decoration: none;
  background-clip: padding-box;
  border: 1px solid;
  border-radius: 4px;
  text-align:left;
	
}



.benifits_button2 {
  background-color: #F4C10D;
  border-color: #F4C10D #F4C10D #F4C10D;
 -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
}
.benifits_button2:hover { background-color: #F4C10D;}



.benifits_button3 {
  background-color: #7B3DBA;
  border-color: #7B3DBA #7B3DBA #7B3DBA;
 -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
}
.benifits_button3:hover { background-color: #7B3DBA;}

.benifits_button4 {
  background-color: #247edd;
  border-color: #1c65b2 #18589c #18589c;
 -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
}
.benifits_button4:hover { background-color: #247edd;}


.benifits_button5 {
  background-color: #64a638;
  border-color: #64a638 #64a638 #64a638;
 -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
}
.benifits_button5:hover { background-color: #64a638;}


.benifits_button li{ padding-bottom:5px;}





/************************** Button2 *******************************/


.methodology_button
{
	
	display: inline-block;
  position: relative;
  overflow: hidden;
  font-family: 'Roboto Condensed', sans-serif; 
  color:#fff; 
  font-size:12px;
  line-height:15px; 
  padding-top:35px;
  text-transform:uppercase;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px #154c86;
  background-clip: padding-box;
  border: 1px solid;
  border-radius: 4px;
	
}

.criteria_button1 {
  background-color: #247edd;
  border-color: #1c65b2 #18589c #18589c;
 -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
}
.criteria_button1 a{  color:#fff; text-decoration:none;}
/*.criteria_button1:hover { background-color: #1a74d3;}*/
.criteria_button1:hover { background-color: #247edd;}


.criteria_button2 {
  background-color: #ADC607;
  border-color: #ADC607 #ADC607 #ADC607;
 -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
}
.criteria_button2 a{  color:#fff; text-decoration:none;}
.criteria_button2:hover { background-color: #ADC607;}


.criteria_button3 {
  background-color: #F4C10D;
  border-color: #F4C10D #F4C10D #F4C10D;
 -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
}
.criteria_button3 a{  color:#fff; text-decoration:none;}
.criteria_button3:hover { background-color: #F4C10D;}


.criteria_button4 {
  background-color: #EFC239;
  border-color: #EFC239 #EFC239 #EFC239;
 -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
}
.criteria_button4 a{  color:#fff; text-decoration:none;}
.criteria_button4:hover { background-color: #EFC239;}


.criteria_button5 {
  background-color: #DE3974;
  border-color: #DE3974 #DE3974 #DE3974;
 -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
}
.criteria_button5 a{  color:#fff; text-decoration:none;}
.criteria_button5:hover { background-color: #DE3974;}


.criteria_button6 {
  background-color: #ffc596;
  border-color: #ffc596 #ffc596 #ffc596;
 -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
}
.criteria_button6 a{  color:#fff; text-decoration:none;}
.criteria_button6:hover { background-color: #ffc596;}


.criteria_button7 {
  background-color: #7B3DBA;
  border-color: #7B3DBA #7B3DBA #7B3DBA;
 -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
}
.criteria_button7 a{  color:#fff; text-decoration:none;}
.criteria_button7:hover { background-color: #7B3DBA;}

.criteria_button8 {
  background-color: #F87117;
  border-color: #F87117 #F87117 #F87117;
 -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
}
.criteria_button8 a{  color:#fff; text-decoration:none;}
.criteria_button8:hover { background-color: #F87117;}


.criteria_button9 {
  background-color: #03CEC2;
  border-color: #03CEC2 #03CEC2 #03CEC2;
 -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
}
.criteria_button9 a{  color:#fff; text-decoration:none;}
.criteria_button9:hover { background-color: #03CEC2;}


.criteria_button10 {
  background-color: #2A88E8;
  border-color: #2A88E8 #2A88E8 #2A88E8;
 -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
}
.criteria_button10 a{  color:#fff; text-decoration:none;}
.criteria_button10:hover { background-color: #2A88E8;}


.criteria_button11 {
  background-color: #593417;
  border-color: #593417 #593417 #593417;
 -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
}
.criteria_button11 a{  color:#fff; text-decoration:none;}
.criteria_button11:hover { background-color: #593417;}


.criteria_button12 {
  background-color: #175949;
  border-color: #175949 #175949 #175949;
 -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
}
.criteria_button12 a{  color:#fff; text-decoration:none;}
.criteria_button12:hover { background-color: #175949;}


.criteria_button13 {
  background-color: #d56c5a;
  border-color: #d56c5a #d56c5a #d56c5a;
 -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
}
.criteria_button13 a{  color:#fff; text-decoration:none;}
.criteria_button13:hover { background-color: #d56c5a;}


.criteria_button14 {
  background-color: #c4c570;
  border-color: #c4c570 #c4c570 #c4c570;
 -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
}
.criteria_button14 a{  color:#fff; text-decoration:none;}
.criteria_button14:hover { background-color: #c4c570;}



.criteria_button15 {
  background-color: #68afc9;
  border-color: #68afc9 #68afc9 #68afc9;
 -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
}
.criteria_button15 a{  color:#fff; text-decoration:none;}
.criteria_button15:hover { background-color: #68afc9;}


.criteria_button16 {
  background-color: #ea8f74;
  border-color: #ea8f74 #ea8f74 #ea8f74;
 -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
}
.criteria_button16 a{  color:#fff; text-decoration:none;}
.criteria_button16:hover { background-color: #ea8f74;}

/************************** Position******************************/

.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
     border-top: none; 
}


.career_faq { padding-left:25px; padding-right:25px;}


/*********************** Career****************************/






/*--------------------------   RESPONSIVE CSS   -------------------------------------*/


@media screen and (min-width: 1000px) and (max-width: 1200px) {
	
.top_blue_text{ line-height:17px; font-size:17px; padding-left:20px;}
#social_icon { margin-right:52px;}	
#whatsapp_number{ font-size:19px;font-weight:bold;  font-family: 'Roboto Condensed', sans-serif; font-style:italic;color:#0072bb; padding-top:7px; margin-right:10px; padding-top:10px; margin-bottom:31px;}
#black_patch{position:relative; margin-top:-39%; height:305px; min-width:255px; width:100%; z-index:0.9; opacity:0.9; background-color:#56504f;  padding-left:20px; padding-top:15px; padding-right:20px; margin-right:10px; }
#success_stories{ padding-left:0px; padding-right:0px; min-height:220px; background-color:#ececec;}
	
}

@media screen and (min-width: 801px) and (max-width: 999px) {
	
	#success_stories{ margin-bottom:10px;}

#middle_img{ padding-left:0px; padding-right:0px;margin-bottom:10px;}
#black_patch{ margin-right:0px;}	
.top_blue_text{ line-height:17px; font-size:16px; padding-left:20px;}
#social_icon { margin-right:55px;}	
#whatsapp_number{ font-size:16px;font-weight:bold;  font-family: 'Roboto Condensed', sans-serif; font-style:italic;color:#0072bb; padding-top:7px; margin-right:10px; padding-top:10px; margin-bottom:35px;}
}

@media screen and (min-width: 651px) and (max-width: 800px) {
	
	#menu{height:auto;;background: linear-gradient(#7c7676,#504c4b );}
	.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
}
	#black_patch{ margin-right:0px;}
	#success_stories{ margin-bottom:10px;}

#middle_img{ padding-left:0px; padding-right:0px;margin-bottom:10px;}	

.top_blue_text{ line-height:50px; padding-left:20px;}
.logo{ padding-bottom:10px; padding-left:205px; text-align:center; }
.whatsapp_logo{margin-left:185px; float:left; }	
#whatsapp_number{ font-size:24px;font-weight:bold;  font-family: 'Roboto Condensed', sans-serif; font-style:italic;color:#0072bb; padding-top:7px; margin-right:170px; padding-top:10px; margin-bottom:35px;}

}


@media screen and (min-width: 401px) and (max-width: 650px) {
	
	#menu{height:auto;;background: linear-gradient(#7c7676,#504c4b );}
	

.logo{ padding-bottom:10px; padding-left:155px; }	

.top_blue_text{ line-height:20px; padding-left:20px;}

.whatsapp_logo{margin-left:135px; float:left; }	
#whatsapp_number{ font-size:24px;font-weight:bold;  font-family: 'Roboto Condensed', sans-serif; font-style:italic;color:#0072bb; padding-top:7px; margin-right:140px; padding-top:10px; margin-bottom:35px;}

	
	
}


@media screen and (min-width: 401px) and (max-width: 500px) {
	
#menu{height:auto;;background: linear-gradient(#7c7676,#504c4b );}
.navbar-collapse {
    padding-right: 0px; 
    padding-left: 0px;
}
	
	.logo{ padding-bottom:10px; padding-left:95px; }	
.top_section{ padding-left:0px; padding-right:0px;}	
.top_banner_text{padding-bottom:20px;}
.top_blue_text{ line-height:20px; padding-left:20px;}
.orange_arrow{ padding-bottom:45px;}
.top_contact_section{padding-left:10px; }

.whatsapp_logo{margin-left:95px; float:left; }	
#whatsapp_number{ font-size:24px;font-weight:bold;  font-family: 'Roboto Condensed', sans-serif; font-style:italic;color:#0072bb; padding-top:7px; margin-right:50px; padding-top:10px; margin-bottom:35px; border:0px solid red;}


	
	
}


@media screen and (min-width: 280px) and (max-width: 400px) {
	
.navbar-default {
	background-image:none;
    border-color:transparent;
	
}
.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
	
}

.nav { background:#2A1013; }

#menu{height:auto; background-color:#797373; background-image:none; }	

	
	
.logo{ padding-bottom:10px; padding-left:55px; }	
.top_section{ padding-left:0px; padding-right:0px;}	
.top_banner_text{padding-bottom:20px;}
.top_blue_text{ line-height:20px; padding-left:20px;}
.orange_arrow{ padding-bottom:45px;}
.top_contact_section{padding-left:10px; }

#submenu { margin-bottom:10px;}

	
#success_stories{ margin-bottom:10px;}

#middle_img{ padding-left:0px; padding-right:0px;margin-bottom:10px;}	

.footer-navigation li {display:inline; padding:0 10px 0 0;color:#808080;font-size:14px}
#footer-copyright-text { padding-left:0px; padding-top:10px;}

#shareholder_logo{ padding-left:20px;}

.coca_icon { padding-left:15px;}
.resco_icon{ padding-left:15px;}


[class*=' imghvr-'] figcaption, [class^=imghvr-] figcaption {
padding:20px 10px 20px 10px;
}

}
	

.fancybox-opened .fancybox-title {
   visibility: hidden;
}
.body_text{
  overflow-x: hidden;  
}
.panelof-li{
    display:none !important;
}
.esgform-p{
    text-align:justify;
    color: #5f5f5f;
}
.form-bg{
    padding: 20px;
    background: #C54027;;
}
.con-drop{
    display: block;
    padding: .375rem 1.75rem .375rem .75rem;
    width: 100%;
    font-size: 13px;
    height: 34px;
    color: #909090;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.esg-row{
    margin-top: 15px;
    padding-left: 16px;
}
.prime-b{
    text-decoration: underline;
}
.success-div{
    text-align:center;
}
.success-img{
    width:40px;
    margin-bottom: 10px;
}
.prime-title{
    font-size: 21px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #0072bb;
    font-weight: 600;
    display: inline-table;
    text-align: left;
}
.prime-subtitle{
    color:#5f5f5f;
}
.ebody-title{
    margin:0 0 20px 0;
}
.check-p{
    color:#ffffff;
    margin-top:20px;
}
.center-submit{
    text-align:center;
}
.banner-img{
    margin-left: 110px;
    margin-top: 18px;
}
.table-bordered{
    background-color: #ffffff !important;
}
.modal_heading{
    color: #fff;
    text-align: center;
    font-weight: 550;
    font-size: 22px;
    letter-spacing: 0.5px;
}
.modal_newtitle{
    color: #fff;
    text-align: center;
    font-weight: 550;
    font-size: 18px;
    letter-spacing: 0.5px;
}
.modal_newtitle2{
    color: #fff;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.5px;
}