/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Anton|Lobster');

@font-face 
{
	font-family: 'Questrial-Regular';
	src: url('../fonts/Questrial-Regular.ttf')  format('truetype');
}

@font-face 
{
	font-family: 'Berlin-Sans-fb';
	src: url('../fonts/Berlin-Sans-fb.ttf')  format('truetype');
}
@font-face 
{
	font-family: 'biko-regular';
	src: url('../fonts/biko-regular.otf')  format('truetype');
}
@font-face 
{
	font-family: 'Roboto-BoldCondensed';
	src: url('../fonts/Roboto-BoldCondensed.ttf')  format('truetype');
}
@font-face 
{
	font-family: 'Britannic_Bold';
	src: url('../fonts/Britannic_Bold.ttf')  format('truetype');
}
@font-face 
{
	font-family: 'Berlin-Sans-fb';
	src: url('../fonts/Berlin-Sans-fb.ttf')  format('truetype');
}
@font-face 
{
	font-family: 'myriad pro-regular';
	src: url('../fonts/myriad pro-regular.ttf')  format('truetype');
}


body
{
	overflow-x:hidden;
}
.wrapper
{
	max-width:1300px;
	margin:0px auto;
}

/************ Index Page ************/
.top-header { 
	position:relative; 
	z-index:9999;
}
.social-icons1{
	font-size: 24px;
	padding-top: 7%;
}
.social-icons1 i { 
	border-color:#333333;
}
.social-icons1 a {  
	padding-left: 7%; 
	color:#333333;
}
.social-icons1 a:hover {
	color: #26b2f8;
}
.social-icons1 a:focus {
	color: #26b2f8;
}
.top-catact { 
	display: inline-flex;
	padding: 2%;
}

/****** Navigation css  **********/

.logo {
	
  margin-left: -11%;
    padding-top: 7%;
}
.top-nav {
	 margin-left: 30%;
	
	 padding-top: 3%;
}
.phone {
    font-size: 18px;
    font-family: 'Berlin-Sans-fb';
    color: #fff;
}
.email {
	font-size:18px;
	 font-family: 'Berlin-Sans-fb';
    color: #fff;
}
.email a {
        color: #fff;
}
.email a:hover {
        color: #221a18;
}
.top-nav ul li {
    padding: 0 8px;
}
.top-nav ul {
    list-style: none !important;
    padding: 0px;
    display: inline-flex;
}
.top-header-01 {
   z-index: 9999;
   position: relative;
   background-color: #fff;
   border-radius: 4px;
}
.social-01 li a {
    font-size: 20px;
     padding: 1px 0px;
}
.social-01 li a:hover {
   color: #1f1a16;    
}
/************ Navigation css  *********/

/************ slider css start *******/
.slider-01
{
	margin-top: -14%;
}
.slider {
	padding-bottom: 5%;
}
/************ slider css ************/

/************ About Index css ************/
.about-index {
    margin-bottom: 4%;
}
.about-index-font {
	color:#010101;
	font-size:40px;
	letter-spacing:1px;
	text-align:left;
	padding-top: 9%;
	font-weight: 700;
	font-family: 'Roboto-BoldCondensed';
	margin-bottom: 0;
}
.about-index-font-01 {
	color:#4d4d4d;
	font-size:18px;
	line-height:28px;
	font-family: 'Berlin-Sans-fb';
	font-weight: 700;
	margin-bottom: 10%;
}
.about-index-font-02 {
	color:#407ccd;
	font-size:32px;
	font-family: 'Britannic_Bold';
}
.border {
	border:4px solid #14b6fb;
}
.margin-left {
	margin-left:20%;
	border-right: none;
}
.margin-right {
	margin-right:16%;
	border-left: none;
}
.padding-le-ri {
	padding-left: 8%;
	padding-right: 7%;
}
/************ About Index css ************/

/************ Product Index css ************/
.product-slider {
    margin-bottom: 40px;
}
.product-font {
	font-size:50px;
	line-height:60px;
	text-align:center;
	color:#000000;
	padding-bottom: 1%;
	font-family: 'Roboto-BoldCondensed';
	font-weight: 700;
}

.image-font-01 {
	font-family: 'Questrial-Regular';
	font-size: 20px;
	color: #3c3c3c;
	font-weight: 700;
	padding-top: 3%;
}
/************ Product Index css ************/

/************ client Index css ************/
.client-slider {
    margin-bottom: 50px;
}
/************ client Index css ************/

/************ footer Index css ************/
.footer {  margin-bottom: 1%;}
.footer-1 { margin-top: 2%;  background-color:#F7F7F7; }
.footer-h { font-family: 'Questrial-Regular'; font-size: 50px; color:#000;margin-bottom: 5%;}
.footer-font {font-family: 'Questrial-Regular'; font-size: 15px; color:#000; line-height: 25px; font-weight: 700;margin-top: 15px;margin-left: 10px;}
.footer-font-call {font-family: 'Questrial-Regular'; font-size: 30px; color:#000; margin-left: 10px;font-weight: 700;margin-bottom: 0;}
.footer-font a { color:#000; }
.footer-font a:hover {color:#09b2f6;}

.footer-heading {  font-family: 'Questrial-Regular'; font-size: 25px; color:#000; font-weight: 700; list-style: none;line-height: 25px;margin-top: 6% !important;padding: 0;margin-left: 12%;}
.footer-heading a {  font-family: 'myriad pro-regular'; font-size: 14px; color:#262b26; line-height: 30px; white-space: nowrap; }
.footer-heading li { border-bottom: 1px dotted #000;}
.download-footer {margin-left: 12%;}
.footer-heading a:hover {color: #0dacf3;}

.footer-img { margin-top: -40%;}
.phone-img { margin-left: 15%;}
.footer-address { margin-top: -54%;}
.footer-map {
    white-space: nowrap;
}
.social-ul {padding-left: 16%;padding-top: 4%;}
/*------ Social Medial ----*/
.list-unstyled {
    padding-left: 0;
    list-style: none;
    margin-left: 9px;
}
.list-inline li {
    display: inline-block;
    padding-right: 2px !important;
    padding-left: 2px !important;
    margin-bottom: 10px;
}
/*---- Genral classes end -------*/
/*Change icons size here*/
.social-icons .fa {
    font-size: 1.3em;
}
/*Change icons circle size and color here*/
.social-icons .fa {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #FFF;
    color: rgba(255, 255, 255, 0.8);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.social-icons.icon-circle .fa{ 
    border-radius: 50%;
}
.social-icons.icon-rounded .fa{
    border-radius:5px;
}
.social-icons.icon-flat .fa{
    border-radius: 0;
}

.social-icons .fa:hover, .social-icons .fa:active {
    color: #FFF;
    -webkit-box-shadow: 1px 1px 3px #333;
    -moz-box-shadow: 1px 1px 3px #333;
    box-shadow: 1px 1px 3px #333; 
}
.social-icons.icon-zoom .fa:hover, .social-icons.icon-zoom .fa:active { 
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); 
}

.social-icons.icon-zoom .fa:hover, .social-icons.icon-zoom .fa:active { 
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); 
}

.social-icons .fa-adn{background-color:#504e54;} 
.social-icons .fa-apple{background-color:#aeb5c5;} 
.social-icons .fa-android{background-color:#A5C63B;}  
.social-icons .fa-bitbucket,.social-icons .fa-bitbucket-square{background-color:#003366;} 
.social-icons .fa-bitcoin,.social-icons .fa-btc{background-color:#F7931A;} 
.social-icons .fa-css3{background-color:#1572B7;} 
.social-icons .fa-dribbble{background-color:#F46899;}  
.social-icons .fa-dropbox{background-color:#018BD3;}
.social-icons .fa-facebook,.social-icons .fa-facebook-square{background-color:#3C599F;}  
.social-icons .fa-flickr{background-color:#FF0084;}
.social-icons .fa-foursquare{background-color:#0086BE;}
.social-icons .fa-github,.social-icons .fa-github-alt,.social-icons .fa-github-square{background-color:#070709;} 
.social-icons .fa-google-plus,.social-icons .fa-google-plus-square{background-color:#CF3D2E;} 
.social-icons .fa-html5{background-color:#E54D26;}
.social-icons .fa-instagram{background-color:#A1755C;}
.social-icons .fa-linkedin,.social-icons .fa-linkedin-square{background-color:#0085AE;} 
.social-icons .fa-linux{background-color:#FBC002;color:#333;}
.social-icons .fa-maxcdn{background-color:#F6AE1C;}
.social-icons .fa-pagelines{background-color:#241E20;color:#3984EA;}
.social-icons .fa-pinterest,.social-icons .fa-pinterest-square{background-color:#CC2127;} 
.social-icons .fa-renren{background-color:#025DAC;}
.social-icons .fa-skype{background-color:#01AEF2;}
.social-icons .fa-stack-exchange{background-color:#245590;}
.social-icons .fa-stack-overflow{background-color:#FF7300;}
.social-icons .fa-trello{background-color:#265A7F;}
.social-icons .fa-tumblr,.social-icons .fa-tumblr-square{background-color:#314E6C;} 
.social-icons .fa-twitter,.social-icons .fa-twitter-square{background-color:#32CCFE;} 
.social-icons .fa-vimeo-square{background-color:#229ACC;}
.social-icons .fa-vk{background-color:#375474;}
.social-icons .fa-weibo{background-color:#D72B2B;}
.social-icons .fa-windows{background-color:#12B6F3;}
.social-icons .fa-xing,.social-icons .fa-xing-square{background-color:#00555C;} 
.social-icons .fa-youtube,.social-icons .fa-youtube-play,.social-icons .fa-youtube-square{background-color:#C52F30;}
.social-icons .fa-rss,.social-icons .fa-rss{background-color:#F7931A;}
/*--------social media end-----*/

.iframe-font { width: 520px; height: 350px; margin-left: 10%;}
.footer-hh { font-size: 25px; color: #000;  font-family: 'Questrial-Regular';}
.footer-ul li {padding: 4px;}

footer-ul { list-style: none;}
.footer-ul li { border-bottom: 1px dotted #959797; width: 170px;list-style: none;}
.footer-ul a { font-family: myriad pro-regular;font-size: 14px;color: #262b26;line-height: 25px;}
.footer-ul a:hover {color: #09b2f6;}
/***** footer Index css ********/

/***** copy write Index css ******/
.copy-write {
	background-color:#111111;
	padding: 20px;
}
.copy-write-font {
	color:#fff;
	font-size:15px;
	letter-spacing: 0px;
	margin: 0px;
	font-family: 'Questrial-Regular';
	line-height: 25px;
	font-weight: 700;
}
.copy-write-font-01 {
	color:#fff;
	font-size:15px;
	float:right;
	letter-spacing: 0.9px;
	margin: 0px;
	font-family: 'Questrial-Regular';
}
.copy-write-font-01 a:hover {
	color:#09b2f6;
}
/***** copy write Index css ******/

/************ Index Page ************/

/************ About Page ************/
.inner-banner {
	margin-bottom:9%;
}
.product-inner-banner {
	margin-bottom: 44px;
}
.about {
	margin-bottom:50px;
}
.about-h1 { 
	font-size: 40px; 
	font-weight:700; 
	margin-top: -11%;
	color: #ffffff;
	line-height: 55px;
	font-family: 'Roboto-BoldCondensed';
	text-shadow: 3px 4px 1px #404040;
	width: 1250px;
	margin-left: 25%;
	letter-spacing: 0.9px;
}
.about-h1 span { 
	font-size: 30px;
	line-height: 40px;
	font-family: 'Bira-personal';
	margin-left: 6%;
}
.img-back-color {
	
}
/************ About Page ************/

/************ Contact Page ************/
.contact-font {
	font-family: 'Questrial-Regular'; 
	font-size: 19px; color:#000; 
	line-height: 20px; 
	font-weight: 700;
	margin-left: 10px;
}
.contact-font-call {
	font-family: 'Questrial-Regular'; 
	font-size: 30px; 
	color:#000; 
	margin-left: 10px;
	font-weight: 700;
	margin-bottom: 0;
}
.contact-font a { 
	color:#000; 
}
.contact-font a:hover {
	color:#09b2f6;
}
.contact-padding {
	padding-top:9%;
	padding-bottom: 9%;
}
.con-mar {
	margin-bottom:7%;
}
.social-icons-contact .fa {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #FFF;
    color: rgba(255, 255, 255, 0.8);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-size: 29px;
}
/************ Contact Page ************/

/************ Application Page ************/
.aplication-font {
	color: #4d4d4d;
	font-size: 20px;
	line-height: 16px;
	font-family: 'Berlin-Sans-fb';
	font-weight: 700;
	margin-bottom: 10%;
	margin-top: 10%;
}
/************ Application Page ************/

/************ Product Page ************/
.pro-border {
	border: 3px solid #fff;
} 
.pro-padding-le-ri {
	padding-left: 4%;
	padding-right: 3%;
}
.product-box-font {
	color: #407ccd;
	font-size: 18px;
	letter-spacing: 1px;
	text-align: left;
	padding-top: 15%;
	font-weight: 700;
	font-family: 'Berlin-Sans-fb';
	margin-bottom: 15px;
}
.product-box-font span {
	color: #000000;
  font-size: 20px;
  font-family: 'Berlin-Sans-fb';
}
.product-box-ul {
	padding:0px;
	list-style:none;
	margin-bottom: 20px;
}
.service-font-ul {
    color: #424242;
    font-size: 13px;
    line-height: 30px;
    font-family: 'Questrial-Regular';
    
    font-weight: 400;
}
.service-font {
	color: #4d4d4d;
	font-size: 18px;
	line-height: 28px;
	font-family: 'Berlin-Sans-fb';
	font-weight: 400;
	margin-bottom: 4%;
	padding-left: 25px;
	letter-spacing: 0.4px;
}

.bg-color {
	background-color: #1893ca;
	/*! margin-top: -6%; */
	margin-left: 10%;
	margin-right: 10%;
	padding-top: 8%;
}
.product-title-font {
	color:#407ccd;
	font-size:38px;
	font-family: 'Britannic_Bold';
	padding-left: 25px;
	letter-spacing: 0.4px;
	margin-top: 50px;
	font-weight: 700;
	margin-bottom: 20px;
}
.product-title-font span {
	color:#010101;
	font-size:41px;
	font-family: 'Roboto-BoldCondensed';
}
/************ Product Page ************/