@font-face {
    font-family: 'robotobold';
    src: url('../fonts/Roboto-Bold-webfont.eot');
    src: url('../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('../fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotolight';
    src: url('../fonts/Roboto-Light-webfont.eot');
    src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Light-webfont.woff') format('woff'),
         url('../fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotothin';
    src: url('../fonts/Roboto-Thin-webfont.eot');
    src: url('../fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Thin-webfont.woff') format('woff'),
         url('../fonts/Roboto-Thin-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayblack';
    src: url('../fonts/raleway-black-webfont.eot');
    src: url('../fonts/raleway-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-black-webfont.woff2') format('woff2'),
         url('../fonts/raleway-black-webfont.woff') format('woff'),
         url('../fonts/raleway-black-webfont.ttf') format('truetype'),
         url('../fonts/raleway-black-webfont.svg#ralewayblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaybold';
    src: url('../fonts/raleway-bold-webfont.eot');
    src: url('../fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-bold-webfont.woff2') format('woff2'),
         url('../fonts/raleway-bold-webfont.woff') format('woff'),
         url('../fonts/raleway-bold-webfont.ttf') format('truetype'),
         url('../fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaylight';
    src: url('../fonts/raleway-light-webfont.eot');
    src: url('../fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-light-webfont.woff2') format('woff2'),
         url('../fonts/raleway-light-webfont.woff') format('woff'),
         url('../fonts/raleway-light-webfont.ttf') format('truetype'),
         url('../fonts/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewayregular';
    src: url('raleway-regular-webfont.eot');
    src: url('raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('raleway-regular-webfont.woff2') format('woff2'),
         url('raleway-regular-webfont.woff') format('woff'),
         url('raleway-regular-webfont.ttf') format('truetype'),
         url('raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaysemibold';
    src: url('../fonts/raleway-semibold-webfont.eot');
    src: url('../fonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-semibold-webfont.woff2') format('woff2'),
         url('../fonts/raleway-semibold-webfont.woff') format('woff'),
         url('../fonts/raleway-semibold-webfont.ttf') format('truetype'),
         url('../fonts/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}




/* ------------------------------------------------------------------
                		common css
------------------------------------------------------------------ */


a {transition: all 500ms ease-in-out; outline: none;}

.section {}
.section-center{text-align:center }
.section-right{text-align:right }
.section-left{text-align:left }

.section-top { padding:70px 0px 0px;  }
.section-btm { padding:0px 0px 70px;  }
.section-top-btm { padding:70px 0px 70px;  }

.nopad { padding:0px; }
.nopad-right { padding-right:0px; }
.nopad-left { padding-left:0px; }

.section-titles h2 {font-size:30px; font-family:"ralewayblack";  line-height: normal; color: #3a4a5c; margin: 0px 0px 25px; padding: 0px 0px 0px;	  position: relative;   }
.section-titles h2 span {font-family: 'ralewaylight'; }
.section-titles-inner h2 {font-size: 35px;  line-height: normal; color: #666666; margin: 0px 0px 25px; padding: 0px 0px 0px;	  position: relative;   }

.short-content { margin:0px auto 40px; width:75%; }

.section h3 { font-size:18px; font-family: 'ralewaysemibold';}



.navbar { position:relative;   }
.hdr { position:relative; }
.site-navbar {background:rgba(255,255,255,0); position:fixed;top: 0; height:105px;  width: 100%; z-index: 999; transition:all 500ms ease-in-out; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.0); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.0); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.0); }
	
.site-navbar-bg { background:rgba(255,255,255,1); }
.site-navbar a.navbar-brand {transition:all 500ms ease-in-out;}
.site-navbar a.navbar-brand img {transition:all 500ms ease-in-out; width:100%; }
.site-navbar ul.navbar-nav, .site-navbar ul.list-inline {transition:all 500ms ease-in-out;}
.site-navbar-bg a.navbar-brand img { width:70%; transition:all 500ms ease-in-out }
.site-navbar.site-navbar-bg { height:80px; background:rgba(255,255,255,0.90)}
.site-navbar.site-navbar-bg .navbar-brand { padding-top:10px; }
.site-navbar.site-navbar-bg .menu-link { top:12px; }


a.read-btn {  color:#fff; display:inline-block; font-size:14px; text-decoration:none; font-family: 'robotoregular';   }
a.read-btn span { display:block; padding:9px 30px 9px 20px; text-decoration:none; position:relative;background:#f7941e; z-index:99; overflow:hidden; transition: all 500ms ease-in-out;  }
a.read-btn span:after { position:absolute; background:#3a4a5c; width:100%; height:100%; content:""; top:0px; left:-100%; z-index:-1; transition: all 800ms ease-in-out;  }
a.read-btn span:hover:after {left:0%; }
a.read-btn span i.fa-plus::before { content:"+"; font-size:18px; position:absolute; right:15px; top:11px; transition: all 800ms ease-in-out; }
a.read-btn span:hover i.fa-plus::before { transform:rotate(180deg) }


/* ------------------------------------------------------------------
                		menu-overly
------------------------------------------------------------------ */

.menu-contact-block { float:left; width:50%; color:#fff; margin-top:10%; text-align:left; transition:all 600ms ease-in-out;  }
#menu { position:relative; }
/**/#menu:after { position:absolute; width:100%; height:100%; background:url(../images/menu-bg.png) no-repeat -500px center; content:""; top:0px; left:0px; transition:all 600ms ease-in-out; z-index:-1; }
body.show-menu #menu:after { background-position:0px center; transition-duration:2s }
.menu-contact-block h3 { font-size:28px; transition:all 600ms ease-in-out  }
.menu-box-content { width:40%; margin-right:5%; float:left; margin-bottom:30px;  }
.menu-box-content h5 { font-size:18px; font-family: 'ralewayblack'; position:relative; padding:10px 0px; border-bottom:1px solid #ff8634 }
.menu-box-content h5 a { float:right; text-decoration:none; transition:all 600ms ease-in-out  }
.menu-box-content h5 a i { color:#fff;  }
.menu-box-content h5:after { position:absolute; bottom:0px; left:0px; width:30px; height:2px; background:#fff; content:""; }
.menu-box-content p { color:#fff; font-size:15px; line-height:24px; } 
/*.menu-box-content a { color:#fff; font-size:14px; text-decoration:none; transition:all 600ms ease-in-out; border:1px solid #fff; border-radius:25px; padding:7px 20px }
.menu-box-content a:hover {color:#f26f21; background:#fff; border:1px solid #fff; }*/
.menu-contact-block .menu-box-content { transform:translateX(-500px);  }
.menu-contact-block h5 { transition:all 600ms ease-in-out }
body.show-menu #menu .menu-contact-block .menu-box-content { transform:translateX(0px); transition-duration:2.5s  }
body.show-menu #menu .menu-contact-block {transform:translateX(0px); transition-duration:2.5s}
.menu-contact-block h3 {  transform:translateX(-500px); }
body.show-menu #menu .menu-contact-block h3 {  transform:translateX(0px);transition-duration:2s }


/* ------------------------------------------------------------------
                		Home Banner
------------------------------------------------------------------ */



.banner-block { position:relative; overflow:hidden; }
.banner-block  { background:#fff;/**/}
.innerbanners img, .desktop-img img { width:100%; }

.carousel-control { width:50px; height:50px; transition:all 500ms ease-in-out; z-index:99;  /*overflow:hidden; background:rgba(255,255,255,0.50); */}
.carousel-control.left span { color: #fff;  font-size: 40px;  left: -42px;  position: relative;  top: -21px; transition: all 500ms ease-in-out 0s;}
.carousel-control.right span { color: #fff;  font-size: 40px;  right:-28px;  position: relative;  top: -21px; transition: all 500ms ease-in-out 0s;}

.banner-block .carousel-control.left {left:-100px; border-style: solid; border-width: 50px 0 50px 50px; border-color: transparent transparent transparent #f26f21; transition:all 500ms ease-in-out }
.banner-block .carousel-control.right {right:-100px; border-style: solid; border-width: 50px 50px 50px 0; border-color: transparent #f26f21 transparent transparent; transition:all 500ms ease-in-out}

.banner-block:hover .carousel-control.left {left:0px;}
.banner-block:hover .carousel-control.right {right:0px;}/**/

.carousel-caption-block { display:inline-block; }
.carousel-caption h2 {font-size:38px; margin:0px 0px 0px; padding:0; line-height:40px; color:#2993d1; font-family:"ralewayblack";   display:block; position:relative; }
.carousel-caption h2 span { display:block;    }
.carousel-caption h2 span.thinfont { display:inline-block;  font-family: 'ralewaylight'; font-size:33px; color:#3a4a5c;  } 
 
.carousel-caption h2.liner-one {overflow:hidden;}
.carousel-caption h2.liner-two {overflow:hidden;}
 
.carousel-inner .item .carousel-caption h2.liner-one span { transform:translateX(-500px); transition:all 700ms ease-in-out;  transition-duration:1.3s; opacity:0;  }
.carousel-inner .item.active .carousel-caption h2.liner-one span { transform:translateX(  0px); opacity:1;  }

.carousel-inner .item .carousel-caption h2.liner-two span { transform:translateX(-500px); transition:all 700ms ease-in-out;  transition-duration:2s; opacity:0;  }
.carousel-inner .item.active .carousel-caption h2.liner-two span{ transform:translateX(  0px); opacity:1;  }

.fill {width: 100%;height: 100%;	background-position: center;	-webkit-background-size: cover;	-moz-background-size: cover;background-size: cover;	-o-background-size: cover;}


/*.carousel-inner>.item {
	-moz-opacity:0.00;
	-khtml-opacity:0.00;
	opacity:0.00;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	filter:alpha(opacity=0);
	-webkit-transition:opacity;
	-moz-transition-property:opacity;
	-o-transition-property:opacity;
	transition-property:opacity;
	color:#fff;
}*/
/*.carousel-inner>.item.active {
-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	filter:alpha(opacity=100);	
}
 .carousel-inner>.item .slider-bg {position:absolute;	top:0px;left:0px;	width:100%;	height:100%;	overflow:hidden;} */
.carousel-inner>.item .slider-bg {
	width:100%;
	height:100%;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:60s;
	-moz-animation-duration:80s;
	-ms-animation-duration:80s;
	-o-animation-duration:80s;
	animation-duration:80s;
	animation-timing-function:ease-out;
	-webkit-animation-timing-function:ease-out;
	-webkit-transform-origin:100% 100%;
	transform-origin:100% 100%;
	-moz-animation-iteration-count:1;
	-moz-animation-fill-mode:forwards;
	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
}
.carousel-inner>.item .slider-bg.kenburns {
	-webkit-animation-name:kenburns;
	-moz-animation-name:kenburns;
	-o-animation-name:kenburns;
	animation-name:kenburns;
}
.carousel-inner>.item .slider-bg.kenburnsreverse {
	-webkit-animation-name:kenburnsreverse;
	-moz-animation-name:kenburnsreverse;
	-o-animation-name:kenburnsreverse;
	animation-name:kenburnsreverse;
}
@-webkit-keyframes kenburns {
	0% {
					-webkit-transform:scale(1.2);
	}
	50% {
					-webkit-transform:scale(1);
	}
	100% {
					-webkit-transform:scale(1.2);
	}
	
}
@keyframes kenburns {
	0% {
					transform:scale(1.2);
	}
	50% {
					webkit-transform:scale(1);
	}
	100% {
					webkit-transform:scale(1.2);
	}
}
@-webkit-keyframes kenburnsreverse {
	0% {
					-webkit-transform:scale(1);
	}
	50% {
					-webkit-transform:scale(1.2);
	}
	100% {
					-webkit-transform:scale(1);
	}
}
@keyframes kenburnsreverse {
	0% {
					transform:scale(1);
	}
	50% {
					transform:scale(1.2);
	}
	100% {
					transform:scale(1);
	}
	
}

/*.vertical .carousel-inner { height: 100%;}
.carousel.vertical .item {
  -webkit-transition: 0.9s ease-in-out top;
     -moz-transition: 0.9s ease-in-out top;
      -ms-transition: 0.9s ease-in-out top;
       -o-transition: 0.9s ease-in-out top;
          transition: 0.9s ease-in-out top;
opacity:0.20;
}

.carousel.vertical .active { top: 0;  opacity:1;  transition:all 0.9s ease-in-out;}
.carousel.vertical .next {top: 100%;  transition:all 0.9s ease-in-out;}
.carousel.vertical .prev {top: -100%;}
.carousel.vertical .next.left, .carousel.vertical .prev.right { top: 0;}

.carousel.vertical .active.left { top: -100%;  transition:all 0.6s ease-in-out;}
.carousel.vertical .active.right {top: 100%;}
.carousel.vertical .item {left: 0;}*/

.carousel-fade .carousel-inner .item {  -webkit-transition-property: opacity;  transition-property: opacity;}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { opacity: 0;}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {  opacity: 1;}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { left: 0;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);}



.backgroundburve { position:absolute; bottom:0px; left:0px; width:100%; height:300px; background:url(../images/banner/banner-curve-bg.png) no-repeat center top; background-size:cover; }

.three-circle-sections {position:absolute; top:10%; width:500px; z-index:999; right:20%; transition:all 600ms ease-in-out; min-height:500px; }
.three-circle-block {  padding:10px; width:500px; min-height:500px; transition:all 600ms ease-in-out; position:relative;    } 
.circle-top, .circle-left, .circle-right { width:310px; height:310px; border-radius:100%; position:absolute; display:block; }
.circle-top {background:rgba(243,161,29,0.80); top:0px;left:95px; }
.circle-left { background:rgba(242,111,33,0.80); top:188px;left:0px; }
.circle-right { background:rgba(146,146,146,0.80); top:188px;right:0px; }
.pi-logo-element {position:absolute; top:220px; left:197px; z-index:99; width:106px; transition:all 600ms ease-in-out }
.circle-inner-info { width:100%; text-align:center; padding:10px 0px;  }
.circle-inr-icon { width:125px; margin:0 auto; transition:all 600ms ease-in-out }
.circle-inr-icon img, .pi-logo-element img  { width:100%; transition:all 600ms ease-in-out }
.circle-inner-info h4 { font-size:21px; color:#fff; margin:0px; padding:10px 0px;  transition:all 600ms ease-in-out  }

.circle-left .circle-inner-info { padding:100px 100px 0 0; }
.circle-right .circle-inner-info { padding:100px 0px 0 100px; }

.three-circle-block.effectives.in-view {}

.carousel-inner .item .three-circle-block.effectives .circle-top {transition:all 600ms ease-in-out; transform: translateY(-200px); opacity:0 }
.carousel-inner .item.active .three-circle-block.effectives.in-view .circle-top {transition:all 600ms ease-in-out; transform:scale(1,1) translateY(0px); transition-duration:2s; opacity:1 }

.carousel-inner .item .three-circle-block.effectives .circle-top .circle-inner-info {transition:all 600ms ease-in-out; transform: translateY(-200px); opacity:0}
.carousel-inner .item .three-circle-block.effectives.in-view .circle-top .circle-inner-info { transform:scale(1,1) translateY(0px); transition-duration:2.4s; opacity:1}


.carousel-inner .item .three-circle-block.effectives .circle-left {transition:all 600ms ease-in-out; transform: translateX(-200px); opacity:0 }
.carousel-inner .item.active .three-circle-block.effectives.in-view .circle-left {transition:all 600ms ease-in-out; transform:scale(1,1) translateX(0px); transition-duration:2.4s; opacity:1 }
.carousel-inner .item .three-circle-block.effectives .circle-left .circle-inner-info {transition:all 600ms ease-in-out; transform: translateX(-200px); opacity:0}
.carousel-inner .item.active .three-circle-block.effectives.in-view .circle-left .circle-inner-info { transform:scale(1,1) translateX(0px); transition-duration:2.8s; opacity:1}


.carousel-inner .item .three-circle-block.effectives .circle-right {transition:all 600ms ease-in-out; transform: translateX(200px); opacity:0 }
.carousel-inner .item.active .three-circle-block.effectives.in-view .circle-right {transition:all 600ms ease-in-out; transform:scale(1,1) translateX(0px); transition-duration:1.4s; opacity:1 }
.carousel-inner .item .three-circle-block.effectives .circle-right .circle-inner-info {transition:all 600ms ease-in-out; transform: translateX(200px); opacity:0}
.carousel-inner .item.active .three-circle-block.effectives.in-view .circle-right .circle-inner-info { transform:scale(1,1) translateX(0px); transition-duration:2.8s; opacity:1}


.carousel-inner .item .three-circle-block.effectives .pi-logo-element  {transition:all 600ms ease-in-out; transform:scale(0); opacity:0 }
.carousel-inner .item.active .three-circle-block.effectives.in-view .pi-logo-element  { transform:scale(1,1); transition-duration:.4s; transition-delay:2.4s;  opacity:1  }

 /* ------------------------------------------------------------------
                		Home testimonials sections
------------------------------------------------------------------ */ 

.about-sections { background:#f5f5f5; position:relative;  }
.about-sections:after {  position:absolute; top:-100px; right:0px; width:75%; height:350px; content:""; display:block;  background:url(../images/about-bg.jpg)  repeat center center fixed; z-index:0; -webkit-animation: backgroundScroll 15s linear infinite;
    -webkit-animation-fill-mode: forwards; 
    animation: backgroundScroll 15s linear infinite;
    animation-fill-mode: forwards;   }
	
@keyframes backgroundScroll {
    from {background-position: 0 0;}
    to {background-position: -180px 0px;}
}
@-webkit-keyframes backgroundScroll {
    from {background-position: 0 0;}
    to {background-position: -180px 0px;}
}	
	
.about-left { background:#2993d1; color:#fff; min-height:350px; position:relative; z-index:99 }
.about-right { /*background:url(../images/about-bg.jpg) no-repeat center center;*/ min-height:350px; position:relative; z-index:99 }
.about-box { padding:30px 20px; }
.abt-blk { position:relative; top:-100PX; }
.about-left p,.about-sections .section-titles h2 { color:#fff;  }
.why-box { padding:30px 0px; }
.why-box h3 { font-size:25px;   font-family: 'ralewaybold'; color:#e5e5e5; }
.why-contact-box { padding:30px 0 0 }
.why-contact-box span {font-family: 'robotoregular';  display:block; padding:0px 0px 10px  }
.why-contact-box p { font-size:14px; color:#e5e5e5; }
.why-icon { width:65px; height:65px; margin:0 auto 10px; }
.why-icon1 { background:url(../images/icon1.png) no-repeat center center }
.why-icon2 { background:url(../images/icon2.png) no-repeat center center }
.why-icon3 { background:url(../images/icon3.png) no-repeat center center }


 /* ------------------------------------------------------------------
                		Home testimonials sections
------------------------------------------------------------------ */ 

.services-sections  {}
.serv-box { transition:all 700ms ease-in-out;}
.serv-img {width:100%; overflow:hidden;}
.serv-img img { width:100%; transition:all 4s ease-in-out; transform:scale(1,1) } 
.serv-cont-info { text-align:left; padding:25px; background:#f9f9f9; min-height:345px; }
.serv-cont-info h3 { font-size:25px; font-family: 'ralewaybold'; }
.serv-cont-info h3 span{font-family: 'ralewaysemibold';}
.serv-cont-info p {}
.serv-box:hover .serv-img img { transform:scale(1.2,1.2) }



 /* ------------------------------------------------------------------
                		Home testimonials sections
------------------------------------------------------------------ */ 

.testimonials-sections { background:url(../images/testimonials-bg.png) no-repeat right -170% top 10% }
.customsayscroll {margin:0 auto 0px; width:70%; }
.testimonials-box { padding:130px 0px 0px;  }
.testimonials-box p { font-size:20px; line-height:30px; }
.testimonials-sliders { position:relative; background:url(../images/quote.png) no-repeat center 50px; }
.testimonials-sliders:after { position:absolute; width:30%; height:250px; left:35%; right:35%; top:20px;  content:""; border:5px solid #e9e9e9; z-index:-1; }
.testimonials-img { width:100px; height:100px; margin:0 auto;  border-radius:100%; border:3px solid #e9e9e9;  }
.testimonials-img img { border-radius:100%;  width:100%; }
.testimonials-box h5{ font-family: 'robotobold'; font-size:16px;}


 /* ------------------------------------------------------------------
                		Home Clients sections
------------------------------------------------------------------ */ 


.clients-sections { background:#f9f9f9 }
.customscroll { margin-bottom:40px; }
.partners-img { margin-bottom:0px; }
.partners-img img { border:1px solid #e9e9e9; width:100%; transition:all 500ms ease-in-out; }



 /* ------------------------------------------------------------------
                		Home footer sections
------------------------------------------------------------------ */ 

footer { background:#333333; color:#d3d3d3; padding:30px 0px 15px; text-align:center ; font-family: 'robotolight'; }
.ftr-contact-box {
    min-height: 140px;
}
.ftr-info-bar {}
.ftr-contact-box p { font-size:14px; color:#d3d3d3; line-height:22px; }
.ftr-contact-box p  {  }
.ftr-contact-box { position:relative; }
.ftr-contact-box {} 
.ftr-icon { width:40px; height:40px; margin:0 auto 10px; }
.ftr-icon1 { background:url(../images/ftr-icon-1.png) no-repeat center center }
.ftr-icon2 { background:url(../images/ftr-icon-2.png) no-repeat center center }
.ftr-icon3 { background:url(../images/ftr-icon-3.png) no-repeat center center }
span.ftr-title  { font-family: 'ralewaybold'; font-size:16px;}
.email-block { position:relative; }
.email-block:after,.email-block:before { width:1px; height:100%; display:block; content:""; background:#454545; position:absolute; top:0px; }
.email-block:after { right:0px;}
.email-block:before {left:0px;}


.bottom-bar { padding:20px 0px 0PX; border-top:1px solid #454545; text-align:center  }
.copy p { font-size:14px; color:#d4d4d4; margin:0px; padding:0px 0px 10px; }
.copy p a {color:#d4d4d4; text-decoration:none;}
.social-link {/*text-align: right;*/}
.social-link h4 { font-size:14px; font-family: 'OpenSansBold'; color:#d4d4d4; margin:0px; padding:0px 0px 15px; }
.social-link ul {display: inline-block; margin: 0; padding: 0;}
.social-link li {float: left;    list-style: outside none none;  margin: 5px 10px 0px 0px;}
.social-link li span {color: #d4d4d4;  font-size: 14px; }
.social-link li a {border: 1px solid #fff; border-radius: 100%; display: block; height: 30px; overflow: hidden; position: relative; width: 30px;}
.social-link li a i {color: #fff; font-size: 14px; position: relative; text-align: center; width: 100%;  z-index: 99; top:1px; transition:all 600ms ease-in-out }
.social-link li a::after {background: #fff none repeat scroll 0 0; content: ""; height: 100%; position: absolute;  right: 0; top: 0; transform: scale(0); transition: all 500ms ease-in-out 0s; width: 100%; z-index: 1;}
.social-link li a:hover::after {transform: scale(3, 3);}

.ftrlinks .social-link li a {  padding:0px;}
.ftrlinks .social-link li a:after { width:0px; height:0px; }

.social-link li a.fb:hover {border-color: #3b5998;}
.social-link li a.fb:hover::after {background: #3b5998 none repeat scroll 0 0;}
.social-link li a.twt:hover {border-color: #0084b4;}
.social-link li a.twt:hover::after {background: #0084b4 none repeat scroll 0 0;}
.social-link li a.lnk:hover {border-color: #0077b5;}
.social-link li a.lnk:hover::after {background: #0077b5 none repeat scroll 0 0;}
.social-link li a.yut:hover {border-color: #bb0000;}
.social-link li a.yut:hover::after {background: #bb0000 none repeat scroll 0 0;}
.social-link li a.gpl:hover { border-color: #d34836;}
.social-link li a.gpl:hover::after {background: #d34836 none repeat scroll 0 0;}


 /* ------------------------------------------------------------------
                		inner title sections
------------------------------------------------------------------ */ 

.inner-title-sections { padding:0px 0px 80px;position:relative; }
.inner-title-sections .section-titles h2 { color:#fff; margin-bottom:0px; position:relative; z-index:99;  }
.inner-title-sections:after { background:#3a4a5c; width:93%; height:90%; display:block; content:""; z-index:0; top:-40px; right:0px; position:absolute; }


 /* ------------------------------------------------------------------
                		inner About sections
------------------------------------------------------------------ */ 

.whyblock-secitons { background:#f9f9f9; }
.whyblock-secitons .why-contact-box { width:100%; margin:20px auto 0px; background:#fff; padding:30px; }
.whyblock-secitons .why-contact-box p {   color: #3a4a5c; font-size: 15px;  line-height: 24px; }
.whyblock-secitons .why-icon1 { background:url(../images/icon11.png) no-repeat center center }
.whyblock-secitons .why-icon2 { background:url(../images/icon21.png) no-repeat center center }
.whyblock-secitons .why-icon3 { background:url(../images/icon31.png) no-repeat center center }
.whyblock-secitons .why-icon41 { background:url(../images/icon32.png) no-repeat center center }
.whyblock-secitons .why-icon51 { background:url(../images/icon33.png) no-repeat center center }
.whyblock-secitons .why-icon61 { background:url(../images/icon34.png) no-repeat center center }

.whyblock-secitons .why-icon4 { background:url(../images/icon4.png) no-repeat center center }
.whyblock-secitons .why-icon5 { background:url(../images/icon5.png) no-repeat center center }
.whyblock-secitons .why-icon6 { background:url(../images/icon6.png) no-repeat center center }
.whyblock-secitons .why-icon7 { background:url(../images/icon7.png) no-repeat center center }

.side-img {}
.side-img img { width:100%; }



 /* ------------------------------------------------------------------
                		inner About sections
------------------------------------------------------------------ */ 

 ul.contentlist { margin:0px 0px 20px; padding:0px; }
 .contentlist li { background:url(../images/arrow.png) no-repeat left 5px; padding:6px 0px 6px 35px; list-style:none; }


 /* ------------------------------------------------------------------
                		inner contact sections
------------------------------------------------------------------ */ 

.contact-sections{ background:#f9f9f9; }
.contact-sections .ftr-icon { width:60px; height:60px; margin:0 auto 10px; border-radius:100%; border:1px solid #2993d1 }
.contact-sections .ftr-icon1 { background:url(../images/ftr-icon-11.png) no-repeat center center }
.contact-sections .ftr-icon2 { background:url(../images/ftr-icon-21.png) no-repeat center center }
.contact-sections .ftr-icon3 { background:url(../images/ftr-icon-31.png) no-repeat center center }
  
.contact-sections .ftr-contact-box p  { margin-bottom:0px; color:#3a4a5c; }
.contact-sections .ftr-contact-box { background:#fff; padding:30px; min-height:250px; margin-bottom:30px; } 

.enquriy-sections {}
.form-block  {}
.form-fields { width:100%; margin-bottom:15px; }
.form-fields input, .form-fields textarea, .form-fields select { width:100%; border:1px solid #d1d1d1; padding:9px 8px; font-size:15px; background:#fff; }
.form-fields input[type="submit"] { padding:9px 25px; position:relative;  background:#f7941e; border:1px solid #f7941e; color:#fff;   text-decoration:none; font-family: 'robotobold'; font-size:14px; letter-spacing:1px; overflow:hidden; transition:all 500ms ease-in-out }
.form-fields input[type="submit"]:hover { background:#3a4a5c; color:#fff; border-color:#3a4a5c }

.form-col {margin:20px auto 0px; width:75%; }
.form-col .frm-field { margin-bottom:30px; }
.form-col .frm-field input[type="text"], .form-col .frm-field textarea { width:100%; padding:10px; border:1px solid #f0f0f0; background-color:transparent }
.form-col .frm-field textarea { height:100px;  }
.form-col .frm-field input[type="submit"] { padding:9px 25px; position:relative;  background:#f7941e; border:1px solid #f7941e; color:#fff;   text-decoration:none; font-family: 'robotobold'; font-size:14px; letter-spacing:1px; overflow:hidden; transition:all 500ms ease-in-out }


 /* ------------------------------------------------------------------
                		inner contact sections
------------------------------------------------------------------ */ 
 
.azo-enq  { background:#2993d1; }
.azo-enq .section-titles h2 { color:#fff; }
.azo-enq .form-col .frm-field input[type="text"], .azo-enq .form-col .frm-field textarea {  color:#fff; }
.azo-enq .form-col .frm-field input[type="text"]::placeholder, .azo-enq .form-col .frm-field textarea::placeholder { color:#fff !important; opacity:1 !important; font-weight:600 !important; }
.azo-enq .form-col .frm-field input[type="text"]::-webkit-input-placeholder, .azo-enq .form-col .frm-field textarea::-webkit-input-placeholder { color:#fff !important; opacity:1 !important; font-weight:600 !important; }
.azo-enq .form-col .frm-field input[type="text"]::-moz-placeholder, .azo-enq .form-col .frm-field textarea::-moz-placeholder { color:#fff !important; opacity:1 !important; font-weight:600 !important; }
.azo-enq .form-col .frm-field input[type="text"]:-ms-input-placeholder, .azo-enq .form-col .frm-field textarea:-ms-input-placeholder { color:#fff !important; opacity:1 !important; font-weight:600 !important; }


 /* ------------------------------------------------------------------
                		inner clients sections
------------------------------------------------------------------ */ 


ul.clients-speak {
    margin: 0;
    padding-top: 20px;
    text-align: left;
}
.clients-speak li {
     
    float: left;
    list-style: outside none none;
    position: relative;
    transition: all 600ms ease-in-out 0s;
    width: 20%;
	padding:5px;
}
.clients-box {
    border: 1px solid rgba(0, 0, 0, 0.10);
    overflow: hidden;
    position: relative;
    transition: all 600ms ease-in-out 0s;
}
.clients-logo-box img {
    transition: all 500ms ease-in-out 0s;
    width: 100%;
}
.clients-speak li:hover .clients-logo-box img {
    cursor: default;
    filter: grayscale(0);
    transition: all 500ms ease-in-out 0s;
}
.clients-speak li:hover .clients-box, .clients-speak li .clients-box:hover {
    border: 1px solid rgba(248, 176, 4, 0.7);
    box-shadow: 0 0 36px -5px rgba(0, 0, 0, 0.14);
    cursor: default;
}
 
 

 /* ------------------------------------------------------------------
                		inner clients sections
------------------------------------------------------------------ */ 
 
 
.digital-srv { background:#f9f9f9;  }



 /* ------------------------------------------------------------------
                		inner azo sections
------------------------------------------------------------------ */ 

.azoresimg {}
.azoresimg img {width:100%} 

.portfoliosections { background:url(../images/landing-element-1.png) no-repeat left top -30%  }
.portfolio-list { overflow:hidden; margin-bottom:30px;}
.portfolioimg {}
.portfolioimg img { width:100% }

.serv-tab ul.nav-tabs { display:inline-block; width:auto; margin:0px; padding:0px;}
.serv-tab ul.nav-tabs li { width:200px; }
.serv-tab ul.nav-tabs li span { width:100%; display:block; }
.serv-tab ul.nav-tabs li a { font-family: 'robotobold'; color:#3a4a5c; font-size:18px; }
.serv-tab .tab-content-body { padding:30px; }
.serv-tab h4 {font-family: 'robotobold'; color:#3a4a5c; }

.tech-sections { background:#f9f9f9; }
.tech-sections-img img { width:100%; border:1px solid #f1f1f1; }

.ourprocess { padding:30px 0px 0px }