html, body{
font-size: 100%;
background:	#fff;
font-family: 'Lato', sans-serif;}

body a{
transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-ms-transition: 0.5s all ease;}

h1,h2,h3,h4,h5,h6{margin:0;	}

p{margin:0;}

ul,label{
margin:0;
padding:0;}

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



.header {
padding:0;
background: #ffffff;
text-align:center}


.logo { text-align:center}
.logo a {display: block;}



/*-- Header Part Starts Here --*/

.navigation { text-align:center; background-color:#1d2147; padding:14px 0;}


ul.navig {
padding: 0;
margin:0;}

ul.navig li span {
	color: #fff;
	margin: 0 15px;
	font-size: 16px;
}

ul.navig li {
display: inline-block;
margin: 0 45px;
position: relative;}

ul.navig li a {
font-size: 14px;
color: rgba(255, 255, 255, 1);
font-weight: 700;
text-decoration: none;
padding:0px;}


ul.navig li a:hover,ul.navig li a.active{color: #51a1e4;}

ul.navig li a:hover ul.navig li a:after{display: block;}

ul.navig li a:after{
width:15px;
height:15px;
background:red;
display: none;
content:"";
position:absolute;
top:0;}

.head_grid{
	text-align:center;
	width: 26.3%;
}
.head_grid_center{
	margin: 0 7em;
}
.grid_ba{
	width:100%;
	background:#dfdfdf;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	text-align:center;
	padding: 5em 1em;
	margin:0 auto;
}
.grid_ba p{
	margin:1em 0 0 0;
	font-size:1em;
	font-weight:600;
	color: #4c4a5a;
}
.stars {
	margin: 7em 0 2em 0;
	text-align: center;
	position: relative;
}
.stars:before {
	content: "";
	background: rgba(88, 86, 104, 0.33);
	height: 1px;
	width: 35%;
	position: absolute;
	top: 59%;
	left: 9%;
}
.stars:after {
	content: "";
	background: rgba(88, 86, 104, 0.33);
	height: 1px;
	width: 35%;
	position: absolute;
	top: 59%;
	right: 9%;
}
@media (max-width: 768px){
span.menu:before {
	content: url(../images/nav-icon.png);
	cursor: pointer;	
	height:32px;
}
ul.navig li.plan:hover ul.sub-nav{
	display:none;
}
.head {
	margin: 0 auto;
	position: absolute;
	width: 100%;
	left: 0;
}
ul.navig {
	width: 11%;
	
	margin:0;
}
ul.navig{
	display:none;
}
ul.navig li {
	font-size: 12px;
	display:inline-block;
	width: 100%;
	margin:0;
}
ul.navig li a {
padding: 10px 0px;
font-size: 16px;
width: 100%;
font-weight: 600;
display: block; color:#111111 !important;
color: rgba(255, 255, 255, 0.69);}

ul.navig li a:hover{color:#999999 !important;}

span.menu {
display: block;
margin: 0px 0 0 0;}

ul.navig {
margin: 10px 0 0 0;
z-index: 999;
position: absolute;
width: 96%;
text-align: center;
top: 71%;
left: 2%;
background: rgba(255, 255, 255, 0.97);}

.navigation {
height: 60px;
padding: 0px 16px 0em;
margin-bottom: 0em;}

ul.navig li:nth-of-type(4) {margin: 0 0px 0 0em;}
ul.navig li:nth-of-type(3) {margin: 0 0em 0 0px;}
}
/*--Header-Part-Ends-Here --*/




/*--banner-Part-starts-Here --*/
.banner { 
max-height:500px; 
padding:310px 0 80px 0; 
text-align:center;
background:url(../images/banner.jpg) no-repeat center top #2e2e2e;}

.banner p{font-size:45px; font-weight:300; color:#FFF; text-shadow: 2px 2px 2px #000;}

/*--banner-Part-Ends-Here --*/




/*--client-Part-starts-Here --*/
.client{ 
padding:36px 0 80px 0; 
max-height:500px; 
background:url(../images/client.jpg) no-repeat center top;}


.client-main{ 
text-align:left;
padding:0 43% 0 0;}


.client-main h1{ font-size:45px; font-weight:300; color:#FFF; margin:0 0 15px 0 }
.client-main p{ font-size:18px; font-weight:400; color:#FFF; line-height:27px; margin:0 0 35px 0 }



/*--client-Part-Ends-Here --*/










/*--lorem-Part-starts-Here --*/
.lorem{ 
max-height:499px; 
padding:20px 0 15px 0;	
background:url(../images/lorem-banner.jpg) no-repeat center top;}


.lorem-main{ 
text-align:left;
padding:0 0 0 45%;}

.lorem-main h1{ font-size:45px; font-weight:300; color:#FFF; margin:0 0 10px 0 }
.lorem-main p{ font-size:17px; font-weight:400; color:#FFF; line-height:27px; margin:0 0 15px 0 }









.project { 
background-color:#e1e1e1; 
padding:40px 0; 
text-align:center}


.project-main{text-align:center}


.project-main h3{
color: #000619;
font-size:45px;
font-weight: 300;
margin: 0 0 20px 0;}


.project-main p{
color: #000619;
font-size:18px;
font-weight: 400; 
line-height:36px}

/*--lorem-Part-Ends-Here --*/










/*--footer-Part-starts-Here --*/
.footer {
background: #ffffff;
padding: 24px 0 35px 0;}


.footer-left{
width:auto;
float:left;}


.footer-text{
width:auto; 
padding:35px 50px 0 50px;
float:left;}

.footer-text ul{padding:0;}

.footer-text ul li{
list-style:none;
display: inline-block;}

.footer-text ul li a{
color:#666666;
font-weight:400;
font-size:12px; 
margin:0 15px;}

.footer-text ul li a:hover{color:#000000;}



.footer-right{
width:auto;
float:right;}


.footer-right ul{padding:30px 0 0 0}

.footer-right ul li{
list-style:none;
display:inline-block;}

.footer-right ul li a{ margin:0 5px;}

.footer-right ul li a:hover{opacity: 0.7; filter: alpha(opacity=20);}




.footer-bottom{
margin-top:10px;
text-align:center;}

.footer-bottom p {
color: #666666;
font-size: 12px; 
font-weight:400;}



/*--footer-Part-Ends-Here --*/



/*--about-Part-Starts-Here --*/
.about{	padding:60px 0 30px 0;}

.about-main{text-align: left;}

.about-main h2{ font-size:45px; font-weight:300; color:#111111; margin:0 0 30px 0}
.about-main h3{ font-size:22px; font-weight:700; color:#111111; margin:0 0 10px 0}
.about-main p{ font-size:16px; font-weight:400; color:#111111; margin:0 0 25px 0; line-height:25px}

.about-main ul{padding:0 0 23px 0; margin:0px}

.about-main ul li{
list-style:none;
display: inline-block;}

.about-main ul li a{
color:#9b9b8c;
font-weight:300;
font-size:35px; 
margin:0 60px 0 0; 
padding:0 18px 3px 18px;}

.about-main ul li a:hover{font-weight:400; color:#fff; background-color:#1d70b7; border-radius:6px}
.about-main ul li a.active{font-weight:400; color:#fff; background-color:#1d70b7; border-radius:6px}








/*--about-Part-Ends-Here --*/












/*--features-Part-Starts-Here --*/
.features{
padding:2em 0px;}


.features-main{ text-align:left}


.features-main h3{ font-size:45px; font-weight:300; color:#111111; margin-bottom:28px}
.features-main p{ font-size:18px; font-weight:400; color:#111111; line-height:29px; margin-bottom:20px}



.features-main ul{padding:0; margin:0 0 20px 0}

.features-main ul li{
list-style:none;
display: block; 
padding: 0 0 0 25px; margin:0 0 8px 0;
font-size:18px; font-weight:400; color:#111111; 
background:url(../images/ico.png) no-repeat left top 7px;}








.services{ 
max-height:450px; 
padding:30px 0;
background:url(../images/feature-top.jpg) no-repeat center top}
	
.services-main{ text-align: left; padding:0 42% 0 0 }	
	
.services-main h3{ font-size:45px; font-weight:300; color:#ffffff; margin-bottom:35px }		
.services-main p{ font-size:22px; font-weight:700; color:#ffffff; margin-bottom:10px }		
.services-main ul{padding:0; margin:0 0 20px 0}
.services-main ul li{
list-style:none;
display: block; 
padding: 0 0 0 25px; margin:0 0 14px 0;
font-size:18px; font-weight:400; color:#ffffff; line-height:29px; 
background:url(../images/ico2.png) no-repeat left top 10px;}	
	
	
	
	
	
	
	
.services2{ 
max-height:369px; 
padding:30px 0;
background:url(../images/services2.jpg) no-repeat center top}
	
.services2-main{ text-align: left; padding:0 0 0 42% }	
	
.services2-main p{ font-size:22px; font-weight:700; color:#ffffff; margin-bottom:15px }		
.services2-main ul{padding:0; margin:0 0 20px 0}
.services2-main ul li{
list-style:none;
display: block; 
padding: 0 0 0 25px; margin:0 0 14px 0;
font-size:18px; font-weight:400; color:#ffffff; line-height:29px; 
background:url(../images/ico2.png) no-repeat left top 10px;}	
	
	
	
	
	
.services3{ 
max-height:371px; 
padding:30px 0;
background:url(../images/services3.jpg) no-repeat center top}
	
.services3-main{ text-align: left; padding:0 42% 0 0 }	
	
.services3-main p{ font-size:22px; font-weight:700; color:#ffffff; margin-bottom:10px }		
.services3-main ul{padding:0; margin:0 0 20px 0}
.services3-main ul li{
list-style:none;
display: block; 
padding: 0 0 0 25px; margin:0 0 14px 0;
font-size:18px; font-weight:400; color:#ffffff; line-height:29px; 
background:url(../images/ico2.png) no-repeat left top 10px;}





.services4{ 
max-height:420px; 
padding:30px 0;
background:url(../images/services4.jpg) no-repeat center top}
	
.services4-main{ text-align: left; padding:0 43% 0 0 }	
	

.services4-main h3{ font-size:45px; font-weight:300; color:#ffffff; line-height:54px; margin-bottom:15px }	
.services4-main p{ font-size:20px; font-weight:700; color:#ffffff; margin-bottom:15px }		
.services4-main ul{padding:0; margin:0 0 20px 0}
.services4-main ul li{
list-style:none;
display: block; 
padding: 0px; margin:0 0 14px 0;
font-size:18px; font-weight:400; color:#ffffff; line-height:29px; }





.same{ 
padding:40px 0;
background:#111111}
	
.same-main{ text-align: left;}	
	
.same-main h3{ font-size:45px; font-weight:300; color:#ffffff; line-height:54px; margin-bottom:25px }	
.same-main p{ font-size:18px; font-weight:400; color:#ffffff; line-height:29px }		

	
	
	
	
	
	
.same1{ 
padding:172px 0 70px 0; 
max-height:810px;
background:url(../images/same1.jpg) no-repeat center top}
	
.same1-main{ height:568px; text-align: center;}	
	
	
.same1-main .box1{ width:100%; height:101px; padding:0 0 0 41%; text-align: center;}		
.same1-main .box1 a.lboxBasic{ 
padding:0; 
text-align: left; 
font-size:13px; font-weight:700; color:#111111;  
float:left;  }		
	
	
	
.same1-main .box2{ width:100%; height:118px; padding:0 22% 0 22%; text-align: center;}		
.same1-main .box2 a.lboxBasic{ 
padding:0; 
text-align: left; 
font-size:13px; font-weight:700; color:#111111;  
float:left;}

.same1-main .box2 a.lboxBasic2{ 
padding:0; 
text-align: left; 
font-size:13px; font-weight:700; color:#111111;  
float:left;}



	
	
.same1-main .box3{ width:100%; height:142px; padding:0 15% 0 15%; text-align: center;}		
.same1-main .box3 a.lboxBasic{ 
padding:0; 
text-align: left; 
font-size:13px; font-weight:700; color:#111111;  
float:left;}

.same1-main .box3 a.lboxBasic2{ 
padding:0; 
text-align: left; 
font-size:13px; font-weight:700; color:#111111; 
float:left;}




	
	
.same1-main .box4{ width:100%; height:113px; padding:0 18% 0 18%; text-align: center;}		
.same1-main .box4 a.lboxBasic{ 
padding:0; 
text-align: left; 
font-size:13px; font-weight:700; color:#111111; 
float:left;}

.same1-main .box4 a.lboxBasic2{ 
padding:0; 
text-align: left; 
font-size:13px; font-weight:700; color:#111111; 
float:left;}




.same1-main .box5{ width:100%; height:94px; padding:0 29% 0 29%; text-align: center;}		
.same1-main .box5 a.lboxBasic{ 
padding:0; 
text-align: left; 
font-size:13px; font-weight:700; color:#111111;  
float:left;}

.same1-main .box5 a.lboxBasic2{ 
padding:0; 
text-align: left; 
font-size:13px; font-weight:700; color:#111111;  
float:left;}



	
	
	
[data-tooltip],
.tooltip {
position: relative;
cursor: pointer;}

[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
position: absolute;
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: 
opacity 0.2s ease-in-out,
visibility 0.2s ease-in-out,
-webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
-moz-transition:    
opacity 0.2s ease-in-out,
visibility 0.2s ease-in-out,
-moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
transition:         
opacity 0.2s ease-in-out,
visibility 0.2s ease-in-out,
transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform:    translate3d(0, 0, 0);
transform:         translate3d(0, 0, 0);
pointer-events: none;}


/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
z-index: 1001; top:7px;
border: 12px solid transparent;
background: transparent;
content: ""; }

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
z-index: 1000;
padding:10px 15px;
width:274px;
background-color:#eeeeee;
color: #111111; 
text-align:left;
content: attr(data-tooltip);
font-size: 13px; 
font-weight:700;
line-height:26px; 
border-radius:10px;}



/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
bottom: 90%;
left: 65%;}


[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
margin-left: -6px;
margin-bottom: -12px;
border-top-color: #000;
border-top-color: #eeeeee}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
margin-left: -30px;}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
-webkit-transform: translateY(-12px);
-moz-transform:    translateY(-12px);
transform:         translateY(-12px); }





#shell {
	position: relative;
	width: 90%;
	min-width: 400px;
	margin-right: auto;
	margin-left: auto; 
}
.dragg {
	width:150px;
	padding: 5px;
	background-color: #666;
	text-align: center;
}
.drop-zone {
	position: absolute;
	top:50%;
	right:0px;
	width: 200px;
	height: 200px;
	background-color: #333;
	color:#fff;
	text-align: center;
}





#external *{
margin-top: 0px;
box-sizing:border-box; color:}

#external h2 {font-size:45px; font-weight:300; margin-bottom:25px;}



.ac-container{ 
width:100%; 
height:300px; padding:0 15px 0 0;
margin: 10px auto 20px auto;
text-align: left; 
overflow:auto; 
scrollbar-arrow-color:: #999999 ; 
scrollbar-base-color: #CCCCCC; 
scrollbar-dark-shadow-color: #000080;
scrollbar-track-color: #BBBBBB;
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: white;
scrollbar-highlight-color: white;
scrollbar-3d-light-color: a; }

.ac-container label{
padding: 5px 0 20px 0; 
margin:0 0 5px 0;
position: relative;
z-index: 20;
display: block;
height: 30px;
cursor: pointer;
color: #111111 !important;
font-size: 18px; 
border-bottom:1px solid #111111}

.ac-container label:hover{ color:#06F;}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{color:#06F;}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{color:#06F;}
.ac-container input:checked + label:hover:after{color:#06F;}
.ac-container input{display: none;}
.ac-container article{
margin-top: -1px;
overflow: hidden;
height: 0px;
position: relative;
z-index: 10;
color: #111111 !important; }

.ac-container article p{
color: #111111 !important;
font-size: 18px;
padding: 10px 0 20px 0;
font-family: 'Lato', sans-serif; line-height:29px; 
border:0px}


.ac-container input:checked ~ article{
-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
transition: height 0.5s ease-in-out, box-shadow 0.1s linear;}

.ac-container input:checked ~ article.ac-small{height: auto; color:#000 !important}
.ac-container input:checked ~ article.ac-medium{height: auto; color:#000 !important}
.ac-container input:checked ~ article.ac-large{height: auto; color:#000 !important}





.colm{ 
width:100%; 
height:auto; 
padding:0;
margin:0;
text-align: right; 
font-size:13px; font-weight:400; color:#000  }






	.simplePopup {
display:none;
position:fixed;
border:4px solid #808080;
background:#fff;
z-index:3;
padding:12px;
width:70%;
min-width:70%;
}

.simplePopupClose {
float:right;
cursor:pointer;
margin-left:10px;
margin-bottom:10px;
}

.simplePopupBackground {
display:none;
background:#000;
position:fixed;
height:100%;
width:100%;
top:0;
left:0;
z-index:1;
}
	
	
	
	
	
	
.same2{ 
padding:54px 0; 
background:#ffffff}
	
.same2-main{ text-align: center;}	
	
.same2-main .left{ 
width:30%; 
height:320px; 
padding:30px 5px; 
margin:0 1.5% 0 1.5% ; 
text-align:center; 
background-color:#1d70b7; 
float:left }

.same2-main .left h3{ font-size:28px; font-weight:700; color:#ffffff; line-height:34px; margin-bottom:25px}	
.same2-main .left p{ font-size:18px; font-weight:400; color:#ffffff; line-height:43px;}	


.same2-main .center{ 
width:30%; 
height:320px; 
padding:30px 5px; 
margin:0 1.5% 0 1.5% ; 
text-align:center; 
background-color:#003e6b; 
float:left }	

.same2-main .center h3{ font-size:28px; font-weight:700; color:#ffffff; line-height:34px; margin-bottom:25px}	
.same2-main .center p{ font-size:18px; font-weight:400; color:#ffffff; line-height:43px;}	
	
	
.same2-main .right{ 
width:30%; 
height:320px; 
padding:30px 5px; 
margin:0 1.5% 0 1.5% ; 
text-align:center; 
background-color:#001627; 
float:left }	

.same2-main .right h3{ font-size:28px; font-weight:700; color:#ffffff; line-height:34px; margin-bottom:25px}	
.same2-main .right p{ font-size:18px; font-weight:400; color:#ffffff; line-height:43px;}	







.same3{ 
padding:45px 0; 
background:#eeeeee}
	
.same3-main{ text-align: left;}	
	
.same3-main h3{ font-size:45px; font-weight:300; color:#111111; margin-bottom:25px }	
.same3-main p{ font-size:18px; font-weight:400; color:#111111; line-height:29px }	

.same3-main ul{padding:0; margin:0 0 20px 0}
.same3-main ul li{
list-style:none;
display: block; 
padding: 0 0 0 25px; margin:0 0 4px 0;
font-size:18px; font-weight:400; color:#111111; line-height:29px; 
background:url(../images/ico.png) no-repeat left top 10px;}




.same4{ 
padding:45px 0; 
background:#ffffff}
	
.same4-main{ text-align: left;}	
	
.same4-main h3{ font-size:45px; font-weight:300; color:#111111; margin-bottom:25px }	
.same4-main p{ font-size:18px; font-weight:400; color:#111111; line-height:29px }	









.same5{ 
padding:45px 0; 
background:#f9f9f9}
	
.same5-main{ text-align: left;}	
	
.same5-main h3{ font-size:45px; font-weight:300; color:#111111; margin-bottom:25px }	

.same5-main ul{padding:0; margin:0 0 20px 0}
.same5-main ul li{
list-style:none;
display: block; 
padding: 0 0 0 25px; margin:0 0 4px 0;
font-size:18px; font-weight:400; color:#111111; line-height:29px; 
background:url(../images/ico.png) no-repeat left top 10px;}










/*--contact-Part-Starts-Here --*/
.contact{padding:50px 0 30px 0;}

.contact-mian{text-align: left;}

.contact-mian p {
font-weight: 400;
font-size: 17px;
line-height: 29px;
color: #111111;
margin:0 0 50px 0;}


.contact-top {margin-top:3em;}
.contact-top input[type="text"] {
width: 49%;
color: #111111;
outline: none;
font-size: 18px;
padding: 12px 15px;
margin-bottom:6px;
border: solid 2px #1e2248;
font-weight: 400;
border-radius: 0.8em; 
background-color:#f0f0f0}

.contact-top input[type="text"]:nth-child(1){margin-right:10px;}

.contact-top textarea {
resize: none;
width: 99.4%;
margin: 0 auto;
margin-bottom:6px;
color: #111111;
font-size: 18px;
outline: none;
padding: 12px 15px;
border: solid 2px #1e2248;
min-height: 12em;
font-weight: 400;
border-radius: 0.8em;
background-color:#f0f0f0}

.contact-but .submit{
border: none;
outline: none;
color: #fff;
background:#1f9df9;
padding: 8px 45px;
font-size: 18px;
font-weight: 700;
margin: 0.9em 0 0 0;
border-radius: 0.8em; 
float:right;
-moz-box-shadow: 0 4px 8px #5c5c5c;
-webkit-box-shadow: 0 4px 8px #5c5c5c;
box-shadow: 0 2px 4px #5c5c5c; }


.contact-but .submit:hover {
background: #1d2147;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;}


.respuesta_f2 { width:100%; text-align:center; font-size:18px; font-weight:400; color:#000; float:left}

.contact-bottom { 
width:100%; 
padding:2% 0; 
margin:3% 0 0 0; 
text-align:center;
background-color:#1d2147; 
font-size:20px; color:#FFF; font-weight:400}

.contact-bottom a{ font-size:20px; color:#FFF; font-weight:400}
.contact-bottom a:hover{ color:#4194d9;}


/*--contact-Part-Ends-Here --*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 32px;
	height: 32px;
	border: none;
	text-indent: 100%;
	background: url(../images/top-arrow.png) no-repeat;
}
/*--media-quaries-starts-here--*/
@media (max-width:1440px){}
@media (max-width:1366px){}
@media (max-width:1280px){}
@media (max-width:1024px){
	

}

@media (max-width:768px){

.header { height:170px; }
.logo img { width:70%}
.navigation { text-align:center; padding:14px 0;}

.banner { max-height:590px; padding:180px 0 80px 0; }

.client{ max-height:450px; background:url(../images/client.jpg) no-repeat center top;}
.client-main{ padding:0 43% 0 2%;}
.client-main h1{ font-size:36px; }
.client-main p{ font-size:15px; line-height:24px; }


.lorem-main{ padding:0 0 0 43%;}
.lorem-main h1{ font-size:36px;}
.lorem-main p{ font-size:15px; line-height:24px;}


.features{padding:2em 0px;}
.features-main{ text-align:left; padding:0 2%}
.features-main h3{ font-size:40px; font-weight:300; color:#111111; margin-bottom:28px}

.footer-left{width:100%; text-align:center;}



.services{ max-height:450px; padding:30px 0; background:url(../images/feature-top2.jpg) no-repeat center top}	
.services-main{ text-align: left; padding:0 28% 0 2% }		
.services-main h3{ font-size:40px; margin-bottom:35px }		
.services-main p{ font-size:20px; }		
.services-main ul li{font-size:17px; line-height:27px; }	


.services2{ max-height:369px; background:url(../images/services2-a.jpg) no-repeat center top}
.services2-main{ text-align: left; padding:0 0 0 22% }	
.services2-main p{ font-size:20px;}		
.services2-main ul li{font-size:17px; line-height:27px; }	


.services3{ max-height:371px; background:url(../images/services3-a.jpg) no-repeat center top}	
.services3-main{ text-align: left; padding:0 25% 0 2% }	
.services3-main p{ font-size:20px; }		
.services3-main ul li{font-size:17px; line-height:27px; }


.about-main ul li a{font-size:30px; margin:0 40px 0 0; padding:0 14px 3px 14px;}





.services4{ max-height:420px; background:url(../images/services4.jpg) no-repeat center top}
.services4-main{ text-align: left; padding:0 40% 0 0 }	
.services4-main h3{ font-size:30px; line-height:40px;}	
.services4-main p{ font-size:18px; }		
.services4-main ul li{list-style:none; font-size:16px; font-weight:400; color:#ffffff; line-height:26px; }


.same{ padding:40px 2% 40px 2%;}
.same-main h3{ font-size:38px; font-weight:300; color:#ffffff; line-height:54px; margin-bottom:25px }	
.same-main p{ font-size:17px; line-height:26px }


.same1{padding:160px 0 70px 0; max-height:810px; background:url(../images/same1.jpg) no-repeat center top}		
.same1-main .box1{ height:101px; padding:0 0 0 40%; }		
.same1-main .box2{ height:118px; padding:0 20% 0 20%; }		
.same1-main .box3{ height:142px; padding:0 8% 0 8%; }		
.same1-main .box4{height:113px; padding:0 4% 0 4%; }		
.same1-main .box5{height:94px; padding:0 19% 0 19%; }		



.tooltip:after, [data-tooltip]:after {width:190px;}		
[data-tooltip]:before, [data-tooltip]:after,.tooltip:before, .tooltip:after, .tooltip-top:before, .tooltip-top:after {bottom: 90%; left: 60%;}
[data-tooltip]:after, .tooltip:after, .tooltip-top:after {margin-left: -100px;}		





.same2-main .left{ width:31%; height:320px; padding:30px 5px; margin:0 1% 0 1% ;}
.same2-main .left h3{ font-size:24px; line-height:34px; }	
.same2-main .left p{ font-size:16px; line-height:33px;}	
.same2-main .center{ width:31%; height:320px; padding:30px 5px; margin:0 1% 0 1% ; }	
.same2-main .center h3{ font-size:24px; line-height:34px; }	
.same2-main .center p{ font-size:16px; line-height:33px;}	
.same2-main .right{ width:31%; height:320px; padding:30px 5px; margin:0 1% 0 1% ; }	
.same2-main .right h3{ font-size:24px; line-height:34px;}	
.same2-main .right p{ font-size:16px; fline-height:33px;}	

.same3-main h3{ font-size:38px;}	
.same3-main p{ font-size:17px; line-height:26px }	
.same3-main ul{padding:0; margin:0 0 20px 0}
.same3-main ul li{font-size:17px; line-height:26px; background:url(../images/ico.png) no-repeat left top 10px;}
.same4-main h3{ font-size:38px;}	
.same4-main p{ font-size:17px; line-height:26px }	
.same5-main h3{ font-size:38px; }	
.same5-main ul li{font-size:17px; line-height:26px; background:url(../images/ico.png) no-repeat left top 10px;}


#external h2 {font-size:20px;}
.ac-container{ width:100%; height:170px; padding:0 15px 0 0; margin: 10px auto 20px auto; text-align: left; }
.ac-container label{font-size: 12px; }
.ac-container article p{font-size: 12px; line-height:16px}		
.colm{ font-size:11px;}


}


@media screen and (max-width: 650px) {
  label {
    font-size: 0;
  }
  label:before {
    margin: 0;
    font-size: 18px;
  }
}




@media (max-width:640px){
	
.header { height:150px;}
.logo img { width:70%}
.navigation { text-align:center; padding:14px 0;}


.banner { max-height:399px; padding:60px 0 50px 0; background:url(../images/banner-2.jpg) no-repeat center top #2e2e2e; }
.banner p{font-size:40px; }

.client{ max-height:400px; background:url(../images/client.jpg) no-repeat center top;}
.client-main{ padding:0 35% 0 2%;}
.client-main h1{ font-size:33px; }
.client-main p{ font-size:14px; line-height:21px; }


.lorem-main{ padding:0 0 0 40%;}
.lorem-main h1{ font-size:33px;}
.lorem-main p{ font-size:14px; line-height:21px;}


.footer-left{width:100%; text-align:center;}
.footer-text{width:100%; text-align:center; padding:25px 10px 0 10px;}
.footer-right{width:100%; text-align:center;}
.footer-text ul li a{font-size:12px; margin:0 15px;}


.features{padding:2em 0px;}
.features-main{ text-align:left; padding:0 2%}
.features-main h3{ font-size:36px; font-weight:300; color:#111111; margin-bottom:28px}
.features-main p{ font-size:16px; }
.features-main ul li{font-size:16px; font-weight:400; background:url(../images/ico.png) no-repeat left top 7px;}



.services{ max-height:450px; padding:30px 0; background:url(../images/feature-top2.jpg) no-repeat center top}	
.services-main{ text-align: left; padding:0 22% 0 2% }		
.services-main h3{ font-size:38px; margin-bottom:35px }		
.services-main p{ font-size:18px; }		
.services-main ul li{font-size:16px; line-height:27px; }	


.services2{ max-height:369px; background:url(../images/services2-a.jpg) no-repeat center top}
.services2-main{ text-align: left; padding:0 0 0 15% }	
.services2-main p{ font-size:18px;}		
.services2-main ul li{font-size:16px; line-height:27px; }	


.services3{ max-height:371px; background:url(../images/services3-a.jpg) no-repeat center top}	
.services3-main{ text-align: left; padding:0 25% 0 2% }	
.services3-main p{ font-size:20px; }		
.services3-main ul li{font-size:17px; line-height:27px; }


.about-main ul li a{font-size:28px; margin:0 20px 0 0; padding:0 14px 3px 14px;}
.about-main h2{ font-size:40px;}
.about-main h3{ font-size:20px;}
.about-main p{ font-size:15px; line-height:25px}



.contact-top input[type="text"] {width: 99%;}
.contact-top input[type="text"]:nth-child(1){margin-right:10px;}



.services4{ max-height:420px; background:url(../images/services4-a.jpg) no-repeat center top}
.services4-main{ text-align: left; padding:0 17% 0 2% }	
.services4-main h3{ font-size:30px; line-height:40px;}	
.services4-main p{ font-size:18px; }		
.services4-main ul li{list-style:none; font-size:16px; font-weight:400; color:#ffffff; line-height:26px; }


.same{ padding:40px 2% 40px 2%;}
.same-main h3{ font-size:38px; font-weight:300; color:#ffffff; line-height:54px; margin-bottom:25px }	
.same-main p{ font-size:17px; line-height:26px }


.same1{padding:160px 0 70px 0; max-height:810px; background:url(../images/same1.jpg) no-repeat center top}		
.same1-main .box1{ height:101px; padding:0 0 0 40%; }		
.same1-main .box2{ height:118px; padding:0 7% 0 7%; }		
.same1-main .box3{ height:142px; padding:0 3% 0 3%; }		
.same1-main .box4{height:113px; padding:0 4% 0 4%; }		
.same1-main .box5{height:94px; padding:0 19% 0 19%; }		



.tooltip:after, [data-tooltip]:after {width:190px;}		
[data-tooltip]:before, [data-tooltip]:after,.tooltip:before, .tooltip:after, .tooltip-top:before, .tooltip-top:after {bottom: 90%; left: 60%;}
[data-tooltip]:after, .tooltip:after, .tooltip-top:after {margin-left: -100px;}		





.same2-main .left{ width:31%; height:320px; padding:30px 5px; margin:0 1% 0 1% ;}
.same2-main .left h3{ font-size:21px; line-height:30px; }	
.same2-main .left p{ font-size:15px; line-height:30px;}	
.same2-main .center{ width:31%; height:320px; padding:30px 5px; margin:0 1% 0 1% ; }	
.same2-main .center h3{ font-size:21px; line-height:30px; }	
.same2-main .center p{ font-size:15px; line-height:30px;}	
.same2-main .right{ width:31%; height:320px; padding:30px 5px; margin:0 1% 0 1% ; }	
.same2-main .right h3{ font-size:21px; line-height:30px;}	
.same2-main .right p{ font-size:15px; fline-height:30px;}	

.same3-main h3{ font-size:33px;}	
.same3-main p{ font-size:16px; line-height:22px }	
.same3-main ul{padding:0; margin:0 0 20px 0}
.same3-main ul li{font-size:16px; line-height:22px; background:url(../images/ico.png) no-repeat left top 10px;}
.same4-main h3{ font-size:33px;}	
.same4-main p{ font-size:16px; line-height:22px }	
.same5-main h3{ font-size:33px; }	
.same5-main ul li{font-size:16px; line-height:22px; background:url(../images/ico.png) no-repeat left top 10px;}


#external h2 {font-size:20px;}
.ac-container{ width:100%; height:170px; padding:0 15px 0 0; margin: 10px auto 20px auto; text-align: left; }
.ac-container label{font-size: 12px; }
.ac-container article p{font-size: 12px; line-height:16px}	
.colm{ font-size:11px;}

}


@media (max-width:480px){
	
.header { height:90px;}
.logo img { width:70%}
.navigation { text-align:center; padding:14px 0;}

.banner { max-height:399px; padding:50px 0 160px 0; }
.banner p{font-size:30px;}




.client{ max-height:500px; background:url(../images/client2.jpg) no-repeat center top; padding:15px 0 0 0}
.client-main{ padding:0 3% 0 3%;}
.client-main h1{ font-size:28px; }
.client-main p{ font-size:14px; line-height:20px; margin:0 0 30px 0 }

.lorem{ max-height:520px; background:url(../images/lorem-banner2.jpg) no-repeat center top;}
.lorem-main{ padding:0 3% 0 3%;}
.lorem-main h1{ font-size:28px;}
.lorem-main p{ font-size:14px; line-height:20px;}

.project-main h3{font-size:40px;}
.project-main p{font-size:15px; line-height:31px}


.footer-left{width:100%; text-align:center;}
.footer-text{width:100%; text-align:center; padding:25px 10px 0 10px;}
.footer-right{width:100%; text-align:center;}
.footer-text ul li a{font-size:12px; margin:0 15px;}


.features{padding:2em 0px;}
.features-main{ text-align:left; padding:0 2%}
.features-main h3{ font-size:30px; font-weight:300; color:#111111; margin-bottom:28px}
.features-main p{ font-size:15px; line-height:24px }
.features-main ul li{font-size:15px; font-weight:400; background:url(../images/ico.png) no-repeat left top 7px;}



.services{ max-height:970px; height:970px; padding:30px 0; background:url(../images/feature-top2-a.jpg) no-repeat center bottom #1b2970}	
.services-main{ text-align: left; padding:0 10% 0 2% }		
.services-main h3{ font-size:32px; margin-bottom:35px }		
.services-main p{ font-size:18px; }		
.services-main ul li{font-size:15px; line-height:24px; }	


.services2{ max-height:770px; height:770px; background:url(../images/services2-b.jpg) no-repeat center bottom #1b2970}
.services2-main{ text-align: left; padding:0 2% 0 2% }	
.services2-main p{ font-size:18px;}		
.services2-main ul li{font-size:15px; line-height:24px; }	


.services3{ max-height:830px; height:830px; background:url(../images/services3-b.jpg) no-repeat center bottom #1b2970}	
.services3-main{ text-align: left; padding:0 7% 0 2% }	
.services3-main p{ font-size:18px; }		
.services3-main ul li{font-size:15px; line-height:24px; }	


.about-main ul li a{font-size:18px; margin:0 0px 0 0; padding:0 10px 3px 10px;}
.about-main h2{ font-size:31px;}
.about-main h3{ font-size:18px;}
.about-main p{ font-size:15px; line-height:25px}



.contact-top input[type="text"] {width: 99%; font-size: 16px;}
.contact-top input[type="text"]:nth-child(1){margin-right:10px;}
.contact-top textarea {font-size: 16px;}


.contact-but form input[type="submit"] {float:none; width:99%}


.services4{ max-height:420px; background:url(../images/services4-a.jpg) no-repeat center top}
.services4-main{ text-align: left; padding:0 2% 0 2% }	
.services4-main h3{ font-size:26px; line-height:30px;}	
.services4-main p{ font-size:18px; }		
.services4-main ul li{list-style:none; font-size:16px; font-weight:400; color:#ffffff; line-height:26px; }


.same{ padding:40px 2% 40px 2%;}
.same-main h3{ font-size:30px; line-height:34px; }	
.same-main p{ font-size:15px; line-height:26px }


.same1{padding:180px 0 70px 0; max-height:810px; background:url(../images/same1-a.jpg) no-repeat center top}		
.same1-main .box1{ height:101px; padding:0 0 0 33%; }		
.same1-main .box2{ height:118px; padding:0 0% 0 0%; }		
.same1-main .box3{ height:142px; padding:0 0% 0 0%; }		
.same1-main .box4{height:113px; padding:0 0% 0 0%; }		
.same1-main .box5{height:94px; padding:0 0% 0 0%; }		



.tooltip:after, [data-tooltip]:after {width:160px;}		
[data-tooltip]:before, [data-tooltip]:after,.tooltip:before, .tooltip:after, .tooltip-top:before, .tooltip-top:after {bottom: 90%; left: 60%;}
[data-tooltip]:after, .tooltip:after, .tooltip-top:after {margin-left: -100px;}		





.same2-main .left{ width:98%; height:auto; padding:30px 5px; margin:0 1% 1% 1% ;}
.same2-main .left h3{ font-size:26px; line-height:33px; }	
.same2-main .left p{ font-size:17px; line-height:33px;}	
.same2-main .center{ width:98%; height:auto; padding:30px 5px; margin:0 1% 1% 1% ; }	
.same2-main .center h3{ font-size:26px; line-height:33px; }	
.same2-main .center p{ font-size:17px; line-height:33px;}	
.same2-main .right{ width:98%; height:auto; padding:30px 5px; margin:0 1% 1% 1% ; }	
.same2-main .right h3{ font-size:26px; line-height:33px;}	
.same2-main .right p{ font-size:17px; fline-height:33px;}	

.same3-main h3{ font-size:30px;}	
.same3-main p{ font-size:16px; line-height:22px }	
.same3-main ul{padding:0; margin:0 0 20px 0}
.same3-main ul li{font-size:16px; line-height:22px; background:url(../images/ico.png) no-repeat left top 10px;}
.same4-main h3{ font-size:30px;}	
.same4-main p{ font-size:16px; line-height:22px }	
.same5-main h3{ font-size:30px; }	
.same5-main ul li{font-size:16px; line-height:22px; background:url(../images/ico.png) no-repeat left top 10px;}

#external h2 {font-size:16px;}
.ac-container{ width:100%; height:210px; padding:0 15px 0 0; margin: 10px auto 20px auto; text-align: left; }
.ac-container label{font-size: 11px; }
.ac-container article p{font-size: 11px; line-height:17px}	
.colm{ font-size:11px;}

.same1-main .box1 a.lboxBasic{ width:133px; height:auto; padding:16px 0 0 3px;}	
.same1-main .box2 a.lboxBasic{ width:133px; height:auto; padding:16px 0 0 3px; }
.same1-main .box2 a.lboxBasic2{ width:133px; height:auto; padding:16px 0 6px 3px;}
.same1-main .box3 a.lboxBasic{ width:133px; height:auto; padding:16px 0 0 0px; }
.same1-main .box3 a.lboxBasic2{ width:133px; height:auto; padding:16px 0 0 0px;}
.same1-main .box4 a.lboxBasic{ width:133px; height:auto; padding:16px 0 0 3px; }
.same1-main .box4 a.lboxBasic2{ width:133px; height:auto; padding:16px 0 0 3px;}
.same1-main .box5 a.lboxBasic{ width:133px; height:auto; padding:16px 0 0 0px;}
.same1-main .box5 a.lboxBasic2{ width:133px; height:auto; padding:16px 0 0 0px;}


.contact-bottom { font-size:14px;}
.contact-bottom a{ font-size:14px; }




}




@media screen and (max-width: 400px) {
  label {
    padding: 15px;
  }
}




@media (max-width:320px){
	
.header { height:110px;}
.logo img { width:85%}
.navigation { text-align:center; padding:14px 0;}


.banner {max-height:430px; padding:60px 0 160px 0;}
.banner p{font-size:24px; line-height:30px}

.client{ max-height:400px; background:url(../images/client2.jpg) no-repeat center top; padding:15px 0 0 0}
.client-main{ padding:0 5% 0 5%;}
.client-main h1{ font-size:30px; }
.client-main p{ font-size:14px; line-height:21px; margin:0 0 30px 0 }

.lorem{ max-height:599px; background:url(../images/lorem-banner2.jpg) no-repeat center top #0b0d1f;}
.lorem-main{ padding:0 5% 0 5%;}
.lorem-main h1{ font-size:30px;}
.lorem-main p{ font-size:14px; line-height:21px;}

.project-main h3{font-size:33px;}
.project-main p{font-size:15px; line-height:28px}


.footer-left{width:100%; text-align:center;}
.footer-text{width:100%; text-align:center; padding:25px 10px 0 10px;}
.footer-right{width:100%; text-align:center;}
.footer-text ul li a{font-size:12px; margin:0 15px;}


.features{padding:2em 0px;}
.features-main{ text-align:left; padding:0 2%}
.features-main h3{ font-size:26px; font-weight:300; color:#111111; margin-bottom:28px}
.features-main p{ font-size:15px; line-height:26px }
.features-main ul li{font-size:15px; font-weight:400; background:url(../images/ico.png) no-repeat left top 7px;}



.services{ max-height:980px; height:980px; padding:30px 0; background:url(../images/feature-top2-a.jpg) no-repeat center bottom #1b2970}	
.services-main{ text-align: left; padding:0 2% 0 2% }		
.services-main h3{ font-size:26px; margin-bottom:35px }		
.services-main p{ font-size:17px; }		
.services-main ul li{font-size:15px; line-height:24px; }	


.services2{ max-height:790px; height:790px; background:url(../images/services2-b.jpg) no-repeat center bottom #1b2970}
.services2-main{ text-align: left; padding:0 2% 0 2% }	
.services2-main p{ font-size:18px;}		
.services2-main ul li{font-size:15px; line-height:24px; }	


.services3{ max-height:880px; height:880px; background:url(../images/services3-b.jpg) no-repeat center bottom #1b2970}	
.services3-main{ text-align: left; padding:0 7% 0 2% }	
.services3-main p{ font-size:18px; }		
.services3-main ul li{font-size:15px; line-height:24px; }	


.about-main ul li a{font-size:16px; margin:0 0px 0 0; padding:0 14px 3px 14px;}
.about-main h2{ font-size:26px;}
.about-main h3{ font-size:16px;}
.about-main p{ font-size:14px; line-height:22px}


.services4{ max-height:520px; background:url(../images/services4-a.jpg) no-repeat center top #1b2970}
.services4-main{ text-align: left; padding:0 2% 0 2% }	
.services4-main h3{ font-size:26px; line-height:30px;}	
.services4-main p{ font-size:16px; }		
.services4-main ul li{list-style:none; font-size:16px; font-weight:400; color:#ffffff; line-height:26px; }


.same{ padding:40px 2% 40px 2%;}
.same-main h3{ font-size:26px; font-weight:300; color:#ffffff; line-height:33px; margin-bottom:25px }	
.same-main p{ font-size:15px; line-height:22px }


.same1{padding:180px 0 0px 0; max-height:810px; background:url(../images/same1-a.jpg) no-repeat center top}		
.same1-main .box1{ height:90px; padding:0 0 0 25%; }		
.same1-main .box2{ height:90px; padding:0 0 0 0; }		
.same1-main .box3{ height:90px; padding:0 0 0 0; }		
.same1-main .box4{height:90px; padding:0 0 0 0; }		
.same1-main .box5{height:90px; padding:0 0 0 0; }		



.tooltip:after, [data-tooltip]:after {width:150px;}		
[data-tooltip]:before, [data-tooltip]:after,.tooltip:before, .tooltip:after, .tooltip-top:before, .tooltip-top:after {bottom: 90%; left: 60%;}
[data-tooltip]:after, .tooltip:after, .tooltip-top:after {margin-left: -100px;}		





.same2-main .left{ width:98%; height:auto; padding:30px 5px; margin:0 1% 1% 1% ;}
.same2-main .left h3{ font-size:24px; line-height:33px; }	
.same2-main .left p{ font-size:15px; line-height:26px;}	
.same2-main .center{ width:98%; height:auto; padding:30px 5px; margin:0 1% 1% 1% ; }	
.same2-main .center h3{ font-size:24px; line-height:33px; }	
.same2-main .center p{ font-size:15px; line-height:26px;}	
.same2-main .right{ width:98%; height:auto; padding:30px 5px; margin:0 1% 1% 1% ; }	
.same2-main .right h3{ font-size:24px; line-height:33px;}	
.same2-main .right p{ font-size:15px; fline-height:26px;}	

.same3-main h3{ font-size:26px;}	
.same3-main p{ font-size:15px; line-height:22px }	
.same3-main ul{padding:0; margin:0 0 20px 0}
.same3-main ul li{font-size:16px; line-height:22px; background:url(../images/ico.png) no-repeat left top 10px;}
.same4-main h3{ font-size:26px;}	
.same4-main p{ font-size:15px; line-height:22px }	
.same5-main h3{ font-size:26px; }	
.same5-main ul li{font-size:15px; line-height:22px; background:url(../images/ico.png) no-repeat left top 10px;}	








}
/*--media-quaries-end-here--*/