/*
Plugin: jQuery Parallax
Version 1.1.3
Author: Ian Lunn
Twitter: @IanLunn
Author URL: http://www.ianlunn.co.uk/
Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.
*/

@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Cambria';
  src: url('fonts/Cambria.eot');
  src: url('fonts/Cambria.eot?#iefix') format('embedded-opentype'),
       url('fonts/Cambria.woff2') format('woff2'),
       url('fonts/Cambria.woff') format('woff'),
       url('fonts/Cambria.ttf') format('truetype'),
       url('fonts/Cambria.svg#Cambria') format('svg');
  font-weight: normal;
  font-style: normal;
}
body{
	margin: 0;
	/*min-width: 980px;*/
	padding: 0;
}
p{
	margin: 0 0 20px 0;	
}

p, ul{
	font-family: 'Cambria';
	font-size-adjust: 0.488;
	font-size: 1.1em;
	/*font-weight: 300;*/
	font-style: normal;
	line-height: 1.7em;
}

img{
	border: 0;
}

h1, #pixels{
	font-family:"Museo 900", Verdana, serif;
	font-size-adjust:0.40;
	font-weight:700;
	font-style:normal;
}

h2{
	font-family: 'Cambria';
	font-size-adjust: 0.531;
	font-size: 3em;
	font-weight: 500;
	font-style: normal;
}

#header h1, #pixels{
	color: #48941A;
}

.float-left{
	float: left;	
	margin: 0 0 0 20px;
}

.float-right{
	float: right;
	margin: 0 20px 0 0;
}

.center{
	font-size: 2.5em;
	padding: 80px 0 0 0;
	text-align: center;
}

#nav{
	list-style: none;
	position: fixed;
	right: 20px;
	padding-top: 10%;
	z-index: 1000;
}

#nav li{
	margin: 0 0 0 0;	
}

#header, #intro, #second{
	width: 100%;
}

#intro{
	/*background: url(images/1.jpg) 50% 0 no-repeat fixed;*/
	background-size: cover;
	color: white;
	height: 600px;
	margin: 0 auto;
	padding: 0;
	
}

#second{
	background: url(../images/2.jpg) 50% 0 no-repeat fixed;
	background-size:cover;
	color: white;
	height: 690px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

#second .bg{
	/*background: url(images/trainers.png) 50% 0 no-repeat fixed;*/
	height: 800px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 200;
	text-transform: uppercase;
	
}

#third{
	background-size: cover;
	color: white;
	height: 650px;
	padding: 0 0 0 0;
	background-attachment: fixed;
	background-image: url(../images/3.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
}
#forth{
	background: url(../images/4.jpg) 50% 0 no-repeat fixed;
	background-size:cover;
	color: white;
	height: 650px;
	padding: 100px 0 0 0;	
}

#fifth{
	background: #ccc;
	height: auto;
	margin: 0 auto;
	padding: 0 0 0 0;
}

/*.story{
	margin: 0 auto;
	min-width: 980px;
	overflow: auto;
	width: 980px;
}*/
.story{
	margin: 0 auto;
	overflow: auto;
	width: 100%;
}

.story .float-left, .story .float-right{
	padding: 10% 5% 0 5%;
    position: relative;
    width: 35%;	
}
.top_nav {
	float: left;
	width: 100%;
	background-color: #FFF;
	padding-top: 1%;
	padding-bottom: 1%;
}
.clear {
	clear: both;
}
#logo_area {
	float: left;
	width: 18%;
    margin:0.5% 0;
}
#logo_area img {
	width: 100%;
}
.menu_area {
	float: right;
    width: auto;
    display: block;
    width: 75%;
    padding-top: 1.5%;
}
#testimonial {
	float: left;
	width: 100%;
	border-top: 2px solid #fff;
}
.footer_bot {
	float: left;
	width: 100%;
	text-align: center;
}
#social {
	float: left;
	width: 100%;
	margin-bottom: 1%;
}
#bot_logo {
	text-align: center;
	float: left;
	width: 100%;
	margin-bottom: 1%;
}
#link {
	text-align: center;
	float: left;
	width: 100%;
	color: #333;
	text-decoration: none;
	font-family: 'Cambria';
	margin-bottom: 0.8%;
}
.footer_bot #link a {
	font-family: 'Cambria';
	font-size: 0.85em;
	color: #333;
	text-decoration: none;
	margin: 0 1%;
}
.menu_area ul li ul a {
	text-decoration: none;
}
#responsive_menu {
    display: none;
}
#usa {
	width: 3%;
	margin-top: 15%;
	margin-left: 19%;
	position: absolute;
}
#usa img {
	width: 100%;
}
#uk {
	width: 3%;
    margin-top: 9%;
    margin-left: 40%;
    position: absolute;
}
#uk img {
	width: 100%;
}
#canada {
	width: 3%;
	margin-top: 9%;
	margin-left: 15%;
	position: absolute;
}
#canada img {
	width: 100%;
}
#aust {
	width: 3%;
    margin-top: 30%;
    margin-left: 72%;
    position: absolute;
}
#aust img {
	width: 100%;
}
#newz {
    width: 3%;
    margin-top: 35.5%;
    margin-left: 81%;
    position: absolute;
}
#newz img {
	width: 100%;
}
#dubai {
	width: 3%;
    margin-top: 21.2%;
    margin-left: 51%;
    position: absolute;
}
#dubai img {
	width: 100%;
}
.team_box,, .team_box_two, .team_box_one, .team_box_three, .team_box_four, .team_box_five, .team_box_six  {
	float: left;
	width: 100%;
	text-align: justify;
	padding-top: 3%;
}
.team_box img, .team_box_one img, .team_box_three img, .team_box_four img, .team_box_five img, .team_box_six img {
	float: left;
	width: 20%;
	margin-right: 3%;
}
.team_box img {
	float: left;
	width: 20%;
	margin-right: 3%;
}
.team_box_two img {
	float: right;
	width: 20%;
	margin-left: 3%;
}
/*contries*/
#contry_box,, #contry_box_one, #contry_box_two, #contry_box_three, #contry_box_four, #contry_box_five, #contry_box_six  {
	float: left;
	width: 100%;
	text-align: justify;
	padding-top: 3%;
}
#contry_box img, #contry_box_one img, #contry_box_two img, #contry_box_three img, #contry_box_four img, #contry_box_five img, #contry_box_six img {
	float: left;
	width: 20%;
	margin-right: 3%;
}
#contry_box img {
	float: left;
	width: 20%;
	margin-right: 3%;
}

/*countries*/
.devider_dotted {
	width: 100%;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	float: left;
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
#about_content table {
	font-size: 1.08em;
}
#social > img:nth-child(1) {
	width: 15%;
}
#service_content table {
	width: 90%;
}
.service_td{
	width:8%;
}

#contact_map {
	width: 100%;
	float: left;
	
}
#contact_add {
    float: left;
    width: 30%;
    margin-left: 10%;
    background-color: #FFF;
    padding: 3%;
    margin: 9% 0 9% 9%;
    position: absolute;
    top: 40%;
    border: 3px dashed #0090DD;
    -webkit-box-shadow: -4px 4px 24px -5px rgba(0,0,0,0.8);
    -moz-box-shadow: -4px 4px 24px -5px rgba(0,0,0,0.8);
    box-shadow: -4px 4px 24px -5px rgba(0,0,0,0.8);
}
/*----- enquiry start-----*/
.enquiry_p {
	width: 46%;
	margin: 1.5% 2%;
	float: left;
}

.enquiry_p input {
	height: 40px;
	width: 100%;
	padding: 1%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right-style: none;
	border-left-style: none;
}
.enquiry_area textarea {
	height: 70px;
	width: 100%;
	padding: 1%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right-style: none;
	border-left-style: none;
}
.enquiry_area {
	width: 96%;
	margin: 1.5% 2%;
	float: left;
}
#intro .story iframe {
	width:100%;
	height:600px;
}
.sumit_calss{background-color:#82C519;
padding:4%;
width:100%;
color:#fff;
border:none;
border-radius:4px;}


.submit {
    float: left;
    width: 16%;
    margin-right: 3%;
}


#service_content_change {
    float: left;
    width: 50%;
   
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 100%;
    padding-right: 45%;
    padding-left: 5%;
    line-height: 25px;
}


.gallry_main
{
	    float: left;
    width: 100%;
    margin-bottom: 2em;
        padding-top: 3%;
}


.gallry_mainnew
{
	float: left;
	width: 100%;
	
}

.gallry_b1 {
	float: left;
	width: 22.5%;
	margin-right: 2%;
	margin-bottom: 2%;
	border:2px dotted #a7a3a3;   
}


.gallry_b1 img
{
    
    width: 100%;
  
}
.gallry_b1 h3
{
   color: #3BB3C3;
   text-align:center;
  margin-top:1%;
  
}

.form_div 
{
	float: left;
    width: 90%;
    border-top: 2px dotted #3bb3c3;
    margin-left: 5%;
    margin-top: 3%;
    margin-right: 5%;
}


.name_div {
	float: left;
	width: 39.4%;
	margin-bottom: 2%;
	color: #000;
	font-weight: normal;
	margin-right: 2%;
}

.name_div_style{
	height: 25px;
    width: 100%;
    padding: 1%;
    /* border: 1px solid #8e7f7f; */
    /* border-right-style: none; */
    /* border-left-style: none; */
    font-size: 0.9em;
    font-weight: normal;
    /* background-color: #000000; */
    border-top: none;
    border-bottom: 1px solid #ccc;
    border-right-style: none;
    border-left-style: none;
}

.name_div_new1 {
	    float: left;
        width: 80%;
    margin-bottom: 2%;
    color: #000;
    font-weight: normal;
}

.name_div_newstyle {
	height: 25px;
	width: 100%;
	padding: 1%;
	border: 1px solid #8e7f7f;
    /* border-right-style: none; */
    /* border-left-style: none; */
    font-size: 0.9em;
    font-weight: normal;
    background-color: #000000;
}



.name_div1 {
	float: left;
	width: 100%;
	margin-right: 1%;
}

.name_div1 textarea {
	/*height: 130px; */
    width: 80%;
    padding: 1%;
    color: #000;
    font-weight: normal;
    /* border: 1px solid #8e7f7f; */
    /* border-right-style: none; */
    /* border-left-style: none; */
    /* font-size: 0.9em; */
    /* font-weight: normal; */
    /* background-color: #000000; */
    height: 30px;
    /* width: 100%; */
    /* padding: 1%; */
    /* border: 1px solid #8e7f7f; */
    /* border-right-style: none; */
    /* border-left-style: none; */
    /* font-size: 0.9em; */
    /* font-weight: normal; */
    /* background-color: #000000; */
    border-top: none;
    border-bottom: 1px solid #ccc;
    border-right-style: none;
    border-left-style: none;
}


.main_submit {
	float: left;
	width: 100%;
}

.submit_btn {
	    float: left;
    width: 20%;
    margin-top: 2%;
    margin-right: 3%;
    margin-bottom: 3%;
	
}

.submit_btn_clas {
       /* background-color: #FF383A; */
    border-radius: 5%;
    color: #FFF;
    padding: 3%;
    width: 100%;
    border: none;
    font-size: 0.9em;
    font-weight: normal;
    background-color: #82C519;
}
.events_img
{
	float: left;
	width: 100%;
}

.eventstitle_img
{
	float: left;
	width: 100%;
}

.eventstitle_img img
{
	float: left;
	width: 100%;
}

/*new css */

.new_gallery{
	width: 24%;
	float: left;
	
	
}

.offer-grids-info img {
  width: 100%;
}
.offer-grids-info {
      padding: 0.3em;
    position: relative;
}
.offer-text {
  position: absolute;
  top: 30%;
  left: 30%;
}
.offer-text {
     display: none;
    position: absolute;
    top: 2%;
    left: 1%;
    background-color: rgba(255, 255, 255, 0.67);
    width: 100%;
    height: 100%;
}
.offer-text h5 {
  font-size: 3em;
  color: #d95459;
  margin: 24% 31%;
  display: inline-block;
}
.offer-grids-info:hover div.offer-text{
               display:block;
}
.offer-grids {
  margin-top: 5em;
}
.btn-primary {
	color: #000;  
}
.btn1 {
    display: block;
    /* padding: 6px 12px; */
    margin: 20% 0% 10% 0%;
    font-size: 18px;
    width: 100%;
    font-weight: bold;
    line-height: 1.5em;
    text-align: center;
    /* white-space: nowrap; */
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;

/*--------------------------------Media query Start---------------------*/

@media only screen and (max-width:800px) and (min-width:240px)
{
#responsive_menu {
    display: block;
}
.menu_area {
	display:none;
}
.new_gallery {
    width: 50%;
    float: left;
}

}

@media only screen and (max-width:700px) and (min-width:250px)
{
#logo_area {
    float: left;
    width: 35%;
    position: absolute;
    top: 1%;
    right: 2%;
}	
#social > img:nth-child(1){
	width: 50%;
}
.team_box img, .team_box_two img {
    float: none;
    width: 90%;
    margin-left: 3%;
}
#service_content table {
	width: 100%;
}	
#service_content table tr {
	border-bottom: 1px dotted #ccc;
}
.service_td{
	width:20%;
}
#intro {
    /* background: url(images/1.jpg) 50% 0 no-repeat fixed; */
   height: 150px;
}
#second {height: 600px;}

.story .float-left, .story .float-right {width: 80%;}

#second{
	background: none; 
	background-color: #3BB3C3; 
	height:500px; 
	background-image:url(../images/bg1.png); 
	background-repeat:repeat;
	background-size:80%;
	}

#third {
	background-color: #85C226;
	height:500px;
	-webkit-box-shadow: -1px 1px 19px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 1px 19px 0px rgba(0,0,0,0.75);
	box-shadow: -1px 1px 19px 0px rgba(0,0,0,0.75);
	background-image:url(../images/bg1.png); 
	background-repeat:repeat;
	background-size:50%;
}

#forth{
	padding: 0;
	background-color: #00507D;
	height:400px;
	-webkit-box-shadow: -1px 1px 19px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 1px 19px 0px rgba(0,0,0,0.75);
	box-shadow: -1px 1px 19px 0px rgba(0,0,0,0.75);
	background-image:url(../images/bg1.png); 
	background-repeat:repeat;
	background-size:50%;
}
h2 {
    font-size: 2.1em;
}
p, ul {
    font-size: 1em;
    line-height: 1.6em;
}
}

@media only screen and (max-width:400px) and (min-width:250px)
{
#second, #third, {height: 600px;}	
.new_gallery {
    width: 100%;
    float: left;
}
}	
	








