@charset "utf-8";
/* CSS Document Responsive code by Bobby*/

@font-face {
    font-family: 'HelveticaNeu';
    src: url('fonts/HelveticaNeu.eot');
    src: url('fonts/HelveticaNeu.eot') format('embedded-opentype'),
         url('fonts/HelveticaNeu.woff2') format('woff2'),
         url('fonts/HelveticaNeu.woff') format('woff'),
         url('fonts/HelveticaNeu.ttf') format('truetype'),
         url('fonts/HelveticaNeu.svg#HelveticaNeu') format('svg');
}

.clear{clear:both;}

.gridContainer {
	width: 100%;
	padding: 0%;
	margin: 0; clear:both;
}
.i5 img{max-width:48%; float:left;margin:0.5%;border:2px solid #CCC;height:auto;}

.secA,.secB{padding:50px 0; clear:both;border-bottom:1px solid #dfdfdf;width:100%;float:left;}
.secA img,.secB img{max-width:100%;}
.secA{background-color:#f6f6f6;}
.secB{background-color:#f1f1f1;}
#wrapper {
	clear: both;
	float: left;
	margin: 0; padding:0;
	width: 100%;
	display: block;
}
.row{width:100%; float:left; clear:both; display:block; margin:0; padding:0;}
.container{width:96%; float:left; clear:both; display:block; margin:0 2%; padding:0;}
.container-2{width:96%; float:left; clear:both; display:block; margin:0 2%; padding:0 0 100px 0;}

/*parallax code*/
.slide{	
	width:100%;
	height:auto;
	position: relative;
	padding:0; clear:both; float:left;
}
#slide2{
	background-image:url('../images/sitabg.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#031223;
	color:#ffffff;
}
#slide2 h1 {
	margin:80px 0 20px 0;	
	color:#ffffff; text-shadow:0 1px 3px #000;
	font-weight: 300; text-transform: capitalize;
	text-align:center; font-family:'HelveticaNeu',Sans-Serif;
}
#slide2 h2 {
	font-size: 2em;	
	color:#ffffff; text-shadow:0 1px 3px #000;
	font-weight: 300; text-transform: uppercase;
	text-align:center; font-family:'HelveticaNeu',Sans-Serif;
}

#slide3{
	background-color:#031223;	
	 padding:0;
}
#slide4{ width:100%;
	 background:#f6f6f6; 
}
#slide4 h1 {
	font-size: 4em;	
	color:#303030;
	font-weight: 300; text-transform: capitalize;
	text-align:center; font-family:'HelveticaNeu',Sans-Serif;
	margin:0; padding:0;
}
.pad{ width:100%; float:left; clear:both; display:block; padding:50px 0;}


/*parallax code end*/

/*hover effect*/

.grid {
	padding: 0; width:100%;
	max-width: 100%;
	margin: 0 auto;
	list-style: none;
	text-align: center;	
}

.grid .gridbox {
	display: block;
	float:left;
	padding:0;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
transition-delay: initial;
transition-duration: 1000ms;
transition-property: all;
transition-timing-function: initial;
}

.grid figure {
	margin: 0; padding:0 0 3% 0; width:100%;	
	float:left; display:block;
}
figure .gridwrap{width:90%; margin:0; padding:20px 5%; clear:both; float:left; display:block;}
.wrap-bg1{ background-color:#2866a0; border-radius:7px;width:100%; margin:0; padding:7px 0; clear:both; float:left; display:block;}
.wrap-bg2{ background-color:#a1ca71; border-radius:7px;width:100%; margin:0; padding:7px 0; clear:both; float:left; display:block;}
.wrap-bg3{ background-color:#7b96ab; border-radius:7px;width:100%; margin:0; padding:7px 0; clear:both; float:left; display:block;}

.title-text{font-family:'HelveticaNeu',Sans-Serif; font-size:34px; text-align:center; font-weight:300; color:#ffffff; text-transform:uppercase; text-shadow:1px 1px 2px rgba(0,0,0,0.5); } 
.text-style{ font-size:15px; line-height:1.625em; color:#303030;}
.liststyle{ margin:0; padding:0; display:block; text-align:left;}
.liststyle li{ list-style:disc; line-height:1.625em; font-size:20px; font-family:'HelveticaNeu',Sans-Serif; padding:0; margin:0; }
.liststyle li a{ color:#ffffff;}
.list-color1, .list-color1 a:hover{ color:#2866a0;}
.list-color2, .list-color2 a:hover{ color:#a1ca71;}
.list-color3, .list-color3 a:hover{ color:#7b96ab;}

/* end */

.byline{ border:1px solid #396ba2; padding:1px 0; height:2px; width:50%; margin:0 25%; }
.byline-left{border-left:1px solid #396ba2; position: relative; top:-9px; height:20px; margin-left:-1px; float:left; }
.byline-right{border-right:1px solid #396ba2; position: relative; top:-9px; height:20px; margin-right:-1px; float:right; }
.al_c{text-align:center;}
.al_l{text-align:left;}
.al_r{text-align:right;}
.mrgB2{margin-bottom:20px!important;}
.circle{background-color:#7fb842; border-radius:50px 50px; -webkit-border-radius:50px 50px; -moz-border-radius:50px 50px; -ms-border-radius:50px 50px; -o-border-radius:50px 50px; padding:35px 15px; color:#ffffff; font-weight:300; font-size:21px; display: inline-block; margin:0; box-shadow:0px 2px 5px #222222; -webkit-box-shadow:0px 2px 5px #222222; -moz-box-shadow:0px 2px 5px #222222;}
.circle:hover{background-color:#396ba2;box-shadow:0 0 0 #000,inset 0px 2px 8px rgba(0,0,0,0.7);}
.circle:active{position:relative; top:3px;}
.txt-style-1{ text-align:center; font-size:16px; line-height:1.625em; color:#303030; font-family: Arial, Helvetica, sans-serif;}
.txt-style-2{ font-size:2.5em; line-height:1.425em; margin:0 0 15px 0; text-align:left !important; color:#303030; font-weight:300; border-bottom:1px solid #dfdfdf; font-family: 'HelveticaNeu', Arial, Helvetica, sans-serif;}
.txt-style-3{ text-align:left; font-size:1.5em; line-height:1.625em; color:#396ba2; font-family:'HelveticaNeu', Arial, Helvetica, sans-serif;}
.txt-style-4{ font-size:17px; line-height:1.625em; color:#303030; font-family: Arial, Helvetica, sans-serif;}
.txt-style-4 a{ text-decoration:underline; color:#303030;}
.footer-text{ text-align:center; font-size:15px; line-height:1.625em; color:#c7d7e5; font-family: Arial, Helvetica, sans-serif; padding:10px 0;}
.ulstyle{ margin:0 0 0 15px; padding:0; display:block;}
.ulstyle li{ list-style:circle; line-height:1.625em; font-size:15px; color:#303030; font-family:Arial, Helvetica, sans-serif;}
.hstyle-1{font-size:28px;}
.hstyle-1{color:#303030; font-family:'HelveticaNeu', Arial, Helvetica, sans-serif; padding:0 0 20px 0; margin:0; }
.text-style-2{color:#303030; text-align:justify; font-size:15px; font-family:Arial, Helvetica, sans-serif; line-height:1.425em;}

.bg{background-color:#f1f1f1; border-bottom:1px solid #dfdfdf;}
.border-1{border-bottom:1px solid #dfdfdf;}

.downarrow, .downarrow2{text-align:center;}
.downarrow span:after
			{
				width: 0;
				height: 0;
				border: 3em solid transparent;
				border-bottom: none;				
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;								 
			}
.downarrow2 span:after
			{
				width: 0;
				height: 0;
				border: 1.2em solid transparent;
				border-bottom: none;				
				content: '';
				vertical-align: top;
				display: inline-block;
				position: relative;								 
			}			
.ar1 span:after{border-top-color: #031223;}
.ar2 span:after{border-top-color: #59865e;}
.ar3 span:after{border-top-color: #f6f6f6;}
.ar4 span:after{border-top-color: #041b3a;}
.ar5 span:after{border-top-color: #2866a0;}
.ar6 span:after{border-top-color: #a1ca71;}
.ar7 span:after{border-top-color: #7b96ab;}			

footer{ width:100%; clear:both; display:block; float:left; padding:0 0 10px 0; margin:0; background-color:#396ba2;}
.scrollup
{     
width:50px;     
height:45px;     
opacity:0.8;     
position:fixed;
z-index:9999;    
bottom:40px;     
right:20px;     
display:none;     
text-indent:-9999px;     
background-image: url('../images/top.png') ;
} 
.scrollup:hover{ opacity:1;}

input[type=text], textarea, select, input[type=password]{
	background: #F2F2F2;
    background: -moz-linear-gradient(top, #F8F8F8 1%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #F8F8F8), color-stop(100%, #ededed));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#ededed', GradientType=0);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	 border:1px solid #dfdede; margin:5px 0; padding:0; width:100%; color:#777777; font-size:13px; text-indent:10px; font-family:Arial, Helvetica, sans-serif;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
	}
input[type=text], select, input[type=password]{ height:40px;}	
textarea{ padding:10px 0 0 0;}
input[type=submit], input[type=button]{background-color:#0075b8; border:1px solid #036ca8; margin:10px 0; padding:8px 25px; text-align:center; color:#ffffff; text-transform: uppercase; font-size:15px; font-weight:300; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}                                     
input[type=submit]:focus, input[type=button]:focus{background-color:#7fb842; box-shadow:inset 0 2px 5px rgba(0,0,0,.5); -webkit-box-shadow:inset 0 2px 5px rgba(0,0,0,.5); -moz-box-shadow:inset 0 2px 5px rgba(0,0,0,.5); position:relative; top:1px;}

.hp-links{color:#396ba2; font-size:13px; padding:10px 0; display:table; clear: both; font-weight:700;}
.hp-links:hover{ color:#303030;}
.hp-links:after{ content:"\21d2"; padding:0 0 0 7px; color:#7fb842; font-weight:700;}
.anchor-3, .anchor-3 a{color:#396ba2; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.anchor-2{color:#396ba2; font-size:13px;font-family:Arial, Helvetica, sans-serif; font-weight:700;}
.download:after{content:'\21d3'; color:#ffffff; background-color:#7fb842; padding:2px 5px; margin:0 0 0 5px; border-radius:50px;}
.anchor-4{color:#ffffff; font-size:15px;font-family:Arial, Helvetica, sans-serif; text-decoration:underline;}

blockquote:before{ content:'\201C'; font-size:48px;font-weight:700; color:#7fb842; padding:0; position:relative; top:10px; font-family:Arial, Helvetica, sans-serif;}
blockquote:after{ content:'\201D'; font-size:48px;font-weight:700; text-align:right; color:#7fb842; padding:0;position:relative; top:10px;font-family:Arial, Helvetica, sans-serif;}
blockquote{font-size:28px; font-family:"HelveticaNeu",Arial, Helvetica, sans-serif; color:#396ba2; font-weight:300; border-bottom:1px solid #dfdfdf; text-align: center; line-height:1em; margin:0 0 10px 0; padding:10px 0 20px 0; }
.submenu-text{ border-bottom:1px solid #dfdfdf; padding:10px 0; margin:0 0 30px 0; width:100%; float:left; clear:both; display:block; font-size:19px; font-family:"HelveticaNeu",Arial, Helvetica, sans-serif; color:#303030;}
.submenu-text a{ color:#7fb842; padding:0 10px;}
.submenu-text a:hover{color:#396ba2;}
.submenu-text a:last-child{ padding-right:0;}
.show{display:block;}
.hide{display:none;}

.sub-text{ border-bottom:1px solid #dfdfdf; padding:10px 0; margin:0 0 30px 0; width:100%; float:left; clear:both; display:block; font-size:19px; font-family:"HelveticaNeu",Arial, Helvetica, sans-serif; color:#303030;}
.sub-text a{ color:#000; padding:0 10px;}
.sub-text a:hover{color:#396ba2;}
.sub-text a:last-child{ padding-right:0;}
.show{display:block;}
.hide{display:none;}
.broucher-bg{ background:#1a5069 url(../images/cam-bg.png) no-repeat right top; width:94%; float:left; clear:both; display:block; color:#ffffff; padding:20px 3%;}
.broucher-hstyle{ color:#ffffff; font-size:22px; text-transform:uppercase; line-height:1.425em;}
.broucher-hstyle span{ color:#44ade2;}
.broucher-hstyle-1{ color:#ffffff; font-size:15px; text-transform:uppercase; line-height:1.425em;}

.broucher-text{ color:#ffffff; font-size:15px; font-family:Arial, Helvetica, sans-serif; text-align:justify; line-height:1.425em;}
.broucher-liststyle{ margin:10px 0 10px 25px; padding:0; display:block;}
.broucher-liststyle li{ list-style: upper-alpha; color:#ffffff; font-size:15px;font-family:Arial, Helvetica, sans-serif; padding:0 0 10px 0;line-height:1.425em;}
.broucher-liststyle li span{color:#44ade2;}
.bdr-top{ border-top:1px solid #80b941;}


/*** New style for web presence ***/

.body-style{ background:url(../images/bg.jpg) no-repeat right center fixed;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../bg.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../bg.jpg', sizingMethod='scale')";
 width:100%; height:100%; max-height:100%; color:#ffffff;}
.web-wrapper{position:absolute; padding:0; float:left; clear:both; height:100%; max-height:100%; }
.web-container{position: relative; width:100%; float:left; height:100%; max-height:100%; display:table; clear:both;background:rgba(0,0,0,0.5); border-left:1px solid #0f0f0f; border-right:1px solid #0f0f0f;}
.gutter-1{ padding:10px 0; display: block;}
.social-icon{ float:left; padding:0 5px; margin:0;}
.fl-r{ float:right;}
.web-title-text{ font-family: Arial, Helvetica, sans-serif; font-size:28px; color: #ffffff; padding:10px 0;}
.web-title-text:before{ content: url(../images/title_Head.png); padding:0 0 0 10px; position:relative; top:20px;}
.web-hstyle{font-family: Arial, Helvetica, sans-serif; font-size:17px; text-transform:uppercase; color: #a000a0; padding:10px; margin:20px 0; background-color:#000000;border:1px solid #1f1f1f;}
.web-hstyle-1{font-family: Arial, Helvetica, sans-serif; font-size:17px; color: #7fb842; padding:0; margin:10px 0; text-decoration:underline;}
.web-hstyle-2{ background-color:#000000; border:1px solid #1f1f1f; display:block; box-shadow:0 0 8px rgba(0,0,0,0.5); -webkit-box-shadow:0 0 8px rgba(0,0,0,0.5); -moz-box-shadow:0 0 8px rgba(0,0,0,0.5); font-family: Arial, Helvetica, sans-serif; font-size:17px; text-align:center; color: #ffffff; padding:7px 0; margin:0;}
.web-hstyle-3{font-family: Arial, Helvetica, sans-serif; font-size:17px; color: #0075b8; padding:0; margin:10px 0; text-decoration:underline;}

.web-textstyle{font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#ffffff; line-height:1.625em;}
.web-footer{position: absolute; bottom:0; width:100%; float:left; display: block; clear:both; background-color:#000000; padding:10px 0; font-size:12px; color:#ffffff;}
.web-ulstyle{ margin:10px 25px; padding:0; display:block;}
.web-ulstyle li{list-style: url(../images/right.png); padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#ffffff; line-height:1.625em;}
.web-ulstyle-1{ margin:10px 0; padding:0; display:block; text-align:center;}
.web-ulstyle-1 li{list-style: none; padding:5px 0; margin:0; border-bottom:1px solid rgba(0,0,0,0.1); font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#ffffff; line-height:1.625em;}


.marginbot {
margin-bottom:15px;
}

ul.list li {
list-style-type:none;
margin:0;
}

ul.tabs {
width:100%;
overflow:hidden;
}

ul.tabs li {
list-style-type:none;
display:block;
float:left;
color:#ffffff;
font-size:15px;
padding:8px;
margin-right:2px;
border-bottom:2px solid #2f2f2f;
background-color:#0075b8;
cursor:pointer;
}

ul.tabs li:hover {
background-color:#7fb842;
}

ul.tabs li.current {
border-bottom:2px solid #2f2f2f;
background-color:#7fb842;
padding:8px;
}

.tabscontent {
border-top:2px solid #0075b8;
padding:8px 0 0 0;
display:none;
width:100%;
}

.package-box{ background:rgba(255,255,255,0.2); box-shadow:0 0 8px #101010; -webkit-box-shadow:0 0 8px #101010; -moz-box-shadow:0 0 8px #101010;  padding:8px 2%; float:left; clear:both; display:block;}
.box-wd{width:76%; margin:10px 10%;}
.box-wd-2{width:96%; margin:10px 0;}

.down-arrow:after
			{
				width: 0;
				height: 0;
				border: 1.2em solid transparent;
				border-bottom: none;
				border-top-color: #000000;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: absolute;
				margin:-0.2em 0 0 -1em; 
			}		
.price-tab{ background-color:#7fb842; box-shadow:0 0 8px rgba(0,0,0,0.5); -webkit-box-shadow:0 0 8px rgba(0,0,0,0.5); -moz-box-shadow:0 0 8px rgba(0,0,0,0.5); font-family: Arial, Helvetica, sans-serif; font-size:17px; text-align:center; color: #ffffff; padding:7px 0; margin:10px 0;}
.buy-btn{background-color:#0075b8; box-shadow:0 0 8px rgba(0,0,0,0.5); -webkit-box-shadow:0 0 8px rgba(0,0,0,0.5); -moz-box-shadow:0 0 8px rgba(0,0,0,0.5); font-family: Arial; font-size:17px; text-align:center; color: #ffffff; padding:7px 0; margin:10px 0;}
.pack-name{ border:1px solid #dfdfdf; background-color:#f0f0f0; padding:10px 2%; margin:5px 0; width:96%; float:left; clear:both; display:block; color:#777777; font-size:13px;}
.pack-name span{ color:#0075b8;}

.button {
  border-radius: 4px;
  background-color:#0075b8;
  border: none;
  float:right;
  color: #FFFFFF;
  text-align: center;
  font-size: 18px;
  padding: 8px;

  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
 
  
  
}

.button span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
	left: 800;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 15px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    top: 0;
	left:0;
	right:0;
	bottom:0;
  	width:100%; /* Full width */
    overflow: hidden; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: 0 auto;
    padding: 10px 20px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
    border: 1px solid #888;
	width:490px;
	margin-left:-245px;
	float:left;
	position:absolute;
	top:20%;
	left: 50%;
}
.modal-content textarea{resize:none;}
.clearfix{clear:both;}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
