body{
margin:0px auto;
padding:0px 0px;
font-family: 'Open Sans', sans-serif;
overflow-x: hidden;
width: 100%;
background-image: url(../images/pattern.flowers.png);
    background-color: rgba(191, 191, 189, 0.08);
}
.header {
    margin: 0px auto;
    padding: 5px 0px;
    background: #fcfdfe;
    border-bottom: 10px solid #185906;
    width: 92%;
	
	
	position: fixed;
    top: 0px;
   
    z-index: 500;
    display: block;
        left: 14px;
    right: 14px;
}

nav {
    display: block;
    background: #47423c;
    width: 100%;
    margin: 11px 0px 0px 0px;
	
}
.fix {
    position: relative;
    top: 176px;
    width: 100%;
    max-width: 100%;
    padding: 0px;
    margin: 0px;
}
.logo {
    text-align: -webkit-center;
}
.bannerNav {
    margin: 0px auto;
    width: 92%;
}
.header-1 {
    margin: 0px 0px;
    padding: 5px 25px;
    background: #fcfdfe;
    border-bottom: 10px solid #185906;
}
.header-mail {
    width: 100%;
    max-width: 100%;
    height: auto;
    padding: 5px 0px 0px 0px;
    margin: 0px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}
.maile {
    width: 100%;
    max-width: 100%;
    height: auto;
    font-weight: 600;
 //  padding: 0px 0px 0px 118px;
    margin: 0px auto;
    font-size: 13px;
    float: left;
}
.maile-log li a {
    color: #337ab7;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 4px;
}
.footer h3 {
    font-size: 17px;
    text-transform: uppercase;
    color: #eea04c;
	    font-weight: bolder;
}
.active.item p {
   // text-align: center;
}
.copy a {
    margin-left: 72px;
}
 ul {
      list-style-type: none;
    padding: 0px;
    margin: 0px;
}
.maile li {
    padding: 0px 1px;
    color: rgba(16, 16, 16, 0.77);
    font-family: 'Open Sans', sans-serif;
    /* float: left; */
    display: inline-table;
}
.maile-log ul {
    margin: 0px 12px;
	//float:right;
}

.maile-log {
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-top: 15px;
    margin: 0px 2px;
    /* text-align: center; */
    
}
.maile-log li {
    padding-left: 0px;
    font-size: 11px;
    font-weight: bold;
    /* float: left; */
    display: inline-table;
}
p.tep {
    color: orange;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
    margin: 0px;
    text-align: -webkit-center;
}
@media (max-width: 990px)
{
.col-sm-9.a {
    width: 60%;
}

.col-sm-3.b {
    width: 40%;
}

}

@media (max-width: 770px)
{
.col-sm-9.a {
    width: 100%;
}
.col-sm-3.b {
    width: 100%;
}
}
.maile-log li a:hover {
    color: red;
    text-decoration: none;
}
 .blinker{
        -webkit-animation: color-change 1s infinite;
        -moz-animation: color-change 1s infinite;
        -o-animation: color-change 1s infinite;
        -ms-animation: color-change 1s infinite;
        animation: color-change 1s infinite;
		margin-top:10px;
		
    }
    @-webkit-keyframes color-change {
        0% { color: #246111; }
        50% { color: #e98110; }
        100% { color: #111110; }
    }
    @-moz-keyframes color-change {
      0% { color: #246111; }
        50% { color: #e98110; }
        100% { color: #111110; }
    }
    @-ms-keyframes color-change {
      0% { color: #246111; }
        50% { color: #e98110; }
        100% { color: #111110; }
    }
    @-o-keyframes color-change {
      0% { color: #246111; }
        50% { color: #e98110; }
        100% { color: #111110; }
    }
    @keyframes color-change {
      0% { color: #246111; }
        50% { color: #e98110; }
        100% { color: #111110; }
    }
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    padding-top: 2px;
    color: #eb9133;
    font-size: 17px;
    font-size: 14px;
    margin-right: 4px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.social {
    width: 100%;
    max-width: 100%;
    height: auto;
    text-align: -webkit-center;
    margin: 10px 0px;
}
.social li {
    /* float: left; */
    display: inline-table;
}
.social p {
    margin: 2px 0px 0px 0px;
}
.special-search-overlay-box {
    /* background: #ececec; */
    border-radius: 4px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    display: table-header-group;
    text-align: -webkit-center;
	padding:5px;
}

input, input:not([type="input"]), select, button, textarea {
    border-radius: 3px;
    margin-left: 0px;
    background: #FFF;
    font-size: 13px !important;
    line-height: 16px;
}
.special-search-overlay-box .searchform input[type="submit"] {
    box-shadow: none;
    border: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    width: 30px;
    text-indent: -99px;
    background-size: 16px 16px !important;
    background: #f0f0f0 url(../images/search.png) center center no-repeat;
    margin: 0px !important;
    padding: 3px 0px;
}
 @media (max-width: 767px) {
	 .bannerNav {
    //margin: 0px 14px;
    width: 92%;
}

.header {
    margin: 0px auto;
    padding: 5px 0px;
    background: #fcfdfe;
    border-bottom: 10px solid #185906;
    width: 92%;
}
nav {
    display: block;
    background: #47423c;
    width: 92%;
    margin: 0px auto;
}

.fa {
    /* display: inline-block; */
    /* font: normal normal normal 14px/1 FontAwesome; */
    /* padding-top: 2px; */
    color: #eb9133;
    /* font-size: 17px; */
    /* font-size: 14px; */
    margin-right: 0px;
    /* text-rendering: auto; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.maile {
    width: 100%;
    max-width: 100%;
    height: auto;
    font-weight: 600;
    padding: 0px 0px 0px 0px;
    margin: 0px -8px;
    font-size: 12px;
    float: left;
}
.maile-log li {
    padding-left: 0px;
    font-size: 9px;
    font-weight: bold;
    //color: #5b5b5c;
  //  float: left;
}
.header-mail {
    width: 100%;
    max-width: 100%;
    height: auto;
    padding: 18px 0px 0px 0px;
    margin: 0px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}
.maile-log {
    width: 100%;
    max-width: 100%;
    height: auto;
    padding: 15px;
     margin: 0px -5px; 
    /* text-align: center; */
    FLOAT: left;
	font-size:5px;
}

.social {
    width: 100%;
    max-width: 100%;
    height: auto;
padding: 0px 50px;
       text-align: center;
    margin: 0px ;
	float:left:
	  
}

 }
 input#form-control4 {
    color: black;
    background: darkgoldenrod;
}

/* strat footer*/

.footer h3 {
    font-size: 17px;
    text-transform: uppercase;
    color: #eea04c;
}
.footer-1 {
    background: rgb(18, 18, 17);
    color: rgba(255, 255, 255, 0.79);
    width: 100%;
    padding: 12px;
    margin-top: 20px;
}
.footer {
    background: rgb(18, 18, 17);
    color: rgba(255, 255, 255, 0.79);
       width: 92%;
    padding: 12px;
    /* margin-top: 20px; */
    margin: 0px auto;
}
.fot-about {
    margin-left: 32px;
}
.fot-about li a:hover {
    color: #eb8c26;
    text-decoration: none;
}.fot-about li a{
   color:#fff;
   text-decoration:none;
}
.footer h4 {
    font-size: 14px;
    font-weight: bolder;
}
.footer p {
    
	color:#fff;
}
.copy {
    border-top: 1px solid;
    padding-top: 11px;
    margin-top: 0px;
    width: 100%;
}
.copy a {
    padding-left: 72px;
}
.active.item p {
   // text-align: center;
}
 @media (max-width: 767px) {
.copy a {
    padding-left: 0px;
}
.footer {
    background: rgb(18, 18, 17);
    color: rgba(255, 255, 255, 0.79);
       width: 92%;
    padding: 12px;
    /* margin-top: 20px; */
    margin: 0px auto;
	    TEXT-ALIGN: -webkit-center;
}
i.fa.fa-location-arrow {
    display: none;
}	 
 }
 
::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
i.fa.fa-location-arrow {
    float: left;
}
/*end footer*/
/*-------------------------------*/
/*      Code snippet by          */
/*      @maridlcrmn              */
/*-------------------------------*/


section {
  //  padding-top: 100px;
   // padding-bottom: 100px;
}

.quote {
    color: rgba(0,0,0,.1);
    text-align: center;
    margin-bottom: 30px;
}

/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel {
  padding-bottom: 40px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #e84a64;
  border: none;
}
#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
}
#fade-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
}
#fade-quote-carousel .profile-circle img {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
}
/*end testmonials*/
.menu a {
  color: #BA0707;
  text-decoration: none;
}

.menu a:hover { color: #BA0707; }



nav {
  display: block;
  background: #47423c;
  	
	
}

.menu { display: block;text-align: center; }

.menu li {
  display: inline-block;
  position: relative;
  z-index: 100;
  text-align: left;
}

.menu li:first-child { margin-left: 0; }
.menu li:last-child {
    margin-left: 0;
    //padding-bottom: 10px;
}
.menu li a {
  font-weight: 600;
  text-decoration: none;
     padding: 11px 16px;
  display: block;
  color: #fff;
  transition: all 0.2s ease-in-out 0s;
}
 @media  (max-width: 1200px) {
.menu li a {
    font-weight: 600;
    text-decoration: none;
    padding: 11px 10px;
    display: block;
    color: #fff;
    transition: all 0.2s ease-in-out 0s;
}	 
 }
 @media  (max-width: 1000px) {
	 .header {
    margin: 0px auto;
    padding: 5px 0px;
    background: #fcfdfe;
    border-bottom: 10px solid #185906;
    width: 92%;
       position: absolute;
   top: 0px;
    z-index: 500;
    display: block;
    left: 14px;
   right: 14px;
}
.menu li a {
    font-weight: 600;
    text-decoration: none;
    padding: 11px 8px;
    display: block;
    color: #fff;
    transition: all 0.2s ease-in-out 0s;
}	 
 }
.menu li a:hover,
.menu li:hover>a {
  color:#e87500;
    //background: #e87500;
}

.menu ul {
  visibility: hidden;
  opacity: 0;
  margin: 0;
  padding: 0;
  width: 170px;
  position: absolute;
  left: 0px;
  background: #fff;
  z-index: 99;
  transform: translate(0, 20px);
  transition: all 0.2s ease-out;
}
ul.sub-menu {
       background: rgba(236, 146, 58, 0.78);

}


.menu ul:after {
  bottom: 100%;
  left: 20%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 6px;
  margin-left: -6px;
}
.fot-about-2 ul li {
    padding: 6px;
}

.fot-about ul li {
    padding: 10px 0px;
}

.fot-about ul li a {
color: #fff;
}

.menu ul li {
	width: 100%;
  display: block;
  float: none;
  background: none;
  margin: 0;
  padding: 0;
          background: rgb(71, 66, 60);
  
}

.menu ul li a {
  font-size: 12px;
  font-weight: normal;
      margin: 0px 5px;
  display: block;
  color: #fff;
              background: rgb(71, 66, 60);

	    border-bottom: 1px solid #ccc;
    border-bottom-color: #555;
}

.menu ul li a:hover, .menu ul li:hover>a {
    color: #fff;
  background: hsl(30, 97%, 47%);
   
	    BORDER-RADIUS: 4PX;
        margin: 0px 5px;
    font-size: 12px;
    font-weight: normal;
    display: block;
	border-bottom: 1px solid #ccc;
    border-bottom-color: #555;
}


.menu li a:hover, .menu li:hover>a {
    color: #e87500;
}

.menu li:hover>ul {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.menu ul ul {
  left: 169px;
  top: 0px;
  visibility: hidden;
  opacity: 0;
  padding:5px;
  transform: translate(20px, 20px);
  transition: all 0.2s ease-out;
}

.menu ul ul:after {
  left: -6px;
  top: 10%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 6px;
  margin-top: -6px;
}

.menu li>ul ul:hover {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.responsive-menu {
  display: none;
  width: 100%;
  padding: 20px 15px;
  background: #E95546;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
}

.responsive-menu:hover {
  background: #E95546;
  color: #fff;
  text-decoration: none;
}

a.homer {     background: #47423c; }
 @media (min-width: 768px) and (max-width: 979px) {

.mainWrap { width: 768px; }

.menu ul { top: 37px; }

.menu li a { font-size: 12px; }

a.homer { background: #E95546; }
}
 @media  (max-width: 979px) {
.menu { display: none; margin:0px;}

.responsive-menu { display: block;     width: 108%; }
nav {
  margin: 0;
  background: none;
}

.menu li {
  display: block;
  margin: 0;
}

.menu li a {
  background: #fff;
  color: #797979;
}

.menu li a:hover,
.menu li:hover>a {
  background: #FC6D58;
  color: #fff;
}

.menu ul {
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  transform: initial;
}

.menu li:hover>ul {
  visibility: visible;
  opacity: 1;
  position: relative;
  transform: initial;
}

.menu ul ul {
  left: 0;
  transform: initial;
}
 }
 
.content {
    width: 92%;
    max-width: 100%;
    margin: 0px auto;
    padding: 14px 0px;
    background: #fff;
    //float: left;
	    background: rgba(191, 191, 189, 0);
}

 @media (max-width: 767px)
 {
.copy .col-sm-4 {
    padding-top: 8px;
    font-size: 11px;
 }
 .responsive-menu {     width: 108%; }
 }
.innerContent {
   width:100%;
max-width:100%;  
display:inline-block; 
}
.innerContent h1 {
    background: #245b13 url(../images/grad2.jpg) repeat-x left top;
    background-size: 100% 100%;
    color: #fff;
    font: normal 22px 'Open Sans', sans-serif;
    line-height: 30px;
    padding: 10px;
    margin: 0px 0 20px 0;
    border-bottom: #f2c494 solid 5px;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
	text-transform: uppercase;
}
.innerContent p {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    margin: 0 0 20px 0;
    text-align: justify;
    clear: both;
    line-height: 33px;
}

.innerLeft {
   
    width: 100%;
   // border: #ccc solid 1px;
    overflow: hidden;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
.innerLeft h3 {
   color: #003366;
    padding: 10px;
	text-transform: uppercase;
    line-height: 25px;
    display: block;
    border-bottom: #47423c solid 1px;
    font-size: 18px;
    margin-top: 3px;
    background: #eb7904;
    border-radius: 6px;
}
.innerLeft a:focus, a:hover {
   color:#e77d10;
     text-decoration: none; 
}
.rightCourseList {
    float: left;
    width: 100%;
	    margin-top: -9px;
}
.rightCourseList li {
    float: left;
    width: 100%;
}
.rightCourseList li a {
    display: block; 
    padding: 14px 10px 14px 25px;
    //font: normal 16px 'Open Sans', sans-serif;
    //background: #fff;
    position: relative;
        border-bottom: #ffc000 solid 1px;
    line-height: 22px;
	    color: black;
}
.rightCourseList li a:hover {
    display: block;
    color: #fff;
    padding: 14px 10px 14px 25px;
    font: normal 16px 'Open Sans', sans-serif;
    background: rgba(145, 103, 64, 0.37);
    position: relative;
    border-bottom: #31c84a solid 1px;
    line-height: 22px;
	    
}
.rightCourseList li a:before {
    content: '';
    position: absolute;
    left: 5px;
    top: 15px;
    width: 20px;
    height: 20px;
    background: url(../images/right.png) no-repeat center center;
    background-size: 10px 18px;
}
.ms {
        float: left;
    width: 100%;
	max-width:100%;
}
.list {
    margin: 0 0 20px 0;
    clear: both;
}
.list li {
    font: normal 14px  'Open Sans', sans-serif;
    background: url(../images/arrow1.png) no-repeat left 5px;
    margin: 0 0 14px 0;
    padding: 0 0 0 10px;
}
.ms h6 {
  background: rgba(232, 124, 7, 0.72);
    font: normal 16px  'Open Sans', sans-serif;
    color: #003366;
    float: left;
    padding: 10px;
    clear: both;
	text-transform: uppercase;
    width: 202px;
    margin: 0 0 10px 0;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}
.back-to-top .btn-primary {
    color: #fff;
    background-color: #245b13;
    border-color: #eea04c;
}


.basicTable {
    float: left;
    width: 99%;
    border-top: #ccc solid 1px;
    border-left: #ccc solid 1px;
    margin: 0 0 20px 0;
}
.basicTable tr th {
    background: #012b4c;
    color: #fff;
}
.basicTable tr td, .basicTable tr th {
    border-bottom: #ccc solid 1px;
    border-right: #ccc solid 1px;
    padding: 10px;
    font: normal 17px calibri, arial;
   text-align: center;
}
.basicTable tr td:nth-last-child(2) {
 text-align: left;
}
.basicTable tr:hover {
    background: #568348;
    color: #fff;
}
.personImg {
    float: left;
    border: #ccc dashed 1px;
    background: #f7f7f7;
 //   width:100%;
    margin: 00px 20px 20px 0;
    //position: relative;
    //z-index: 1;
    padding: 10px;
    background: #fff;
	    width: 100%;
}
.personImg-1 {
    float: left;
    border: #ccc dashed 1px;
    background: #f7f7f7;
    // width: 100%;
   // margin: 00px 12px 20px 0;
    //position: relative;
    //z-index: 1;
    padding: 10px;
    background: #fff;
        text-align: -webkit-center;
}
.personImg-1 p {
    //float: left;

    background: #f7f7f7;
    padding: 10px;
    background: #fff;
    text-align: center;
}
.big {
    font-size: larger;
}
.innerContent p b {
    color: #012b4c;
}
.fot-about-2 h5 {
    background: none;
    padding: 0px;
    margin-left: -20px;
}
.innerContent h2 {
    border-bottom: #012b4c solid 1px;
    color: #012b4c;
    font: normal 20px calibri, Arial, Helvetica, sans-serif;
    margin: 0 0 5px 0;
}
h5 {
    
    width: 100%;
	 color: #fff;
    font: normal 20px calibri, Arial, Helvetica, sans-serif;
    background: #012b4c;
    margin: 0 0 10px 0;
    padding: 5px 0;
    text-indent: 10px;
   
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
.innerContent h5 {
    
    width: 100%;
	 color: #fff;
    font: normal 20px calibri, Arial, Helvetica, sans-serif;
    background: #012b4c;
    margin: 0 0 10px 0;
    padding: 5px 0;
    text-indent: 10px;
   
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
.conte {
    float: left;
    width: 100%;
    background: #ddd;
    margin: 0 0 0px 0;
}
.address p {
    font-size: 13px;
    line-height: 21px;
}
.address {
    float: left;
    width: 100%;
    margin: 0 0px 0 0;
    background: #eee;
    padding: 5px;
}
.conte p {
        margin: 8px;
    text-align: left;
}
.te {
    float: left;
    padding: 0px 0 0px 0;
   // width: 100px;
}
.map {
    width: 100%;
    max-width: 100%;
    padding: 5px;
}
.con-form {
    width: 100%;
    max-width: 100%;
    padding: 0px;
    margin: 0px;
}
.form-horizontal .form-group {
    /* margin-right: -27px; */
    margin-left: -44px;
    margin-top: 40px;
}
//a#back-to-top{
//	transform: rotate(90deg);
//}
.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
	transform: rotate(90deg);
}
/* photo galler */
.irs-courses-img img {
    width: 100%;
}
.irs-courses-content {
    text-align: center;
    padding: 10px;
}
.irs-btn-transparent-two {
	width:100%;
	margin-top:2px;
    color: #ffffff;
    background: #F4A460;
    border-color: #F4A460;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-transform: Uppercase;
}
.irs-courses-img {
    border: 2px solid green;
    border-radius: 6px;
    box-shadow: 4px 3px 2px -1px #a5c4df; 
	margin-top: 12px;
}

/* end gallery*/
.fa-3x {
    font-size: 2em;
	text-align:center;
}
/* acordian*/
  .panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #EEEEEE;
    }

    .panel-default > .panel-heading {
    padding:0px;
    color: #212121;
    background: teal;
    background-color: #008080;
    border-color: #EEEEEE;
}
	
  

    .panel-title {
    font-size: 14px;
    text-transform: uppercase;
}
 .panel-title > a {
    display: block;
    padding: 12px 11px;
    margin: 0px;
    text-decoration: none;
    color: #fff;
    font-weight: 300;
    box-shadow: burlywood;
      font-size: 16px;
    background: teal;
    border-radius: 4px;
}
 .panel-title > a:hover {
    display: block;
   padding: 12px 11px;
    margin: 0px;
    text-decoration: none;
    color: #fff;
    font-weight: 300;
    box-shadow: burlywood;
      font-size: 16px;
  background-color:#ea7501;
    border-radius: 4px;
}
i.more-less.glyphicon.glyphicon-plus {
    font-size: 22px;
    font-weight: bolder;
	    float: right;
		    margin: 0px;
    position: relative;
    top: -3px;
	    display: inline-block;
}

h4.panel-title:active {
    font-size: 14px;
    background: red;
}
i.more-less.glyphicon.glyphicon-minus {
       float: right;
    border-radius: 8px;
        padding: 0px 4px;
    color: #333;
    background-color: #f5f5f5;
	
	
}
/* end acordain */

.overlay {
 position: absolute;
 top: 0px;
 bottom: 0;
    left: 16px;
 right: 0;
 height: 88%;
     width: 86%;
 opacity: 0;
 transition: .5s ease;
    background-color: rgba(37, 97, 17, 0.44);
}

.labrat:hover .overlay {
 opacity: 1;
}
 .labrat img {
    vertical-align: middle;
    width: 100%;
}

.text p {
color: #fff;
   font-size: 12px;
   position: absolute;
       text-align: center;
   top: 50%;
   width: 100%;
   left: 47%;
   transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.text p a{
	color: #fff;
	font-size:100px;
}
.text p a:hover{
	color: #fff;
}
a.madel4:hover {
    background: red;
}
.wrap-title-page {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../banner/about-banner.png);
    padding-top: 100px;
    padding-bottom: 136px;
    margin: 0px 0px 8px;
    background-color: #2d3e50;
}
.wrap-title-page h1 {
    text-align: center;
    margin-bottom: -20px !important;
    color: #dc143c;
}
/*--responsive strat--*/
 @media (max-width: 1024px) {
.fot-about {
     margin-left: 0px;
}



.footer h4 {
    font-size: 12px;
    font-weight: bolder;
    margin: 0px 0px;
}
.content {
    width: 89%;
    max-width: 100%;
    margin: 0px auto;
    padding: 14px 0px;
    background: #fff;
    
    background: rgba(191, 191, 189, 0);
}


 }
    @media all and (max-width: 1305px) and (min-width: 1128px){
		
	.fix {
    position: relative;
    top: 190px;
    width: 100%;
    max-width: 100%;
    padding: 0px;
    margin: 0px;
}
	}
   @media all and (max-width: 1130px) and (min-width: 990px){
		
	.fix {
    position: relative;
        top: 207px;
    width: 100%;
    max-width: 100%;
    padding: 0px;
    margin: 0px;
}	
	
	}
	@media all and (max-width: 989px) and (min-width: 900px){
		
	.fix {
    position: relative;
        top: 274px;
    width: 100%;
    max-width: 100%;
    padding: 0px;
    margin: 0px;
}	
	.personImg-1 p {
    background: #f7f7f7;
    padding: 10px;
    background: #fff;
    text-align: center;
    font-size: 12px;
}
	}
	
		@media all and (max-width: 899px) and (min-width: 765px){
		
	.fix {
    position: relative;
        top: 280px;
    width: 100%;
    max-width: 100%;
    padding: 0px;
    margin: 0px;
}
.personImg-1 p {
    background: #f7f7f7;
    padding: 11px;
    background: #fff;
    text-align: center;
    font-size: 10px;
}	
	
	}
		@media all and (max-width: 765px) {
		
	.fix {
    position: relative;
        top: 366px;
    width: 100%;
    max-width: 100%;
    padding: 0px;
    margin: 0px;
	left:1px;
}
}

@media all and (max-width: 600px) {
		
	.fix {
    position: relative;
        top: 351px;
    width: 100%;
    max-width: 100%;
    padding: 0px;
    margin: 0px;
	left:0px;
}
}
@media (max-width: 345px)
{
.fix {
    position: relative;
    top: 409px;
    width: 100%;
    max-width: 100%;
    padding: 0px;
    margin: 0px;
    left: 1px;
}
}	
@media (max-width: 450px)
{
.fix {
    position: relative;
    top: 377px;
    width: 100%;
    max-width: 100%;
    padding: 0px;
    margin: 0px;
    left: 1px;
}
}
	@media all and (max-width: 450px) {
		
	.button1 {
    background: red;
    padding: 5px 10px;
    color: #fff;
    border: none;
    border-radius: 5px;
    animation-name: flash;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
	display:block;
	width:66%;
	margin:10px;
}
}
	
	.innerContent h1 {
    background: #245b13 url(../images/grad2.jpg) repeat-x left top;
    background-size: 100% 100%;
    color: #fff;
    font: normal 15px 'Open Sans', sans-serif;
    line-height: 30px;
    padding: 10px;
    margin: 0px 0 20px 0;
    border-bottom: #f2c494 solid 5px;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    text-transform: uppercase;
}
.innerLeft h3 {
    color: #003366;
    padding: 10px;
    text-transform: uppercase;
    line-height: 25px;
    display: block;
    border-bottom: #47423c solid 1px;
    font-size: 15px;
    margin-top: 3px;
    background: #eb7904;
    border-radius: 6px;
}
.personImg-1 p {
    background: #f7f7f7;
    padding: 10px;
    background: #fff;
    text-align: center;
    font-size: 10px;
}
	}
.test-monials p {
    text-align: center;
}
input.btn.btn-primary1 {
    background: green;
    color: #fff;
    margin: 10px;
}
.pgm_structure li{
    display: flex;
    gap: 10px;
    font-size: 16px;
    align-items: baseline;
}
.pgm_structure li i{
    font-size: 24px;
}