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

@font-face {
	font-family: 'Conv_Raleway-Regular';
	src: url('../fonts/Raleway-Regular.eot');
	src: local('☺'), url('../fonts/Raleway-Regular.woff') format('woff'), url('../fonts/Raleway-Regular.ttf') format('truetype'), url('../fonts/Raleway-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_Raleway-SemiBold';
	src: url('../fonts/Raleway-SemiBold.eot');
	src: local('☺'), url('../fonts/Raleway-SemiBold.woff') format('woff'), url('../fonts/Raleway-SemiBold.ttf') format('truetype'), url('../fonts/Raleway-SemiBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'birds_of_paradiseregular';
    src: url('../fonts/birds_of_paradise__personal_use_only-webfont.eot');
    src: url('../fonts/birds_of_paradise__personal_use_only-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/birds_of_paradise__personal_use_only-webfont.woff2') format('woff2'),
         url('../fonts/birds_of_paradise__personal_use_only-webfont.woff') format('woff'),
         url('../fonts/birds_of_paradise__personal_use_only-webfont.ttf') format('truetype'),
         url('../fonts/birds_of_paradise__personal_use_only-webfont.svg#birds_of_paradiseregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

*{margin:0;
  padding:0;
}

body{font-family: 'Conv_Raleway-Regular';}
ul, ol{list-style:none;}

a{text-decoration:none;}
a:hover{text-decoration:none;}

h1{font-size:50px;
   text-transform:uppercase;
   }
.blue{color:#0099cc;
      font-weight:bold;
	  }
p{font-size:13px;
  text-align:justify;
  
  
}


.container-fluid{max-width:1100px; position:relative;}


header{width:100%;
       float:left;
	   height:500px;
	   
	   background: #125199; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEyNTE5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #125199 0%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#125199), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #125199 0%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #125199 0%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #125199 0%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #125199 0%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#125199', endColorstr='#7db9e8',GradientType=0 ); /* IE6-8 */


}

.cloud{/*background:url(../images/sky.jpg) no-repeat center -170px ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
  background:url(../images/bg.jpg) center top no-repeat;
  
  width:100%;
  height:100%;
  
  
    overflow: hidden;
	position: relative;
	
	 
}

.wave{position:absolute;
      width:100%;
	  bottom:-85px;
	  z-index:2;
	  
}
.wave img{width:100%;}

.logo{float:left;
      position:absolute;
	  top:30px;
	  z-index:100;
	  left:0;
}

nav{background:rgba(0,0,0,1);
    float:right;
	margin-top:50px;
	padding:0px 3px;
}

nav li{float:left;
       text-transform:uppercase;
	   font-size:14px;
	   padding:10px 0px;
	   border-right:rgba(255,255,255, .5) solid 1px;
	   }
nav li:last-child{border:none;}	   
nav li a{color:rgba(255,255,255,1);
         font-weight:bold;
         padding:10px 10px;
		 }
nav li a:hover{background:#f3ce00;
                color:rgba(0,0,0,1);
				}
nav li a.active{background:#f3ce00;
                color:rgba(0,0,0,1);
				}	
				
.title{display:block;
       font-size:60px;
       color:#000079;
       margin:auto;
       margin-top:200px;
       width:100%;
       text-align:right;
       font-family: 'Lobster', cursive;
       text-shadow: 0px 0px 8px rgba(255, 255, 255, 1);
       letter-spacing:2px;
       opacity:0;
       
        -webkit-animation: come 3s ease-out  forwards 7s;
     -moz-animation: come 3s ease-out  forwards 7s;
     -o-animation: come 3s ease-out  forwards 7s;
     -ms-animation: come 3s ease-out  forwards 7s;
      animation: come 3s ease-out  forwards 7s;
       }    

					

.sun{position:absolute;
     bottom:-200px;
	 left:20%;
	 z-index:1;
	 width:200px;
	 height:200px;
	 
	 -webkit-animation: sunrise 4s ease-out  forwards 3s;
	 -moz-animation: sunrise 4s ease-out  forwards 3s;
	 -o-animation: sunrise 4s ease-out  forwards 3s;
	 -ms-animation: sunrise 4s ease-out  forwards 3s;
	  animation: sunrise 4s ease-out  forwards 3s;
}
#access .current-menu-item > a,
        #access .current-menu-ancestor > a, 
        #access .current_page_item > a, 
        #access .current_page_ancestor > a
        {
            background-color: #f3ce00;
          color: #000;
		font-weight: bold;  
        }
.sun img{width:100%;}
.cloud .water {
	position: absolute;
	bottom:0px;
	width:100%;
	height:90px;
	left:0;
	right:0;
	z-index:2;
	-webkit-animation: water-in-animation-2 2s 1 ease-out;
	-moz-animation: water-in-animation-2 2s 1 ease-out;
	-o-animation: water-in-animation-2 2s 1 ease-out;
	-ms-animation: water-in-animation-2 2s 1 ease-out;
	animation: water-in-animation-2 2s 1 ease-out;
}

.cloud .water .water-back {
		width: 113%;
		height: 84px;
		background-image: url(../images/water-back.png);
		background-repeat: repeat-x;
		z-index: 1;
		position: absolute;
		bottom: 10px;
		left: -110px;
		right:0; 
		-webkit-animation: water-back-animation 4s infinite ease-in-out;
		-moz-animation: water-back-animation 4s infinite ease-in-out;
		-o-animation: water-back-animation 4s infinite ease-in-out;
		-ms-animation: water-back-animation 4s infinite ease-in-out;
		animation: water-back-animation 4s infinite ease-in-out;
	}
.cloud .water .water-front {
		width: 104%;
		height: 158px;
		background-image: url(../images/water-front.png);
		background-repeat: repeat-x;
		z-index: 3;
		position: absolute;
		bottom: -70px;
		left:0px;
		-webkit-animation: water-front-animation 2s infinite ease-in-out;
		-moz-animation: water-front-animation 2s infinite ease-in-out;
		-o-animation: water-front-animation 2s infinite ease-in-out;
		-ms-animation: water-front-animation 2s infinite ease-in-out;
		animation: water-front-animation 2s infinite ease-in-out;
	}
@-webkit-keyframes water-back-animation {
	0%   {bottom: 10px; left: -110px;}
	25%  {bottom: 8px; left: -100px;}
	70%  {bottom: 12px; left: -120px;}
	100% {bottom: 9px; left: -110px;}
}
@-moz-keyframes water-back-animation {
	0%   {bottom: 10px; left: -110px;}
	25%  {bottom: 8px; left: -100px;}
	70%  {bottom: 12px; left: -120px;}
	100% {bottom: 9px; left: -110px;}
}

@-o-keyframes water-back-animation {
	0%   {bottom: 10px; left: -110px;}
	25%  {bottom: 8px; left: -100px;}
	70%  {bottom: 12px; left: -120px;}
	100% {bottom: 9px; left: -110px;}
}
@keyframes water-back-animation {
	0%   {bottom: 10px; left: -110px;}
	25%  {bottom: 8px; left: -100px;}
	70%  {bottom: 12px; left: -120px;}
	100% {bottom: 9px; left: -110px;}
}


@-webkit-keyframes water-front-animation {
	0%   {bottom: -70px; left: -30px;}
	25%  {bottom: -68px; left: -32px;}
	70%  {bottom: -72px; left: -34px;}
	100% {bottom: -69px; left: -30px;}
}
@-moz-keyframes water-front-animation {
	0%   {bottom: -70px; left: -30px;}
	25%  {bottom: -68px; left: -32px;}
	70%  {bottom: -72px; left: -34px;}
	100% {bottom: -69px; left: -30px;}
}
@-o-keyframes water-front-animation {
	0%   {bottom: -70px; left: -30px;}
	25%  {bottom: -68px; left: -32px;}
	70%  {bottom: -72px; left: -34px;}
	100% {bottom: -69px; left: -30px;}
}
@keyframes water-front-animation {
	0%   {bottom: -70px; left: -30px;}
	25%  {bottom: -68px; left: -32px;}
	70%  {bottom: -72px; left: -34px;}
	100% {bottom: -69px; left: -30px;}
}



@-webkit-keyframes sunrise {
	0%   {bottom:-200px;}	
	100% {bottom: 150px;}
}
@-moz-keyframes sunrise {
	0%   {bottom:-200px;}	
	100% {bottom: 150px;}
}

@-o-keyframes sunrise {
	0%   {bottom:-200px;}	
	100% {bottom: 150px;}
}
@keyframes sunrise {
	0%   {bottom:-200px;}	
	100% {bottom: 150px;}
}


@-webkit-keyframes come {
    0%   {opacity:0; margin-top:140px;}    
    100% {opacity:1; margin-top:200px;}
}
@-moz-keyframes come {
    0%   {opacity:0; margin-top:140px;}    
    100% {opacity:1; margin-top:200px;}
}

@-o-keyframes come {
    0%   {opacity:0; margin-top:140px;}    
    100% {opacity:1; margin-top:200px;}
}
@keyframes come {
    0%   {opacity:0; margin-top:140px;}    
    100% {opacity:1; margin-top:200px;}
}


.about{
    //background:url(../images/aboutbg.jpg)no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
    
  width:100%;
  padding:50px 0px 0px 0px;
  float:left;
}

.about ul {width:70%;}
.about ul li{width:50%;
             float:left;
			 
			 padding:5px 0px 5px 20px;
			 font-size:13px;
			 background:url(../images/bullet.png) center left no-repeat;
}
.para{width:95%;
      display:block;
	  float:left;
	  color:rgba(51,51,51,1);
	  margin-top:20px;
}

.girl{ padding:0; position:relative;}
.girl img{width:100%; margin-top: 14%;}

footer{width:100%;
       float:left;
}
.footer-menu{background:url(../images/footerbg.jpg);
             padding:15px 0px;
			 width:100%;
}
.footer-menu ul{text-align:center;
                margin:auto;
}
.footer-menu ul li{text-align:center;
                   display:inline-block;}
.footer-menu ul li a{color:rgba(255,255,255,.6);
                     font-size:13px;
					 padding:0px 10px;
					 }
.footer-bottom{background:#202020;
              padding:8px 0px;
			 width:100%;
			 text-align:center;
			 color:rgba(255,255,255,.5);
			 font-size:9px;
			 letter-spacing:1px;
			 text-transform:uppercase;
}

.contact {padding-bottom:20px;}
.contact p{margin-bottom:6px; margin-left:20px; font-family:Arial, Helvetica, sans-serif;}

.fieldoff p{background:url(../images/bullet.png) center left no-repeat;
            padding-left:15px;
			width:40%;
			float:left;
}

.contact_form textarea{resize:vertical;}
.contact_form button{background:rgb(0,153,204);
                     padding:6px 8px;
					 border-radius:5px;
					 color:rgba(255,255,255,1);
					 font-weight:bold;
					 font-size:16px;
					 border:none;
					 float:right;
}
.form-group input[type="submit"]{background:rgb(0,153,204);
                     padding:6px 8px;
					 border-radius:5px;
					 color:rgba(255,255,255,1);
					 font-weight:bold;
					 font-size:16px;
					 border:none;
					 float:right;
}

label{font-size:14px;}

 .clients{width:100%;
  padding:50px 0px 0px 0px;
  float:left;
}
.clients ul{width:100%;}
.clients ul li{width:100%;
               padding:10px 2%;
			   color:rgba(51,51,51,1);
			   font-size:13px;
			   float:left;
}
.clients ul li:nth-child(odd){background:rgba(51,51,51,.1);}

.clients ul li:nth-child(even){-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
}


.company_name, .job_details{float:left;}
.company_name{width:30%;
              font-weight:bold;
			  font-size:14px;
			  }
.job_details{width:70%;}

.information{width:100%;
             padding:2%;
			 border:rgba(51,51,51,.2) solid 1px;
			 float:left;
			 margin-bottom:20px;
}

h2{font-size:18px;
   text-transform:uppercase;
   font-weight:bold;
   color:#0099cc;
   padding-bottom:4px;
   /*border-bottom:rgba(51,51,51,.2) solid 1px;*/
   }