@charset "utf-8";
/* CSS Document */
<!--slider-->
/*.menubar
{
	position:fixed;
	background-color:#000 !important;

}*/
h2 a.color1
{
	color:#fff !important;
}
.colorwhite
{
	color:#fff !important;
}
.colorwhite:hover
{
	color:#1A73B9!important;
}
.colorblack:hover
{
	color:#000 !important;
}
.footer_icons i:hover
{
	color:#000 !important;
}

	.HeaderMenu{
    position: fixed;
    background-color: transparent;

	dispaly:none;
       z-index: 9999;
    top: 0px;
    height: auto;
    min-height: 77px;
	 
	}
	.logonew:after
	{
	    content: '';
    clear: both;
    display: block;
    border-bottom: 1px solid #f2f2ed;
    border-color: rgba(242,242,237,0.25);
	}
	.topbar{
		min-height: 44px;
		background-color: #1A73B9;
		line-height: 40px;
		display:none;
	}
	
	section{
		position:inherit !important;
	}

			.tp-caption.large_bold_grey.customin.customout.start {
			line-height:40px !important;
			
}
.cycle-slideshow
{
	overflow: hidden !important;
}
.pager1
{
/*position: relative;
z-index: 10;
/* top: 10px; */

}
#next, #prev {
display: inline-block;
width: 35px;
height: 70px;
opacity: 0.1;
color: transparent;
position: absolute;
cursor: pointer;
z-index: 950;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
}
span#next2
{
	background-image:url(../images/arrow_right.png);
	background-repeat:no-repeat;
	display:block;
	width: 35px !important;
height: 70px !important;
position: absolute !important;
cursor: pointer !important;
z-index: 950 !important;
top: 45%;
right: 0%;
opacity: 0.1;

	}
span#next2:hover
{
opacity: 0.3;
}
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 42px !important;
}
span#prev2
{
	background-image:url(../images/arrow_left.png);
	background-repeat:no-repeat;
	display:block;
	width: 35px !important;
height: 70px !important;
position: absolute !important;
cursor: pointer !important;
z-index: 950 !important;
top: 45%;
left: 0%;
opacity: 0.1;
}
span#prev2:hover
{
opacity: 0.3;	
}
.customcaption
{
        right: 20%;
    left: 20%;
    font-size: 55px;
    bottom: 2%;
    padding-bottom: 0px;

}
.customcaption h2
{
    font-size: 50px;
    line-height: 65px;
}
.customcaption1	
{
 right: 20%;
    left: 20%;
    font-size: 55px;
     bottom: 2%;
   padding-bottom:0px !important;
}
.customcaption1 h2
{
font-size:45px;
}
..popup.shadow-1


#Two h1
{
    text-align: center !important;
    position: relative;
    bottom: 650px;
    color: #fff!important;
    font-size: 55px;
		line-height:60px;
}
#Two h2
{
text-align: center !important;
position: relative;
bottom: 450px;
font-size: 60px;
color: black;
left: 401px;

}
#Three h1
{
       text-align: center !important;
    position: relative;
    bottom: 500px;
    color: #fff !important;
     font-size: 55px;
		line-height:60px;
}
#Three h2 {
    text-align: center !important;
    position: relative;
    bottom: 613px;
    /* color: #000 !important; */
       font-size: 45px;
    color: #fff;
    /* left: 40px; */
}
#four h1 {
    text-align: center !important;
    position: relative;
    bottom: 650px;
    /* color: #000 !important; */
    
    color: #fff;
  font-size: 55px;
		line-height:60px;
    /* left: 40px; */
}
#four h2
{
	text-align: left !important;
position: relative;
bottom: 420px;
font-size: 35px;
color: #2196F3;
left: 40px;
}
.logonew
{
        text-align: center;
    position: absolute;
  
    z-index: 9999;

}
.bottomarow
{
     z-index: 1000;
    
    font-size: 55px;
    margin-top: 184px;
    color: #fff;
    text-align: center;
 
    vertical-align: middle;
   
	}
	.bottomarow i
	{
	     border: 2px solid #ccc;
    border-radius: 50%;
    height: 55px;
    width: 55px;
    padding: 6px;
    color: #ccc !important;
    font-size: 45px;
	}
	
.eightmenu
{
margin:0px !important;
}
.menubar .eightmenu ul {
    margin: 0px;
}
.eightmenu li
{

    list-style-type: none;
    float: left;
    padding-bottom: 10px;
    padding-top: 27px;
    transition: .2s;
    font-size: 18px;
    margin-left: 0px;
    padding-right: 35px;
}
.eightmenu  ul li a.anchor.active
{
color:#428bca;
background:000 !important;
}

.slideTitle
{
	position:relative !important;
}
.slide
{
	width:100% !important;
}
.slide img
{


}
.cycle-slideshow
{
	overflow: hidden !important;
	
	width:100% !important;
}
#pager {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
z-index: 900;
text-align: right;
padding: 0px 20px 20px 0px;
}
#pager a {
color: transparent;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.2);
margin-right: 5px;
width: 15px;
height: 15px;
display: inline-block;
}

	
span#next, span#prev {
display: inline-block;
width: 35px !important;
height: 70px !important;
opacity: 0.1;
color: transparent;
position: absolute;
cursor: pointer;
z-index: 950;
}
#next {
top: 45%;
right: 0%;
background:url(../images/arrow_right.png) no-repeat;
}
.tp-caption.caption1.large_bold_grey.customin.customout.start {
top: 265px !important;
color:#1A73B9!important;
left: 0px !important;
font-size:60px !important;
}
.tp-caption.caption3.large_bold_grey.customin.customout.start {
top: 265px !important;
color:#1A73B9!important;
left: 600px !important;
}
.tp-caption.caption4.large_bold_grey.customin.customout.start {
top: 335px !important;
left: 700px !important;
color: #000 !important;
}
.tp-caption.caption5.large_bold_grey.customin.customout.start {
	top: 295px !important;
left: -110px !important;
font-size: 35px !important;
color: #000 !important;
}
.tp-caption.caption6.large_bold_grey.customin.customout.start {
	font-size: 35px !important;
top: 375px !important;
left: -120px !important;
color: #1A73B9!important;
}
.tp-caption.caption7.large_bold_grey.customin.customout.start {
left: 0px !important;
top: 312px !important;
color: #000 !important;
}
.tp-caption.caption8.large_bold_grey.customin.customout.start {
color: #1A73B9!important;
top: 400px !important;
font-size:60px !important;
}
.slider_2
{
	margin-top:123px;
position: inherit;
top: 5px;
}
.tp-caption.large_bold_grey
{
	font-weight:normal !important;
}

 .start span
 {
	 left: 250px;
font-size: 60px;
position: relative;
color: #000;
top: 180px;
 }
 .start .second{
	 left: 0px !important;
 }
.cycle-slideshow
{
	width:100% !important;
}
.popup.shadow-1
{
    margin-top: 25px !important;
}
.iconsize
{
    font-size: 60px !important;
}

.howweworksec{

  padding: 0px 20px;
   
}

li.col-md-3.howwork {
    border: 1px solid #595345;
    width: 23%;
    margin: 0px 11.5px;
}

.howwork p
{
    font-size: 16px;
    line-height: 1.6;
	    margin: 0px 8px;
	
	
}
a#next4 {
position: relative;
z-index: 200;
bottom: 500px;
left: 1214px;
}
a#prev4
{
	position: relative;
bottom: 500px;
z-index: 500;
}

.logo1{
	padding:0px 0px 18px 0px;
}
.logo1 img
{
	width:230px;
	padding-right:7px;
	transition:.2s;
	position:relative;
	top:12px;
	color:#2196F3;
}
.logo2 img{
	width: 230px;
padding-right: 7px;
transition: .2s;
position: relative;
top: 9px;
color: #2196F3;
}
.menus
{
	

	margin:0px;
}
.menus li 
{
list-style-type: none;
float: left;
padding-bottom: 10px;
padding-top: 27px;
transition: .2s;
font-size: 18px;
margin-left: 0px;
padding-right: 21px;

}
.topbar i
{
margin-right: 13px;
transition: .2s;
color: #FFF !important;
}

.navbar-brand img
{
	width:230px;
}
.tp-banner-container {
height: 676px !important;
}

.testimonials h1
{
	margin-left:446px;
	color:#2196F3;
}
.careeer
{
	position:relative;
	right:108px;
}
 .serviceright img{
		  width:100%;
	  }
	  .service_page .service-head{
	font-size: 27px !important;
    padding-bottom: 7px;
}
.serviceleft
{
padding : 0px 15px 0px 25px !important;
}
.serviceleft p{
	line-height:30px !important;
	    font-size: 17px;
}
.service_page .service_box ul li {
list-style: none;
font-size: 18px;
line-height: 30px;
}
.servsection{
COLOR:#FFF;
}

.contactform{
	background:url(../images/pexels-photo.jpg) no-repeat;
	background-size:cover;
	    padding-bottom: 28px;
	
}

.contactform h2{
    font-size: 35px;
text-align: center;
color: #fff;
line-height: 1.3;
padding-top: 38px;
	
}

ontact_details
{padding-top: 25px;

}
.contactform input
{
width: 100%;
/* color: white !important; */
height: 40px;
border-radius: 2px !important;
border: 1px solid rgb(123, 119, 119);
background-color: transparent;
margin-bottom: 14px;
}
.contactform textarea#comment
{
	margin-top: 10px;

border: 1px solid rgb(123, 119, 119);
background-color: transparent;
width: 100%;
border-radius: 2px !important;
height:110px;
}
.contactform input#submit
{width: 20%;
margin-top: 20px;
color: #FFF;
font-size: 16px;
font-weight: 400;
background-color:transparent;
color:#555


}
.contactform input#submit:hover
{
	color:#2196F3;
	transition: all 0.8s ease-in-out;
	
}
.contcat_form
{
	position: relative;
top: 24px;
}
.contact_details p
{
	margin-left: 15px;
color: #A3A3A3;
font-size: 16px;
line-height: 23px;
}
ul#locations {
list-style-type: none;
    padding-left: 15px;
}
.contact_details
{
	margin-top:35px;
}
.contact_details h3
{
	color:#C3C2C2;
}
.contactform h3 span
{
	padding-right:10px;
	margin-left:8px;
}
.social-icons a:hover{
	
	color:#000;;
	transition:.2s;
}
.pages
{
	margin:40px auto;
	background:#eeee;
}
.nopadding
{
	padding:0px !important;
}

/*---pages----*/
.HeaderMenu_page
{
	border-bottom: 1px solid #BBBABA;
}
.menubar_page
{
    min-height: 75px;
    /* background: rgba(10, 158, 158, 0.85); */
    background: transparent;
}

.visionnew
{
        background-image: url(../images/lenses.jpg);
    color: #fff;
    padding: 30px 0px;
    text-align: center;
    font-size: 21px;
    background-size: cover;
    line-height: 36px;
    display: inline-block;

}
<!--services-->
.service_page
{
	background:#9C3;
	height:200px;
	

}
.headimage h1
{
    position: absolute;
    bottom: 0px;
    color: #fff;
    padding: 15px;
    background: rgba(10,10,10,0.5);
	margin:0px;
	font-size:30px !important;
}
.servicecontainer
{
	margin: 0px 0px 0px;
}
.service_page h2
{
	text-align:center;
	font-size: 40px;
    font-weight: 500;
}
.service_page .service-right p
{
	padding-left:0px;
	padding-right:0px;
	padding-top:16px;
	line-height:24px;
	color:#333333;
	font-size:16px;
	text-align:justify;
}
.service_page .icon{
	text-align: right;
margin-top: 25px;
}
.service_page .icon i{
	color:#222222;
	transition:.5s;
}
.service_page .service-right{
	padding-left: 15px;
padding-right: 25px;
padding-top: 0px;
min-height: 455px;
}
.service_box:hover  .icon i{
	-webkit-transform: rotate(360deg); 
	-moz-transform: rotate(360deg); 
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg); 
	transition:.5s;
	color:#2196F3;
	font-size:30px;
}

.service_box:hover .service-head{
	color:#fff;
	transition:.5s;
}


.service_page .service-head {
margin-top: 30px;
    margin-top: 28px;
	margin-bottom: 4px;
}
.service_page .service-head {
font-size: 23px;
font-weight: 500;

}
.service_page .service_box h3
{
	text-align: left;
   font-size: 20px;
}
.service_page .service_box ul li
{
	list-style:none;
	font-size:16px;
	    padding-left: 12px;
	line-height:25px;
	    list-style-type: disc;
    list-style-position: inside;
	
}
.service_page .service_box ul
{
	padding:0px;
}
.headborder{
margin:0px;
}
.headdescription
{
    padding: 45px;
    font-size: 22px;
    background: #1A73B9;
    color: #fff;
	text-align:center;
}

.vision{
	background:#e7e7e7;
	position:relative !important;
	z-index:1000;
	text-align:center;
	min-height:145px;
	top:30px;
}
.vision h2
{
	padding-top:30px;
	color:#FFF;
}
.vision p
{
	font-size: 24px;
padding-top: 36px;
color: #2196F3;
line-height: 38px;

}
.border
{
	border-bottom:1px solid #29394B;
	padding:0px 0px;
	
}
.col-md-5.career_image img
{
width:100%;
}
.col-md-7.career_content {
    padding: 15px;
}

.footer_icons
{
	background:#2196F3;
	opacity: 1;
position: static;
}
.support-staff p
{  
    padding:25px 20px 0px 20px;
text-align: center;
font-size: 18px;
line-height: 30px;
	
}
.support-staff1 p
{  
    padding: 30px;
font-size: 18px;
line-height: 30px;
	
}
.specialities img
{
    background: #C5E4ED;
	border-radius:50%;
	padding:15px;
}
.about_head
{
	padding-bottom:20px;
	text-align:center;
}
.about_img
{
	margin-top: 17px;
}
.aboutspec{
	padding-bottom:40px;
}
.about_img img
{
	display: block;
margin: 0px auto;
padding-bottom: 15px;
}
.about_img1 img
{
	display: block;
margin: 0px auto;

}
.howweworksec p
{
font-size:20px;
line-height:30px;
    padding: 33px 0px 14px 0px;
}
.about_content2
{
	padding-bottom:20px;
}
.portfolio-heading h1
{
	text-align: center;
font-size: 40px;
font-weight: 500;
}
.career{
	background:#FFF;

}

.career h1{
font-size: 28px;
    font-weight: normal;
    margin-top: 0px;
    color: #fff;
}
.carrerlst
{
	padding-top:40px;
	padding-bottom:20px;
}
.career_responsive{
	display:none;
}
.career_heading
{
	text-align:center;
}
.successmsg
{
	color:#fff;
}
.career_content
{
	
}
.career_heading p
{
	padding-top: 20px;
font-size: 21px;
border-bottom: 1px solid #99ccf9;
padding-bottom: 25px;
}
.careerlefttop{
	padding-top:45px;
	
	    padding-left: 19px;
}
.career_heading p span
{
	font-weight:500px;
}
.career_head
{
    background: #2196F3;
    background-image: url(../images/wearehearing.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;

}
.bannerimagaweb
{
 background-image: url(../images/webapp.jpg);
}
.carerimg
{
	padding-top:41px;
}
.career_head h3
{
    font-size: 40px;
    color: #fff;
    text-align: center;
    padding-bottom: 8px;
    padding-top: 0px;
    margin-top: 8px;
}

.career_image img:hover
{
	-webkit-transform: rotate(360deg);
}

.careerapply a
{
font-size: 20px;
    padding: 4px 30px 7px 30px;
    color: #fff;
    background: rgba(0,0,0,0.5);
	transition:.5s;
}
.careerapply a:hover
{
	border:1px solid #2196F3;
	color:#fff;
	background-color:#2196F3;
	transition:.5s;
	  padding: 4px 30px 7px 30px;
}
.careerapply
{
margin-top: 25px;
margin-left: 21px;
}
.carrerdetails
{


}
.career_contentRight
{
	
}
.career_imageRight
{
	
	}

.porfolio_images{
margin-top: 22px;
margin-bottom: -34px
	
}
.blog_heading
{
	text-align: center;
margin-top: -10px;
margin-bottom: 30px;
}
.page-image img
{
	margin:0px auto;
	display:block;
}
.career_content p
{
	line-height:30px;
}
.listing li
{
	line-height:30px;
	    font-size: 17px;
}
.headimage
{
   
    width: 100%;
    height: 670px;
	position:relative;
    background-size: cover;
	    margin: 0px;
}

.bannerimagabout
{
 background-image: url(../images/people-2.jpg);
}
.bannerimagahow
{
background-image: url(../images/howwework.jpg);
}
.bannerimagacarrer
{
background-image: url(../images/careers.jpg);
}
.bannerimagservice
{
background-image: url(../images/services.jpg);
}
.bannerimagamob
{
 background-image: url(../images/mobapp.jpg);
}
<!------------single-page------->
.single_page{
	background:#fff;
	background-size:cover;
	padding-top:20px;
}

.single_page  h1{
	padding-top:40px;
	font-size: 40px;
	font-weight:500;
	margin:0px;
	text-align:center;
}

.single_page p{
	line-height:24px;
	padding-top:5px;
	text-align:center;
	line-height: 30px;
}
.single_page_details 
{
	padding-top:20px;
	display:block;
	
}
.single_page_details
{
	text-align:justify;
	}
.single_page_details 
{
	text-align:center;
	line-height:30px;
	margin: 0px;
}

.single_page_details h1
{
	margin-top: 0px;
}
.single_page_details ul
{
	list-style-type:none;
}
.appdetails{

padding: 40px 0px;
}
.appdetailslast{

padding: 40px 0px;
}
.link img
{
	position:relative;
	
}
.macspage{
	background:#fff;
	background-size:cover;
	padding-top:50px;
	text-align:center;
	padding-bottom: 50px;
}
.macspage h2{
	font-size:40px;
	
	color:#000;
}
.about_head1
{	

text-align: center;
}
.about_head2
{
	text-align: center;
margin-top: -38px
}
.how_we
{
	border-bottom:1px solid #99ccf9;
}
.how_we h2
{
	font-size:40px;
	padding-bottom:10px;
}
.how_we p
{
font-size: 24px;
padding: 10px 0px;
}
.macspage p{
	color:#000;

	line-height: 30px;
	padding-top: 8px
}

.macspage .mac{
	position:relative;
	z-index:1;
	right:160px;
	top:1px;
}

.macspage .right-ul{
	list-style:none;
	color:#000;
	padding-left:0px;
	padding-right:10px;
	/*text-align:right;
	padding-top:50px;*/
	/*font-family: 'Lato', sans-serif;
	font-size:15px*/;
	
	position:relative;
	z-index:2;
}

.macspage .right-ul li{
	padding-bottom:20px;
}

.macspage .right-ul li:hover i{
	background:#000;
	border-color:#000;
	transition:.5s;
	-webkit-transform: rotate(360deg);
	
}

.macspage .right-ul i{
margin-right: 5px;
display: inline-block;
padding: 30px;
border: 1px solid #000;
color: #2196F3;
border-radius: 50%;
font-size: 50px;
transition: .5s;
width: 110px;
height: 110px;

}

.macspage .left-ul{
	list-style:none;
	color:#000;
	padding-left:10px;
	text-align:left;
	padding-top:50px;
	font-family: 'Lato', sans-serif;
	font-size:15px;
	font-weight:500;
	position:relative;
	z-index:1;
}

.macspage .left-ul li{
	padding-bottom:20px;
}

.macspage .left-ul li:hover i{
	background:#000;
	border-color:#000;
	transition:.5s;
}

.macspage .left-ul i{
	margin-left:5px;
	display:inline-block;
	padding:8px;
	border:1px solid #2196F3;
	color:#2196F3;
	border-radius:25px;
	font-size:14px;
	transition:.5s;
}

.macspage .gap{
	padding-top:40px;
}
.tp-banner ul{
	list-style-type:none !important;
		padding-left:0px !important;
	overflow:hidden !important;
}
.pagehead h2
{
	padding-top: 20px;
color: #FFF;
}
.pagehead p {
font-size: 24px;
padding-top: 12px;
color: #fff;
line-height: 38px;
padding-bottom: 5px;
}
.pagehead {
background: #2196F3;
z-index: 1000;
text-align: center;
min-height: 145px;
top: 30px;
padding:15px 0px;
}
.top-bar-text{
	font-size:14px;
}
.topbar i{
	font-size:20px;
}
.foot-post li a{
	color:#ccc;
}
.foot-post li a:hover{
	color:#2196F3;
}
.piecharts p{
	font-size:20px;
	font-weight:400;
	margin-top:20px;
}


<!-----------jquery slider------->



	

			div#wn { 
	position:relative; 
	width:304px; height:40px; 
	overflow:hidden;
	}
    
div#inner1, div#inner2 {
    white-space:nowrap;
    }
div#inner1 img {
    padding-right:4px;
    }
    
div#wn2	{ 
	position:relative; 
	width:304px; height:20px;
	overflow:hidden;
	}
.clientheading
{
	position:relative !important;
	text-align:center;
	    padding: 30px;
	
}




div#wn { 
position: relative;
width: 550px;
height: 80px;
overflow: hidden;
left: 27px;
top: 40px;
	}
    
div#inner1, div#inner2 {
    white-space:nowrap;
    }
div#inner1 img {
    padding-right:4px;
    }
    
div#wn2	{ 
	position: relative;
width: 535px;
height: 40px;
overflow: hidden;
left: 27px;
top:50px;
	}
	
	
.menusfooter
{
	
	float:right;
	margin:0px;
}
.menusfooter  ul
{
	margin-left:100px;
}
.menusfooter li 
{list-style-type: none;
float: left;
padding-bottom: 10px;
padding-top: 13px;
transition: .2s;
/* margin-right: 10px; */
/* font-size: 6px; */
margin-left: 0px;
padding-right: 29px;
/* position: relative; */
/* left: 230px; */
}	
.menusfooter li a
{
	color:#FFF;
}
	.why_we h5
	{
		padding-top:15px;
		font-size:16px;
	}
	.container.webdetails {
padding: 35px 0px;
border-bottom: 1px solid #2196F3;
}
.webdetailslast{
padding: 35px 0px;
}
.seo_ready h1{
padding-top: 40px;
font-size: 40px;
font-weight: 500;
margin: 0px;
text-align: center;
}
@media (min-width:1960px)
{
	


#Two h1
{
	text-align: center !important;
position: relative;
bottom: 460px;
color: #1A73B9!important;
font-size: 60px;

}
#Two h2
{
text-align: center !important;
position: relative;
bottom: 450px;
font-size: 60px;
color: black;


}
#Three h1
{
text-align: left !important;
position: relative;
bottom: 373px;
color: #000 !important;
font-size: 60px;

}
#Three h2 {
text-align: left !important;
position: relative;
bottom: 358px;
font-size: 60px !important;
color: #1A73B9!important;

}
#four h1 {
text-align: left !important;
position: relative;
bottom:430px;
color: #000 !important;
font-size: 55px;

}
#four h2
{
	text-align: left !important;
position: relative;
bottom: 420px;
font-size: 60px;
color: #2196F3;


	
}
	.welcome
{
height:auto;
	}
	.macs
	{
height:auto;
	}
}


	

	@media(max-width:1320px){
	
	div#wn {
position: relative;
width:500px !important;
		
		}
		.menus li {

font-size: 18px !important;
margin-left: 0px;
padding-right: 24px !important;

}
	.logonew {
   
    width: 100% !important;
	overflow:hidden;
}
.HeaderMenu
{
overflow:hidden;
width: 100%;
}

}

	@media (min-width: 1230px)
{
.container {
    width: 1230px !important;
}	
	li.col-md-3.howwork
{
    border: 1px solid #595345;
    width: 22.7%;
    /* font-size: 16px; */
    min-height: 264px;
    margin: 0px 11.5px;
	}
	

	}
	@media(max-width:1220px)
	{
		li.col-md-3.howwork
{
    border: 1px solid #595345;
    width: 22.7%;
    /* font-size: 16px; */
    min-height: 264px;
    margin: 0px 11.5px;
	}
	
	}
	

	@media(max-width:1100px){
	
	.partners .col-md-4 {
    text-align: center;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 20%;
    float: left;
}
.headdescription
{
    line-height: 35px;
}
			.menus li {

font-size: 18px !important;
margin-left: 0px;
padding-right: 24px !important;
}

	
}
@media(max-width:1067px)
		{
			div#wn {
position: relative;
width:450px !important;
}
.menus li {

font-size: 16px !important;
margin-left: 0px;
padding-right: 25px !important;
}
.how_we
{
	margin-top: 45px !important;
	
}
.HeaderMenu_page .menubar_page .menus ul li
{
	list-style-type: none;
float: left;
padding-bottom: 10px !important;
/* padding-top: 27px; */
transition: .2s;
font-size: 18px !important;
margin-left: 0px;
padding-right: 16px !important;
}
.services .service
{
	padding-right:15px;
}
.menusfooter ul {
 margin-left:0px !important;
}
.how_we {
margin-top: 45px !important;
width: 100% !important;
padding-top:0px;
}
.single_page_details p
{
	font-size:18px;
}
.serviceright img {
width: auto !important;
}
	.welcome
{
height:auto;
	}
	.macs
	{
height:auto;
	}
	li.col-md-3.howwork
{
    border: 1px solid #595345;
    width: 22%;
    /* font-size: 16px; */
    min-height: 290px;
    margin: 0px 11.5px;
	}
	}
@media(max-width:990px){
.stMain ul.tabAnchor li a
{
margin-right: 0px;
}
.service_page .service_box ul {
    padding: 0px 0px 15px 0px;
    margin: 0px;
}

.menusfooter
{
    float: none;
    margin: 0px;
}
ul.customcareer.tabAnchor
{
float:none !important;
}
.popup-content {
    box-sizing: border-box;
    border: 1px solid #645341;
    padding: 25px 20px 20px 20px;
    min-height: 160px;
    vertical-align: middle;
}
.moving-zone {
    width: 0px;
        height: 240px;
	
	
}

li.col-md-3.howwork {
    border: 1px solid #595345;
     width: 100%;
     min-height: 200px;
        margin: 30px 0px;
}
.specialities {
    z-index: 100;
    background: #fff;
	    padding-bottom: 15px;
   
}
 .serviceleft p {
    line-height: 30px !important;
    font-size: 17px;
    padding-bottom: 15px;
    margin: 0px;
}
.clientheading {
    position: relative !important;
    text-align: center;
    padding: 8px;
}
.clienttext
{
width: 100% !important;
    padding: 40px 28px !important;
}
.clientdiv {
    border: none;
    width: 50%;
    float: left;
}
.clientdiv img
{
    margin: 0px auto;
}
.clientdiv1 img
{
    margin: 0px auto;
}
.clientdiv2 img
{
    margin: 0px auto;
}
.clientdiv1 {
   border: none;
    width: 50%;
    float: left;
}
.clientdiv2 {
   border: none;
    width: 50%;
    float: left;
}
.careertext {
    padding-left: 25px;
}
.customcaption h2 {
    font-size: 45px;
	    line-height: 42px;
}
.customcaption1 h2 {
    font-size: 30px;
}


	.menus li {
list-style-type: none;
font-size: 14px !important;

padding-right: 11px !important;

	}
	.logo1 img {
width: 195px !important;
padding-right: 7px !important;
transition: .2s;
position: relative;
top: 12px !important;
color: #1A73B9!important;
	}
	.HeaderMenu_page .menubar_page .menus ul li
{
	list-style-type: none;
float: left;
padding-bottom: 10px !important;
/* padding-top: 27px; */
transition: .2s;
font-size: 14px !important;
margin-left: 0px;
padding-right: 16px !important;
}

		
/*	.tp-caption.customin.customout.start {
top: 100px !important;
}		
	.tp-caption.large_bold_grey.customin.customout.start {
font-size: 50px !important;
line-height: 40px !important;
}*/
div#wn {
position: relative;
width: 650px !important;
}
.about_head{
	font-size: 24px;
}
.about_img img {
	display:none !important;

}
.single_page_image img {
padding-top: 0px;
padding-left:0px !important;
}
	
	.text-left
{
	width: 33.33333333%;
float: left;
}
.text-right
{
	width: 33.33333333%;;
float: left;
}
.text-center
{
	width: 33.33333333%;
float: left;
}
.mt-px {
text-align: center;
    padding-top: 0px;
		}
		.seo-2 h2
		{
			text-align:center;
}
.tag-heading p {
    padding: 10px 0px 15px 0px;
    color: #333333;
    line-height: 30px;
    margin: 0px;
}
.seo-2 p
{
	text-align:center;
	
}
.logo1 {

float: left;
}
.logo2
{
	float:left;
}
.brightbg .logo2 img
{
	width: 195px !important;
padding-right: 7px !important;
transition: .2s;
position: relative;
top: 12px !important;
color: #1A73B9!important;
	
}
#send
{
	width:100% !important;
}
.menusfooter ul
{
	margin-left:0px !important;
	margin-left: 0px !important;
}
.menusfooter li {
list-style-type: none;
float: left;
padding-bottom: 10px;
padding-top: 12px !important;
transition: .2s;
margin-left: 0px;
padding-right: 11px;
}
.bottom-bar .left {
float: left;
padding-top: 13px;
}
.contactform
{
	margin-top:0px;
}
.single_page_details p
{
	font-size:18px;
}
.how_we {
margin-top: 45px !important;
width: 100% !important;
}
.servicerspage
{
display:none;
}
.career_live{
	display:none;
}
.career_responsive{
	display:block !important;
}
.career_responsive img
{
	display:block;
	margin:0px auto;
}	
.start span
{
	top:210px !important;
}
.ipad img
{
	display:none;
}
.serviceright img {
    width: 100% !important
}
.welcome
{
height:auto;
	}
	.macs
	{
height:auto;
	}
		.welcome
{
height:auto;
	}
	.macs
	{
height:auto;
	}
	.stMain ul.tabAnchor
{
    width: 100%;
    float: none;
}
}


@media(max-width:767px)
	{
	.navbar-collapse
	{
	    overflow: hidden !important;
	}
	.carreaename {
    font-size: 13px;
    font-weight: normal;
    color: #fff !important;
}
.carrei {
    font-size: 40px !important;
}
.customcareer.tabAnchor li {
    width: 150px !important;
    float: left;
}
		
		.support-staff
{
	margin-top: 0px !important;
}
		.menus li {
list-style-type: none;
font-size: 14px !important;

padding-right: 9px !important;

	}
	.logo1 img {
width: 195px !important;
padding-right: 7px !important;
transition: .2s;
position: relative;
top: 12px !important;
color: #1A73B9!important;
	}
	.start span {
left: 235px !important;
position: relative;
}
/*.tp-caption.large_bold_grey.customin.customout.start {
font-size: 34px !important;
line-height: 40px !important;
}*/

div#wn {
position: relative;
width:440px !important;
}
.tp-caption.customin.customout.start {
top: 200px !important;
}

.HeaderMenu_page .menubar_page .menus ul li
{
	list-style-type: none;
float: left;
padding-bottom: 10px !important;
/* padding-top: 27px; */
transition: .2s;
font-size: 14px !important;
margin-left: 0px;
padding-right: 16px !important;
}
.single_page_image img {
	padding-left:0px !important;
}
.about_img img {
	display:none !important;

}
.about_head{
	font-size: 18px;

}
.menusfooter ul
{
	top: 12px !important;
left: 127px !important;
}
.menusfooter li {
list-style-type: none;
float: left;
padding-bottom: 10px;
padding-top: 13px;
transition: .2s;
margin-left: 0px;
padding-right: 10px;

}
.service_page .service_box ul {
    padding: 0px 0px 15px 0px;
    margin: 0px;
}

.topbar
{
	min-height:0px !important;
	
}
.logo1
{
	float:none !important;
}
.logo1 img
{
	
display: block;
margin: 0px auto;
}
.logo2 img
{
	
display: block;
margin: 0px auto;
}
.brightbg .logo2 img
{
	width: 195px !important;
padding-right: 7px !important;
transition: .2s;
position: relative;
top: 12px !important;
color: #1A73B9!important;
	
}

.top-bar-text {
font-size: 11px !important;


}
.text-left
{
	width: 34%;
float: left;
}
.text-right
{
	width: 33%;
float: left;
}
.text-center
{
	width: 33%;
float: left;
}
	.menus {
margin: 0px;
float: left;
	}
	.logo1 {

float: left;
}
.seo-2 img
{
	width:auto;
}
.logo2
{
	float:none !important;
}
#send
{
	width:100% !important;
}
.how_we {
margin-top: 45px !important;
width: 100% !important;
	}
	.career_live{
	display:none !important;
}
.career_responsive{
	display:block !important;
}
.career_responsive img
{
	display:block;
	margin:0px auto;
}
.ipad img
{
	display:none;
}
.serviceright img {
width:100% !important;
}
	}
	@media(max-width:667px)
	{
	.top-bar-text {
    font-size: 11px;
}
	.customcaption h2 {
    font-size: 38px;
    }
.customcaption1 h2 {
    font-size: 24px;
    }

		.welcome
{
height:auto;
	}
	.macs
	{
height:auto;
	}
	
	}

@media(max-width:480px){
.headdescription {
    padding: 45px;
    font-size: 22px;
    background: #1A73B9;
    color: #fff;
    text-align: left;
}
.moving-zone {
    width: 0px;
       height: 270px;
}
.mt-px {
    text-align: center;
  padding-top: 0px;
}

.services .icon
{
    display: none;
}
.seo-2 h2 {
    text-align: left;
    padding: 20px;
}
.seo-2 p {
    text-align: left;
    padding: 20px;
}
.contactform {
  margin-top: 0px;
}
.col-md-3.specialities {
    padding-bottom: 15px;
	margin-bottom:0px;
}

.serviceleft p {
    line-height: 30px !important;
    font-size: 17px;
    margin: 0px;
}
.service_page .service_box ul {
    padding-bottom: 10px;
    margin: 0px;
}
.howwaork h2
{
    font-size: 20px;
}
.bottom-bar .left
{
    padding-left: 0px  !important;
}
.popup.shadow-1
{
padding-left: 0px;
}
.howwork 
{
    padding-left: 0px;
        margin-left: 0px !important;
		min-height:270px;
}
.howwork p
{
font-size: 16px;
    line-height: 1.6;
    margin: 0px 8px;
    padding-left: 20px;
    text-align: left;
}
.tr-btn {
   
    font-size: 17px;
  
}
.clientheading {
    position: relative !important;
    text-align: left;
    padding: 20px;
}
.partners h2
{
text-align: left;
}
.support-staff h1 {

    text-align: left;
    padding-left: 20px;
	}
.support-staff p
{
    text-align: left;
}
.macs h4 {
    padding-top: 10px;
    color: #CACACA;
    margin-bottom: 6px;
    text-align: left;
    padding-left: 30px;
}
.tag-heading p
{
    margin-bottom: 0px;
}
.macs h2
{
text-align: left;
    font-size: 35px;
}
.howweworksec p
{
    text-align: left;
}
.services .service-right p {
    text-align: left;
}
.service-right .service-head {
    text-align: left;
}
.services .tag-heading{
    text-align: left;
    padding: 0px 20px;
}
.welcome h2
{
    font-size: 25px;
    text-align: left;
    padding: 20px;
}
.welcome p
{
    padding: 10px 20px 0px 20px !important;
    text-align: left;
	}
.customcareer.tabAnchor li {
    width: 280px !important;
    float: none !important;
}
.stContainer {
    width: 330px;
        height: 1500px !important;
}
.stMain ul.tabAnchor
{
    width: 300px !important;
}
.services h2 {
    font-size: 35px;
    text-align: left;
	padding-left:20px;
}
.menusfooter li {
    list-style-type: none;
    float: none !important;
    padding-bottom: 0px;
    padding-top: 13px;
    transition: .2s;
    margin-left: 0px;
    padding-right: 10px;
	}
	.stMain ul.tabAnchor li a
	{
	    padding: 18px 8px;
	}
.partners p {
    /* padding-right: 50px; */
    padding-top: 10px;
    line-height: 30px;
    color: #fff;
    font-size: 20px;
    margin: 0px;
    font-weight: normal;
	padding-right:0px;
    text-align: left;
}
.contact_form
{
padding: 20px;
}

	.partners .col-md-4 {
    text-align: left;
	    padding: 20px !important;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 100%;
    float: left;
}
.clientdiv
{
border:none;
}
.clientdiv1
{
border:none;
}
.clientdiv2
{
border:none;
}
.topbar
{
display:none;
}
.brightbg .topbar
{
display:none !important;
}
.careertext{


    padding: 0px 25px;
}
.customcaption h2 {
       font-size: 22px;
    line-height: 35px;
}
.customcaption1 h2 {
    font-size: 16px;
}
.specialities h2 {
    font-size: 24px;
}
.bottomarow {
  
    margin-top: 132px;
	}
	.logo1
	{
		float:none;
	}
	.HeaderMenu
	{
	
		background-color:none !important;
	}
	#cycle-slideshow {
display:none !important;
}
.pager1
{
	display:none !important
}

.hero-section
{
position: absolute !important;
top: 447px !important;
}
.support-staff
{
	margin-top: 0px !important;
}
.ideas img
{
	padding-right: 45px !important;
}
.seo-2 img
{
	
width: 100% !important;
}
.seo-2
{
	height:auto !important;
}
.menus 
{
	float:none !important;
}
.menus ul
{
	display:inline-block !important;
	padding:0px !important;
	width:100%;
	margin:0px;
	
	
}
.menus ul li
{
	width:100% !important;
	display:inline-block !important;

	padding-top:10px !important;
	padding-right:0px !important;
	border-bottom:1px solid #f1f1f1 !important;
	text-align:center;
	
	
}
.menus ul li a
{
	color:#fff;

}
div#wn
{
width:300px !important;

}
.single_page_image img
{
	padding-left:0px !important;
}
.about_img img {
	display:none !important;

}
.text-left {
text-align: center !important;
}
.text-right {
text-align: center !important;
}
.logo1 img{
	display:block;
	margin:0px auto;
}
.menusfooter ul
{
	margin-left:0px !important;
	    padding-left: 0px;
}
.menusfooter
{
float:none;
}
#send
{
	width:100% !important;
}
.career_live{
	display:none !important;
}
.career_responsive{
	display:block !important;
}
.career_responsive img
{
	display:block;
	margin:0px auto;
}
.ipad img
{
	display:none;
}
.serviceright img {
width:100%s !important;
}
.welcome
{
height:auto;
	}
	.macs
	{
height:auto;
	}