body{font-family:'Square721BT-Roman';padding: 0; margin: 0}
*{position: relative;}
a{color: inherit;text-decoration: none}
a:hover,a:focus{color: inherit;text-decoration: none}
h1,h2,h3,h4,h5{font-family:'Square721BT-Bold';}
.logo{width: 120px;margin-top: -7px;}
.navbar-header{z-index: 1}
.navbar-default{background: #fff}
.navbar-default .navbar-nav{padding: 20px 0px;}
.navbar-default .navbar-nav > li > a{font-size: 13px; letter-spacing: .3px;line-height: 30px;color:#000;padding-top:0px; padding-bottom: 0px;border-radius: 15px;border:1px solid transparent;-webkit-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;}		
.navbar-default .navbar-nav > li > a:hover{color: rgba(24,126,192,1);}
.navbar-default .navbar-nav > .active > a{background: none;border:1px solid rgba(24,126,192,1);color:rgba(24,126,192,1);}
.navbar-default .navbar-nav{margin-top: 10px;}
.tagline{position: absolute;font-size: 12px;  white-space: nowrap;left: 85px;top:57px;}

header{position: fixed;width: 100%; top:0px; left:0px;z-index: 101; -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.15);
box-shadow: 0px 2px 4px rgba(0,0,0,0.15);}
.modal .close{z-index: 1}
.modal-body>ul{list-style-image: url(../images/big-tick-b.png);padding-left: 20px;margin-left: 20px; font-size: 14px;}
.modal-body>ul>ul{list-style: disc; color:#666;font-size: 13px;}
.modal-body>ul>li{padding-bottom: 5px;}
.modal-body>ul>ul>li{padding-bottom: 5px;}
section{padding: 100px 0px;}
.para{padding: 200px 0px;}
#what-we-do,#our-technologies,#products,#why-mobile-rep{margin-top: -100px; position: absolute;}
.what-we-do{background: #f2f2f2; padding: 50px 0px 0px 0px}
.what-we-do h2{padding-bottom: 0px; font-size: 24px}
.what-we-do .who-cont.active{background: #fff}
.what-we-do .who-cont.active h4{color:rgba(24,126,192,1);}
.who-cont{text-align: center;padding: 15px 0px;cursor: pointer;border-radius: 15px 15px 0px 0px; display: block}
.who-cont h4{padding-bottom: 15px;}
.who-cont p{color:#666;letter-spacing: .3px}
.who-cont img{display: block; max-width:70px; margin: 20px auto; opacity: 0.4}
.what-we-do .who-cont.active img{opacity: 1}
.s-link{display: inline-block;padding: 7px 20px;text-transform:capitalize;margin: 0px auto;font-size: 12px;margin-bottom: 50px;cursor: pointer;}
.s-link:before{content: 'Show More'}
.s-link:after{content: '';width: 0;
height: 0;
border-style: solid;
border-width: 5px 5px 5px 5px;
border-color: #000000 transparent transparent transparent;position: absolute;bottom: -10px; left:50%; opacity: 0.4}
.tg:before{content: 'Show Less'}
.tg:after{border-color:transparent transparent #000 transparent;}
.mb{background-image: url(../images/mb-bg.jpg);background-attachment: fixed;background-position: center center; background-size: cover;
     }
     @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  
         .mb{
  background-attachment:scroll;    
  
   -webkit-background-size: cover;

        -moz-background-size: cover;

        -o-background-size: contain;
        min-height:100%;
        background-position: 5px 24.6625px;
         }
         .products
         {
              background-position: center bottom;
 background-size:cover;
   
         }
         #surveyor,#profilerweb
         
         {
              background-attachment:scroll;    
  
   -webkit-background-size: cover;

        -moz-background-size: cover;

        -o-background-size: cover;
         }
          #app5-7
    {
      
        background-size: auto auto; 
        background-position: 20% 50% !important;
 
    }
         .why-mobile-rep img
         {
             margin-top:75px;
         }
         .cl-link
         
         {
             margin-top:-50px;
         }
               
}

.psec{ font-size: 17px;}

.psec li{ margin-bottom: 10px;text-align: justify;padding-right: 30px}

#profiler{background-color: #e6e7e8}
#surveyor,#profilerweb{ color:#fff;background-image: url(../images/surveyor.jpg);background-position: center center;background-attachment: fixed}
#surveyor:before,#profilerweb:before{content: ''; position: absolute;left:0px; top:0px; width: 100%; height: 100%; background: rgba(38,50,56,0.7)}
#profiler h2{ text-transform: uppercase;color:rgba(24,126,192,1);}
#surveyor h2,#profilerweb h2{ text-transform: uppercase;color:#fff;}
#messenger h2{ text-transform: uppercase;color:rgba(24,126,192,1);}
#messenger{background-color: #fff; padding-bottom: 0px;}
#app5-7{ color:#fff;background-image: url(../images/57.jpg);background-position: center top;background-attachment: fixed; background-size: cover}
#app5-7:before{content: ''; position: absolute;left:0px; top:0px; width: 100%; height: 100%; background: rgba(38,50,86,0.4)}
.psec h2{margin-bottom: 70px;}
.psec h2:after{content: '';position: absolute;width: 80px; height: 1px; background: #000; left: 50%; margin-left: -40px; top:50px;}
.psec ul{list-style-image: url(../images/big-tick-b.png);padding-left: 20px;margin-left: 20px; font-size: 14px;}
.psec ul>li{padding-bottom: 5px;}
#surveyor ul,#app5-7 ul,#profilerweb ul{list-style-image: url(../images/big-tick.png);padding-left: 20px;margin-left: 20px; background: rgba(0,0,0,0.5); padding: 50px; border-radius: 10px;}
#surveyor h2:after,#app5-7 h2:after, #profilerweb h2:after{background: #fff}
.our-technologies .who-cont{padding-bottom: 70px;}
.our-technologies .who-cont ul>li{text-align: left; padding: 10px 5px;}

.our-technologies{padding-bottom: 0px;}
.our-technologies .tech-cont p{color:#666;}
.tech-cont{padding: 80px 0px}
.pt{padding-top: 250px;}
.tech-cont h3{font-family:'Square721BT-Roman';font-size: 40px;color:#177ec4;}
.tech-cont h4{font-family:'Square721BT-Roman';font-size: 24px;color:#999;}
.tech-cont.text-left ul{border-left:1px solid #999; padding-left: 30px;margin-top: 50px}
.tech-cont.text-right ul{border-right:1px solid #999; padding-right: 30px;margin-top: 50px}
.tech-cont ul>li{padding: 5px 0px;font-size: 15px;}

.why-mobile-rep{background-color: #fff; padding-bottom: 0px;overflow: hidden;padding-top: 150px;}
.why-mobile-rep ul>li{padding: 30px 20px;font-size: 17px;line-height: 1.6; position: relative;}
.why-mobile-rep ul>li:before{content: ''; width: 40px; height: 2px; background: #333; border-radius: 1px;top:0px;position: absolute;opacity: 0.3}
.why-mobile-rep .text-left ul>li:before{left:20px;}
.why-mobile-rep .text-right ul>li:before{right:20px;}
.why-mobile-rep ul>li:first-child::before{display: none}
.why-mobile-rep img{padding: 0px 30px; margin-bottom: 0px;}
.cl-link{font-size: 22px;padding: 15px; color:rgba(24,126,192,1)}

.products{ color:#fff;background-image: url(../images/pbg.jpg);background-position: center center;background-attachment: fixed}
.products:before{position: absolute;content: ''; width: 100%; height: 100%; left:0px; top:0px; background: rgba(24,126,192,0.7)}
.p-cont{text-align: center;border:1px solid rgba(255,255,255,0.2);border-radius: 15px;padding: 20px;margin-top: 30px;background: rgba(0,0,0,0.2); display: block}
.p-cont h4{text-transform: uppercase;}
.p-cont img{padding: 10px; background:#fff;max-width: 100px; border-radius: 50%; margin-bottom: 30px;}
.p-cont p{min-height: 70px;}



footer{background: #000; color:#999;padding: 50px 0px 20px 0px; letter-spacing: .3px}
footer h4{color:#fff;padding-bottom: 20px; font-family:'Square721BT-Roman';}
footer a{color: #999}


.what-ex{background: #fff; display: none}
.what-ex .container>div{background: #fff; padding: 40px 0px 60px 0px;}
.what-ex h3{padding-bottom: 20px;color:rgba(24,126,192,1);}
.what-ex ul{padding: 0px 20px;border-left:2px solid #ddd;}
.what-ex ul>li{padding: 5px 0px;}
.what-ex ul>li:before{position: absolute;content: '-'; left:-20px;color:#ddd;}
.what-ex img{padding-top: 40px;}
.t-cl{background-image: url(../images/close.png);position: absolute;width: 170px; padding: 50px 10px 3px 10px; background-size: 100%; left: 50%; bottom: 0px;cursor: pointer;background-repeat: no-repeat;background-position: center bottom; margin-left: -60px;text-align: center;color:#fff;}

.footc{text-align: center;}
.footc img{width: 30px ; height: 30px; padding: 4px; display: inline-block;}






.banner{margin-top: 80px;position: relative;}
		.cycle-slideshow{width: 100%; height: 100%; left:0px;top:0px; z-index: -1;}
		.slide{width: 100%; height: 100%}
		.cycle-overlay{position: absolute; bottom:20%;text-align: left;left: 5% ;
			}
.slide img{ width: 100%;}
		.cycle-overlay h3{font-size: 60px; color:#333;font-family: 'Tungsten-Semibold'; text-transform:  uppercase; font-weight: normal;letter-spacing: 3px;}
		.cycle-overlay p{font-size: 30px;color:#333;font-weight:400; display: inline-block;line-height: 1;letter-spacing: 1px;padding: 20px 0 0 0;}
		.cycle-slide-active .cycle-overlay h3{-webkit-animation: fadeInRight 2s ease;
		-o-animation: fadeInRight 2s ease;
		animation: fadeInRight 2s ease;}
		.cycle-slide-active .cycle-overlay p{-webkit-animation: fadeInLeft 2s ease;
		-o-animation: fadeInLeft 2s ease;
		animation: fadeInLeft 2s ease;}
		.nav1{ position: absolute;top: 50%; z-index: 2;font-size: 60px;padding: 20px;color:#666;border-radius: 10px;margin-top: -30px;}
		.nav1:hover{background: rgba(255,255,255,0.2); color:#000;}
		.slide-left{ left: 0; }
		.slide-right{ right: 0;}
		.slide{background-position: center top;}
		.slider0{ background: url(../images/slider0.jpg); background-size: cover; background-position: left top}
		.slider1{ background: url(../images/slider1.jpg); background-size: cover; background-position: right top}
		.slider2{ background: url(../images/slider2.jpg); background-size: cover; background-position: top center}
		.slider3{ background: url(../images/slider3.jpg); background-size: cover; background-position: right top}
		.slider4{ background: url(../images/slider4.jpg); background-size: cover; background-position: right top}
		.slider5{ background: url(../images/slider6.jpg); background-size: cover; background-position: right top}

		@media screen and (max-width: 767px) {
		.cycle-overlay h3{font-size: 30px;}
		.cycle-overlay p{font-size: 20px;}
		.nav1{ padding: 10px;font-size: 40px;}
		.header img{ width: 75px;}

		.slider0{ background: url(../images/mslider0.jpg); background-size: cover; background-position: center bottom}
		.slider1{ background: url(../images/mslider1.jpg); background-size: cover; background-position: center bottom}
		.slider2{ background: url(../images/mslider2.jpg); background-size: cover; background-position: center bottom}
		.slider3{ background: url(../images/mslider3.jpg); background-size: cover; background-position: center bottom}
		.slider4{ background: url(../images/mslider4.jpg); background-size: cover; background-position: center bottom}
		.slider5{ background: url(../images/slider6.jpg); background-size: cover; background-position: center bottom}


		}
.t-r{text-align: right;}
@font-face {
  font-family: 'Tungsten-Semibold';
  src: url('../fonts/Tungsten-Semibold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Tungsten-Semibold.otf')  format('opentype'),
	     url('../fonts/Tungsten-Semibold.woff') format('woff'), url('../fonts/Tungsten-Semibold.ttf')  format('truetype'), url('../fonts/Tungsten-Semibold.svg#Tungsten-Semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@media screen and (max-width:768px){
	body{font-size: 12px;}
	section{padding: 40px 0px}
	h2{font-size: 24px;}
	.navbar-default .navbar-toggle{margin-top: 15px;}
	.logo{width: 80px}
	.tagline{top:35px;left:60px;font-size: 9px}
	.banner{margin-top: 60px; overflow: hidden;}
	.who-cont img{max-width: 40px}
	.what-ex img{max-width: 70px;	}
	.who-cont ul{padding-left: 10px}
	.our-technologies .who-cont{padding-bottom: 30px}
	.psec h2{margin-bottom: 30px}
	.psec ul{padding-left: 10px; margin-left: 10px}
	.psec ul li{font-size: 12px;padding-right: 5px;}
	#profilerweb ul, #surveyor ul, #app5-7 ul{margin: 0px; padding: 15px; padding-left: 30px}
	.why-mobile-rep ul>li{padding: 10px;font-size: 14px;}
	.t-r{text-align: left}
	.navbar-default .navbar-nav > .active > a{border-color:transparent;}
}
.our-technologies  {
        background: #f2f2f2;
    padding: 50px 0px 0px 0px;
}
.who-cont ul li{
    color: #666;
    letter-spacing: .3px;
}

.profiler-cont 
{
    padding-bottom:15px;
}
.disc-style  li {
    color: #666;
    letter-spacing: .3px;
}
.why-mobile-rep .t-r ul>li:before
{

right:1em;
}
/*11-july-16*/
.no-style

{
    list-style: none;
}
.who-cont p,.what-ex ul,.our-technologies ul,.products p,#profiler ul,#surveyor ul,#profilerweb ul,#messenger ul,#app5-7 ul,.why-mobile-rep ul{
    font-size: 16px !important;
}

.s-link
{
    font-size: 13px;
}
#profiler ul {
/*    list-style-image: url(../images/big-tick.png);*/
    padding-left: 20px;
    margin-left: 20px;
   
    padding:5px 50px 50px 50px !important;
    border-radius: 10px;
}
#profiler ul:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
   
    border-radius: 10px;
}

#profiler  li
{
  
}
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}
#surveyor ,#profilerweb
{
        background-size: cover;
      
}
.products {
    
    background-size: cover;
}
#surveyor:before ,#profilerweb:before{

    background: rgba(38,50,56,0.4);
}
@media (max-width:768px){
.why-mobile-rep .t-r ul>li:before
{
    right:0;
    left:0;
    margin:auto;
}
.why-mobile-rep ul>li:before
{
     right:0;
    left:0 !important;
    margin:auto;
}
}
#profiler ul
{
    padding:5px 50px 50px 50px !important;
}
.what-ex .container>div
{
    padding:0px 0px 60px 0px !important;
} 
#messenger,#profiler
{
    padding: 50px 0px 0px 0px;
}
  .products,#surveyor,#app5-7,.why-mobile-rep,#profilerweb
  
  {
      padding-top:50px;
  }
  #messenger img
  {
      margin-top:-48px !important;
  }  
   @media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    #app5-7, #surveyor,#profilerweb
    {
       background-attachment:scroll;    
  
   -webkit-background-size: cover;

        -moz-background-size: cover;

        -o-background-size: contain;
        min-height:100%;
     background-position: 5px 24.6625px;
     
 
    }
     .products
     {    background-attachment:scroll;    
  
   -webkit-background-size: cover;

        -moz-background-size: cover;

        -o-background-size: contain;
        min-height:100%;
     background-position: 80% 40%;
 }
     
     
.mb
{
/*    background-size: 100%;*/
/*    background-repeat: no-repeat;*/
   
  background-position: 30% 20% !important; 
}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
 .mb
{
 background-position: 30% 20% !important;
}
 #app5-7, #surveyor,#profilerweb
    {
       background-attachment:scroll;    
  
   -webkit-background-size: cover;

        -moz-background-size: cover;

        -o-background-size: contain;
        min-height:100%;
     background-position: 5px 24.6625px;
     
 
    }
     .products
     {    background-attachment:scroll;    
  
   -webkit-background-size: cover;

        -moz-background-size: cover;

        -o-background-size: contain;
        min-height:100%;
     background-position: 90% 50%;
 }
}

/* Landscape phones and portrait tablets */
@media (min-width: 768px) and (max-width: 767px) {
    
   
}
@media (min-width: 481px) and (max-width: 767px) {
    
   #surveyor,#profilerweb
    {
          background-size: auto auto; 
          background-position: 60% 90% !important;
          
    }
    #app5-7
    {
      
        background-size: auto auto; 
        background-position: 20% 50% !important;
 
    }
     .products
    {
           background-size: auto auto; 
        background-position:40% 40% !important;
    }
}
/* Portrait phones and smaller */
@media (min-width: 381px) and (max-width: 480px) {
    #app5-7
    {
      
        background-size: auto auto; 
        background-position: 20% 80% !important;
       
 
    }
    #profilerweb,#surveyor
    {
          background-size: auto auto; 
          background-position: 40% 40% !important;
           
          
    }
    .products
    {
           background-size: auto auto; 
        background-position:40% 40% !important;
    }
.mb{
  background-attachment:scroll !important;    
  
   -webkit-background-size: cover;

        -moz-background-size: cover;

        -o-background-size: contain;
        min-height:100%;
        background-position: 10% 40% !important;
         }
} 
@media (max-width: 380px) {
    #app5-7
    {
      
        background-size: auto auto; 
        background-position: 20% 10% !important;
 
    }
   #profilerweb, #surveyor
    {
/*          background-size: auto auto !important; */
          background-position: 40% 10% !important;
          
    }

 .products
    {
           background-size: auto auto; 
        background-position:40% 40% !important;
    }
.mb{
  background-attachment:scroll !important;    
  
   -webkit-background-size: cover;

        -moz-background-size: cover;

        -o-background-size: contain;
        min-height:100%;
        background-position: 10% 40% !important;
         }
}
@media  (max-width: 350px) {
   #profilerweb,  #surveyor
    {
   
  background-attachment:scroll !important; 
   -webkit-background-size: cover;

        -moz-background-size: cover;

        -o-background-size: cover;
        min-height:100%;
     
          
    }
     .mb{
  background-attachment:scroll !important;    
  
   -webkit-background-size: cover;

        -moz-background-size: cover;

        -o-background-size: contain;
        min-height:100%;
        background-position: 10% 40% !important;
         }
}
.profiler_title
{
    color: #666;
    letter-spacing: .3px;
    margin-bottom: 10px;
    padding-left: 47px;
}