@import url('fonts.css');

body {
 	text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
	 
}

.top-section
{
/*
	background-image:url(../img/bg1.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: top;
	height: 700px;
*/
	position: absolute; top:0px; width: 100%; z-index: 10;
}

.carousel-item
{
 	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: top;
	height: 700px;
}

.carousel-indicators {
    position: absolute;
    right: 0% !important;
    bottom: 100px;
    z-index: 15;
    margin-right: 15%; 
	left: auto;
 }

.carousel-caption  { padding-bottom: 100px; }

.top-social
{
	margin-top: 50px;
}

.top-social svg {fill:#fff !important; width: 30px; height: 30px;}
.top-social #youtube {fill:#365b61 !important;  }
.top-social svg:hover #youtube {fill:#fff !important;  }

.top-social svg:hover {fill:#2e3192 !important; }

.menu-section
{
	background-color: #2e3192;
	padding: 7px 0px;
	color: #fff;
}

.hamburger-section
{
   padding: 30px 15px;
}
.menu-text 
{
	display: inline-block; 
	vertical-align: top;
	text-transform: uppercase;
	font-size: 20px;
}
.menu-icon {display: inline-block; vertical-align: middle; width: 40%;}
.menu-icon:hover .menu-text {color: #4cb848;}
.menu-icon:hover .hamburger div { width: 100%; background: #4cb848;   }

.hamburger {
  display: flex; vertical-align: top;
  align-self: center;
  flex-direction: column;
  justify-content: space-between;
  width: 45px;
  height: 30px;
  cursor: pointer;
}

.hamburger div {
  align-self: flex-star;
  height: 6px;
  width: 100%;
  background: #fff;
  border-radius: 7px;
 
}
  
/*.hamburger:hover div { width: 100%; background: #4cb848;   }*/

.hamburger .meat {width: 100%; transition: all 200ms ease-in-out;}

.hamburger .bottom-bun { width: 100%; transition: all 400ms ease-in-out;}

.hamburger:hover .top-bun {
  -webkit-animation: burger-hover 1s infinite ease-in-out alternate;
  animation: burger-hover 1s infinite ease-in-out alternate;
}
.hamburger:hover .meat {
  -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;
  animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;
}
.hamburger:hover .bottom-bun {
  -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;
  animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;
}

.white {background-color: #fff !important;}

@-webkit-keyframes burger-hover {
  0%  {width: 100%;}
  50% {width: 50%;}
 100% {width: 100%;}
}

@keyframes burger-hover {
  0%  {width: 100%;}
  50% {width: 50%;}
 100% {width: 100%;}
}
/***********  menu animation end ***********/

.lang svg
{
	width: 30px;
	height: 30px;
	display: inline-block; vertical-align: middle;
	width: 15%;
}
 .search svg
{
	width: 40px;
	height: 40px;
	display: inline-block; vertical-align: middle;
	width: 15%;
}

 .lang svg:hover #lang, .search svg:hover #search
{
	 fill:#4cb848
}

.logo {padding-top: 20px;}

.menu-logo
{
	margin-top: 50px;
}

.menu-open-text {
    color: #fff;
    font-family: 'ProximaNova-Light';
    font-size: 22px;
    line-height: 35px;
    margin-top: 40px;
    padding: 20px 0% 0px 0px;
}

.top-section-text
{
	 width: 58%;
	text-align: left;
	float: right;
}

.top-section-subtitle
{
	color:#fff;
	font-family: 'ProximaNova-Light';
	font-size: 23px;
	line-height: 35px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.top-section-title {
    color: #fff;
    font-family: 'BodoniAntiquaTOT-Lig';
    font-size: 54px;
    line-height: 45px;
}

.top-section-readmore {margin-top: 20px;}
.top-section-readmore button
{
	color:#4cb848;
	font-family: 'ProximaNova-Bold';
	font-size: 16px;
	line-height: 20px;
	background-color: #2e3192;
	border: none;
	text-transform: uppercase;
	padding: 5px 15px;
	letter-spacing: 2px;
 }
.top-section-readmore button:hover
{
	color:#2e3192;
 	background-color: #fff;
	transition: all 0.5s;
  }

.contact-div
{
	position: absolute;
    right: -34px;
    top: 150px;
    transform: rotate(-90deg);
    background-color: #2e3192;
    padding: 15px 20px;
	transition: all 500ms;
	z-index: 50;
 }


.contact-div a
{
	font-family: 'ProximaNova-Bold';
	font-size: 16px;
	line-height: 20px;
	color:#fff;
	letter-spacing: 1px;
 }
.contact-div a span
{
	font-family: 'ProximaNova-Light';
 	opacity: 0.8;
 }


.contact-div:hover {  background-color: rgba(255,255,255,0.7); transition: all 500ms;}
.contact-div:hover a {  color: #2e3192; transition: all 500ms;}
/*
#header
{
	background-color: #000;
	height: 110px;
	position: fixed;
	width: 100%;
	z-index: 100;
	transition: all 0.7s ease;
}
  
#header.small {
    height: 80px;
  	position:fixed;
	transition: all 0.7s ease;
}

#header.small .logo {
    padding-top: 10px;
	width: 50%;
	transition: all 0.7s ease;
}
  
*/

.news-section
{
	background-color: #fff;
	padding: 80px 15px;
}


.news-img {width: 100%; overflow: hidden; margin:25px 0px;}
 
.imginside 
 {
   width:100%;
   -webkit-transition: all 500ms ease-out;
	 -moz-transition: all 500ms ease-out;
	 -o-transition: all 500ms ease-out;
	 -ms-transition: all 500ms ease-out;	
	 transition: all 500ms ease-out;
	 filter: grayscale(100);
  }

.news-img:hover .imginside {
	 -webkit-transition: all 500ms ease-out;
	  -moz-transition: all 500ms ease-out;
	  -o-transition: all 500ms ease-out;
	  -ms-transition: all 500ms ease-out;	
	  transition: all 500ms ease-out;
    	-moz-transform: scale(1.06);
		-o-transform: scale(1.06);
		-webkit-transform: scale(1.06);
		transform: scale(1.06);
	filter: grayscale(0);

}
/***** /press section in home page *********/

.infoucs
{ 
   font-family: 'ProximaNova-Light';
   color:#2e3192;
   font-size:22px;
   line-height:25px;
   text-align:left;
   margin:5px 0px;
}
.news-section-title
{ 
   font-family: 'BodoniAntiquaTOT-Lig';
   color:#2e3192;
   text-transform:uppercase; 
   font-size:50px;
   line-height:55px;
 }

.news-section-des
{ 
   font-family: 'ProximaNova-Light';
   color:#48ab44;
   font-size:18px;
   line-height:25px;
   text-align:left;
   margin:5px 0px;
}
.newstitle
{ 
   font-family: 'BodoniAntiquaTOT-Lig';
   color:#2e3192;
   text-transform:uppercase; 
   font-size:30px;
   line-height:35px;
 }

.newsdate
{ 
   font-family: 'ProximaNovaCond-Light';
   font-size:16px;
   line-height:25px;
   color:#8a8a8a;
   text-align:left ;
   margin:5px 0px;
	text-transform: uppercase;
   letter-spacing: 1px;
 }
 
.newsbody
{ 
   font-family: 'ProximaNova-Light';
   color:#8a8a8a;
   font-size:18px;
   line-height:25px;
   text-align:left;
   margin:5px 0px;
}

.press-readmore { display: inline-block}

.press-readmore button
{
 	 font-size:18px;
	 font-family: 'ProximaNova-Light';
     color:#4cb848;
 	 border:none;
	 background-color: transparent;
	 text-transform: uppercase;
	 transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;
} 

.press-readmore button:hover 
{ 
	color:#2e3192; 
	text-decoration: underline; 
	text-decoration-color: #4cb848;   
	transition:all 0.5s; 
	-webkit-transition:all 0.5s; 
	-moz-transition:all 0.5s;
}

 .client-section
{
	padding: 80px 15px;
	background-color:#efefef;
}

.our-stories
{ 
   font-family: 'ProximaNova-Light';
   color:#626468;
   font-size:22px;
   line-height:25px;
   text-align:left;
   margin:5px 0px;
}

.our-clients-title
{ 
   font-family: 'BodoniAntiquaTOT-Lig';
   color:#0c4a82;
   text-transform:uppercase; 
   font-size:50px;
   line-height:60px;
   border-bottom: solid 2px #0c4a82;
   width: fit-content;
 }

.footer
{
	background-color: #2e3192;
	padding: 30px 15px;
}
  
.footer-logo 
{
	display: inline-block;
	vertical-align: bottom; 
	width: 16%;
}

.footer-logo img 
{
 	width: 75%;
}

.footer-text 
{
	display: inline-block;
	vertical-align: bottom; 
	width: 83%;
	font-family: 'ProximaNova-Light';
    color:#afafaf;
    font-size:14px;
    line-height:18px;
}

.footer-social{text-align: right; margin-top: 20px;}

.footer-social svg {fill:#fff !important; width: 25px; height: 25px;}
.footer-social #youtube {fill:#365b61 !important;  }
.footer-social svg:hover #youtube {fill:#fff !important;  }

.footer-social svg:hover {fill:#4cb848 !important; }
 
.copyrights-top {margin-top: 20px;}
.copyrights 
{
 	font-family: 'ProximaNova-Light';
    color:#afafaf;
    font-size:14px;
    line-height:16px;
}

.terms  { text-align: center; color: #afafaf; }

.terms a
{
  	font-family: 'ProximaNova-Light';
    color:#afafaf;
    font-size:14px;
    line-height:16px;
	margin-right: 10px;
}
.terms a:last-child { margin-left: 10px; }

.terms a:hover
{
  	font-family: 'ProximaNova-Light';
    color:#fff;
    font-size:14px;
    line-height:16px;
	margin-right: 10px;
}

.developed   
{
 	font-family: 'ProximaNova-Light';
    color:#afafaf;
    font-size:14px;
    line-height:16px;
	text-align: right;
}

.developed a 
{
 	font-family: 'ProximaNova-Light';
    color:#fff;
    font-size:14px;
    line-height:16px;
}

.partners-section
{
	background-color: #48ab44;
	padding: 150px 15px 80px 15px;
	position: relative;
}

.partner-img
{
	position: absolute;
	right: -13.75%;
	bottom: -150px;
 }
 

.partner-text
{
	color:#fff;
	font-family: 'ProximaNova-Light';
	font-size: 20px;
	line-height: 30px;
	margin-top: 40px;
}

.partner-title {
    color: #fff;
    font-family: 'BodoniAntiquaTOT-Lig';
    font-size: 65px;
    line-height: 60px;
}

.our-vision-title {
    color: #fff;
    font-family: 'BodoniAntiquaTOT-Lig';
    font-size: 45px;
    line-height: 50px;
	text-transform: uppercase;
} 

.team-expert {
    color: #fff;
    font-family: 'BodoniAntiquaTOT-Lig';
    font-size: 30px;
    line-height: 35px;
	text-transform: capitalize;
	margin-top: 30px;
} 

.team-section
{
	background-color: #48ab44;
	padding: 70px 15px;
	position: relative;
}

.team-container
{
	margin-top: 70px;
}

.team-name {
    color: #000;
    font-family: 'BodoniAntiquaTOT-Lig';
    font-size: 35px;
    line-height: 40px;
	text-transform: uppercase;
	margin-top: 15px;
	letter-spacing: -1px;
}

.team-name2 {
    color: #fff;
    font-family: 'BodoniAntiquaTOT-Lig';
    font-size: 30px;
    line-height: 35px;
	text-transform: uppercase;
 }


.team-title {
    color: #272727;
    font-family: 'BodoniAntiquaTOT-Lig';
    font-size: 25px;
    line-height: 30px;
	text-transform: capitalize;
} 
.team-text {
    color: #fff;
    font-family: 'ProximaNova-Light';
    font-size: 18px;
    line-height: 25px;
    margin-top: 20px;
}
.modal-team-text {
    color: #000;
    font-family: 'ProximaNova-Light';
    font-size: 18px;
    line-height: 25px;
    margin-top: 20px;
}

.team-text a {
    color: #2e3192;
    font-family: 'ProximaNova-Light';
    font-size: 18px;
    line-height: 25px;
    text-transform: uppercase;
	text-decoration: underline;
	display: block;
	text-align: right;
	margin-top: 15px;
}

.modal-content
{
	background-color:#fff;
	padding: 20px;
}

.modal-dialog {
    max-width: 60%;
    margin: 1.75rem auto;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow:none;
  opacity: 1;
}


.modal-header {padding: 0px; border-bottom: none;}

.bg-blue
{
    background-color:#2e3192;
 	width: 40%;
	display: inline-block;
	margin-top: -40px;
	margin-bottom: -60px;
	position: absolute;
	z-index: 80;
	height: 500px;
}

.inner-bg-blue
{
	width: 400px;
	float: right;
 	padding: 50px 10% 30px 0px;
}


.white-bg
{
	background-color: #fff;
	width: 59%;
 	display: inline-block;
	height: 420px;
	position: relative;
	margin-left: 40%;
}

.inner-white-bg
{
	width: 80%;
 	padding: 30px 0px 30px 50px;
}


.mission-text
{
	color:#fff;
	font-family: 'ProximaNova-Light';
	font-size: 20px;
	line-height: 30px;
	margin-top: 10px;
}

.mission-smalltitle
{
	color:#4cb848;
	font-family: 'ProximaNova-Light';
	font-size: 20px;
	line-height: 16px;
	margin: 15px 0px;
}
.mission-title {
    color: #fff;
    font-family: 'BodoniAntiquaTOT-Lig';
    font-size: 50px;
    line-height: 50px;
	text-transform: uppercase;
}

.our-services-title
{
	color:#4cb848;
	font-family: 'ProximaNova-Light';
	font-size: 20px;
	line-height: 16px;
	margin: 0px 0px;
}

.our-services-title2{
    color: #2e3192;
    font-family: 'BodoniAntiquaTOT-Lig';
    font-size: 50px;
    line-height: 50px;
	text-transform: uppercase;
	margin-top: 20px;
}

.services-text
{
 	color:#626468;
	font-family: 'ProximaNova-Light';
	font-size: 20px;
	line-height: 25px;
	 
}

.services-text a
{
 	color:#0a4981;
	text-transform: uppercase;
	text-decoration: underline;
 }

.services-text a:hover
{
 	color:#48ab44;
	text-transform: uppercase;
	text-decoration: none;
 }
.service-img {margin-top: 25px;}

.who-we {padding-right: 15%;}

.partner-img2 {
    position: absolute;
/*    right: 10.25%;*/
    bottom: -100px;
}

.our-services-body {margin-top: 30px;}

.services-num
{
	width: 10%;
	display: inline-block;
	vertical-align: top;
}

.services-text
{
	width: 80%;
	display: inline-block;
	vertical-align: top;
}

.our-services-body .services-num
{
	color:#48ab44;
	font-family: 'BodoniAntiquaTOT-Lig';
    font-size: 50px;
    line-height: 50px;
	text-transform: uppercase;
 }

.our-services-body .row {margin-top: 20px;}

.mission-icon 
{
	position: absolute;
	right: -10px;
	top: 10px;
 }

.about-header { height: 140px; }

.about-logo   { padding-top: 20px;}
.about-logo img { width:23%;}

.contact-about {margin-top: 104px;}
.contact-about:hover {  background-color: rgba(172,170,170,0.50); transition: all 500ms;}

.about-we-do {top:160px; right: 0px;} 

.who-we-section { padding: 50px 15px; }

.mission-section 
{
	padding: 80px 15px;
	background-color:#2e3192;
	position: relative;
 }

.values-text
{
	color:#626468;
	font-family: 'ProximaNova-Light';
	font-size: 20px;
	line-height: 30px;
	margin-top: 40px;
}
.values-text span
{
	color:#48ab44;
	font-family: 'ProximaNova-Bold';
	font-size: 20px;
	line-height: 30px;
	 
}

.service-container
{
	background-color:#E3E3E3;
	padding: 20px;
	margin-top: 30px;
}

.service-icon
{
	text-align: center;
	margin-top:10px;
	margin-bottom: 15px;
}


.services-title{
    color: #2e3192;
    font-family: 'BodoniAntiquaTOT-Lig';
    font-size: 40px;
    line-height: 40px;
	text-transform: uppercase;
	margin-top: 20px;
}

.service-title
{
	text-align: center;
	color:#2e3192;
	font-family: 'ProximaNova-Bold';
    font-size: 20px;
    line-height: 26px;
	text-transform: uppercase;
	margin: 10px 0px;
}

.service-bodytext
{
	color:#626468;
	font-family: 'ProximaNova-Light';
	font-size: 22px;
	line-height: 30px;
 }

.service-bodytext a
{
	color:#48ab44;
	font-family: 'ProximaNova-Bold';
	font-size: 18px;
	line-height: 25px;
	text-transform:uppercase;
	text-decoration: underline;
 }

.service-bodytext a:hover
{
	color:#2e3192;
 	text-decoration: none;
 }

.service-bodytext ul {padding: 0px; margin-top: 50px;}
.service-bodytext ul li {list-style: none; margin-top: 20px;}

.services-page 
{ 
	padding: 20px 15px;
	min-height: 80vh;
}


.icon
{
	display: inline-block;
	vertical-align: middle;
	width: 15%;
}
.service-text
{
	display: inline-block;
	vertical-align: middle;
	width: 80%;
}


@media screen and (max-width: 767px)
{
.service-text
{
	display: inline-block;
	vertical-align: right;
	width: 100%;
}
	
	
	
	
}


.back-button
{
	text-align: right;
	float: right;
}

.back-button button
{
	background-color: #2e3192;
	border: none;
	color: #fff;
	padding: 3px 10px;
	cursor: pointer;
}

.small-title
{
	color:#48ab44;
	font-family: 'ProximaNova-Bold';
	font-size: 20px;
	line-height: 25px;
	text-transform:capitalize;
	margin: 40px 0px 15px 0px;
}

.contact-form
{
	margin-top: 30px;
}

.contact-form .form-control {
    border-radius: 0px;
	height: 45px;
	font-size: 14px;
	
}

.contact-form textarea {
    width: 100%; 
	padding: 10px; 
	font-size: 14px;
}

.contact-form .form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #4cb848;
  outline: 0;
  box-shadow: 0 0 0 1px rgba(76, 184, 72, 0.85);
}

.contact-form .submit {
    background-color: #2e3192;
	padding: 3px 15px; 
	font-size: 14px;
	border: solid 1px transparent;
	color:#fff;
	text-transform: uppercase;
	float: right;
}

.contact-form .submit:hover {
    background-color: #4cb848;
	
}

.scroll-down
{
	position: absolute;
	bottom: 30px;
	left: 50%;
	z-index: 80;
	color: #fff;
	font-family: 'ProximaNova-Bold';
	font-size: 18px;
}

.mouse {
  
  height: 35px;
  position: relative;
}
.mouse::before {
  content: '';
  width: 1px;
  height: 35px;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  opacity: 1;
  animation: wheel 2s infinite;
  -webkit-animation: wheel 2s infinite;
}

@keyframes wheel {
  to {
    opacity: 0;
    top: 40px;
  }
}
@-webkit-keyframes wheel {
  to {
    opacity: 0;
    top: 40px;
  }
}