/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=PT+Sans');
@import url('https://fonts.googleapis.com/css?family=Lobster');
@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro');
@font-face
{
  font-family: 'Myriad Pro Regular';
  src: url('../fonts/Myriad Pro Regular.ttf')  format('truetype'), 
}

body
{
	overflow-x:hidden;
}

.wrapper
{
	max-width:1200px;
	margin:0px auto;
	
}

.header
{
	padding:11px;
}

.header-contact
{
	list-style-type:none;
	padding: 43px 0px 0px 0px;
	float:right;
}

.font-01
{
	font-size: 18px;
	color: #000;
	font-family: 'PT Sans', sans-serif;
}
.mail-font
{
	    font-size: 20px;
	    color: #000;
    	text-decoration: none;
		font-family: 'PT Sans', sans-serif;
}

.mail-font:hover
{
	    font-size: 20px;
	    color: #00ace8;
    	text-decoration: none;
		font-family: 'PT Sans', sans-serif;
}

.certificat-img
{
	margin-left: 100px;
}

.hrading
{
	font-size:32px;
	color:#000;
	font-family: 'Source Code Pro', monospace;
}

.heading-home
{
	font-size:42px;
	color:#000;
	font-family: 'Lobster', cursive;
	text-shadow: 1px 1px 1px #000;
}

.font-02
{
	font-size: 17px;
	color: #000;
	letter-spacing: 1px;
	text-align: justify;
	line-height: 29px;
	padding-top: 5px;
}
.font-02 a
{
	font-size: 17px;
	color: #000;
}
/*.testimonial-heading
{
	font-size: 22px;
    font-family: 'Lobster', cursive;
    color: #1f4fa1;
    color: #000;
	font-family: 'PT Sans', sans-serif;

}*/

.testimonial-heading
{
	font-size: 28px;
    font-family: 'Lobster', cursive;
    color: #00aceb;
	text-shadow: 1px 1px 1px #0009;

   /*color: #000;
	font-family: 'PT Sans', sans-serif;*/

}

.testimonial-font
{
	font-size: 15px;
	color: #000;
	letter-spacing: 1px;
	text-align: justify;
	line-height: 25px;
	
}

.footer
{
	padding: 40px;
}

.footer-font-01
{
	font-size: 17px;
	color: #000;
	letter-spacing: 1px;
	text-align: justify;
	line-height: 29px;
}
.footer-heading
{
	margin-top: 70px;
}
.footer-heading-02
{
	margin-top: 100px;
}
.footer-map
{
	padding-top: 79px;
}

.copy-font
{
	font-size: 17px;
	color: #000;
	letter-spacing: 1px;
	text-align: justify;
	line-height: 29px;
	margin-top: 10px;
}

.footer-mail
{
	font-size: 18px;
	color: #000;
	text-decoration: none;
	font-family: 'PT Sans', sans-serif;
}
.footer-mail:hover
{
	font-size: 18px;
	color: #00ace8;
	text-decoration: none;
	font-family: 'PT Sans', sans-serif;
}

.about-us-font {
    font-size: 17px;
    color: #000;
    letter-spacing: 1px;
    text-align: justify;
    line-height: 29px;
}
.about-us-font a {
    color: #000;
}
.goal
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.our-goal-font
{
	font-size: 17px;
	color: #000;
	letter-spacing: 1px;
	text-align: justify;
	line-height: 29px;
}
.contact-heading
{
	font-size: 23px;
	font-weight: bold;
	color: #1f4fa1;
	letter-spacing: 0.8px;
}
.home-icon
{
	height: 90px !important;
	margin-top: 17px !important;
	
}

.hrading::after {
    height: 3px;
    display: block;
    width: 67px;
    background: #1F4FA1;
    border-bottom: 1px white;
    content: '';
    margin-top: 15px;
    margin-left: 4px;
    padding-bottom: 5px;
}

/**************************************************************/
/**************************************************************
					     ICON EFFECT
**************************************************************/
/*************************************************************/

.icon-01
{
		background-image: url(../images/icon/01.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		height: 100px;
		margin-top: 30px !important;
	 -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.icon-01:hover
{
		background-image: url(../images/icon/01-h.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		height: 100px;
		margin-top: 30px !important;
	-webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
		  transition: all 0.8s ease-in;
}

.icon-02
{
		background-image: url(../images/icon/02.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		height: 100px;
		margin-top: 0px !important;
	 -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.icon-02:hover
{
		background-image: url(../images/icon/02-h.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		height: 100px;
		margin-top: 0px !important;
	-webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
		  transition: all 0.8s ease-in;
}

.icon-03
{
		background-image: url(../images/icon/03.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		height: 100px;
		margin-top: 0px !important;
	 -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.icon-03:hover
{
		background-image: url(../images/icon/03-h.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		height: 100px;
		margin-top: 0px !important;
	-webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
		  transition: all 0.8s ease-in;
}

.icon-04
{
		background-image: url(../images/icon/04.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		height: 100px;
		margin-top: 0px !important;
	 -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.icon-04:hover
{
		background-image: url(../images/icon/04-h.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		height: 100px;
		margin-top: 0px !important;
	-webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
		  transition: all 0.8s ease-in;
}

.icon-05
{
		background-image: url(../images/icon/05.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		height: 100px;
		margin-top: 0px !important;
	 -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.icon-05:hover
{
		background-image: url(../images/icon/05-h.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		height: 100px;
		margin-top: 0px !important;
	-webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
		  transition: all 0.8s ease-in;
}

.icon-06
{
		background-image: url(../images/icon/06.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		height: 100px;
		margin-top: 0px !important;
	 -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.icon-06:hover
{
		background-image: url(../images/icon/06-h.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		height: 100px;
		margin-top: 0px !important;
	-webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
		  transition: all 0.8s ease-in;
}

.home-icon
{
		background-image: url(../images/icon-1.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		height: 80px;
		margin-top: 0px !important;
	 -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.home-icon:hover
{
		background-image: url(../images/icon-01.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		height: 80px;
		margin-top: 0px !important;
	-webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
		  transition: all 0.8s ease-in;
}


.home-icon-02
{
		background-image: url(../images/icon-2.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		height: 80px;
		margin-top: 0px !important;
	 -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.home-icon-02:hover
{
		background-image: url(../images/icon-02.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		height: 80px;
		margin-top: 0px !important;
	-webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
		  transition: all 0.8s ease-in;
}

.home-icon-03
{
		background-image: url(../images/icon-3.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		height: 80px;
		margin-top: 0px !important;
	 -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.home-icon-03:hover
{
		background-image: url(../images/icon-03.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		height: 80px;
		margin-top: 0px !important;
	-webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
		  transition: all 0.8s ease-in;
}

/**************************************************************/
/**************************************************************
					     ICON EFFECT
**************************************************************/
/*************************************************************/



/*.grow 
{
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
    
}
.grow:hover
{

 -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg); 
}*/



/**************************************************************/
/**************************************************************
					SOCIAL ICON Header
**************************************************************/
/*************************************************************/

.social
{
padding-top: 10px;
float: inherit;
list-style-type:none
}

.social-1 a
{
text-align: center;
display: table-cell;
vertical-align: middle;
color: #f22929;
background: none;
line-height: 1;
border: 2px solid #f22929;
width: 30px;
height: 30px !important;
line-height: 26px;
font-size: 12px;
border-radius: 100%;
transition: all 200ms ease-in;
}

.social-1 a:hover 
{
color:#fff;
background-color:#f22929e6;
}



.social-2 a
{
text-align: center;
display: table-cell;
vertical-align: middle;
color: #70c2e9;
background: none;
line-height: 1;
border: 2px solid #70c2e9;
width: 30px;
height: 30px !important;
line-height: 26px;
font-size: 12px;
border-radius: 100%;
transition: all 200ms ease-in;
}

.social-2 a:hover 
{
color:#fff;
background-color:#70c2e9;
}


.social-3 a
{
text-align: center;
display: table-cell;
vertical-align: middle;
color: #677fb5;
background: none;
line-height: 1;
border: 2px solid #677fb5;
width: 30px;
height: 30px !important;
line-height: 26px;
font-size: 12px;
border-radius: 100%;
transition: all 200ms ease-in;
}

.social-3 a:hover 
{
color:#fff;
background-color:#677fb5;
}

.social-4 a
{
text-align: center;
display: table-cell;
vertical-align: middle;
color: #d8545d;
background: none;
line-height: 1;
border: 2px solid #d8545d;
width: 30px;
height: 30px !important;
line-height: 26px;
font-size: 12px;
border-radius: 100%;
transition: all 200ms ease-in;
}

.social-4 a:hover 
{
color:#fff;
background-color:#d8545d;
}


.social-5 a
{
text-align: center;
display: table-cell;
vertical-align: middle;
color: #3daccf;
background: none;
line-height: 1;
border: 2px solid #3daccf;
width: 30px;
height: 30px !important;
line-height: 26px;
font-size: 12px;
border-radius: 100%;
transition: all 200ms ease-in;
}

.social-5 a:hover 
{
color:#fff;
background-color:#3daccf;
}

/**************************************************************/
/**************************************************************
				SOCIAL ICON Header
**************************************************************/
/*************************************************************/

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

ul
{
	list-style-type: none;
	padding: 10px 20px 0px 0px;
	float: none !important;
}
.font-01
{
	font-size: 17px;
	
}
.mail-font
{
	    font-size: 16px;
	     	
}

.mail-font:hover
{
	    font-size: 18px;
}

.certificat-img
{
	margin-left: 0px;
}

.font-02 {
    font-size: 17px;
    color: #000;
    letter-spacing: 1px;
    text-align: justify;
    line-height: 29px;
    padding-top: 50px;
    margin-right: 17px;
    margin-left: 17px;
}
.hrading {
    font-size: 25px;
    color: #000;
    font-family: 'PT Sans', sans-serif;
    margin-left: 20px;
}
.testimonial-heading
{
	font-size: 22px;
	color: #000;
	font-family: 'PT Sans', sans-serif;
	margin-right: 17px;
    margin-left: 17px;

}
.testimonial-font
{
	font-size: 15px;
	color: #000;
	letter-spacing: 1px;
	text-align: justify;
	line-height: 25px;
	margin-right: 17px;
    margin-left: 17px;
	
}	

.footer-font-01
{
	font-size: 15px;
	color: #000;
	letter-spacing: 1px;
	text-align: left;
	line-height: 29px;
	padding-top: 19px;
}    
.footer-heading {
    margin-top: 0px;
}
.footer-heading-02 {
    margin-top: 0px;
}
.footer-mail
{
	font-size: 16px;
	color: #000;
	text-decoration: none;
	font-family: 'PT Sans', sans-serif;
}
.footer-mail:hover
{
	font-size: 16px;
	color: #00ace8;
	text-decoration: none;
	font-family: 'PT Sans', sans-serif;
}
.copy-font {
    font-size: 8px;
    color: #000;
    letter-spacing: 1px;
    text-align: justify;
    line-height: 29px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}
.about-us-font {
    
    padding-right: 26px;
    padding-left: 26px;
}
.footer-map {
    padding-top: 20px;
	
}
.social
{
	padding-left: 35px;
}
h4 {
    font-size: 16px;
    margin-left: 28px;
}
h5 {
    font-size: 14px;
    margin-left: 26px;
    margin-right: 30px;
}
.goal
{
	list-style-type: none;
	margin-right: -20px;
	margin-left: 22px;
}
.our-goal-font
{
	font-size: 17px;
	color: #000;
	letter-spacing: 1px;
	text-align: justify;
	line-height: 29px;
	padding-right: 55px;
    padding-left: 26px;
}
.contact-heading
{
	font-size: 23px;
	font-weight: bold;
	color: #1f4fa1;
	letter-spacing: 0.8px;
	margin-left: 27px;
}
}