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

/****
 create by : 
 create date : 
 modified by :*****************/
 

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&display=swap');
/*font-family: 'Roboto Condensed', sans-serif;*/

 @import url('../fonts/AvenirLTStd.css');
/*font-family: "Avenir-Roman";*/

@import url('../fonts/Google-Sans-css.css');
/* font-family: 'Product Sans'; 300,400,500,700,900*/
 

html{scroll-behavior:smooth;}
body{ background:#fff; font-family:Avenir-Roman;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}

.container{ max-width:1280px;} 
@media only screen and (max-width : 1024px) {
.container{ width:100%!important;}	
	
}

.header-top-row{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:flex-start; align-items: center; margin: 0px 0 0 0;  } 
.header-top-row .top-col-1, .top-col-2{ padding: 5px 0px; display: flex;} 
.header-top-row a{ padding: 0 0px; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size: 14px; color: #161515!important;  text-transform: uppercase; text-decoration: none; letter-spacing: 0.50px;  display: flex; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;} 

.top-col-1 { padding-right:20px!important; border-right: 1px solid #ddd;}
.top-col-2 { display: flex; flex-direction: column;   border-left: 0px solid #ddd;} 
.top-col-2 div {padding-left: 10px; display: flex; flex-direction: column;  } 
.top-col-2 div a{padding: 2px 0px; text-transform: none; font-family: "Avenir-Heavy"; color: #161515!important;  font-size: 16px; letter-spacing: -0.25px;} 
.top-col-2 div a span img{width:auto;}

.header-top-row a:hover{color: #304f9d!important; background: #fff;} 
/*.header-top-row a span img{width: 45px;} */
.header-top-row a strong{ font-size:18px; color: #191526!important; font-weight:700;} 
 
@media only screen and (max-width :1100px){ 		
.header-top-row a{ padding: 0 5px;  font-size: 15px; display: flex;} 
.header-top-row a strong{ font-size:16px; } 
.header-top-row a span img{width: 45px;} 
.header-top-row .top-col-1{width: 70%;} 	
}
@media only screen and (max-width :900px){ 		
/*.header-top-row a{ padding: 0 5px;  font-size: 13px; display: flex; flex-direction: column;text-align: center;} 
.header-top-row a strong{ font-size:14px;} 
.header-top-row a span img{width: 30px;}*/ 
 	
}


@media only screen and (max-width : 768px){ 
.header-top-row{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content:center; align-items: center; margin: 0px 0 0 0; text-align: center;} 	
.header-top-row .top-col-1{width: 100%;  padding-right:0px!important;border-right: 0px solid #ddd;} 	
.header-top-row .top-col-2{width: 100%;  padding: 3px 0px; display: none; } 
.header-top-row a{ padding: 0 5px;  font-size: 12px; display: flex; flex-direction: column;}	
.top-col-2 { display: flex; flex-direction: column;   border-left: 0px solid #ddd;} 
.top-col-2 div {padding-left: 10px; display: flex; flex-direction: row;  } 	
}
 
/*---------------------------------------*/
.header-middle-row{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:flex-start; align-items: center; margin: 0px 0 0 0;  } 

.header-nav{ background: rgba(197, 10, 11, 0.99); padding: 0px 0;}  
.header-nav .border-line{ border-top: 0px dashed #dbdbdb; border-bottom:0px solid #000;} 

/*---------------------------------------*/

.logo{ text-align:left; position: relative; top:1px; z-index: 2; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}
.logo img{ width:auto; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}


 

@media only screen and (max-width : 1180px){  
.header-middle-row{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:flex-start; align-items: center; margin: 0px 0 0 0;  } 	
.header-middle-row .m-col-1{ width:0%;} 
.header-middle-row .m-col-2{ width: 100%;}
.logo img{ max-width:100%!important;} 
	
}

@media only screen and (max-width : 920px){  
.header-middle-row{ display: flex; flex-direction: column; flex-wrap: nowrap; justify-content:space-between!important; align-items: center; margin: 0px 0 0 0;  } 	
.header-middle-row .m-col-1{ width:auto;} 
.header-middle-row .m-col-2{ width:auto;}
.logo img{ max-width:100%!important;} 
	
}

 

@media only screen and (max-width : 768px){ 
.logo img{ width:100%!important;} 	 
.header-middle-row{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; margin: 0px 0 0 0; }
	
}

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


/*--------------------------------------------------*/

.header-fixed { width: 100%; min-height:inherit;  z-index: 999;  transition: top .25s ease-out; border-top: 6px solid #c50a0b;   position: relative; background: #fff; /*background: rgba(48, 79, 157, 0.9);*/}

.header-fixed.header-mini {/*position: fixed;*/ position: relative; top: 0; /*background: #fff;*/ border: 0px; -webkit-box-shadow: 0 4px 30px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 30px -5px rgba(0, 0, 0, 0.2); min-height: auto; transition: top .25s ease-out; -webkit-transition: top .25s ease-out;} 

.header-mini .header-top-row{   justify-content:center; align-items: center;   }
.header-mini .top-col-1{border: 0px;  text-align: center;} 
.header-mini .top-col-2{display: none;}  
.header-mini .header-top-row a{   display: block;  } 

/*.header-mini .header-nav{ background: rgba(255, 255, 255, 0.99);  padding: 0px 0;} */
.header-mini .header-nav .border-line{ border-top: none; border-bottom: none;}

.header-mini .logo{ position: relative; top:1px; text-align: center;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}
.header-mini .logo img{ max-width: 50%!important; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}
.header-mini .navbar-custom{ margin-top: 0px; border-bottom: 0px solid #ddd; }
.header-mini .nav-link { font-size: 15px; color: #fff;}
.header-mini .nav-link span{ font-size: 13px;} 
/*.header-mini .nav-link:hover {color: #304f9d;}*/

 


@media only screen and (max-width : 768px){	
.header-fixed { position: relative; min-height:100%;}
.header-mini .logo img{ width: 60%!important; transition: top .25s ease-out;}	
.header-fixed.header-mini {position: relative;}
	
}

@media only screen and (max-width :575px){
/*.header-fixed { width: 100vw; min-height: 85px;}*/
/*.header-fixed.header-mini { min-height: 50px!important;}*/
/*.header-mini .logo img{ width: 15%!important;}*/
.header-fixed {  border-top: 0px solid #531473; }	
}

/*---------------------------------------------------*/

/*-----------top navbar-----------------------------------------*/

.navbar-custom{padding:0px 0; margin:0px 0 0 0px; background:transparent!important; border-bottom: 0px solid #c8c8c8; position: relative;}
.navbar{padding: 0rem 0rem;;} 
.navbar-collapse {flex-direction:row;} 
.navbar-nav {margin: 0; padding:0px 0;}
.navbar-nav li{ position: relative; border-right:0px solid #fff; }
.navbar-nav li:last-child{border-right:0px;} 
.nav-link {display: block;padding: 14px 30px!important; font-family: 'Product Sans';  font-size: 16px; color:#fff; font-weight:700;  letter-spacing: 0.50px;text-transform: uppercase; text-align: center;}
.nav-link:hover {color: #ffc000; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; } 
.nav-link span{ display: block;  font-size: 14px; letter-spacing: -0.25px;/*margin-top: -5px;*/} 

.nav-link::after {background: transparent none repeat scroll 0 0; content: ""; display: block;
   height: 2px; width: 0; left: 0; position: absolute; bottom: 0px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-transform: scaleX(0); transform: scaleX(0); }
.nav-link:hover::after{background: #ffc000 none repeat scroll 0 0; width: 100%;  transform: scaleX(1);}
.nav-link.no-after:after{content: none;} 

 
 			 
.dropdown-menu { background: rgba(255, 255, 255, 0.8); max-width:250px !important; padding: 0px 0; margin-top:0px !important;  /*left: -55vw;  right: -25vw;*/ border: 0px; border-top:2px solid #fff; border-radius: 0px; /*width: 90vw;*/ }

/*.dropdown-menu-col{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; width: 100%;  } */

.dropdown-item {display: block; padding: 7px 10px;background-color: transparent;border-bottom: 1px dashed #c8c8c8; font-family: 'Product Sans'; font-weight: 700; font-size: 14px; color:#2b2523; letter-spacing: -0.50px;text-transform: uppercase;  white-space: inherit; position: relative; border: 0px dashed #ccc; }

.dropdown-item span{ display: block;  font-size: 16px; color:#2b2523; border-bottom: 1px solid #304f9d;} 
.dropdown-item:hover{background-color:transparent;} 
.dropdown-item:hover{/*background-color: #304f9d;*/color:#c50a0b;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; border-radius: 0px;}

 /* .dropdown-sub-item{ display: flex; flex-direction: column; flex-wrap: wrap; padding: 10px 0;}  */
.dropdown-sub-item a {padding: 7px 7px;border-bottom: 1px dashed #7d7d7d; font-family: "Avenir-Heavy";  font-size: 16px; color:#2b2523; letter-spacing: -0.50px;text-transform:capitalize; text-decoration: none; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}
.dropdown-sub-item a:hover {color: #c50a0b; padding-left: 15px;}


/* .dropdown.open>a:focus, .dropdown.open>a:hover { color: #ffc000; background-color:transparent !important;background-image:none;} */

/* .dropdown .dropdown-menu {-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s;
 -o-transition: all 0.5s; transition: all 0.5s;  max-height: 0; display: block;  overflow: hidden;opacity: 0; } */
.dropdown:hover .dropdown-menu { max-height: 450px; opacity: 1;} 
.dropdown-toggle::after{ display: none;}
 
/*mouse hover toggle*/
.dropdown:hover>.dropdown-menu {display: block;}
.dropdown>.dropdown-toggle:active {pointer-events: none;}

/* hover dropdown menus */
@media only screen and (max-width: 991px) {
  .navbar-hover .show > .dropdown-toggle::after{
      transform: rotate(-90deg);
  }
}
@media only screen and (min-width: 992px) {
  .navbar-hover .collapse ul li{position:relative;}
  .navbar-hover .collapse ul li:hover> ul{display:block}
  .navbar-hover .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;}
  .navbar-hover .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;}
  .navbar-hover .collapse ul ul ul ul{position:absolute;top:0;left:-140%;min-width:350px; z-index:1; background: #fff;}
}

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

@media only screen and (max-width : 1180px) {
.nav-link {padding: 10px 20px!important; }	
}

 @media only screen and (max-width : 1100px) {
/* .dropdown-menu { background: rgba(255, 255, 255, 0.8); padding: 0px 0; margin-top:15px !important;  left: -40vw;  right: -25vw; border: 0px; border-top:2px solid #304f9d; border-radius: 0px; width: 80vw; } */
.nav-link {padding: 10px 20px!important; }		
}


@media only screen and (max-width : 1080px) {
 .nav-link {padding: 10px 15px!important; }	
}

@media only screen and (max-width : 1024px) {
 .nav-link {padding: 10px 12px!important; }	
}

@media only screen and (max-width : 980px) {
.nav-link {padding: 10px 12px!important; }	
}

@media only screen and (max-width : 940px) {
.nav-link {padding: 10px 12px!important; font-size: 14px; }
}

@media only screen and (max-width : 860px) {
.nav-link {padding: 10px 12px!important; }
}


@media only screen and (max-width :810px) {
.nav-link {padding: 10px 8px!important;}	
}
 

@media only screen and (max-width : 768px){	
	
.navbar-custom{position: relative; left: 15px!important; border-bottom: 0px;}
.navbar{padding: 0rem!important;  width: auto;} 
.navbar-nav {margin: 0; padding:50px 0 0 0;}
.navbar-nav li{border-right:0px solid #ddd; border-bottom:0px solid #ddd;}
.nav-link { padding: 7px 15px!important;   text-transform: uppercase; font-size: 16px; color:#fff; font-weight:700;  letter-spacing: 0.50px;}
.nav-link:hover {color: #000; font-weight:700;}		
.nav-link::after{ display: none;} 
.nav-link span{  font-weight:normal; font-size: 14px; } 
	
.navbar-collapse { background: #c50a0b; width: 99.99vw; height: 99.99vh;  position: absolute; /*left: -30px;*/ right:0px; top: -120px;z-index: 2; } 
	
 	
	
 /* .dropdown-menu { background: rgba(255, 255, 255, 0.8);   padding: 0px 0; margin-top:1px !important;  left: 0vw;  right: 0vw; border: 0px; border-top:0px solid #304f9d; border-radius: 0px; width: auto; }
	
.dropdown-item { text-align: center;display: block;width: 100%;padding: 10px 10px;background-color: transparent;border-bottom: 1px dashed #c8c8c8; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 15px; color:#2b2523; letter-spacing: -0.50px;text-transform: uppercase;  white-space: inherit; position: relative; border: 1px dashed #ccc; }
	
.dropdown-menu-col{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; width: 100%;  } 

.dropdown:hover .dropdown-menu { max-height: 100%; opacity: 1;} 
	
.dropdown.open>a:focus, .dropdown.open>a:hover { color: #000; background-color:transparent !important;background-image:none;} */

.dropdown-menu { background: rgba(255, 255, 255, 0.8); /*min-width:250px !important;*/ padding: 0px 0; margin-top:1px !important;  left: 0vw;  right: 0vw; border: 0px; border-top:0px solid #304f9d; border-radius: 0px; width: auto; max-width:100%!important;  }
	
.dropdown-item { text-align: center;display: block;width: 100%;padding: 10px 10px;background-color: transparent;border-bottom: 1px dashed #c8c8c8; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 14px; color:#2b2523; letter-spacing: -0.50px;text-transform: uppercase;  white-space: inherit; position: relative; border: 1px dashed #ccc; }
	
 

.dropdown:hover .dropdown-menu { max-height: 100%; opacity: 1; display: inherit;} 
	
.dropdown.open>a:focus, .dropdown.open>a:hover { color: #000; background-color:transparent !important;background-image:none;}

	
	

/*------toggle nav bar-------*/	
/* .navbar-toggler-right {position: relative;right: 1rem; z-index: 9999; bottom:0px;}
.navbar-toggler { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start;
    padding: .15rem .55rem;font-size: 1.25rem; line-height: 1;   background: #531473; border: 1px solid transparent; border-radius: 0;}	*/
.navbar-toggler-right {position: relative;right: 1rem; z-index: 9999; top:0px;}
.navbar-toggler { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start;
    padding: .15rem .55rem;font-size: 1.25rem; line-height: 1;   background: #c50a0b; border: 1px solid transparent; border-radius: 0;}	
		
.navbar-toggler-close{position: relative;right: 1rem; z-index: 9999; top:-80px;}	
	
.navbar-toggler:focus,
.navbar-toggler:active {outline: 0; background: #c50a0b;}
.navbar-toggler span { display: block; background-color: #fff;height: 3px;width: 25px; margin-top: 4px; margin-bottom: 4px; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg); transform: rotate(0deg); position: relative; left: 0;  opacity: 1;}	
.navbar-toggler span:nth-child(1),.navbar-toggler span:nth-child(3) {-webkit-transition: transform .35s ease-in-out;-moz-transition: transform .35s ease-in-out;-o-transition: transform .35s ease-in-out;transition: transform .35s ease-in-out;}
.navbar-toggler:not(.collapsed) span:nth-child(1) {position: absolute;left: 12px;top: 10px; -webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);    opacity: 0.9; background-color: #fff;}
.navbar-toggler:not(.collapsed) span:nth-child(2) {height: 12px;visibility: hidden;background-color: transparent; }
.navbar-toggler:not(.collapsed) span:nth-child(3) {position: absolute;left: 12px;top: 10px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);
opacity: 0.9;  background-color: #fff;}

.no-gutters-padding{ padding-right: 0px!important;  padding-left: 0px!important;}	
	
}

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

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

/*--------------navbar end-------------------------------------------------*/


/*-------------carousel-----------------------------------------------------*/

.slider{margin:2px 0 0px 0px;  border:0px solid #ddd;}
.carousel-indicators li {background-color: #fff; width: 20px;height: 3px; border-radius: 8px;}
.carousel-indicators .active {background-color: #fff;}
.carousel-control-prev-icon { background-image: url(../images/left-arrow-bk.png);}
.carousel-control-next-icon { background-image: url(../images/right-arrow-bk.png);}
.carousel-control-next-icon, .carousel-control-prev-icon {display: inline-block; width: 23px;  height: 42px; }

.carousel-caption {/*background: #fdd215;*/ position: absolute;right: 5%; bottom:25%; left: 5%; z-index: 10;padding: 10px; text-align: left;  width: 30%; }
 
.carousel-caption h5{ margin:0px; color: #fff; font-size:35px; letter-spacing:-0.50px; font-family: "Avenir-Medium"; text-transform:inherit; line-height: normal;}
.carousel-caption h5 span{display: block; color: #3e0e56;}

.carousel-caption h6{ margin:0px; color: #1a151d; font-size:45px; letter-spacing:-2px; font-family: 'Geomanist';font-weight:900; text-transform:inherit; line-height: normal;}
.carousel-caption h6 span{display: block; color: #3e0e56;}
  
.carousel-caption h3, h4, h5, h6, p{-webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both;  animation-fill-mode: both;}

  



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

@media only screen and (max-width : 1050px) {
 .carousel-caption h6{  font-size:40px;  } 
}

@media only screen and (max-width : 980px) {
  .carousel-caption {/*background: #fdd215;*/ position: absolute;right: 5%; bottom:15%; left: 5%; z-index: 10;padding: 10px; text-align: left;  width: 30%; }
 
.carousel-caption h5{ margin:0px; color: #fff; font-size:32px; letter-spacing:-0.50px; font-family: "Avenir-Medium"; text-transform:inherit; line-height: normal;}
}

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

@media only screen and (max-width : 800px) {
 .carousel-caption h5{  font-size:25px;  }	
}
  

@media only screen and (max-width : 768px) {
 .carousel-caption { position: absolute;right: 5%; bottom:10%; left: 5%; z-index: 10;padding: 10px; text-align: left;   } 
	 .carousel-caption h5{  font-size:22px;  }	
}

@media only screen and (max-width :680px) {
 
.carousel-caption h5{  font-size:18px;  } 	
}
 
@media only screen and (max-width : 580px) {
.carousel-control-prev-icon { display: none;}
.carousel-control-next-icon { display: none;}
/*.carousel-indicators li { display: none;} */
/*.carousel-caption {bottom: 0%;}	*/


 
}


@media only screen and (max-width : 480px) {
.slider{/*padding-top: 80px;*/ margin:0px 0 0px 0px;  border:0px solid #ddd;}
 /*.carousel-caption { display: none;}*/ 
	
}

@media only screen and (max-width :425px) {
  .carousel-caption { position: absolute;right: 5%; bottom:3%; left: 5%; z-index: 10;padding: 10px; text-align: left;  width: 100%!important; } 
.carousel-caption h5{  font-size:18px; font-weight: 500; letter-spacing:-0.50px;  } 
.carousel-caption h6{  font-size:18px; font-weight: 500; letter-spacing:-0.50px;  }  	
}

 

/*------------inner page banner----------------*/ 



.carousel-inner-overlay:after { content: '';  width: 100%;  height: 100%;  background: #000;  opacity: 0.4;
    position: absolute; left: 0;top: 0;}
.carousel-inner-overlay{  position: relative; overflow:hidden; border: 0px solid #ddd; } 

 
 .carousel-caption-1 {/*background: #fdd215;*/ position: absolute;right: 0%;bottom:25%;left:6%; z-index: 10;padding: 10px; text-align: left;  width:100%; }
  
@media only screen and (max-width :860px) {
  .carousel-caption-1 {position: absolute;right: 0%;bottom: 20%;left:6%; z-index: 10;padding: 10px; text-align: left;  width: 100%; } 
}


@media only screen and (max-width : 768px) {
  .carousel-caption-1 {  position: absolute;right: 0%;bottom: 10%;left:6%; z-index: 10;padding: 10px; text-align: left;  width: 100%; } 
}

@media only screen and (max-width : 575px) {
  .carousel-caption-1 {position: absolute;right: 0%;bottom: 10%;left:0%; z-index: 10;padding: 1px 10px; text-align: left;  width: 100%; } 
}
/*-------------------end carousel--------------------------------------------------*/

 
.page-title h3{text-align: left; margin: 10px 0 10px 5px; padding:0;font-family: 'Roboto Condensed', sans-serif; color: #fff; font-size:40px; text-transform: uppercase; font-weight: 700;} 

.page-title h3 span{ display: inline-block;position: relative; padding: 0 50px;}
.page-title h3 span:after { content: ""; position: absolute; bottom:-7px; left: 0%; right:0%; width:100%;  height:1px; background:#531473;} 
.page-title h3 span:before { content: ""; position: absolute; bottom:-9px; left:30%; right:20%;   width:40%;  height:5px; background:#531473;} 

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

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

@media only screen and (max-width :575px) {
  .page-title h3{text-align: left; margin: 10px 0 0px 5px; padding:0;  color: #fff; font-size:24px; } 
}

/*----------------------------------------------------*/
 
.section-1{ margin:0px 0; padding: 50px 0 20px 0px;}

.wel-section{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; margin:0px 0; padding: 0 0px; } 

.wel-section .wel-col-1{ width: 50%; position: relative; padding: 0 0px;} 
.wel-section .wel-col-2{ width: 35%; position: relative; padding: 0 0px; text-align: left;} 

.wel-section .wel-col-2 img { max-width: 100%; }
.wel-outer-max{ max-height: 500px!important; overflow: hidden; border: 10px solid #f95353;}
.wel-img-max{ position: relative; width: 100%; height: 100%; overflow: hidden; transition: all 2s ease;} 
.wel-img-max:hover{transform: scale(1.2);}
 
.wel-text{padding:0 0px 0 40px; text-align:left;} 
.wel-text h2{font-family: 'Roboto Condensed', sans-serif; color: #03033b; font-size: 45px; font-weight: 700; letter-spacing:-0.50px;  margin:10px 0; text-transform: uppercase;}
.wel-text h2 span{ display: block; color: #c50a0b; font-size: 24px; font-weight: 400; } 
.wel-text h6{font-family: "Avenir-Medium"; color: #2b2523; font-size: 35px;   letter-spacing:-0.50px;  margin:15px 0;}
.wel-text p{font-family: "Avenir-Heavy"; color: #2b2523; font-size: 16px;   margin:10px 0;}
.wel-text p strong {font-family: "Avenir-Black"; color: #2b2523; }

.wel-text .read-more-btn{ background: #ff0000; padding: 10px 15px; font-family: "Avenir-Black"; color: #fff; font-size: 14px; font-weight:700; letter-spacing:0.50px; text-transform: uppercase; border-radius: 0px; margin: 20px 0 0 0; display: inline-block; text-decoration: none;  transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;} 
.wel-text .read-more-btn:hover{ background: #0404a2; color: #fff;  -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px); -ms-transform: translateY(-6px);   transform: translateY(-6px); box-shadow: 0 -5px 0 0 rgba(24,24,24,.15) inset, 0 5px 10px rgba(0,0,0,0.5);}

 
 

@media only screen and (max-width :920px) {
.section-1{  padding:20px 0px;}	
.wel-section{  display: flex; flex-direction:column-reverse; flex-wrap: nowrap; justify-content: center!important; margin:0px 0 0 0; padding: 0px; } 
.wel-section .wel-col-1{ width: 100%; padding: 3px 0;} 
.wel-section .wel-col-2{ width: 100%; padding: 3px 0; text-align: center;} 
.wel-text{padding:0 0px 0 0; text-align: center;} 	
	
.wel-section .wel-col-2 img { max-width: 100%;  }
.wel-outer-max{ max-height: 100%!important; overflow:visible; border: 0px solid #f95353;}
.wel-img-max{ position: relative; width: 100%; height: 100%; overflow: auto; transition: all 2s ease;} 
.wel-img-max:hover{transform:none;}	
	
}

@media only screen and (max-width :575px) {
.wel-text{text-align:left;} 
 
 
}

@media only screen and (max-width :460px) {
 .wel-text h2{ font-size: 32px;margin:10px 0;}
 .wel-text h2 span{ font-size: 18px;}
}

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



/*-----------------------------------------------------*/

.breadcrumb {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap; flex-wrap: wrap;justify-content:flex-end; padding: 0px; margin: 0px 0; list-style: none; background-color:transparent;border-radius: 0; width:100%;  }
.breadcrumb-item { text-decoration: none; font-family: "Avenir-Heavy";  font-size: 11px;  color: #666;text-transform: uppercase;  }
.breadcrumb-item a{ text-decoration: none;  color: #666; letter-spacing: 0.50px; } 
.breadcrumb-item.active { color: #87b7ff;}

.breadcrumb-item+.breadcrumb-item::before {display: inline-block; padding-right: .5rem;  color: #fff;
    content:url(../images/arrow-1.png); }

@media only screen and (max-width : 768px) {
 .breadcrumb {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap; flex-wrap: wrap;justify-content:flex-start; padding: 5px; margin: 5px 0 0 0; list-style: none; background-color:transparent;border-radius: 0; width:100%;  }
/* .breadcrumb-item { text-decoration: none; font-family: "Avenir-Roman";  font-size: 16px;  color: #333;  }
.breadcrumb-item a{ text-decoration: none;  color: #333; letter-spacing: 0.50px;} 
.breadcrumb-item.active { color: #666;}	 */
 	
}
 


/*----------------------------------------------*/


.section-2{ background:#e8e8e8; margin:-120px 0 60px 0; padding: 150px 0 60px 0; } 

.section-2-text{  display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start;} 
.section-2-text .article-1{ width: 25%; padding: 0px 0 0 0; } 
.section-2-text .article-2{ width: 75%;} 
 
.section-2-text h4{font-family: "Avenir-Heavy"; color: #2b2523; font-size: 18px;   margin:0px 0; text-align: center;}
.section-2-text p{font-family: "Avenir-Medium"; color: #2b2523; font-size: 16px;   margin:10px 0;}
.section-2-text p strong {font-family: "Avenir-Black"; color: #2b2523; }

.section-2-text .read-more-btn{ background: #ff0000; padding: 10px 15px; font-family: "Avenir-Black"; color: #fff; font-size: 14px; font-weight:700; letter-spacing:0.50px; text-transform: uppercase; border-radius: 0px; margin: 20px 0 0 0; display: inline-block; text-decoration: none;  transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;} 
.section-2-text .read-more-btn:hover{ background: #0404a2; color: #fff;  -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px); -ms-transform: translateY(-6px);   transform: translateY(-6px); box-shadow: 0 -5px 0 0 rgba(24,24,24,.15) inset, 0 5px 10px rgba(0,0,0,0.5);}
 
@media only screen and (max-width :768px) {
 	.section-2-text{  display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center;} 
.section-2-text .article-1{ width: 100%; padding: 0px 0 0 0; text-align: center;} 
.section-2-text .article-2{ width: 100%;}
}
 
@media only screen and (max-width :660px) {
.section-2{ background:#e8e8e8; margin:10px 0 60px 0; padding: 30px 0 30px 0; }
}



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


/**-------------------------------------------------------**/  
 

.heading-title h1{font-family: "Avenir-Black"; color: #2b2523; font-size: 24px;  letter-spacing:-1px;  margin:10px 0 30px 0; text-transform: uppercase;text-align: center; display: block!important; position: relative;}
.heading-title h1 span{display:inline-block;}
.heading-title h1:after {  content: ""; position: absolute; bottom:-10px; left: 45%; width:10%;  height: 4px; background:#223f87;}


.heading-title h2{font-family: "Avenir-Black"; color: #2b2523; font-size: 40px;  letter-spacing:-1px;  margin:10px 0 30px 0;  text-transform: uppercase;display:block;position: relative; text-align: center;}
.heading-title h2 span{display:inline-block;}
.heading-title h2:after {  content: ""; position: absolute; bottom:-10px; left: 45%; width:10%;  height: 4px; background:#223f87;}
  

.heading-title h3{text-align: left;  
font-family: 'Roboto Condensed', sans-serif; font-size: 45px; color: #03033b; font-weight:700; letter-spacing: -1px; text-transform: uppercase; margin: 0 0 20px 0; padding:0; position: relative;} 
.heading-title h3 small{font-size: 36px; font-weight: 400; color: #ff0000; display:block; }
.heading-title h3 span{  display: block; position: relative;}
.heading-title h3 span:after { content: ""; position: absolute; bottom:25px;  width:15rem;  height:2px; background:#ff0000; margin-left: 15px; } 


 
.heading-title h4{text-align: left;  
font-family: 'Roboto Condensed', sans-serif; font-size: 45px; color: #03033b; font-weight:700; letter-spacing: -1px; text-transform: uppercase; margin: 0 0 20px 0; padding:0; position: relative;} 
.heading-title h4 small{font-size: 36px; font-weight: 400; color: #ff0000; display:block; }
.heading-title h4 span{  display: block; position: relative;}
 
 
 
 

@media only screen and (max-width :768px) {
.heading-title h3{ font-size: 32px; color: #03033b; font-weight:700; letter-spacing: -1px; text-transform: uppercase; margin: 0 0 20px 0; padding:0; position: relative;} 
.heading-title h3 small{font-size: 24px; font-weight: 400; color: #ff0000; display:block; }
.heading-title h3 span{  display: block; position: relative;}
.heading-title h3 span:after { content: ""; position: absolute; bottom:20px;  width:15rem;  height:2px; background:#ff0000; margin-left: 15px; } 
	
	
.heading-title h4{font-size: 32px; color: #03033b; font-weight:700; letter-spacing: -1px; text-transform: uppercase; margin: 0 0 20px 0; padding:0; position: relative;} 
.heading-title h4 small{font-size: 24px; font-weight: 400; color: #ff0000; display:block; }
.heading-title h4 span{  display: block; position: relative;}	
 
}
 


@media only screen and (max-width :575px) {
	 
.heading-title h2{font-family: "Avenir-Black"; color: #2b2523; font-size: 30px;  letter-spacing:-1px;  margin:10px 0 30px 0;  text-transform: uppercase;display:block;position: relative; text-align: center;}
.heading-title h2 span{display:inline-block;}
.heading-title h2:after {  content: ""; position: absolute; bottom:-10px; left: 40%; width:20%;  height: 4px; background:#223f87;}
	
.heading-title h3{ font-size: 30px; color: #03033b; font-weight:700; letter-spacing: -1px; text-transform: uppercase; margin: 0 0 20px 0; padding:0; position: relative;} 
.heading-title h3 small{font-size: 22px; font-weight: 400; color: #ff0000; display:block; }
.heading-title h3 span{  display: block; position: relative;}
.heading-title h3 span:after { content: ""; position: absolute; bottom:20px;  width:10rem;  height:2px; background:#ff0000; margin-left: 15px; }	

	.heading-title h4{font-size: 30px; color: #03033b; font-weight:700; letter-spacing: -1px; text-transform: uppercase; margin: 0 0 20px 0; padding:0; position: relative;} 
.heading-title h4 small{font-size: 22px; font-weight: 400; color: #ff0000; display:block; }
.heading-title h4 span{  display: block; position: relative;}	
	
}

@media only screen and (max-width :425px) {
.heading-title h3{ font-size: 28px; color: #03033b; font-weight:700; letter-spacing: -1px; text-transform: uppercase; margin: 0 0 20px 0; padding:0; position: relative;} 
.heading-title h3 small{font-size: 20px; font-weight: 400; color: #ff0000; display:block; }
.heading-title h3 span{  display: block; position: relative;}
.heading-title h3 span:after { content: ""; position: absolute; bottom:20px;  width:7rem;  height:2px; background:#ff0000; margin-left: 15px; }	
	
.heading-title h4{font-size:28px; color: #03033b; font-weight:700; letter-spacing: -1px; text-transform: uppercase; margin: 0 0 20px 0; padding:0; position: relative;} 
.heading-title h4 small{font-size: 20px; font-weight: 400; color: #ff0000; display:block; }
.heading-title h4 span{  display: block; position: relative;}		
	
}

@media only screen and (max-width :370px) {
.heading-title h3 span:after { display: none;}	
}




/*-------------------------------------------------------*/

.section-3{ background: #fff; margin: 0px 0 60px 0; padding: 0px 0;} 

.section-row{margin: 0px 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between;   } 
.section-row .section-col-1 { width: 60%;} 
.section-row .section-col-2 { width: 40%; padding: 0px 0px 0px 30px; } 
  
.home-annual-fest{ text-align: left;}
.home-annual-fest h3{font-family: "Avenir-Black"; color: #2b2523; font-size: 24px;   margin:20px 0 0 0;}
.home-annual-fest p{font-family: "Avenir-Medium"; color: #2b2523; font-size: 16px;   margin:5px 0;}
.home-annual-fest p strong {font-family: "Avenir-Black"; color: #2b2523; }

.home-annual-fest .read-more-btn{ background: #ff0000; padding: 10px 15px; font-family: "Avenir-Black"; color: #fff; font-size: 14px; font-weight:700; letter-spacing:0.50px; text-transform: uppercase; border-radius: 0px; margin: 20px 0 0 0; display: inline-block; text-decoration: none;  transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;} 
.home-annual-fest .read-more-btn:hover{ background: #0404a2; color: #fff;  -webkit-transform: translateY(-6px);  -moz-transform: translateY(-6px); -ms-transform: translateY(-6px);   transform: translateY(-6px); box-shadow: 0 -5px 0 0 rgba(24,24,24,.15) inset, 0 5px 10px rgba(0,0,0,0.5);}

@media only screen and (max-width :900px) {
.section-row{margin: 0px 0; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between;   } 
.section-row .section-col-1 { width: 100%;} 
.section-row .section-col-2 { width: 100%; padding: 50px 0px 0px 0px; } 
}

 

.news-item { text-align: left;}
.news-item ul{ padding:0px;margin:0px;list-style:none;}
.news-item ul li{ padding:7px 4px; margin:0 0 0px 0; border-bottom:1px dashed #bab5b5; float: left; width: 100%; }
.news-item ul li a{ display: block; margin:0 0 10px 0; text-decoration: none;} 
.news-item ul li:hover{ background: #ddd;-moz-transition: 0.4s ease-in-out 0s;-ms-transition: 0.4s ease-in-out 0s;-webkit-transition: 0.4s ease-in-out 0s;transition: 0.4s ease-in-out 0s;} 
.news-item ul li h4{ font-size: 18px; font-weight: 600; color: #f66d0e; margin: 5px 0; } 
.news-item ul li p{ font-family: "Avenir-Medium"; color: #2b2523; font-size: 16px; margin:0 0 5px 0; }
.news-item ul li p strong{ font-family: "Avenir-Heavy"; color: #c50a0b; font-size: 16px; margin:0 0 5px 0; }
.news-item ul li img{  height: 120px; float: left; margin: 0 10px 10px 0;} 



.recent-blog-list{ display: flex; flex-direction: row; flex-wrap: nowrap; margin: 20px 0 20px 0; text-decoration: none;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;} 
.recent-blog-list .recent-blog-col-1{width: 25%;} 
.recent-blog-list .recent-blog-col-2{width: 75%; padding: 0 20px;}
.recent-blog-col-1 img{width: 100%; }
.recent-blog-col-2 h2{margin: 0px 0; font-family: "Avenir-Heavy";  font-size: 20px; color: #2b2523;  letter-spacing: -0.25px;} 
 .recent-blog-col-2 p{  font-family: "Avenir-Medium"; color: #2b2523; font-size: 16px;line-height: 22px;  margin:0; }
.recent-blog-col-2 span{ font-family: "Avenir-Medium"; color: #666; font-size: 16px;   margin:5px 0; }

.recent-blog-col-2 a{ background: #97c610; padding: 7px 20px;font-family: 'Product Sans';   color: #fff; font-size: 14px; font-weight:700; letter-spacing:0.30px; text-transform: uppercase; border-radius: 20px; margin: 10px 0 0 0; display: inline-block; text-decoration: none;  transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;} 
.recent-blog-col-2 a:hover{ background: #000; color: #fff;  -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px); -ms-transform: translateY(-6px);   transform: translateY(-6px); box-shadow: 0 -5px 0 0 rgba(24,24,24,.15) inset, 0 5px 10px rgba(0,0,0,0.5);}
 
.recent-blog-list:hover{   -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px); -ms-transform: translateY(-6px);   transform: translateY(-6px); }


 
@media only screen and (max-width :900px) { 
	
.recent-blog-list .recent-blog-col-1{width: 40%;} 
.recent-blog-list .recent-blog-col-2{width:60%; padding: 0 20px;}		
 
}

@media only screen and (max-width :575px) {
 .recent-blog-list{ display: flex; flex-direction: column; flex-wrap: nowrap; margin: 10px 0 0px 0;} 	
.recent-blog-list .recent-blog-col-1{width: 100%;} 
.recent-blog-list .recent-blog-col-2{width:100%; padding: 15px 0px;}	
	
}

 


/*-------------------------------------------------------*/

/*.owl-carousel .owl-item{min-height: 335px;}*/
.item-list{ display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 0 20px 0;  } 
.item-list .item{ margin: 0 20px;} 
.item-list .item-box{border: 0px solid #ddd!important; /*background: #ffd018;*/ padding:0px; text-align: center;} 
.item-list .item-box a{ text-decoration: none;} 
.item-list .item-box{ text-decoration: none; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;} 
/*.item-list .item-box:hover{-webkit-transform: translateY(-6px);   -moz-transform: translateY(-6px); -ms-transform: translateY(-6px);   transform: translateY(-6px); }*/

.pro-box-img{/*height:300px;*/  max-height: 100%; color: #fff; position: relative; overflow:hidden; border: 1px solid #ddd; } 
.pro-box-img img {position:absolute;text-align: center;padding: 0px; width: 100%; height: 100%;}
.pro-box-img figure{margin:0px; padding: 0px; } 
.pro-box-img figure img{width: 100%; height: 100%;position: relative; transition: ease-in-out .5s;
-webkit-transition: ease-in-out .5s;-moz-transition: ease-in-out .5s;  -o-transition: ease-in-out .5s; }
.pro-box-img:hover figure img{transform: scale(1.5);-webkit-transform: scale(1.5);  -moz-transform: scale(1.5); -o-transform: scale(1.5); opacity: 1; }
 
@media only screen and (max-width :480px) { 
.item-list div{ margin: 0 0px; } 	
 
}
  

/*---------------------------------------------*/

.section-4{ background: #fff; margin: 0px 0 0 0; padding: 30px 0 0 0;}
/*.global-section{text-align: center; margin: 0 0 50px 0;}  
.global-section img{max-width: 100%;} */ 

.global-section {display: inline-block;padding: 1em;max-width: 100%; vertical-align: top;
  width: -webkit-fit-content; width: -moz-fit-content; width: fit-content;}
/*.global-section:hover { background-color: #cde;}*/
.global-image {background-position: center; background-repeat: no-repeat; background-size: contain;
  cursor: crosshair; display: block; max-width: 100%; padding-bottom: 10em;  width: 100em;}


/*---------------------------------------------*/


.section-5{ position: relative; margin: 10px 0 0 0; padding: 10px 0 20px 0;  z-index: 99;} 
.highlights-list { margin: 0px;} 
.highlights-list ul{ list-style: none; padding: 0px; margin: 0px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; } 
.highlights-list ul li{width:22%; text-align: center;display: flex; flex-direction: column; padding: 10px 10px;  /*background: #fff; border-radius: 7px; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25);  box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25);*/ transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; cursor:pointer;} 
.highlights-list ul li span{font-family: 'Roboto Condensed', sans-serif; font-size: 22px;  color: #333333; font-weight: 700; letter-spacing: -0.50px; line-height: normal; text-transform: uppercase;} 
.highlights-list ul li span img{max-width: 100%;}   
.highlights-list ul li:hover{-webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px);   transform: translateY(-6px); /*box-shadow: 0 -5px 0 0 rgba(24,24,24,.15) inset, 0 5px 10px rgba(0,0,0,0.5);*/}
.highlights-list ul li a{text-decoration: none;} 
 
@media only screen and (max-width :1140px) { 	
 
}

@media only screen and (max-width :1024px) {
.highlights-list ul li span{  font-size: 18px;   letter-spacing: -0.50px; line-height: normal; } 	
 .highlights-list ul li span img{max-width:80%;} 
}

@media only screen and (max-width :860px) {
.highlights-list ul{ list-style: none; padding: 0px; margin: 0px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content:center; } 
.highlights-list ul li{width:20%; display: flex; flex-direction: column; padding: 10px 10px; margin: 6px 6px;}  .highlights-list ul li span{  font-size: 16px;   letter-spacing: -0.50px; line-height: normal; }  
}

@media only screen and (max-width :660px) {
.section-5{ position: relative; margin: 20px 0 0 0; padding: 10px 0 20px 0;  z-index: 1;} 	
.highlights-list ul{ list-style: none; padding: 0px; margin: 0px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content:center; } 
.highlights-list ul li{width:30%; display: flex; flex-direction: column; padding: 10px 10px; margin: 8px 8px;}
.highlights-list ul li span img{max-width:50%;} 	
}
 
 
@media only screen and (max-width :510px) {
 	
.highlights-list ul{ list-style: none; padding: 0px; margin: 0px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content:center; } 
.highlights-list ul li{width:45%; display: flex; flex-direction: column; padding: 10px 10px; margin: 8px 8px;}
.highlights-list ul li span img{max-width:50%;} 	
}

@media only screen and (max-width :375px) {
 	
.highlights-list ul{ list-style: none; padding: 0px; margin: 0px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content:center; } 
.highlights-list ul li{width:45%; display: flex; flex-direction: column; padding: 5px 5px; margin: 5px 5px;}
.highlights-list ul li span img{max-width:40%;} 	
}
 
@media only screen and (max-width :300px) {
	
.highlights-list ul{ list-style: none; padding: 0px; margin: 0px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content:center; } 
.highlights-list ul li{width:100%; display: flex; flex-direction: column; padding: 5px 5px; margin: 6px 0px;}
.highlights-list ul li span img{max-width:30%!important;} 	
}
 

/*---------------------*******************-------------------------------------*/

.page-inner{position: relative; z-index: 1;}
.inner-banner{margin-top: 0px; background-color: #fff; padding:5px 5px;}
.page-inner-pd{padding:0px 45px;} 

@media only screen and (max-width :860px) {
.page-inner{position: relative; z-index: 1;}
.inner-banner{margin-top: 0px; background-color: #fff; padding:5px 5px;}
 }

@media only screen and (max-width :768px) {
.page-inner{position: relative; z-index: 1;}
.inner-banner{margin-top: 0px; background-color: #fff; padding:5px 5px;}
 
}

@media only screen and (max-width :575px) {
.page-inner{position: relative; z-index: 1;}
.inner-banner{margin-top: 0px; background-color: #fff; padding:5px 0px;}
.page-inner-pd{padding:0px 0px;}
}

/*-----------------------------------------------------*/

.section-6{ background:#fff; margin: 0px 0 0px 0; padding: 0px 0; }  

.about-row{margin: 0px 0; padding: 0px;  display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center;}
.about-row .about-row-col-1{ width: 36%; padding: 0px; margin: 0px; }
.about-row .about-row-col-2{ width: 64%; padding: 50px 50px; margin: 0px; }

 
.about-row h2{font-family: 'Roboto Condensed', sans-serif; color: #03033b; font-size: 45px; font-weight: 700; letter-spacing:-0.50px;  margin:10px 0; text-transform: inherit;}
.about-row h2 span{ display: block; color: #c50a0b; font-size: 24px; font-weight: 400; } 
.about-row h6{font-family: "Avenir-Medium"; color: #2b2523; font-size: 35px;   letter-spacing:-0.50px;  margin:15px 0;}
.about-row p{font-family: "Avenir-Medium"; color: #2b2523; font-size: 17px;   margin:10px 0;}

.about-row img{/*float: right;padding: 0 0 0 25px;*/ max-width: 100%;} 

@media only screen and (max-width :768px) {
 .about-row{margin: 0px 0; padding: 0px;  display: flex; flex-direction: column-reverse; flex-wrap: nowrap;}
.about-row .about-row-col-1{ width: 100%; padding: 0px; margin: 0px; text-align: center;}
.about-row .about-row-col-2{ width: 100%; padding: 15px 15px; margin: 0px; }
}

@media only screen and (max-width :425px) {
 .about-row h2{font-family: 'Roboto Condensed', sans-serif; color: #03033b; font-size: 32px; font-weight: 700; letter-spacing:-0.50px;  margin:10px 0; text-transform: inherit;}
.about-row h2 span{ display: block; color: #c50a0b; font-size: 20px; font-weight: 400; }
}

 
/*-----------------------------------------------------*/

.section-6-1{ background:#fff; margin: 0px 0 0px 0; padding: 0px 0; }  

.about-row-1{margin: 0px 0; padding: 0px;  display: flex; flex-direction: row; flex-wrap: nowrap;}
.about-row-1 .about-row-col-3{ width: 64%; padding: 50px 50px 0 50px; margin: 0px; }
.about-row-1 .about-row-col-4{ width: 36%; padding: 0px; margin: 0px; }


.about-row-1 ul{list-style: none; padding: 10px 0 0 20px;} 
.about-row-1 ul li{list-style: url(../images/arrow-1.png); font-family: "Avenir-Medium"; color: #2b2523; font-size: 17px; padding: 10px 0;} 
 
.about-row-1 p{font-family: "Avenir-Medium"; color: #2b2523; font-size: 17px;   margin:10px 0;}
 

@media only screen and (max-width :768px) {
.about-row-1{margin: 0px 0; padding: 0px;  display: flex; flex-direction: column-reverse; flex-wrap: nowrap;}
.about-row-1 .about-row-col-3{ width: 100%; padding: 15px 15px 0 15px; margin: 0px; }
.about-row-1 .about-row-col-4{ width: 100%; padding: 0px; margin: 0px; text-align: center;}
}

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

/*-----------------------------------------------------*/
 

.section-7{ background: #c50a0b; margin:0px 0 0px 0; padding: 50px 0;} 

.vision-row{margin: 0px 0; padding: 0px;  display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center;}
.vision-row .vision-row-col-1{ width: 35%; padding: 20px; margin: 0px; border-right: 1px solid #f95455;}
.vision-row .vision-row-col-2{ width: 40%; padding: 20px; margin: 0px; }
 
 .vision-row  h4{font-family: 'Roboto Condensed', sans-serif; color: #fff; font-size: 45px; font-weight: 700; letter-spacing:-0.50px;  margin:10px 0; text-transform: uppercase;}
.vision-row h4 span{ display: block; color: #fff; font-size: 24px; font-weight: 400; } 

.vision-row  p{font-family: "Avenir-Book"; color: #fff; font-size: 17px;   margin:20px 0;}

@media only screen and (max-width :1140px) { 
.vision-row .vision-row-col-1{ width: 50%; padding: 20px; margin: 0px; border-right: 1px solid #f95455;}
.vision-row .vision-row-col-2{ width: 50%; padding: 20px; margin: 0px; } 
	
}

@media only screen and (max-width :768px) {
.vision-row{margin: 0px 0; padding: 0px;  display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center;}	
.vision-row .vision-row-col-1{ width: 100%; padding: 20px; margin: 0px; border-right: 0px solid #f95455;}
.vision-row .vision-row-col-2{ width: 100%; padding: 20px; margin: 0px; } 
	
}

@media only screen and (max-width :768px) {
 	
.vision-row .vision-row-col-1{ width: 100%; padding: 10px; margin: 0px; border-right: 0px solid #f95455;}
.vision-row .vision-row-col-2{ width: 100%; padding: 10px; margin: 0px; } 
 .vision-row  h4{font-family: 'Roboto Condensed', sans-serif; color: #fff; font-size:32px; font-weight: 700; letter-spacing:-0.50px;  margin:10px 0; text-transform: uppercase;}
.vision-row h4 span{ display: block; color: #fff; font-size: 20px; font-weight: 400; } 

.vision-row  p{font-family: "Avenir-Book"; color: #fff; font-size: 17px;   margin:20px 0;}	
}
 
  
/*-------------------------------------------------------*/
.section-8{ background: #fff; margin:50px 0 50px 0; padding: 0px 0;} 
.why-us-list{text-align: left;} 

.why-us-list ul{list-style: none; padding: 0 0 0 0px; display: flex;flex-direction: row; flex-wrap: wrap; } 
.why-us-list ul li{list-style: none; width: 49.33%; padding: 15px;border: 1px dashed #c5c5c5;  position: relative; display: flex; flex-direction: column;flex-wrap: nowrap; align-items: center;} 


.why-us-list ul li img{width:100px;  border: 0px solid#c5c5c5; border-radius: 100px;z-index: 999;  } 

.why-text{border-bottom: 0px dashed #c5c5c5;  padding: 0px 0 20px 0; position: relative; text-align: center;} 
.why-text h2{font-family: "Avenir-Roman"; color: #2b2523; font-size:30px;   letter-spacing:-0.50px;  margin:0px 0; text-transform:lowercase;   border-top: 0px dashed #c5c5c5; padding: 5px 0;}
.why-text p{font-family: "Avenir-Medium"; color: #2b2523; font-size: 16px;   margin:7px 0;}

@media only screen and (max-width :575px) {
	.section-8{ background: #fff; margin:10px 0 20px 0; padding: 0px 0;} 
.why-us-list ul{list-style: none; padding: 0 0 0 0px; display: flex;flex-direction: column; flex-wrap: wrap; } 
.why-us-list ul li{list-style: none; width: 100%; padding: 15px ;border: 1px dashed #c5c5c5;}	
}


/*--------------------------------------------------*/

 
.section-9{ background: #fff; margin:30px 0 50px 0; padding: 0px 0;} 
.admission-text{text-align: left; margin: 10px 0;}

.admission-text h3{font-family: 'Roboto Condensed', sans-serif; color: #c50a0b; font-size: 22px; font-weight: 700; letter-spacing:-0.50px;  margin:0px 0; text-transform: uppercase; border-bottom: 1px dashed #c5c5c5;  border-top: 1px dashed #c5c5c5; padding: 5px 0;}
.admission-text ul{list-style: none; padding: 10px 0 0 20px;} 
.admission-text ul li{list-style: url(../images/arrow-1.png); font-family: "Avenir-Medium"; color: #2b2523; font-size: 17px; padding: 7px 0;} 
 
 .admission-text p{font-family: "Avenir-Medium"; color: #2b2523; font-size: 17px;   margin:20px 0;}	

.panel-heading-01{font-family: "Avenir-Heavy";color: #c50a0b; font-size: 20px;   background-color:#eee; padding:7px 10px;}


.download-btn{ position: absolute; right:15px;   z-index: 999; font-family: "Avenir-Heavy"; color: #fff;	} 
@media only screen and (max-width : 425px) { 
.download-btn{ position: relative; right:0px; }
}
/*--------------------------------------------------------------*/


.brands-slider {height: 100%;margin-top: 20px}
.brands-slider li{list-style: none;} 
.brands-item {height: 100% ;padding: 0 20px 0px 0;}
.brands-item img {max-width: 100%;border: 1px solid #ddd;}

/*-------------------------------------------------*/

.client-list{list-style: none; margin: 40px 0 0 0; padding: 0px; display: flex; flex-direction:row; flex-wrap: wrap; justify-content:center; position: relative;} 
.client-list li{ margin: 0px; text-align:left; padding: 0 25px 25px 0;} 
.client-list li img{border: 1px solid #ddd; height: 90px;}

  
@media only screen and (max-width :1024px) { 
.client-list li{ margin: 0px; text-align:left; padding: 0 10px 10px 0;} 	
.client-list li img{height: 75px;}
}
 
@media only screen and (max-width :920px) { 
.client-list li{ margin: 0px; text-align:left; padding: 0 10px 10px 0;} 	
.client-list li img{height: 70px;}
}

@media only screen and (max-width : 861px) { 
.client-list li img{height: 80px;}
}

@media only screen and (max-width : 768px) {  	
.client-list li img{height: 80px;}	
   
}

@media only screen and (max-width : 691px) { 
.client-list li img{height: 60px;}
}

@media only screen and (max-width : 600px) { 
.client-list li img{height:55px;}
}
 
@media only screen and (max-width : 475px) {  
.client-list li{ margin: 0px; text-align:left; padding: 0 1px 1px 0;} 	
.client-list li img{height:55px;}
}

@media only screen and (max-width : 375px) { 
.client-list li img{height:60px;}
}

@media only screen and (max-width : 335px) { 
.client-list li img{height:50px;}
}

@media only screen and (max-width : 280px) { 
.client-list{list-style: none; margin: 40px 0 0 0; padding: 0px; display: flex; flex-direction:column; flex-wrap: wrap; justify-content:center; position: relative;} 
	.client-list li{ margin: 0px; text-align:left; padding: 0 0px 1px 0;} 	
.client-list li img{height:auto; max-width: 100%;}
}


/*---------------------------------------------------------*/
.credential-list{ margin-top:50px;  display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center;} 
.credential-list a{margin-right:30px; border: 1px solid #ddd; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;} 
.credential-list a:last-child{margin-right: 0px;} 
.credential-list a img{max-width: 100%;}  

.credential-list a:hover{-webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px);   transform: translateY(-6px); box-shadow: 0 -5px 0 0 rgba(24,24,24,.15) inset, 0 5px 10px rgba(0,0,0,0.5); }

@media only screen and (max-width :700px) { 
.credential-list{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;} 
.credential-list a{margin:0 15px 15px 0; width: 30%; } 
.credential-list a:last-child{margin-right: 0px;} 
.credential-list a img{max-width: 100%;} 
}

@media only screen and (max-width :480px) { 
.credential-list{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;} 
.credential-list a{margin:0 15px 15px 0; width: 45%; } 
.credential-list a:last-child{margin-right: 0px;} 
.credential-list a img{max-width: 100%;} 
}

@media only screen and (max-width :300px) { 
.credential-list{display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start;} 
.credential-list a{margin:0 0px 15px 0; width: 100%; } 
.credential-list a:last-child{margin-right: 0px;} 
.credential-list a img{width: 100%;} 
}

/*----------------------------------------*/
.group-companies-list{ margin: 50px 0 0 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between;}
.group-companies-list article{ width: 48%; padding: 0 20px 0 0px;}
.group-companies-list article h3{font-family: "Avenir-Medium"; color: #2b2523; font-size: 30px; text-transform:inherit;margin:0 0 15px 0; border-bottom: 2px solid #1a3984; padding-bottom: 10px;}
.group-companies-list article p{font-family: "Avenir-Medium"; color: #2b2523; font-size: 18px;  line-height:26px;  margin:0px 0;}

@media only screen and (max-width :768px) { 
.group-companies-list{ margin: 50px 0 0 0;   display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start;}
.group-companies-list article{ width: 100%; padding: 0 0px 0 0px; margin-bottom: 20px;}
}

@media only screen and (max-width :575px) { 
.group-companies-list article h3{font-family: "Avenir-Medium"; color: #2b2523; font-size: 26px; text-transform:inherit;margin:0 0 15px 0; border-bottom: 2px solid #1a3984; padding-bottom: 10px;}
}
 
/*---------------------------------------------------*/



.services-details{margin: 50px 0 30px 0;  display: flex; flex-direction: row; flex-wrap: nowrap;} 
.services-details .services-details-col-1, .services-details-col-2{width: 50%; }
 .services-details .services-details-col-3, .services-details-col-4{width: 50%; }

.services-details-col-1{ order: 2;} 
.services-details-col-2{ order: 1; margin-right: 30px;}

.services-details-col-3{ order: 1;} 
.services-details-col-4{ order: 2; margin-left: 30px;}

.services-details h4{ font-family: "Avenir-Heavy"; color: #2b2523; font-size: 36px; letter-spacing: -0.50px; line-height:26px;  margin:15px 0; text-transform: uppercase; border-bottom: 0px solid #0f213c; padding-bottom: 10px; position: relative;}
.services-details h4:after { content:''; width:7rem;border-bottom: 3px solid #143280; display: block; position: absolute; bottom: 1px;}

.services-details p{font-family: "Avenir-Medium"; color: #2b2523; font-size: 18px;  line-height:26px;  margin:0px 0;}
.services-details p strong {font-family: "Avenir-Medium"; color: #2b2523; }
.services-details ul{list-style: none; padding: 10px 0 0 20px;} 
.services-details ul li{list-style: url(../images/bullet.png); font-family: "Avenir-Medium"; color: #2b2523; font-size: 17px; padding: 10px 0;} 

.services-details-img {padding: 0 0px; text-align: center;} 
.services-details-img img{ max-width: 100%; } 



@media only screen and (max-width :920px) { 
.services-details{margin: 0 0 30px 0;  display: flex; flex-direction: column; flex-wrap: nowrap;} 	
.services-details .services-details-col-1, .services-details-col-2{width: 100%; }
 .services-details .services-details-col-3, .services-details-col-4{width: 100%; }
	
.services-details-col-1{ order: 1;} 
.services-details-col-2{ order: 2; margin-right: 0px;}

.services-details-col-3{ order: 1;} 
.services-details-col-4{ order: 2; margin-left: 0px;}
	
.services-details-img {padding: 30px 0 0 0px; text-align: center;} 	
}

@media only screen and (max-width :575px) {
 .services-details h4{ font-family: "Avenir-Heavy"; color: #2b2523; font-size: 30px; letter-spacing: -0.50px; line-height:26px;  margin:15px 0; text-transform: uppercase; border-bottom: 0px solid #0f213c; padding-bottom: 10px; position: relative;}
}
 








 

/*---------------------------------------------------------*/

.card { background-color: #fff;  background-clip: border-box;  border: 0px solid rgba(0,0,0,.125); border-top: 1px solid rgba(0,0,0,.125); border-bottom: 1px solid rgba(0,0,0,.125); border-radius: .25rem;}
.card-header {  padding: .75rem 1.25rem;   background-color: rgba(0,0,0,.03);   border-bottom: 1px solid rgba(0,0,0,.125);}
.card-header h2{font-family: "Avenir-Medium";  color: #2b2523; font-size:36px;  margin:0 0 1px 0;  text-align: center;}  
.card-header h2 span{ border-bottom: 3px solid #143280; padding-bottom: 10px;} 
 
@media only screen and (max-width :575px) {
  .card-header h2{font-family: "Avenir-Medium";  color: #2b2523; font-size:28px;  margin:0 0 1px 0;  text-align: center;border-bottom: 3px solid #143280;padding: 12px 0;}   
.card-header h2 span{ border-bottom: 0px solid #143280; padding-bottom: 0px;}
 
.card-header {  padding: .0rem 0rem; }
	
}


/*-------------------------------------------------------------*/

.section-10{ background: #fff; margin:30px 0 50px 0; padding: 0px 0;} 
 
.gallery-row{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;  margin-right: -15px; margin-left: -15px; margin-top: 0px;position: relative;} 
.gallery-row .gallery-col{ margin: 0 0px 10px 0; width: 24.33%; padding-left: 15px; padding-right: 15px; } 
.gallery-row a{ text-decoration: none;  } 
.gallery-row p{font-family: "Avenir-Medium";color: #666; font-size: 16px; font-weight:400; letter-spacing:0.30px; line-height: 22px;  margin:5px 0; } 
 
.gallery-col-img{color: #fff; position: relative; overflow:hidden; border: 0px solid #ddd; } 
.gallery-col-img figure {padding: 0px;margin: 0px; } 
.gallery-col-img figure img{width: 100%; height: 100%;position:relative; transition:all 2s ease;
-webkit-transition: all 2s ease;-moz-transition: all 2s ease;  -o-transition: all 2s ease; }
.gallery-col-img:hover figure img{transform: scale(1.5);-webkit-transform: scale(1.5);  -moz-transform: scale(1.5); -o-transform: scale(1.5); opacity: 1; }
.gallery-col-img figure a:first-child { display: inherit;}
.gallery-col-img figure a { display: none;}

.gallery-row-wrapper{ margin-top: 0px; padding: 0 0px;  position: relative;} 
.gallery-row-content{background:#fff; padding:10px; } 
.gallery-row-content h3{font-family: "Avenir-Heavy"; text-align: left;color: #2b2523; font-size:20px; margin: 5px 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;}
.gallery-row-content p{font-family: "Avenir-Medium"; color: #2b2523; font-size: 15px;   margin:5px 0;}	
   
 

@media only screen and (max-width :1024px) {
	
.gallery-row{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;  margin-right: -15px; margin-left: -15px; margin-top: 0px;position: relative;} 
.gallery-row .gallery-col{ margin: 0 0px 10px 0; width: 33.33%; padding-left: 15px; padding-right: 15px; } 
}

@media only screen and (max-width :768px) {
	
.gallery-row{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;  margin-right: -15px; margin-left: -15px; margin-top: 0px;position: relative;} 
.gallery-row .gallery-col{ margin: 0 0px 10px 0; width: 33.33%; padding-left: 15px; padding-right: 15px; }
	
.gallery-row-content h3{ font-size:16px;  }
   	
}

 
@media only screen and (max-width :768px) {
	
.gallery-row{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;  margin-right: -15px; margin-left: -15px; margin-top: 0px;position: relative;} 
.gallery-row .gallery-col{ margin: 0 0px 10px 0; width: 49.33%; padding-left: 15px; padding-right: 15px; }
	
.gallery-row-content h3{ font-size:16px;  }
   	
}

@media only screen and (max-width :375px) {
	
.gallery-row{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;  margin-right: -15px; margin-left: -15px; margin-top: 0px;position: relative;} 
.gallery-row .gallery-col{ margin: 0 0px 10px 0; width: 100%; padding-left: 0px; padding-right: 0px; }
	
.gallery-row-content h3{ font-size:18px;  }
   	
}


/*------------------------------------------------------------------------*/

.section-12{ background: #fff; margin:0 0 50px 0; padding: 0px 0;} 

.careers-section{text-align: center; margin: 0 0 50px 0;}  
.careers-section p{font-family: "Avenir-Medium"; color: #2b2523; font-size: 18px;  line-height:26px;  margin:10px 0;}
.careers-section p strong {font-family: "Avenir-Medium"; color: #2b2523; }
 

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


/*--------------------------------------------------------------------*/


.section-13{ background: #fff; margin:0 0 30px 0; padding: 0px 0;} 
.clientele-page{margin: 0px;} 
.clientele-page h6{font-family: "Avenir-Heavy";  color: #2b2523; font-size:35px;  margin:10px 0; text-align: center;} 

.clientele-page p{font-family: "Avenir-Medium"; color: #2b2523; font-size: 18px;  line-height:26px;  margin:10px 0; text-align: center;}
.clientele-page p strong {font-family: "Avenir-Medium"; color: #2b2523; }
 
@media only screen and (max-width :768px) { 
.clientele-page h6{font-size:28px;  margin:10px 0; text-align: center;} 
} 

@media only screen and (max-width :575px) { 
.clientele-page h6{font-size:24px;  margin:10px 0; } 	
 
}

 
.clientele-listing{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;  margin-right: -15px; margin-left: -15px; margin-top: 50px;position: relative; } /*no shuffle design*/

.clientele-listing .clientele-list-col{  margin: 0 0px 20px 0; width: 48.33%; padding-right: 15px;
    padding-left: 15px;}  /*no shuffle design*/
 

.clientele-listing a{ text-decoration: none;position: relative!important;  } 
.clientele-listing p{font-family: "Avenir-Medium";color: #666; font-size: 16px; font-weight:400; letter-spacing:0.30px; line-height: 22px;  margin:5px 0; } 
 
.clientele-list-img{color: #fff; position: relative; overflow:hidden; border: 0px solid #ddd; } 
.clientele-list-img figure {padding: 0px;margin: 0px;} 
.clientele-list-img figure img{width: 100%; height: 100%;position:relative; transition:all 2s ease;
-webkit-transition: all 2s ease;-moz-transition: all 2s ease;  -o-transition: all 2s ease; }
.clientele-list-img:hover figure img{transform: scale(1.5);-webkit-transform: scale(1.5);  -moz-transform: scale(1.5); -o-transform: scale(1.5); opacity: 1; }

.clientele-wrapper{ margin-top: 0px; padding: 0 10px;  position: relative!important; } 
.clientele-content{background:#fff; padding:10px; position: relative; box-shadow:0px 0px 8px #ddd;  margin-bottom: 30px;} 

.clientele-content h3{font-family: "Avenir-Heavy"; text-align: left;color: #2b2523; font-size:22px; margin: 5px 0;  text-transform:uppercase; position: relative; padding-bottom: 10px;}
.clientele-content h3:after { content:''; width:7rem;border-bottom: 2px solid #143280; display: block; position: absolute; bottom: 1px;}

.clientele-content ul{padding: 5px 5px; list-style: none; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between;  position: relative!important;  } 
.clientele-content ul li{ width: 100%;padding: 6px 6px ; font-family: "Avenir-Medium"; color: #2b2523; font-size: 18px;  line-height:26px;  position: relative!important; border: 1px solid #ddd; margin-bottom: -1px;} 
/*.clientele-content ul li:before {content: ""; display: block; width: 7px; height:11px;  background:url(../images/arrow-list.png) no-repeat!important; position: absolute; top: 10px; left: -5px; margin-top: -1px;  }*/

.clientele-content ul li a{  text-decoration: none;font-family: "Avenir-Medium";color: #2b2523; font-size: 16px;letter-spacing:0.30px;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;} 
.clientele-content ul li a:hover{ color:#ee1a22; padding-left:15px;}
/*.clientele-listing a:hover h3{color: #ee1a22; }*/

 

@media only screen and (max-width :1024px) {
.clientele-listing{ display: flex; flex-direction: row; flex-wrap: wrap;  margin-right: -15px; margin-left: -15px; margin-top: 50px;position: relative; } 
.clientele-listing .clientele-list-col{  margin: 0 0px 40px 0; width: 48.33%; padding-right: 15px;
    padding-left: 15px;}  	 
}


@media only screen and (max-width :700px) {
.clientele-listing{ display: flex; flex-direction: column; flex-wrap: wrap;  margin-right: -15px; margin-left: -15px; margin-top: 50px;position: relative; } 
.clientele-listing .clientele-list-col{  margin: 0 0px  10px 0; width: 100%; padding-right: 15px;
    padding-left: 15px;}  	
 }

 
@media only screen and (max-width :620px) {	
.clientele-wrapper{ margin-top: 0px; padding: 0 0px;  position: relative;} 
.clientele-content{background:#fff; padding:0px; } 
	
}

/*------------------------------------------------------------------*/

.testimonials-list{margin: 40px 0 0 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;align-items: center;} 
.testimonials-list a{ text-decoration: none;width: 33.33%; padding: 15px 0;font-family: "Avenir-Heavy";color: #2b2523; font-size: 18px; position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;} 
.testimonials-list a:after { content:''; width:5rem;border-bottom: 2px solid #143280; display: block; position: absolute; bottom: 1px;}
.testimonials-list a:hover{ color:#ee1a22; padding-left:15px;}

.testimonials-list a span{ display: table-cell;} 


@media only screen and (max-width :1024px) {	
.testimonials-list a{ text-decoration: none;width: 48.33%; padding: 15px 0; } 	
}

@media only screen and (max-width :575px) {	
.testimonials-list a{  font-size: 17px; width: 100%; padding: 15px 0; } 	
}


/*-------------------------------------------------------------------*/


 .section-14{ background: #fff; margin:0 0 50px 0; padding: 0px 0;} 
/*.site_map{ display: flex; flex-direction: row; flex-wrap: wrap;  margin-right: -15px; margin-left: -15px; margin-top: 40px;position: relative;}
.site-col{  margin: 0 0px 40px 0; width: 33.33%; padding-right: 15px;  padding-left: 15px;} */

.site_map h2{font-family: "Avenir-Heavy"; color:#2b2523;border-top:0px dashed #ddd;border-bottom:1px dashed #ddd;  padding:7px 0; font-size:16px; text-transform: uppercase;}

.site_map h2 a{color:#2b2523; text-decoration:none;}
.site_map ul{ padding:0 25px; list-style:none;}
.site_map ul li{ list-style-image:url(../images/arrow-list.png);}
.site_map ul li a{font-family: "Avenir-Medium"; font-size:17px; color:#2b2523; font-weight:400; line-height:25px; -moz-transition: 0.4s ease-in-out 0s;-ms-transition: 0.4s ease-in-out 0s;-webkit-transition: 0.4s ease-in-out 0s;transition: 0.4s ease-in-out 0s;}
.site_map ul li a:hover{color:#ee1a22; padding-left:5px; text-decoration:none;}
  


/*-----------------------------------------------------------*/
.section-15{ background: #fff; margin:30px 0 50px 0; padding: 0px 0; } 
 
 
/*-------------------------------------------------------------------*/

.section-11{ background: #fff; margin:0 0 50px 0; padding: 0px 0;}   

.contact-section{ margin: 40px  0; padding: 0px;font-family: 'Product Sans'; } 

.contact-section h5{  color: #2b2b33; font-size: 25px; font-weight:700; letter-spacing:0.50px; text-transform:inherit; margin:5px 0;} 
.contact-section p{ color: #666666; font-size: 16px; font-weight:400; letter-spacing:0.20px; line-height: 22px;  margin: 0px 0; }
.contact-section h6{ color: #333; font-size: 18px; font-weight:500; letter-spacing:0.20px; line-height: 22px;  margin: 0 0 30px 0;  text-align: left!important;}

.contact-row{ margin: 40px  0; padding: 0px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between } 
.contact-col-1{ width: 45%; padding:0px 160px 0 20px;} 
.contact-col-2{ width: 55%; padding:30px 0 0 0;} 

.contact-details{display: flex; flex-direction: row; flex-wrap: wrap; justify-content:center; text-align: center;    } 

.contact-box-1{ width: 100%;border-bottom: 1px solid #ddd;margin: 0 0 0px 0; padding:15px 0; } 
.contact-box-2{ width: 100%; border-bottom: 1px solid #ddd;margin: 0 0 0px 0; padding:15px 0;} 
.contact-box-3{ width: 100%; padding:15px 0;} 
 

.contact-details h4{font-family: "Avenir-Heavy";  color: #03033b; font-size: 22px; font-weight:500; letter-spacing:-0.50px; text-transform: inherit; margin:10px 0;} 
.contact-details p{font-family: "Avenir-Medium"; color: #2b2523; font-size: 17px; font-weight:400; letter-spacing:0.20px; line-height: 22px;  margin: 0px 0; }
.contact-details p a{  color: #2b2523;  }
.contact-details p strong{display: block;  font-size:20px; font-weight:500;   }
 

@media only screen and (max-width : 1024px) { 
.contact-col-1{ width: 50%; padding:0px 50px 0 20px;} 
.contact-col-2{ width: 50%; padding: 30px 0 0 0;} 		
}


@media only screen and (max-width : 768px) {
.contact-row{ margin:0  0 30px  0; padding: 0px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between } 
.contact-col-1{ width: 100%; padding:0px 20px; } 
.contact-col-2{ width: 100%; padding: 30px 20px 0 20px ;}	
}

@media only screen and (max-width :575px) {
	 
.contact-section{ margin:20px 0 0  0; padding: 0px;  } 
.contact-section h5{  font-size: 20px; } 
.contact-section p{ font-size: 15px;}	
	
.contact-col-1{ width: 100%; padding:0px 0px; } 
.contact-col-2{ width: 100%; padding: 30px 0px 0 0px ;}	
	
.contact-box-1{ width: 100%;border-bottom: 1px solid #ddd;margin: 0px; padding:10px 0; } 
.contact-box-2{ width: 100%; border-bottom: 1px solid #ddd;margin: 0px; padding:10px 0;  } 
.contact-box-3{ width: 100%; margin: 0px; padding:10px 0;} 
.contact-box-4{ width: 100%; border-top: 1px solid #ddd; margin: 0px; padding:10px 0; }	

.contact-details h4{  font-size: 22px; } 
.contact-details p{  font-size: 16px; }
.contact-details p strong{font-size:20px;}	
	
}

.location-map{ position: relative; width: 100%; margin: 50px 0 40px 0;} 
.embed-responsive-16by9::before { padding-top: 30.25%;}

@media only screen and (max-width :1000px) {
.embed-responsive-16by9::before { padding-top: 40.25%;}	
}

@media only screen and (max-width :740px) {
.embed-responsive-16by9::before { padding-top: 56.25%;}	
}


/*---------------------------------------------------*/ 

.form-control {display: block;width: 100%; height: 40px; padding: 6px 12px;  font-family: 'Product Sans';  font-size: 14px; font-weight:normal; letter-spacing: 0.20px; line-height: 1.42857143;color: #525151; border: 0px;  border-bottom: 1px solid #ddd;}
.form-group {margin-bottom: 10px;}
.form-group label{  font-family: 'Product Sans';  font-size: 16px; color: #333; font-weight:400; margin-bottom:0px;} 
.form-group label small {font-size: 17px;  color: #f01818;} 
.form-check-label{ font-weight: 400!important; font-size: 14px!important;} 
 
.submit-link{ background: #c50a0b; padding: 7px 20px; font-family: "Avenir-Heavy";  color: #fff; font-size: 18px; font-weight:700; letter-spacing:0.30px; text-transform: uppercase; border-radius: 20px; margin:0px 0 0 0; display: inline-block; text-decoration: none!important;  transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;} 
.submit-link:hover{ background: #011243; color: #fff;  -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px); -ms-transform: translateY(-6px);   transform: translateY(-6px); box-shadow: 0 -5px 0 0 rgba(24,24,24,.15) inset, 0 5px 10px rgba(0,0,0,0.5);}

/*--------------------------------------------------------------------*/

.modal-content { width: 100%;pointer-events: auto; background-color: #fff; background-clip: padding-box;
  border: 0px;  border-radius: 0; outline: 0;padding: 10px;}
.modal-header {padding: 2px; border-bottom: 0px solid #e9ecef;}
.modal-body {padding: 0px 10px 10px 10px;}
.close {font-size: 2rem; font-weight: 700; line-height: 1; color: #000;opacity: .9;}

 .message { text-align: center;font-family: 'Product Sans'; color: #666;} 
.message h2{ font-size: 28px; padding: 40px;}
.message a{ font-size: 16px; color: #666; border: 1px solid #ddd; border-radius: 4px; padding: 7px 15px; text-decoration: none;} 


/*----------------------------------------------------------*/  

.modal-dialog-slideout {min-height: 100%; margin: 0 0 0 auto ;background: #fff;}
.modal.fade .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(100%,0);transform: translate(100%,0);}
.modal.fade.show .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(0,0);transform: translate(0,0);flex-flow: column;}
.modal-dialog-slideout .modal-content{border: 0;}
@media (max-width: 576px){
.modal-dialog.modal-dialog-slideout {width: 80%}
}
@media (max-width: 425px){
.modal-dialog.modal-dialog-slideout {width: 100%}
}


/*---------------------------------------------------*/
.table{font-family: "Avenir-Heavy";} 
.table thead th{ font-size: 18px; color: #2b2523; text-transform: uppercase;}
.table td{font-family: "Avenir-Medium"; font-size: 16px; color: #2b2523!important; font-weight: 400;  letter-spacing: 0.25px;}
.table td, .table th {padding: .50rem;}

.anchor{display: block;height: 60px;margin-top: -60px; visibility: hidden;}




/*------------------------------------------------------------*/

.footer{ background:#011243; margin: 60px 0 0 0; padding:30px 0 0 0; border-top:0px solid #ffcd00;  width: 100%; position: relative;}

.footer-col{ display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;} 
.footer-col .ft-col-1 {width:40%;  padding: 0 50px 0 0;} 
.footer-col .ft-col-2{width:35%;  padding: 0 50px 0 0;} 
.footer-col .ft-col-3{width:25%;  padding: 0 0px 0 0;} 
 
.footer h4{font-family: "Avenir-Heavy";  color:#fff; font-size:16px;  margin:10px 0; text-transform:uppercase; letter-spacing: 0.50px; position: relative; z-index: 1; border-bottom: 1px solid #fff; padding-bottom: 10px;} 
.footer h4:after { content:''; width:4rem;border-bottom: 3px solid #ff0000; display: block; position: absolute; bottom: -2px;} 
 
.footer p{ font-family: "Avenir-Medium"; color:#fff; font-size: 16px!important; text-decoration:none; letter-spacing: -0.50px;}
.footer p a{ color:#fff;}
.footer p strong{font-family: "Avenir-Heavy"; font-size: 18px; ;}

.footer_links { padding:0px 0 0 0;  font-family: "Avenir-Medium"; display: flex; flex-direction: row; flex-wrap: nowrap; }
.footer_links .footer_links_col{width: 48%; margin-right: 10px;} 
.footer_links ul {list-style:none; padding:0px 0 0px 20px; text-align:left;}
.footer_links li{ list-style: url(../images/arrow-w.png); padding:5px 0 ; margin:0px; border-bottom:0px dashed #1d1d1d;}
.footer_links li a{ font-family: "Avenir-Medium";  color:#fff; font-size: 16px!important;  text-decoration:none; letter-spacing: -0.50px;}
.footer_links li a:hover{ color:#c50a0b;-moz-transition: 0.4s ease-in-out 0s;-ms-transition: 0.4s ease-in-out 0s;-webkit-transition: 0.4s ease-in-out 0s;transition: 0.4s ease-in-out 0s; padding-left:15px;}
.border-right{ border-right:1px dashed #19406f; min-height:280px;}

.footer_links .links-list li{ float:left; width:48%;}

.footer_bottom { margin: 10px 0 0 0; padding:10px 0px;  background-color:#010c2b; border-top:0px solid #922367;}
.footer_bottom-in{ display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 	
flex-direction: row;-webkit-box-orient: horizontal;  -webkit-box-direction: normal;   -webkit-flex-direction: row;-ms-flex-direction: row;
	flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
    justify-content: space-between;-webkit-box-align: space-between;-webkit-flex-align: space-between;
	-ms-flex-align: space-between;	-webkit-align-items: space-between;		 } 

.footer_bottom p{ text-align: right; font-family: "Avenir-Roman";
 font-size:15px!important; font-weight:400; color:#ededed!important;  text-decoration:none; margin: 0px;}
.footer_bottom p a{ color:#ededed!important;}

.footer_center{ display:flex; flex-direction: row; flex-wrap: nowrap; border-top: 1px solid #444444;} 
.footer_center .footer_center_1{width: 60%;  padding: 15px 0;  border-right: 1px solid #444;}
.footer_center .footer_center_2{width: 40%; padding: 15px 20px; text-align: center;} 


@media only screen and (max-width : 1024px) { 	
.footer_links .links-list li{ float:none; width:100%;}
 
}

@media (min-width: 768px) and (max-width: 991.98px) {
.footer-col{ display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;	
	flex-wrap: wrap!important;   -webkit-flex-wrap: wrap!important;   -ms-flex-wrap: wrap!important;    } 
.footer-col .ft-col-1, .ft-col-2, .ft-col-3{flex-grow: 2; padding: 0 20px;} 
.footer-col .ft-col-1, .ft-col-2{width:auto;} 
.footer-col .ft-col-3{width:auto;} 
}

@media only screen and (max-width : 768px){ 	
 .footer-col{ display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;
	 flex-wrap: wrap;    -webkit-flex-wrap: wrap!important;    -ms-flex-wrap: wrap;	 } 
.footer-col .ft-col-1 {width:100%;  padding: 0 0px 0 0;} 
.footer-col .ft-col-2{width:100%;  padding: 0 0px 0 0;}
.footer-col .ft-col-3{width:100%;  padding: 0 0px 0 0;} 	
}

@media only screen and (max-width : 575px) {
 .footer-col{ display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;
  flex-direction: column;-webkit-box-orient: vertical;   -webkit-box-direction: normal;
    -webkit-flex-direction: column;  -ms-flex-direction: column;	 
	flex-wrap: wrap;    -webkit-flex-wrap: wrap;    -ms-flex-wrap: wrap;
     } 
.footer-col .ft-col-1, .ft-col-2, .ft-col-3{flex-grow: 2; padding: 0 0px;} 
.footer-col .ft-col-1, .ft-col-2{width:100%;} 
.footer-col .ft-col-3{width:100%;}	
	
.footer_links .links-list li{ float:none; width:100%;}
.footer_bottom p{ text-align: left;}
	
.footer_bottom-in{ display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 
 flex-direction: column;-webkit-box-orient: vertical;  -webkit-box-direction: normal;    -webkit-flex-direction: column;    -ms-flex-direction: column;}

	
.footer_center{ display:flex; flex-direction: column; flex-wrap: nowrap; border-top: 1px solid #444444;} 
.footer_center .footer_center_1{width:100%; padding: 15px 0;  border-right: 0px solid #444; border-bottom: 1px solid #444;}
.footer_center .footer_center_2{width:100%; padding: 15px 20px; text-align: center;} 
	
} 


@media only screen and (max-width : 425px) {
.footer_links { padding:0px 0 0 0; display: flex; flex-direction: column; flex-wrap: nowrap; }
.footer_links .footer_links_col{width:100%; margin-right:0px;} 	
.footer_links ul {margin: 0px;}
}


.subscribe-news{ display: flex;flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center;}
.subscribe-news h5{ font-family: "Avenir-Heavy";  color:#c9c9c9; font-size:20px;  margin: 0; text-transform:uppercase; letter-spacing: 0.50px; position: relative; z-index: 1;  } 
.form-inline .form-control {display: block;width: 300px; height: 40px; padding: 6px 12px; font-size: 14px; font-weight:normal; letter-spacing: 0.20px; line-height: 1.42857143;color: #525151; border: 1px solid #c9c9c9; background: #c9c9c9; border-radius: 30px;}
 
.submit-link-1{ background: #234189; padding: 7px 20px; font-family: "Avenir-Heavy";   color: #fff; font-size: 18px;  letter-spacing:0.30px; text-transform: uppercase; border-radius: 20px; margin:10px  0; display: inline-block; text-decoration: none!important;  transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;} 
.submit-link-1:hover{ background: #000; color: #fff;  -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px); -ms-transform: translateY(-6px);   transform: translateY(-6px); box-shadow: 0 -5px 0 0 rgba(24,24,24,.15) inset, 0 5px 10px rgba(0,0,0,0.5);}

@media only screen and (max-width : 1180px) {  
.subscribe-news h5{ font-weight:400; font-size:18px;} 
.form-inline .form-control {display: block;width: 200px; height: 40px; padding: 6px 12px; }	
.submit-link-1{padding: 7px 20px; font-size: 16px; font-weight:500;} 	
}
@media only screen and (max-width : 980px) {  
.subscribe-news h5{ font-weight:400; font-size:16px;} 
.form-inline .form-control {display: block;width: 180px; height: 40px; padding: 6px 12px; }	
.submit-link-1{padding: 7px 20px; font-size: 16px; font-weight:500;} 	
}

@media only screen and (max-width : 980px) { 
.subscribe-news{ display: flex;flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center;}	
.subscribe-news h5{ font-weight:400; font-size:16px; margin-bottom: 10px;} 
.form-inline .form-control {display: block;width: 180px; height: 40px; padding: 6px 12px; }	
.submit-link-1{padding: 7px 20px; font-size: 16px; font-weight:500;} 	
}

@media only screen and (max-width : 575px) {  
.subscribe-news{ display: flex;flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center;}
 .subscribe-news h5{ font-weight:500; font-size:18px; margin:  0 0 15px 0;} 
.form-inline{ flex-direction: column;}	
.form-inline .form-control {display: block;width: 300px; height: 40px; padding: 6px 12px; border-radius: 8px;}
.submit-link-1{padding:4px 10px; font-size: 16px; font-weight:500; margin: 0 0px; border-radius: 8px;} 	
}
@media only screen and (max-width : 300px) { 
.form-inline .form-control {display: block;width: 100%; height: 40px; padding: 6px 12px; border-radius: 8px;}
 	
}


/*-------------------------------------------*/

.social-icon { text-align:left; margin:0px 0 0 0; padding:2px 0; border-bottom: 0px solid #d4d1d1;}
.social-icon:after { content:""; clear:both; display: block}
.social-icon li {padding:2px; display:inline-block; text-align:right; margin-top:0px;color:#7d7d7d; line-height:20px; border-right:0px solid #ddd;}
.social-icon li a { display:inline-block; width:30px; height:30px; line-height:20px !important; text-align:center; text-decoration:none; font-size:20px; font-weight: 400;  padding:4px; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;border-radius:30px; color:#c50a0b!important; background: transparent;}
.social-icon li a:hover{border-radius:30px; background:#c50a0b; color:#fff !important;-webkit-transform: translateY(-6px);   -moz-transform: translateY(-6px); -ms-transform: translateY(-6px);   transform: translateY(-6px);}
.social-icon small{ font-family: "Avenir-Heavy"; font-size: 18px;  color: #161515;  text-transform: none;} 


.social-icon-1 {  font-family: 'Product Sans';  text-align:left; margin:0px 0 0 0; padding:0px; border-bottom: 0px solid #d4d1d1;}
.social-icon-1:after { content:""; clear:both; display: block}
.social-icon-1 li {padding:10px; display:inline-block; text-align:right; margin-top:0px;color:#7d7d7d; line-height:30px; border-right: 0px solid #ddd;}
.social-icon-1 li a span{font-size: 20px;} 
.social-icon-1 li a { display:inline-block; width:auto; height:auto; line-height:20px !important; text-align:center; text-decoration:none; font-size:15px; margin-right:0px !important; padding-top:8px; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;border-radius:0px; /*background:#fff;*/ color:#fff;}
.social-icon-1 li a:hover{border-radius:0px; color:#c50a0b !important;-webkit-transform: translateY(-6px);   -moz-transform: translateY(-6px); -ms-transform: translateY(-6px);   transform: translateY(-6px); }


@media only screen and (max-width : 1024px) {	
/*.social-icon li {padding:0px; }
.social-icon li a { width:22px; height:22px;font-size:15px;}*/	
}

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


/*----------------------------back to top ------------------------*/
.cd-top { display: inline-block; height: 30px; width: 30px; position: fixed;  bottom: 40px;  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);  overflow: hidden;  text-indent: 100%;  white-space: nowrap;  background: rgba(158, 179, 20, 8)  url(../images/cd-top-arrow.png) no-repeat center 50%;  visibility: hidden;  opacity: 0;  -webkit-transition: opacity .3s 0s, visibility 0s .3s;  -moz-transition: opacity .3s 0s, visibility 0s .3s;  transition: opacity .3s 0s, visibility 0s .3s;}  
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;  transition: opacity .3s 0s, visibility 0s 0s;}  
.cd-top.cd-is-visible { visibility: visible;  opacity: 1;}
.cd-top.cd-fade-out { opacity: .8;}  
.no-touch .cd-top:hover {  background-color: #223369;  opacity: 1;}

/*--------------------------------------*/

.mg-both{ margin:30px 0 30px 0;}
.mg-top-20{ margin-top:20px;}
.mg-top-30{ margin-top:30px;}
.mg-top-50{ margin-top:50px;}
.mg-bottom-30{ margin-bottom:30px;}
.mg-bottom-20{ margin-bottom:20px;}
.divider10{ height:10px;}
.divider20{ height:20px;}
.divider30{ height:30px;}
.divider50{ height:50px;}
.divider80{ height:80px;}
.divider120{ height:120px;}

 


/* Large Devices, Wide Screens */
@media only screen and (min-width : 1460px) {
	
}

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

}

 
 /* Medium Devices, Desktops */
@media only screen and (max-width : 1024px) {
	
}

/* Small Devices, Tablets */ 
@media only screen and (max-width : 768px){

}


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

}

/* Extra Small Devices, Phones */ 
 @media only screen and (max-width : 480px) { 
	 
}
/* Custom, iPhone Retina */ 
 @media only screen and (max-width : 320px) {
 
}
/* Custom, */ 
 @media only screen and (max-width : 360px) {

}




 
  
/*==============================================================================*/


.member-list {    font-family: "Avenir-Medium";
  margin: 0px 0;
  text-align: center;
   
}

.member-list ul {
  list-style: none;
  padding: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.member-list ul li {
  width:calc(21.33% - 10px);
  padding: 10px;
  margin: 10px;
  border: 0px solid #ddd;
  border-radius: 8px; background:#ececec;
}

.member-list ul li img {
  width: 100%;
}

.member-list ul li h5 {
  margin: 15px 0 0 0!important;
  font-weight: 500;
  font-size: 17px;
  color: #2b2523;
}

.member-list ul li h6 {
  margin: 0px 0 0 0!important;
  font-weight: 400;
  font-size: 14px;
  color: #2b2523;
}

@media only screen and (max-width :768px) {
  .member-list ul {
      list-style: none;
      padding: 0px;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
  }
  .member-list ul li {
      width: 33%;
      padding: 10px;
      margin: 10px;
      
      border-radius: 10px;
  }
}

@media only screen and (max-width :580px) {
  .member-list ul {
      list-style: none;
      padding: 0px;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
  }
  .member-list ul li {
    width:calc(46.33% - 10px);
      padding: 10px;
      margin: 10px;      
      
  }
}

@media only screen and (max-width :380px) {
  .member-list ul {
      list-style: none;
      padding: 0px;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
  }
  .member-list ul li {
      width: 100%;
      padding: 10px;
      margin: 10px;
      
      border-radius: 10px;
  }
}


/*==============================================================================*/