/*
Theme Name: SmbCloud
*/

@charset "utf-8";
/* CSS Document */

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

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


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

@font-face {
  font-family: 'Raleway-Medium';
  src: url('fonts/Raleway-Medium.eot') format('embedded-opentype'),
       url('fonts/Raleway-Medium.ttf')  format('truetype'), 
	   url('fonts/Raleway-Medium.svg#Raleway-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway-SemiBold';
  src: url('fonts/Raleway-SemiBold.eot') format('embedded-opentype'),
       url('fonts/Raleway-SemiBold.ttf')  format('truetype'), 
	   url('fonts/Raleway-SemiBold.svg#Raleway-SemiBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

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

@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700);
@import url(https://fonts.googleapis.com/css?family=Raleway:500italic);

/*=============================
		  Global Styles
==============================*/

body										{ font-family: 'Raleway-Regular'; font-size:14px; padding:0 0; margin:0 0;background:	#f7f7f7; }
body
{
	text-rendering: optimizelegibility;
}
ul, li										{ list-style-type:none; }
a, a:hover, a:focus, a:active				{ text-decoration:none; outline:none; }
img											{ max-width:100%; }

.no-padding									{ padding-left:0; padding-right:0; }
.no-padding-left							{ padding-left:0; }
.no-padding-right							{ padding-right:0; }

::-moz-selection							{ background-color:#47a3b2; color:#ffffff; }
::-webkit-selection							{ background-color:#47a3b2; color:#ffffff; }
::-o-selection								{ background-color:#47a3b2; color:#ffffff; }
::selection									{ background-color:#47a3b2; color:#ffffff; }


/*===========================
	  Navigation Styles
============================*/

.brand-logo{
	height:	auto;	
}
.primary-nav{
	background:	#f7f7f7;
	border:	none;
}
.primary-nav>.container{
	position:	relative;
}
.primary-nav .navbar-nav>li{
	position:	relative;
	margin-left:	15px;
	margin-right:	15px;
	transition:	linear 0.2s all;
	-o-transition:	linear 0.2s all;
	-moz-transition:	linear 0.2s all;
	-webkit-transition:	linear 0.2s all;
}
.primary-nav .navbar-nav>li:after{
	position:	absolute;
	content:"";
	background: #333;
	width:	0%;
	height:	2px;
	transition:	linear 0.2s all;
	-o-transition:	linear 0.2s all;
	-moz-transition:	linear 0.2s all;
	-webkit-transition:	linear 0.2s all;
}
.primary-nav .navbar-nav>li:hover:after{
	width:	100%;
}
.primary-nav .navbar-nav>.active>a, .primary-nav .navbar-nav>.active>a:focus, .primary-nav .navbar-nav>.active>a:hover {
    color: #333;
    background-color: transparent;
}
.primary-nav .dropdown-menu > .active > a, .primary-nav .dropdown-menu > .active > a:focus, .primary-nav .dropdown-menu > .active > a:hover { background-color:transparent; border-bottom:#333333 1px solid; color:#333333; }
.primary-nav .navbar-nav>li>a{
    color:	#333333;
	font-family: 'Raleway-SemiBold';
	font-size:	13px;
	text-transform:	uppercase;
	padding-left:	0;
	padding-right:	0;
	padding-bottom:	0px;
}

.primary-nav .navbar-nav > .open > a, 
.primary-nav .navbar-nav > .open > a:focus, 
.primary-nav .navbar-nav > .open > a:hover{
	background-color:inherit;	
}

.navbar-default .nav-toggle {
    border-color: transparent;
	position: relative;
    top: 35px;
}
.navbar-default .nav-toggle:focus, .navbar-default .nav-toggle:hover {
    background-color: transparent;
}
.navbar-default .nav-toggle .icon-bar {
    background-color: #333;
}
#nav-toggle { position: absolute; right: 0; top: 48px; }

#nav-toggle { cursor: pointer; padding: 10px 35px 16px 0px; background:	#f7f7f7; z-index: 999; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 2.5px;
  width: 25px;
  background: #333;
  position: absolute;
  display: block;
  content: '';
}
#nav-toggle span:before {
  top: -8px; 
}
#nav-toggle span:after {
  bottom: -8px;
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  transition: all 500ms ease-in-out;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
}

.primary-nav ul.dropdown-menu li a 			{ font-size:11px; text-transform:uppercase; letter-spacing:1px; line-height:22px; padding:3px 10px; }
.primary-nav ul.dropdown-menu li			{ position:relative }
.primary-nav ul.dropdown-menu li:before		{ position:absolute; content:""; background:#333; width:0%; height:1px; transition:linear 0.3s all; -o-transition:linear 0.3s all;	-moz-transition:linear 0.3s all; -webkit-transition:	linear 0.3s all; bottom:0; }
.primary-nav ul.dropdown-menu li:hover:before{ width:100%; }
/*==================================
			Banner Styles
===================================*/

.carousel-control-custom-left{
	position: absolute;
    top:	auto;
	bottom: 0;
    left: 15px;
    width: auto;
    font-size: 25px;
    color: #333;
    text-align: center;
    filter: alpha(opacity=100);
    opacity: 1;
	text-shadow: none;
    background-color: transparent;
}
.carousel-control-custom-left>i{
	background:	#e2e2e2;
    padding: 12px 22px;
}
.carousel-control-custom-left:focus, .carousel-control-custom-left:hover {
    color: #333;
    text-decoration: none;
    filter: alpha(opacity=100);
    outline: 0;
    opacity: 1;
}
.carousel-control-custom-left:hover{
	color:	#333;
}

.carousel-control-custom-right{
	position: absolute;
    top:	auto;
	bottom: 0;
    left: 67px !important;
	right:	auto !important;
    width: auto;
    font-size: 25px;
    color: #333;
    text-align: center;
    filter: alpha(opacity=100);
    opacity: 1;
	text-shadow: none;
    background-color: transparent;
}
.carousel-control-custom-right>i{
	background:	#e2e2e2;
    padding: 12px 22px;
}
.carousel-control-custom-right:focus, .carousel-control-custom-right:hover {
    color: #333;
    text-decoration: none;
    filter: alpha(opacity=100);
    outline: 0;
    opacity: 1;
}
.carousel-control-custom-left:hover{
	color:	#333;
}
.carousel-indicators-banner-custom{
	position: absolute;
    bottom: auto;
    top: 35%;
    right: 0;
    left: auto;
    z-index: 15;
    width: auto;
    padding-left: 0;
    margin-left: -30%;
    text-align: right;
    list-style: none;
}
.carousel-indicators-banner-custom li{
    display: block;
    width: 25px;
    height: 2px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #b1b1b1;
    border: 1px solid #b1b1b1;
    border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	margin-top:	8px;
	margin-bottom:	8px;
}
.carousel-indicators.carousel-indicators-banner-custom .active {
    width: 35px;
    height: 2px;
    margin-top:	8px;
	margin-bottom:	8px;
    background-color: #494949;
	border: 1px solid #494949;
	margin-left: -9px;
}
.banner-container{
	position:	relative;
}
.banner-content{
	position:	absolute;
	top:	22%;
	right:	11%;
}
.banner-content h1{
	color:	#333333;
	font-family: 'Raleway-SemiBold';
	font-size:	33px;
	margin-bottom:	0;
}
.banner-content p{
	color:	#0cb4ce;
	font-family: 'Raleway-SemiBold';
	font-size:	13px;
	margin-top:	2px;
	text-align:center;
}
.slide-no{
	position:	absolute;
	bottom:	-15px;
	right:	12%;
}
.slide-no h1{
	font-family: 'Raleway-Medium';
	font-size:	77px;
	color:	#333333;
	font-weight:	600;
}
.slide-no h1 sup{
	font-family: 'Raleway-Medium';
	font-size:	12px;
	color:	#333333;
    position: relative;
    top: -34px;
}

/*=======================================
			Services Styles
========================================*/
.services-nav{
	float:	right;
	display:	inline-block;
	width:	60%;
	text-align:	right;	
	padding-left:	15px;
	position:	relative;
}
.services-content{
	width:	40%;
	padding-left:	15px;
	padding-right:	15px;
	display:	inline-block;
}
.nav-services-ul{
	text-align:	center;
	max-width:	450px;
	border-top:	none;
	border-bottom:	none;
	border-left:	none;
	border-right:	none;
	margin-top:	65px;
	margin-bottom:	20px;
	float:	right;
	padding-right:	25px;
	padding-bottom:	20px;
	margin-right:	30px;
	position:relative;
}

.nav-services-ul li a{
	position: relative;
    display: block;
    padding: 2px 15px;
	text-transform:	uppercase;
	color:	#242424;
	font-family: 'Raleway-SemiBold';
	font-size:	13px;
	transition-duration:	0.6s;
	-webkit-transition-duration:	0.6s;
	-o-transition-duration:	0.6s;
	-moz-transition-duration:	0.6s;
	border:	none;
}
.nav-services-ul li a:hover, .nav-services-ul li a:focus, .nav-services-ul li a:active{
	background:	transparent;
	border-color:	transparent;
	outline:	none;
	box-shadow:	none;
	color: #0393a9;
}
.nav-services-ul>li.active>a, .nav-services-ul>li.active>a:focus, .nav-services-ul>li.active>a:hover {
    color: #0393a9;
    cursor: default;
    background: transparent;
    border: none;
    border-bottom-color: transparent;
}

.services-container{
	padding-top:	125px;
}
.services-tab-content{
	border:	3px solid #e1e1e1;
	padding:	15px 25px;
	min-height:	370px;
}
.services-tab-content h3{
	font-family: 'Raleway-Medium';
	font-size:	14px;
	color:	#333;
	text-transform:	uppercase;
	font-weight:	600;
	margin-bottom:	25px;
}
.services-tab-content p{
	font-family: 'Raleway-Medium';
	font-size:	11px;
	color:	#000000;
	line-height:	20px;
	margin-bottom:	15px;
        text-align: justify;
}
.services-tab-content a{
	font-family: 'Raleway-Medium';
	font-size:	11px;
	color:	#0cb4ce;
	text-transform:	uppercase;
	font-weight:	600;
	margin-top: 40px;
    display: inline-block;
	position:	relative;
}
.services-images{
	width:	100%;
}

.services-control-left{
	position: absolute;
    top:	auto;
	bottom: 0;
	left:	auto;
    right: 55px;
    width: auto;
    font-size: 20px;
    color: #333;
    text-align: center;
    filter: alpha(opacity=100);
    opacity: 1;
	text-shadow: none;
    background-color: transparent;
}
.services-control-left>i{
	background:	#d4d4d4;
    padding: 12px 22px;
}
.services-control-left:focus, .services-control-left:hover {
    color: #333;
    text-decoration: none;
    filter: alpha(opacity=100);
    outline: 0;
    opacity: 1;
}
.services-control-left:hover{
	color:	#333;
}

.services-control-right{
	position: absolute;
    top:	auto;
	bottom: 0;
    left: auto !important;
	right:	0 !important;
    width: auto;
    font-size: 20px;
    color: #333;
    text-align: center;
    filter: alpha(opacity=100);
    opacity: 1;
	text-shadow: none;
    background-color: transparent;
}
.services-control-right>i{
	background:	#d4d4d4;
    padding: 12px 22px;
}
.services-control-right:focus, .services-control-right:hover {
    color: #333;
    text-decoration: none;
    filter: alpha(opacity=100);
    outline: 0;
    opacity: 1;
}
.services-control-right:hover{
	color:	#333;
}

.section-header-services{
	-ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari */
    transform: rotate(-90deg);
	position:	absolute;
	top: 0px;
	right:	-15px;
}
.section-header-services h1{
	font-family: 'Raleway-Medium';
	font-size:	17px;
	color:	#232323;
	font-weight:	600;
	text-align:	right;
	max-width:	250px;
	margin-bottom:	0;
}
.section-header-services span{
	background:	#f7f7f7;
	padding-top: 10px;
	padding-left: 20px;	
}
.services-tab-content a span{
	width:	35px;
	height:	1px;
	background:	#333;
	display:	inline-block;
	position:	absolute;
	top: 7px;
    left: -16px;
}

/*===============================
		Portfolio Styles
=================================*/
.portfolio-wrapper{
	padding-top:	100px;
	padding-bottom:	65px;
}
.portfolio-content{
	padding:	35px 0 18px 65px;
}
.portfolio-content h3{
	text-transform:	uppercase;
	color:	#1f1f1f;
	font-family: 'Raleway-Medium';
	font-size:	12px;
	font-weight:	600;
	position:relative;
}
.portfolio-content h3 span{
	width:	35px;
	height:	1px;
	background:	#636363;
	display:	inline-block;
	position:	relative;
	top:	-3px;
	margin-right:	15px;
}
.portfolio-content h1{
	color:	#333333;
	font-family: 'Raleway-Medium';
	font-size:	17px;
	font-weight:	600;
	text-transform:	uppercase;
	text-align:	center;
	line-height:	25px;
	max-width:300px;
}
.portfolio-content h1 span{
	font-family: 'Raleway-SemiBold';
	font-size:	17px;
	text-transform:	uppercase;
	text-align:	center;
	color:	#8b8b8b;
}
.btn-portfolio{
	background:	transparent;
	border:	2px solid #333;
	font-family: 'Raleway-Medium';
	font-weight:	600;
	font-size:	13px;
	text-transform:	uppercase;
	text-align:	center;
	color:	#000;
	border-radius:	0;
	-webkit-border-radius:	0;
	-moz-border-radius:	0;
	-o-border-radius:	0;
	padding:	10px 20px;
	margin-top:	25px;
	transition-duration:	0.6s;
	-webkit-transition-duration:	0.6s;
	-o-transition-duration:	0.6s;
	-moz-transition-duration:	0.6s;
    letter-spacing: 1px;
}
.btn-portfolio:hover{
	background:	#333;
	color:	#FFF;
}
.common-btn{
	background:	transparent;
	border:	2px solid #333;
	font-family: 'Raleway-Medium';
	font-weight:	400;
	font-size:	12px;
	text-transform:	uppercase;
	text-align:	center;
	color:	#000;
	border-radius:	0;
	-webkit-border-radius:	0;
	-moz-border-radius:	0;
	-o-border-radius:	0;
	padding:	6px 15px;
	margin-top:	10px;
	transition-duration:	0.6s;
	-webkit-transition-duration:	0.6s;
	-o-transition-duration:	0.6s;
	-moz-transition-duration:	0.6s;
    letter-spacing: 1px;
}
.common-btn:hover{
	background:	#333;
	color:	#FFF;
}
.slide-no-portfolio{
	position:	absolute;
	top: -60px;
    left: 35px;
}
.slide-no-portfolio h1{
	font-family: 'Raleway-Medium';
	font-size:	61px;
	color:	#333333;
	font-weight:	600;
}
.slide-no-portfolio h1 sup{
	font-family: 'Raleway-Medium';
	font-size:	12px;
	color:	#333333;
    position: relative;
    top: -34px;
}


.control-portfolio-left{
	position: absolute;
    top:	auto;
	bottom: 0;
	left:	40%;
    right: auto;
    width: auto;
    font-size: 20px;
    color: #333;
    text-align: center;
    filter: alpha(opacity=100);
    opacity: 1;
	text-shadow: none;
    background-color: transparent;
}
.control-portfolio-left>i{
	background:	#f2f2f2;
    padding: 12px 22px;
}
.control-portfolio-left:focus, .control-portfolio-left:hover {
    color: #333;
    text-decoration: none;
    filter: alpha(opacity=100);
    outline: 0;
    opacity: 1;
}
.control-portfolio-left:hover{
	color:	#333;
}

.control-portfolio-right{
	position: absolute;
    top:	auto;
	bottom: 0;
    left: 44% !important;
	right:	auto !important;
    width: auto;
    font-size: 20px;
    color: #333;
    text-align: center;
    filter: alpha(opacity=100);
    opacity: 1;
	text-shadow: none;
    background-color: transparent;
}
.control-portfolio-right>i{
	background:	#f2f2f2;
    padding: 12px 22px;
}
.control-portfolio-right:focus, .control-portfolio-right:hover {
    color: #333;
    text-decoration: none;
    filter: alpha(opacity=100);
    outline: 0;
    opacity: 1;
}
.control-portfolio-right:hover{
	color:	#333;
}
.portfolio-silder-container{
	margin-left:	75px;
	position:	relative;
}

.section-header-portfolio{
	-ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari */
    transform: rotate(-90deg);
	position:	absolute;
	top: 0px;
	left:	-90px;
}
.section-header-portfolio h1{
	font-family: 'Raleway-Medium';
	font-size:	17px;
	color:	#232323;
	font-weight:	600;
	text-align:	right;
	max-width:	250px;
	margin-bottom:	0;
	position:relative;
}
/*.section-header-portfolio h1:before{
	position: absolute;
    top: -6px;
    left: -94px;
    height: 1px;
    width: 102px;
    background: #a5a5a5;
    content: "";
}*/
.section-header-portfolio span{
	background:	#f7f7f7;
	padding-top: 10px;
	padding-left: 20px;	
}
.section-header-portfoliot a span{
	width:	35px;
	height:	1px;
	background:	#333;
	display:	inline-block;
	position:	absolute;
	top: 7px;
    left: -16px;
}

/*================================
			About Styles
=================================*/
.about-left-pane{
	background:	url("images/about-bg.png") center center / cover;
	height:	100%;
	text-align:	right;
}
.about-left-pane div{
	padding: 15px	15px;
}
.about-left-pane h1{
	font-family: 'Roboto', sans-serif;
	font-size:	31px;
	color:	#f7f7f7;
	font-weight:	100;
	text-align:	right;
}
.about-left-pane h3{
	font-family: 'Roboto', sans-serif;
	font-size:	43px;
	color:	#f7f7f7;
	font-weight:	500;
	text-align:	right;
    margin-top: 0;
	position:	relative;
	margin-bottom:	25px;
}
.about-left-pane h3:after{
	content:	"";
	position:	absolute;
	bottom:	-13px;
	right:	0;
	height:	2px;
	background:	#f7f7f7;
	width:	45px;
}
.about-left-pane h3 span{
	font-family: 'Raleway-Medium';
	font-weight:	600;
}
.about-left-pane p{
	font-family: 'Raleway-Medium';
	font-size:	12px;
	color:	#f7f7f7;
	text-align:	right;
	line-height:	21px;
	max-width:520px;
	float:	right;
}
.about-left-pane .btn{
	color:	#1d1d1d;
	font-family: 'Raleway-Medium';
	font-size:	17px;
	padding:	10px 33px;
	background: #e2e2e2;
	text-transform:	capitalize;
	border-radius:	0;
	-webkit-border-radius:	0;
	-o-border-radius:	0;
	-moz-border-radius:	0;
	transition-duration:	0.6s;
	-webkit-transition-duration:	0.6s;
	-moz-transition-duration:	0.6s;
	-o-transition-duration:	0.6s;
	border:	2px solid #e2e2e2;
}
.about-left-pane .btn:hover, .about-left-pane .btn:focus, .about-left-pane .btn:active{
	background:	transparent;
	color:	#e2e2e2;
	border:	2px solid #e2e2e2;
}
.about-left-pane ul{
	padding-left:	0 !important;
	margin-top:	35px;
}
.about-left-pane ul li{
	display:	inline-block;
	list-style-type:	none;
	margin-left:	20px;
}
.about-left-pane ul li:nth-child(1){
	position:	relative;
	top:	8px;
}

/*================================
		  Feature Styles
=================================*/
.feature{
	padding-top:	100px;
	padding-bottom:	65px;
}
.feature-left-pane h6{
	font-family: 'Raleway', sans-serif;
	font-style:	italic;
	font-weight:	600;
	color:	#000000;
	font-size:	12px;
}
.feature-left-pane h2{
	font-family: 'Raleway-Medium';
	color:	#000000;
	font-size:	25px;
	margin-bottom:	0;
}
.feature-left-pane h1{
	font-family: 'Raleway-Bold';
	color:	#373737;
	font-size:	46px;
	text-transform:	uppercase;
	margin-top:	0;
	margin-bottom:	35px;
}
.feature-left-pane h5{
	font-family: 'Raleway-Bold';
	color:	#000000;
	font-size:	14px;
	margin-top:	0;
	margin-bottom:	20px;
}
.feature-left-pane p{
	font-family: 'Raleway-Medium';
	color:	#5f5f5f;
	font-size:	11px;
	margin-bottom:	15px;
	line-height:	18px;
	text-align:	justify;
	max-width:	500px;
}
.feature-right-pane{
	position:	relative;
}
.feature-right-pane > div.feature-img-wrapper{
	float:	left;
	position:relative;
}
.feature-right-pane ul{
	padding-left:	25px;
	float: left;
}
.feature-right-pane ul li{
	list-style-type:	none;
	margin-bottom:	15px;
}
.feature-right-pane ul li > h1{
	font-family: 'Raleway-Medium';
	font-size:	13px;
	color:	#000;
	font-weight:	600;
	margin-top:	12px;
	margin-bottom:	5px;
}
.feature-right-pane ul li > h1 > a{
	color:#000000;
	position:relative;
	padding-bottom:3px;	
}
.feature-right-pane ul li > h1 > a:before		{ position:absolute; content:""; background:#47a3b2; width:0%; height:1px; transition:linear 0.3s all; -o-transition:linear 0.3s all;	-moz-transition:linear 0.3s all; -webkit-transition:linear 0.3s all; bottom:0; }
.feature-right-pane ul li > h1 > a:hover:before { width:100%; }

.feature-right-pane ul li > p{
	font-family: 'Raleway-Medium';
	font-size:	11px;
	color:	#7c7c7c;
	max-width: 300px;
    margin-top: 8px;
}
.section-header-feature{
	-ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    top: 0px;
    right: -41px;
}
.section-header-feature h1{
	font-family: 'Raleway-Medium';
    font-size: 17px;
    color: #232323;
    font-weight: 600;
    text-align: right;
    max-width: 250px;
    margin-bottom: 0;
    position: relative;
}
/*.section-header-feature h1:before {
    position: absolute;
    top: -6px;
    left: -94px;
    height: 1px;
    width: 102px;
    background: #a5a5a5;
    content: "";
}*/
.section-header-feature span{
	background: #f7f7f7;
    padding-top: 10px;
    padding-left: 20px;
}

/*============================
	   Testimonial Styles
=============================*/
.testimonial{
	background:	url("images/testimonial-bg.png");
	background-size:	cover;
	background-attachment:	fixed;
}
.testimonial > div{
	background:	rgba(0,144,204,0.7);
}
.carousel-clients-wrapper{
	padding-top:	45px;
	padding-bottom:	65px;
	position:	relative;
}
.carousel-clients img{
	width:	100%;
	padding-bottom:	25px;
}

.carousel-control-client-left{
	position: absolute;
    top:	auto;
	bottom: -48px;
    left: 43%;
    right: auto;
    width: auto;

    font-size: 20px;
    color: #333;
    text-align: center;
    filter: alpha(opacity=100);
    opacity: 1;
	text-shadow: none;
    background-color: transparent;
}
.carousel-control-client-left>i{
	background:	transparent;
    padding: 5px 13px;
	border:	1px solid #ffffff;
	color:	#71aec8;
}
.carousel-control-client-left:focus, .carousel-control-client-left:hover {
    color: #333;
    text-decoration: none;
    filter: alpha(opacity=100);
    outline: 0;
    opacity: 1;
}
.carousel-control-client-left:hover{
	color:	#333;
}

.carousel-control-client-right{
	position: absolute;
    top:	auto;
	bottom: -48px;
    left: 51% !important;
	right:	auto !important;
    width: auto;
    font-size: 20px;
    color: #333;
    text-align: center;
    filter: alpha(opacity=100);
    opacity: 1;
	text-shadow: none;
    background-color: transparent;
}
.carousel-control-client-right>i{
	background:	transparent;
    padding: 5px 13px;
	border:	1px solid #ffffff;
	color:	#71aec8;
}
.carousel-control-client-right:focus, .carousel-control-client-right:hover {
    color: #333;
    text-decoration: none;
    filter: alpha(opacity=100);
    outline: 0;
    opacity: 1;
}
.carousel-control-client-right:hover{
	color:	#333;
}
.carousel-feedback-wrapper > div{
	padding-top: 55px;
}
.carousel-feedback-wrapper h6 {
    font-family: 'Raleway', sans-serif;
    font-style: italic;
    color: #a6f3ff;
    font-size: 12px;
}
.carousel-feedback-wrapper h2 {
    font-family: 'Raleway-Regular';
    color: #ffffff;
    font-size: 25px;
    margin-bottom: 0;
}
.carousel-feedback-wrapper h1 {
    font-family: 'Raleway-Bold';
    color: #ffffff;
    font-size: 46px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 35px;
}
.feedback-text{
	background: url("images/feedback-bg.png");
    min-height: 250px;
    background-size: contain;
    background-repeat: no-repeat;
	position:	relative;
	padding: 64px 30px;
}

.feedback-text p:empty	{ display:none; }

.feedback-text:before{
	position: absolute;
    height: 30px;
    width: 30px;
    content: url("images/left-quote.png");
    left: 10px;
    top: 15px;
}
.feedback-text:after{
	position: absolute;
    height: 30px;
    width: 30px;
    content: url("images/right-quote.png");
    right: 45px;
    bottom: 45px;
}
.feedback-text p{
	font-family: 'Raleway-Regular';
    font-size: 12px;
    color: #FFF;
    text-align: justify;
}
.client-wrapper{
	padding-left: 22px;
    padding-top: 20px;
}
.client-wrapper > div:nth-child(1){
	float:	left;
	display:	inline-block;
	margin-right: 12px;
}
.client-wrapper > div:nth-child(2){
	float:	left;
	display:	inline-block;
	padding-top:	17px;
}
.client-wrapper h1{
	font-family: 'Raleway-Medium';
	font-size:	15px;
	color:	#fffefe;
	text-transform:	capitalize;
	margin-bottom: 5px;
}
.client-wrapper p{
	font-family:	'Raleway';
	font-style:	italic;
	color:	#7becfe;
	font-size:	15px;
	text-transform:	capitalize;
}
#carousel-example-generic3{
	margin-left:	65px;
}

.section-header-testimonial{
	-ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari */
    transform: rotate(-90deg);
	position:	absolute;
	top: 111px;
    left: -50px;
}
.section-header-testimonial h1{
	font-family: 'Raleway-Medium';
	font-size:	17px;
	color:	#232323;
	font-weight:	600;
	text-align:	right;
	max-width:	250px;
	margin-bottom:	0;
	position:relative;
}
/*.section-header-testimonial h1:before{
	position: absolute;
    top: -6px;
    left: -94px;
    height: 1px;
    width: 102px;
    background: #353535;
    content: "";
}*/

/*================================
		  Footer Styles
=================================*/
.footer{
	background:	url("images/footer-bg.png") center center/cover;
	padding-top:	35px;
}
.footer-first-pane p{
	font-family: 'Raleway-Medium';
	font-size:	11px;
	color:	#6c6c6c;
	font-weight:	600;
	line-height:	18px;
	padding-top:	15px;
	padding-bottom:	15px;
    margin-bottom: 0;
}

.footer-first-pane ul{
	padding-left:	0 !important;
	max-width: 183px;
}
.footer-first-pane ul li{
	list-style-type:	none;
	font-family: 'Raleway-Medium';
	font-size:	11px;
	color:	#6c6c6c;
	font-weight:	600;
    margin-bottom: 15px;
}
.footer-first-pane ul li img{
	margin-right:	15px;
	position:	relative;
	top:	0px;
	margin-bottom:	7px;
	float: left;
    display: inline-block;
}
.footer-first-pane ul li:nth-child(2) span{
	position:	relative;
	top:	3px;
}
.footer-first-pane ul li span a{
	color:	#6c6c6c;
}

.footer-third-pane ul{
	padding-left:	0 !important;
	max-width: 250px;
}
.footer-third-pane ul li{
	list-style-type:	none;
	font-family: 'Raleway-Medium';
	font-size:	11px;
	color:	#6c6c6c;
	font-weight:	600;
    margin-bottom: 15px;
}
.footer-third-pane ul li img{
	margin-right:	15px;
	position:	relative;
	top:	0px;
	margin-bottom:	7px;
	float: left;
    display: inline-block;
}
.footer-third-pane ul li:nth-child(2) span{
	position:	relative;
	top:	3px;
}
.footer-third-pane ul li span a{
	color:	#6c6c6c;
}



.footer-sec-pane h1{
	font-family: 'Raleway-Medium';
	font-size:	13px;
	color:	#FFF;
	position:	relative;
	margin-bottom:	30px;
}
.footer-sec-pane h1:before{
	position:	absolute;
	content:	"";
	height:	1px;
	width:	30px;
	background:#0eb4cd;
	bottom:	-10px;
	left:	0;
}
.footer-sec-pane h2{
	font-family: 'Raleway-Medium';
	font-size:	13px;
	color:	#FFF;
	position:	relative;
}
.footer-sec-pane h2 span{
	font-family: 'Raleway-Medium';
	color:	#0cb4ce;
}
.footer-sec-pane p{
	font-family: 'Raleway-Medium';
	font-size:	13px;
	color:	#646464;
	position:	relative;
	font-weight:	600;
}
.footer-sec-pane p span{
	color:	#0cb4ce;
}
.footer-sec-pane p i{
	color:	#0cb4ce;
	margin-right:	7px;
}

.footer-third-pane h1{
	font-family: 'Raleway-Medium';
	font-size:	13px;
	color:	#FFF;
	position:	relative;
	margin-bottom:	30px;
}
.footer-third-pane h1:before{
	position:	absolute;
	content:	"";
	height:	1px;
	width:	30px;
	background:#0eb4cd;
	bottom:	-10px;
	left:	0;
}
.latest-news-wrapper > div{
	margin-bottom:	25px;
}
.latest-news-wrapper > div > div:nth-child(1){
	float:	left;
	display:	inline-block;
	margin-right:	10px;
}
.latest-news-wrapper > div > div:nth-child(2){
	float:	left;
	display:	inline-block;
}
.latest-news-wrapper > div > div > a > p:nth-child(1){
	font-family: 'Raleway-Medium';
	font-size:	13px;
	color:	#646464;
	position:	relative;
	font-weight:	600;
    max-width: 182px;
    margin-bottom: 12px;
	margin-top: -4px;
}
.latest-news-wrapper > div > div > h5{
	font-family: 'Raleway-Medium';
	font-size:	12px;
	color:	#fffefe;
	position:	relative;
    max-width: 182px;
}

.footer-fourth-pane h1{
	font-family: 'Raleway-Medium';
	font-size:	13px;
	color:	#FFF;
	position:	relative;
	margin-bottom:	30px;
}
.footer-fourth-pane h1:before{
	position:	absolute;
	content:	"";
	height:	1px;
	width:	30px;
	background:#0eb4cd;
	bottom:	-10px;
	left:	0;
}
.footer-fourth-pane p{
	font-family: 'Raleway-Medium';
	font-size:	13px;
	color:	#646464;
	position:	relative;
	font-weight:	600;
    margin-bottom: 25px;
	margin-top: -4px;
}
.footer-fourth-pane input{
	background:	transparent;
	border-radius:	0;
	-moz-border-radius:	0;
	-o-border-radius:	0;
	-webkit-border-radius:	0;
	border-color:	#575757;
	display:	block;
}
.es_textbox input[type="text"]{
	background:	transparent;
	border-radius:	0;
	-moz-border-radius:	0;
	-o-border-radius:	0;
	-webkit-border-radius:	0;
	border-color:	#575757;
	border-width:1px;
	border-style:solid;
	display:	block;
	width:100%;
	height:34px;
	transition-duration:0.3s;
	color:#8c8c8c;
	padding:0 10px;
}
.es_textbox input[type="text"]:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
.footer-fourth-pane button{
	border-radius:	0;
	-moz-border-radius:	0;
	-o-border-radius:	0;
	-webkit-border-radius:	0;
	text-transform:	uppercase;
	font-family: 'Raleway-Medium';
	font-size:	12px;
	color:	#f3f3f3;
	background:	#0cb4ce;
	padding-top: 8px;
    padding-bottom: 8px;
	border:	2px solid #0cb4ce;
	transition-duration:	0.6s;
	-webkit-transition-duration:	0.6s;
	-moz-transition-duration:	0.6s;
	-o-transition-duration:	0.6s;
}
.footer-fourth-pane button:hover{
	background:	transparent;
	color:	#0cb4ce;
	border:	2px solid #0cb4ce;
}
.es_button input[type="button"] {
	border-radius:	0;
	-moz-border-radius:	0;
	-o-border-radius:	0;
	-webkit-border-radius:	0;
	text-transform:	uppercase;
	font-family: 'Raleway-Medium';
	font-size:	12px;
	color:	#f3f3f3;
	background:	#0cb4ce;
	padding-top: 8px;
    padding-bottom: 8px;
	border:	2px solid #0cb4ce;
	transition-duration:	0.6s;
	-webkit-transition-duration:	0.6s;
	-moz-transition-duration:	0.6s;
	-o-transition-duration:	0.6s;
	width:100%;
}

.es_button input[type="button"]:hover{
	background:	transparent;
	color:	#0cb4ce;
	border:	2px solid #0cb4ce;
}
.footer-bottom{
	background:	rgba(0,0,0,0.2);
	border-top:	1px solid #2b2b2b;
	padding-top:	15px;
	padding-bottom:	15px;
}
.footer-bottom ul li{
	display:	inline-block;
	list-style-type:	none;
	text-align:	center;
	margin:	0 10px;
}
.footer-bottom ul{
	text-align:	center;
	margin-bottom: 3px;
	padding-left:	0 !important;
}
.footer-bottom ul li a{
	color:	#747474;
	transition-duration:	0.6s;
	-webkit-transition-duration:	0.6s;
	-moz-transition-duration:	0.6s;
	-o-transition-duration:	0.6s;
}
.footer-bottom ul li a:hover, .footer-bottom ul li a:focus, .footer-bottom ul li a:active{
	color:	#0cb4ce;
	text-decoration:	none;
}
.footer-bottom p{
	font-family: 'Raleway-Medium';
	font-size:	13px;
	color:	#646464;
	position:	relative;
	font-weight:	600;
	text-align:	center;
    margin-bottom: 0;
}



/******************* Inner-pages *********************/
[class^="col-"], [class^="row"]							{ position:relative; }
.title-5												{ font-family: 'Raleway-Medium'; font-size:15px; text-transform:uppercase; }

.expertis-box											{ background:#f6f6f6; border-top:#e7e7e7 1px solid; border-bottom:#e7e7e7 1px solid; margin-top:30px; padding:25px 0; }
.expertis-box ul.nav-services-ul						{ margin-right:0; padding-right:0; }
.expertis-box ul.nav-services-ul > li					{  }
.expertis-box ul.nav-services-ul > li > a				{ line-height:24px; }

.inner-common-box										{ background:#f6f6f6; /*border-top:#e7e7e7 1px solid; border-bottom:#e7e7e7 1px solid;*/ margin-top:40px; padding:55px 0; }
.inner-info-box											{ border:1px solid #f6f6f6; -webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.2); -o-box-shadow:0 0 4px rgba(0, 0, 0, 0.2); box-shadow:0 0 4px rgba(0, 0, 0, 0.2); padding:15px 15px 15px 40px; }
.inner-info-box > p										{ color:#8b8b8b; font-family:"Raleway-Medium"; font-size:11px; line-height:20px; margin-bottom: 15px; text-align:justify; }
.inner-info-box > p > br								{ margin-bottom:10px; }	
.picture-box											{ background:#ffffff; -webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.1); -o-box-shadow:0 0 4px rgba(0, 0, 0, 0.1); box-shadow:0 0 4px rgba(0, 0, 0, 0.1); padding:10px; position:absolute; right:-40px; z-index:1; }
.picture-box:before										{ border-left: 1px solid #333333; bottom:-20px; content:""; height:40%; left:-10px; position:absolute; -webkit-animation: 6s ease 0s normal none infinite running toBottomFromTop; -moz-animation: 6s ease 0s normal none infinite running toBottomFromTop; -o-animation: 6s ease 0s normal none infinite running toBottomFromTop; animation: 6s ease 0s normal none infinite running toBottomFromTop; margin: 0 auto; }
.picture-box:after										{ border-bottom: 1px solid #333333; bottom:-10px; content:""; width:30%; left:-20px; position:absolute; -webkit-animation: 6s ease 0s normal none infinite running toLeftFromRight; -moz-animation: 6s ease 0s normal none infinite running toLeftFromRight; -o-animation: 6s ease 0s normal none infinite running toLeftFromRight; animation: 6s ease 0s normal none infinite running toLeftFromRight; }
.inner-common-box ul									{ padding:0 0; margin:0 0; }
.inner-common-box ul li									{ color:#8b8b8b; font-family:"Raleway-Medium"; font-size:11px; line-height:20px; list-style-type:none; position:relative; padding:0 0 0 15px; margin:0 0; }
.inner-common-box ul li:before							{ font-family:'FontAwesome'; font-size:12px; content:"\f101"; position:absolute; left:0;  }
@keyframes toBottomFromTop {
49% {
    transform: translateY(60%);
}
50% {
    opacity: 0;
    transform: translateY(-100%);
}
51% {
    opacity: 1;
}
}
@-webkit-keyframes toBottomFromTop {
49% {
    transform: translateY(60%);
}
50% {
    opacity: 0;
    transform: translateY(-100%);
}
51% {
    opacity: 1;
}
}
@-moz-keyframes toBottomFromTop {
49% {
    transform: translateY(60%);
}
50% {
    opacity: 0;
    transform: translateY(-100%);
}
51% {
    opacity: 1;
}
}
@-ms-keyframes toBottomFromTop {
49% {
    transform: translateY(60%);
}
50% {
    opacity: 0;
    transform: translateY(-100%);
}
51% {
    opacity: 1;
}
}
@-o-keyframes toBottomFromTop {
49% {
    transform: translateY(60%);
}
50% {
    opacity: 0;
    transform: translateY(-100%);
}
51% {
    opacity: 1;
}
}





@keyframes toLeftFromRight {
49% {
    transform: translateX(-100%);
}
50% {
    opacity: 0;
    transform: translateX(60%);
}
51% {
    opacity: 1;
}
}
@-webkit-keyframes toLeftFromRight {
49% {
    transform: translateX(-100%);
}
50% {
    opacity: 0;
    transform: translateX(60%);
}
51% {
    opacity: 1;
}
}
@-moz-keyframes toLeftFromRight {
49% {
    transform: translateX(-100%);
}
50% {
    opacity: 0;
    transform: translateX(60%);
}
51% {
    opacity: 1;
}
}
@-ms-keyframes toLeftFromRight {
49% {
	opacity: 0;
    transform: translateX(-100%);
}
50% {
    opacity: 0;
    transform: translateX(60%);
}
51% {
    opacity: 1;
}
}
@-o-keyframes toLeftFromRight {
49% {
	opacity: 0;
    transform: translateX(-100%);
}
50% {
    opacity: 0;
    transform: translateX(60%);
}
51% {
    opacity: 1;
}
}

/*contact-page*/
.contact-info-wrap							{ background-image:url("images/contact-pic-top.jpg"); background-position:left top; background-repeat:no-repeat; padding:35px 0; margin-bottom:25px; }
.contact-info p								{ color:#8b8b8b; font-family:"Raleway-Medium"; line-height:22px; padding-left:30px; position:relative; font-size:13px; }
.contact-info p a							{ color:#8b8b8b; }
.contact-info p span 						{ left:0; position:absolute; }
.map-box 									{ border:1px solid #dfdfdf; padding:8px; }
.quick-contact-form input[type="text"],
.quick-contact-form input[type="email"],
.quick-contact-form input[type="password"] 	{ background:transparent; border:1px solid #d8d8d8; color:#333333; font-size:15px; font-style:italic;font-weight:400;  height:auto; margin-bottom:0; }
.quick-contact-form textarea 				{ background:transparent; border:1px solid #d8d8d8; color:#333333; font-size:15px; font-style:italic;font-weight:400;  height:150px; margin-bottom:0; }
.quick-contact-form label 									{ font-size:13px; font-style:italic; font-weight:400; color:#8b8b8b; }
.contact-info-wrap 											{ padding:20px 0 0; }
.quick-contact-form .btn-portfolio							{ margin-top:0; }
.about-wrap													{ height:444px; }
.es_lablebox												{ display:none; }
#wpgmza_map													{ float:none !important; }

/******* Blog ******/

.blog-section section#content								{ border: 3px solid #e1e1e1; padding:15px; margin-bottom:25px; }
.blog-section section#content a								{ color:#666666; font-size:12px;  }
.blog-section section#content a:hover						{ text-decoration:underline;}
.blog-section section.entry-content img						{ float:left; margin-right:15px; margin-bottom:1px; }
.blog-section section.entry-content p						{ color: #8b8b8b; font-family: "Raleway-Medium"; font-size: 11px; line-height: 20px; margin-bottom: 15px; text-align:justify; }
.blog-section article										{ border-bottom:#ebebeb 4px solid; padding-bottom:15px; margin-bottom:15px; }
.blog-section article:last-child							{ border-bottom:none; margin-bottom:0px; padding-bottom:0; }
.blog-section article h2.entry-title						{ border-left:#333333 5px solid; padding-left:15px; color:#cccccc; font-family:"Raleway-Medium"; line-height:22px; font-size:20px; margin-top:0; }
.blog-section article h2.entry-title a						{ color:#8c8c8c; font-family:"Raleway-Medium"; line-height:22px;font-size:17px !important; }
.blog-section article h1.entry-title						{ border-left:#333333 5px solid; padding-left:15px; color:#cccccc; font-family:"Raleway-Medium"; line-height:22px; font-size:20px; margin-top:0; }
.blog-section article h1.entry-title a						{ color:#8c8c8c; font-family:"Raleway-Medium"; line-height:22px;font-size:17px !important; }
.blog-section article .entry-meta							{ padding:5px 0; }
.blog-section aside#sidebar									{  }
.blog-section aside#sidebar ul.xoxo							{ padding:2px; border:1px solid #cccccc;box-shadow:0 0 8px rgba(0, 0, 0, 0.3); margin:0 0 25px; }
.blog-section aside#sidebar ul.xoxo li						{ margin-bottom:15px; }
.blog-section aside#sidebar ul.xoxo li h3.widget-title		{ background:#333333; color:#ffffff; font-family:"Raleway-SemiBold"; font-size:13px; letter-spacing:2px; margin-bottom: 0; margin-top: 0; padding: 10px 15px; position: relative; text-transform: uppercase; }
.blog-section aside#sidebar ul.xoxo li ul 					{ padding:0 14px; margin:0 0; }
.blog-section aside#sidebar ul.xoxo li ul li				{ margin-bottom:0; padding:7px 0; border-bottom:#e6e6e6 1px solid; }
.blog-section aside#sidebar ul.xoxo li ul li:last-child		{ border-bottom:none; }
.blog-section aside#sidebar ul.xoxo li ul li a				{ font-size:11px; color:#333333; text-transform:uppercase; letter-spacing:1px; }

/*.section-header-services:before, 
.section-header-portfolio:before,
.section-header-feature:before								{ border-top:1px solid #a5a5a5; bottom:0; content:""; top:15px; right:90%; position:absolute; width:120px; -webkit-animation: 8s ease 0s normal none infinite  running top-to-bottom-border; -moz-animation: 8s ease 0s normal none infinite  running top-to-bottom-border; -o-animation: 8s ease 0s normal none infinite running top-to-bottom-border; animation: 8s ease 0s normal none infinite running top-to-bottom-border; z-index:10; }*/

.section-header-testimonial:before							{ border-top:1px solid #000000; bottom:0; content:""; top:15px; right:90%; position:absolute; width:120px; -webkit-animation: 8s ease 0s normal none infinite running top-to-bottom-border; -moz-animation: 8s ease 0s normal none infinite running top-to-bottom-border; -o-animation: 8s ease 0s normal none infinite running top-to-bottom-border; animation: 8s ease 0s normal none infinite running top-to-bottom-border; z-index:10; }
@keyframes top-to-bottom-border {
0% {
    transform: translateX(0%);
}
50% {
    opacity: 0.5;
    transform: translateX(100%);
}
100% {
    opacity: 1;
}
}
@-webkit-keyframes top-to-bottom-border {
0% {
    transform: translateX(0%);
}
50% {
    transform: translateX(100%);
}
100% {
    opacity: 1;
}
}
@-moz-keyframes top-to-bottom-border {
0% {
    transform: translateX(0%);
}
50% {
    opacity: 0.5;
    transform: translateX(100%);
}
100% {
    opacity: 1;
}
}
@-ms-keyframes top-to-bottom-border {
0% {
    transform: translateX(0%);
}
50% {
    opacity: 0.5;
    transform: translateX(100%);
}
100% {
    opacity: 1;
}
}
@-o-keyframes top-to-bottom-border {
0% {
    transform: translateX(0%);
}
50% {
    opacity: 0.5;
    transform: translateX(100%);
}
100% {
    opacity: 1;
}
}

.mobile-bg								{ position:absolute; top:0; left:0; right:0; margin:auto; z-index:1; }
.slide-pic								{ border-radius:25px; padding-top:30px; }
.short-description-box-wrap				{ background: url("images/testimonial-bg.png"); background-size:cover; background-attachment:fixed; margin-top:30px; }
.short-description-box-wrap > div 		{ background: rgba(0,144,204,0.7);}
.short-description-box					{ padding:20px; text-align:center; padding:80px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.short-description-box > h3				{ color:#ffffff; font-family: 'Raleway-Bold'; font-weight:600; font-size:35px; margin-bottom:20px; margin-top:0;text-transform:uppercase; }
.short-description-box > p				{ color:#ffffff; font-family:'Raleway-Medium'; font-size:12px; margin-bottom:10px; margin-top:0; line-height:22px; }
.short-description-box .btn-portfolio	{ margin-top:15px; border-color:#ffffff; color:#ffffff; }
.portfolio-box							{ margin:30px 0; }
.portfolio-box .-filters 				{ border-bottom:#e5e5e5 1px solid; margin-bottom:15px; }	
.portfolio-box .-filters a 				{ border:none !important; position:relative; font-size:12px; text-transform:uppercase; color:#333333; }
.portfolio-box .-filters a:before		{ position:absolute; content:""; background:#333; width:0%; left:0; bottom:-2px; height:2px; transition:linear 0.3s all; -o-transition:linear 0.3s all;	-moz-transition:linear 0.3s all; -webkit-transition:	linear 0.3s all; }
.portfolio-box .-filters a:hover:before { width:100%; }	
.portfolio-box .-filters .active		{ background:none !important; border-bottom:#333333 2px solid !important; margin-bottom:0 !important; }

.portfolio-box .-items  				{ margin-left:-2%; margin-right:-2%; }	
.portfolio-box .-items .title			{ font-size:12px !important; text-transform:uppercase; } 
.pp_social								{ display:none; }
.more-link								{ border:2px solid #6c6c6c; color:#6c6c6c; display:inline-block; font-size:10px; text-transform:uppercase; letter-spacing:1px; font-weight:400; line-height:25px; padding:0 10px; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; transition-duration:0.3s; }
.more-link:hover						{ background:rgba(255, 255, 255, 1); color:#333333; }



/*******new about page********/

.abou_us_area {
    float: left;
    margin-top: 80px;
    width: 100%;
	padding-bottom:50px;
}
.about_txt_area > h6 {
    color: #138b9e;
    font-family: latha;
    font-size: 14px;
    text-transform: uppercase;
	 margin-top: 0;
	 margin-bottom:5px;
}
.about_txt_area > h2::before {
    background: rgb(13, 137, 155) none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 0;
    content: "";
    height: 2px;
    position: absolute;
    width: 70px;
}

.about_txt_area > h2 {
    color: #000;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 0;
    padding-bottom: 8px;
    text-transform: uppercase;
	position:relative;
	   font-family: raleway-semibold;
}
.about_txt_area > p {
    color: #3d3d3d;
    font-size: 13px;
    margin: 0;
	font-family: lao ui;
	text-align:justify;
    padding-bottom: 17px;
}
.about_growth_area p {
    font-size: 13px;
    margin: 0;
    padding-top: 5px;
    text-transform: uppercase;
}
.about_growth_area {
    border-top: 1px solid #ccc;
    float: left;
    padding-top: 20px;
    width: 100%;
}

.about_growth_area > ul {
    margin: 0;
    padding: 0;
    text-align: center;
}
.about_growth_area li {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 50px;
    margin-top: 5px;
}
.about_growth_area li:last-child {
    margin-right: 0;
}
.single_growth {
    border: 2px solid #000;
    border-radius: 50%;
    display: inline-block;
    height: 130px;
    line-height: 120px;
    width: 130px;
}
.single_growth h3 {
    font-family: lao ui;
    font-weight: bold;
    margin-top: 50px;
}

.why_about_area {
    background: #333 url("images/choose_back.jpg") no-repeat fixed 0 0 / 100% 100%;
	-webkit-background: #333 url("images/choose_back.jpg") no-repeat fixed 0 0 / 100% 100%;
	-moz-background: #333 url("images/choose_back.jpg") no-repeat fixed 0 0 / 100% 100%;
	-o-background: #333 url("images/choose_back.jpg") no-repeat fixed 0 0 / 100% 100%;
	-ms-background: #333 url("images/choose_back.jpg") no-repeat fixed 0 0 / 100% 100%;
}
.why_lower
{
background:#0d899b;
color:#fff;	
}
.why_single {
    color: #fff;
    float: left;
    min-height: 190px;
    text-align: center;
    width: 100%;
	 transition: all 0.3s ease-in-out;
	 -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;
	 cursor:pointer;
}
.single_growth:hover {
    transform: scale(1.1);
    background: rgb(13,137,155);
    color: #fff;
    transition: all 0.3s ease-in-out;
	-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;
	cursor:pointer;
}

.why_single:hover > img {
    margin-top: -10px;
    margin-bottom: 10px;
    transition: all 0.3s ease-in-out;
	-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;
}
.why_single:hover > img
{
	    transition: all 0.3s ease-in-out;
		-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;
}

.why_single > h5 {
    color: #f7f7f7;
    font-family: raleway-medium;
    font-size: 12px;
    margin: 0;
    padding: 8px 0;
    text-transform: uppercase;
    font-weight: 500;
}
.why_single > p {
    color: #989898;
    font-family: raleway-medium;
    font-size: 11px;
    margin: 0;
    padding: 8px 0;
}
.why_inner > h3 {
    color: #f7f7f7;
    font-family: raleway-medium;
    font-size: 24px;
    margin: 0 0 15px;
    padding-bottom: 10px;
    padding-top: 30px;
    position: relative;
    text-align: center;
}

.why_inner > h3:before {
    content:"";
	position:absolute;
	width:70px;
	height:1px;
	background:#7d7d7d;
	left:0;
	right:0;
	margin:auto;
	bottom:0;
}

.why_inner > p {
    color: #7d7d7d;
    font-family: raleway-medium;
    font-size: 13px;
    margin:0 auto;
    padding-bottom: 50px;
    text-align: center;
    width: 60%;

}


.tem_mem_img {
    position: relative;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	width:100%;
	float:left;
	overflow:hidden;
	cursor:pointer;
}
.mem_team_mask {
    background: rgba(2, 36, 68, 0.2) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
	transform:scale(0.5);
	opacity:0;
	transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
}
.tem_mem_img:hover .mem_team_mask {
	opacity:1;
	transform:scale(1);
	transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.mem_team_mask > a {
    border: 2px solid #fff;
    bottom: 0;
    color: #fff;
    font-family: Raleway-SemiBold;
    font-size: 12px;
    height: 40px;
    left: 0;
    line-height: 40px;
    margin: auto;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    width: 130px;
	transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.mem_team_mask > a:hover {
	background:#fff;
	color:#494747;
}
.team_mem_desc {
    border: 1px solid #a2a2a2;
    float: left;
    margin-top: 10px;
    padding: 20px 20px 8px;
    text-align: center;
    width: 100%;
	min-height:210px;
}
.team_mem_desc > h5 {
    color: #373737;
    font-family: raleway-semibold;
    font-size: 16px;
    margin: 0;
    text-transform: uppercase;
}
.team_mem_desc > h6 {
    color: #373737;
    font-family: raleway-medium;
    font-size: 13px;
    margin: 0;
    padding: 5px 0;
}
.team_mem_desc > p {
    color: #696969;
    font-size: 13px;
    margin: 0;
    padding: 15px 0;
}
.tem_mem_cntcn {
    margin: 0;
    padding: 0;
}
.tem_mem_cntcn > li {
    border: 1px solid #494747;
    border-radius: 50%;
    display: inline-block;
    font-size: 13px;
    height: 30px;
    line-height: 28px;
    margin-right: 5px;
    width: 30px;
	position:relative;
}
.tem_mem_cntcn > li a
{
	color:#494747;
	width:100%;
	height:100%;
	 transition: all 0.5s ease-in-out 0s;
	 -moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	 display:block;
}
.tem_mem_cntcn > li:hover a
{
	color:#fff;
	 transition: all 0.5s ease-in-out 0s;
	 -moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.tem_mem_img img
{
	display:block;
	margin:auto;
}
.about_team {
    float: left;
    padding: 30px 0;
    text-align: center;
    width: 100%;
	cursor:grab;
}
.tem_mem_cntcn > li::before {
    background: #2aa0f3 none repeat scroll 0 0;
    border-radius: 50%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(0);
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
    transition: all 0.5s ease-in-out 0s;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
    z-index: -9;
}
.tem_mem_cntcn > li:hover::before {
    transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	 transition: all 0.5s ease-in-out 0s;
	 -moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.tem_mem_cntcn > li.f_buk::before {
	background:rgb(72,103,170);
	
}

.tem_mem_cntcn > li.tweet::before {
	background:rgb(46,174,247);
	
}

.tem_mem_cntcn > li.linky::before {
	background:rgb(1,119,181);
	
}


.tem_mem_cntcn > li.g_plz::before {
	background:rgb(220,74,56);
	
}


.why_lower h4 {
    font-family: raleway-medium;
    font-size: 22px;
    margin: 0;
    padding: 15px 0 10px;
    position: relative;
    text-transform: uppercase;
}
.why_lower h4::after {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100px;
}
.why_lower p {
    font-family: raleway-medium;
    font-size: 13px;
    margin: 0;
    padding: 10px 0 15px;
}
.why_low_btn {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #067484;
    border-radius: 40px;
    color: #393939;
    display: block;
    font-family: raleway-semibold;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    margin: 30px auto 10px;;
    text-align: center;
    text-transform: uppercase;
    width: 250px;
	position:relative;
	z-index:1;
	 transition: all 0.5s ease-in-out 0s;
	 -moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	 overflow:hidden;
}
.why_low_btn:after {
content:"";
background:rgb(13,137,155);
position:absolute;
top:-27px;

left:0px;
height:27px;
width:250px;


z-index:-1;
 transition: all 0.5s ease-in-out 0s;
 -moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}

.why_low_btn:before {
content:"";
background:rgb(13,137,155);
position:absolute;
bottom:-27px;

left:0px;
height:27px;
width:250px;


z-index:-1;
 transition: all 0.5s ease-in-out 0s;
 -moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}

.why_low_btn:hover::after {

top:0;
left:0;
 transition: all 0.5s ease-in-out 0s;
 -moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.why_low_btn:hover::before {

bottom:0;
left:0;
 transition: all 0.5s ease-in-out 0s;
 -moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.why_low_btn:hover
{
	color:#fff;
	 transition: all 0.5s ease-in-out 0s;
	 -moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	 border:2px solid #fff;
}
.about_testi
{
	background:rgb(13,137,155) url(images/testi_abt.png) no-repeat center center fixed;
	-webkit-background:rgb(13,137,155) url(images/testi_abt.png) no-repeat center center fixed;
	-moz-background:rgb(13,137,155) url(images/testi_abt.png) no-repeat center center fixed;
	background-size:100% auto;
	min-height:400px;
}

.test_abt_slider_area {
    margin: auto;
    padding: 40px 0 20px;
    text-align: center;
    width: 52%;
}
.test_abt_slider_area a {
    display: none;
	
}
.test_abt_slider_area ol {
    bottom: -50px;
    position: absolute;
}
.main_abt_test_cntnt > p {
    min-height: 70px;
}

.test_abt_slider_area .carousel-indicators li
{
	border-radius:0px;
	background:none;
	border:1px solid #505050;
}
.test_abt_slider_area .carousel-indicators li.active {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #fff;
    height: 9px;
    margin-bottom: 2px;
    width: 10px;
}

.main_abt_test_cntnt > p {
    color: #fff;
    font-family: raleway-medium;
    font-size: 11px;
    font-style: italic;
}
.single_testi_abt > h6 {
    color: #fff;
    font-family: raleway-semibold;
    font-size: 13px;
}
.single_testi_abt > p {
    color: #fff;
    font-size: 12px;
	 font-family: raleway-semibold;
}
 .main_abt_test_cntnt > p
{
	background-image:url(images/icon/left_bvar.png) , url(images/icon/right_bar.png);
	background-repeat:no-repeat , no-repeat;
	background-position:top left , bottom right;
	padding:10px 20px;
}

.test_abt_slider_area ol::before {
    content: "<";
    position: absolute;
    left: 0;
    color: #fff;
    font-family: raleway-medium;
    top: -3px;
}
.test_abt_slider_area ol::after {
    content: ">";
    position: absolute;
    right: 0;
    color: #fff;
    font-family: raleway-medium;
    top: -3px;
}
.test_abt_slider_area ol {
    width: 90px;
    margin: auto;
    left: 0;
    right: 0;
}
.about_team > p {
    color: #7e7e7e;
    font-family: georgia;
    font-style: italic;
    margin: auto;
    padding-bottom: 30px;
    width: 65%;
}

.about_team > h2 {
    font-family: Raleway-Regular;
    text-rendering: optimizelegibility;
    text-transform: uppercase;
	padding-bottom:12px;
	position:relative;
	margin-bottom:22px;
}
.about_team h2 > span {
    color: #0d899b;
    font-weight: bold;
}
.about_team > h2::after {
    background: rgb(13, 137, 155) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 50px;
}
.slick-dots li button::before
{
	font-size:36px !important;
}
.slick-prev::before , .slick-next::before
{
	display:none !important;
}

/**********web-design********/

.single_web_service_icon
{
	width:40px;
	height:40px;
	margin:auto;
}
.single_web_service_icon.ideas {
    background: rgba(0, 0, 0, 0) url("images/icon/web-design/ideas.png") no-repeat scroll left 7px center;
}

.single_web_service_icon.design
{
		background:url(images/icon/web-design/2.png) no-repeat scroll left 7px center;
}

.single_web_service_icon.develop
{
		background:url(images/icon/web-design/3.png) no-repeat scroll left 7px center;
}

.single_web_service_icon.deploy
{
		background:url(images/icon/web-design/4.png) no-repeat scroll left 7px center;
}

.web_design_abt h6 {
    color: #138b9e;
    font-family: latha;
    font-size: 14px;
    margin: 0;
    text-transform: uppercase;
}
.web_design_abt > h1 {
    color: #383838;
    font-size: 27px;
    font-weight: bold;
    margin: 0 0 10px;
    padding-bottom: 10px;
    padding-top: 10px;
	position:relative;
}
.web_design_abt > h1:before
{
	background: #138b9e;
	content:"";
	width:100px;
	height:2px;
	position:absolute;
	bottom:0;
	left:0;
}
.web_design_abt > p {
    color: #3d3d3d;
    font-family: lao ui;
    font-size: 13px;
}


.web_design_area {
    float: left;
    padding-top: 60px;
    width: 100%;
}
.web_design_abt {
    border-bottom: 1px solid #a2a2a2;
	padding-bottom:10px;
}
.web_design_abt p:last-child
{
	margin:0;
	
}
.col-right-pad
{
	padding-right:0;
}
.web_design_process {
    float: left;
    padding-top: 70px;
    text-align: center;
    width: 100%;
	transition:all 0.3s ease-in-out;
	
}
.web_design_process > h1 {
    color: #383838;
    font-family: raleway-regular;
    font-size: 24px;
    font-weight: lighter;
    margin: 0;
    padding-bottom: 12px;
	position:relative;
}

.web_design_process > h1:after {
	position:absolute;
	width:50px;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	height:1px;
	background:#383838;
	content:"";
}
.web_design_includes > h1
{
	  color: #383838;
    font-family: raleway-regular;
    font-size: 24px;
    font-weight: lighter;
    margin: 0;
    padding-bottom: 12px;
	position:relative;
}
.web_design_includes > h1:after
{
position:absolute;
	width:50px;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	height:1px;
	background:#383838;
	content:"";
}
.web_design_process > p , .web_design_includes > p{
    color: #797979;
    font-size: 11px;
    margin: 0;
    padding-bottom: 50px;
    padding-top: 20px;
}
.web_design_service_single {
    border-bottom: 1px solid #797979;
    border-right: 1px solid #797979;
    float: left;
    min-height: 170px;
    width: 100%;
	position:relative;
	padding-top:15px;
	cursor:pointer;
	transition:all 0.3s ease-in-out;
}
.web_design_service_single:after
{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	content:"";
	transform:scale(0);
	transition:all 0.3s ease-in-out;
	background:#eeeeee;
	z-index:-1;
	
}
.web_design_service_single:hover::after
{transform:scale(1);
	transition:all 0.3s ease-in-out;
}
.web_design_process .col-lg-3.col-md-3.col-sm-6:last-child .web_design_service_single 
{
	border-right:none;
}
.web_design_service_single h5 {
    color: #383838;
    font-family: Raleway-Medium;
    font-size: 12px;
    margin: 0;
    padding: 10px 0;
}
.web_design_service_single > p {
    font-family: raleway-medium;
    font-size: 11px;
    padding: 8px 30px 0;
}
.web_design_service_single:hover .single_web_service_icon.ideas
{
	background:url(images/icon/web-design/ideas.png) no-repeat center left -30px;
		transition:all 0.3s ease-in-out;
	
}

.web_design_service_single:hover .single_web_service_icon.design
{
		background:url(images/icon/web-design/2.png) no-repeat center left -32px;
			transition:all 0.3s ease-in-out;
}

.web_design_service_single:hover .single_web_service_icon.develop
{
		background:url(images/icon/web-design/3.png) no-repeat center left -32px;
			transition:all 0.3s ease-in-out;
}

.web_design_service_single:hover .single_web_service_icon.deploy
{
		background:url(images/icon/web-design/4.png) no-repeat center left -32px;
			transition:all 0.3s ease-in-out;
}
.web_design_includes {
    float: left;
    padding-top: 60px;
    width: 100%;
	text-align:center;
}
.service_web_design_table {
    text-align: left;
	overflow-x:auto;
}
.service_web_design_table tr:hover {
    background: #e7e7e7;
    cursor: pointer;
}
.service_web_design_table tr td {
padding-left:20px !important;
position:relative;
}
.service_web_design_table tr td:before {
	background:url(images/icon/web-design/arrw.png) no-repeat center center;
	height:15px;
	width:15px;
	position:absolute;
	top:10px;
	left:0;
	content:"";
}
.web_design_include_middle {
    float: left;
    text-align: center;
    width: 100%;
	padding-top:20px;
}
.web_design_include_middle > h1 {
    font-family: Century Gothic;
    font-size: 47px;
    margin: 0;
    padding: 15px 0;
}
.web_design_include_middle span {
	font-size:54px;
	font-weight:bold;
}
.web_design_include_middle > p {
    color: #6b6b6b;
    font-family: raleway-medium;
    font-size: 14px;
    margin: 0;
    padding: 20px 0;
}
.web_design_btn {
    background: #0d899b none repeat scroll 0 0;
    border: 2px solid #016a79;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 50px;
    letter-spacing: 2px;
    line-height: 47px;
    text-transform: uppercase;
    width: 250px;
	margin:15px 0;
	transition:all 0.3s ease-in-out;
}
.web_design_btn:hover
{
	color:#0d899b;
	background:#fff;
	transition:all 0.3s ease-in-out;
}
.web_design_btm
{
	width:100%;
	float:left;
	background:#0d899b;
	text-align:center;
}
	
.web_design_btm .web_design_btn {
    border: 2px solid #fff;
	margin-bottom:40px;
}
.web_design_btm  h1
{
	color:#fff;
	font-size:51px;
	 font-family: Century Gothic;
	 margin:0;
	 padding-top:35px;
	 padding-bottom:15px;
}
.web_design_btm p
{
	font-size:14px;
	color:#fff;
	margin:0;
	padding-bottom:20px;
}

/****web development****/

.web_dev_top_left {
    background: #e4e5e6 none repeat scroll 0 0;
   
    float: left;
    padding: 40px;
    text-align: center;
    width: 100%;
}
.web_dev_top_right
{
	 background: #d4d6d7 none repeat scroll 0 0;
   
    float: left;
    padding: 40px;
    text-align: center;
    width: 100%;
}
.collision_left
{
	padding-left:0;
}
.colision_right
{
	padding-right:0;
}

.web_dev_top_left > h2 , .web_dev_top_right > h2 {
    color: #6e6f70;
    font-weight: bold;
    padding-bottom: 8px;
    position: relative;
}
.web_dev_top_left > h2:before , .web_dev_top_right > h2:before 
{
	width:80px;
	height:1px;
	background:#000;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	content:"";
}
.web_dev_top_left > h1 , .web_dev_top_right > h1 {
	color:#434445;
}
.web_dev_services > h1 {
    font-size: 30px;
    padding-bottom: 15px;
    position: relative;
    text-align: center;
}

.web_dev_services > h1:before {
width:100px;
height:2px;
background:#00c2e5;
position:absolute;
left:0;
right:0;
bottom:0;
margin:auto;
content:"";
}
.web_dev_services > h1:after {
position:absolute;
left:0;
right:0;
bottom:-4px;
margin:auto;
content:"";
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 18px solid #00c2e5;
	width:15px;

}


.web_dev_service {
    margin: 30px 0;
    min-height: 400px;
    position: relative;
}
.web_dev_service::after {
    background: rgb(0, 194, 229) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 50px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index:-1;
}
.service_web_single {
    padding: 0 15px;
    text-align: center;
    width: 20%;
float:left;
}
.service_web_single .upper_area
{
	width:100%;
	float:left;
		height:175px;
}
.service_web_single .upper_area h4 {
    font-weight: bold;
    color: #00c2e5;
}

.service_web_single .upper_area > p {
    color: #616161;
    font-size: 12px;
    padding-bottom: 10px;
    padding-top: 35px;
}
.service_web_single span
{
	color:#fff;
	font-size:22px;
	font-weight:bold;
	line-height:50px;
	height:50px;
}


.service_web_single .lower_area {
    height: 175px;
    position: relative;
}
.service_web_single .lower_area::before {
    background: rgb(0, 194, 229) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 6px;
}
.service_web_single .lower_area i {
    background: rgb(0, 194, 229) none repeat scroll 0 0;
    border-radius: 50%;
    
    color: #fff;
    font-size: 40px;
    height: 70px;
    left: 0;
    line-height: 60px;
    margin: auto;
    position: absolute;
    right: 0;
	border:5px solid rgb(0, 194, 229);
    width: 70px;
	transition:all 0.3s ease-in-out;
}
.service_web_single .lower_area:hover i {
	background:#fff;
	transition:all 0.3s ease-in-out;
	color:rgb(0, 194, 229);
}
.service_web_single:nth-child(even) .lower_area i
{
	top:0;
	
}
.service_web_single:nth-child(odd) .lower_area i
{
	bottom:0;
	
}
.service_web_single:nth-child(even) .upper_area > p 
{
	padding-top:0px;
}
.service_web_single:nth-child(even) .upper_area > h4
{
	padding-top:20px;
} 
.services_dev_web_provide ul
{
	padding:0;
}
.services_dev_web_provide li {
    color: #616161;
    float: left;
    font-size: 15px;
    line-height: 40px;
    min-height: 40px;
    padding-left: 30px;
    text-transform: uppercase;
    width: 50%;
	position:relative;
	transition:all 0.3s ease-in-out;
}
.services_dev_web_provide li:hover {
	padding-left:35px;
	transition:all 0.3s ease-in-out;
	cursor:pointer;
}
.services_dev_web_provide li:before {
 content:"\f058";
 font-size:25px;
 color:rgb(0, 194, 229);
 position:absolute;
 left:0;
 top:1px;
   font-family: 'FontAwesome';
 
}

.services_dev_web_provide {
    float: left;
    padding: 50px 0;
    width: 100%;
}
.service_dev_choose ul li
{
	font-size:13px;
	min-height:35px;
	line-height:35px;
	text-transform:capitalize;
	color:#fff;
}
.service_dev_choose ul li:before
{
	color:#fff;
}
.service_dev_choose
{
	width:100%;
	float:left;
	background:url(images/testimonial-bg.png) no-repeat fixed;
	background-size:100% 100%;
	position:relative;
	margin-top:20px;
}
.dev_choose_area_layer {
    background: rgba(0,194,229,0.8) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.web_dev_services_cover
{
	width:100%;
	overflow-x:auto;
}


/****mobile app****/


.mob_serv_single i {
    background: rgb(0, 194, 229) none repeat scroll 0 0;
    border: 2px solid rgb(0, 194, 229);
    border-radius: 50%;
    color: #fff;
    font-size: 50px;
    height: 80px;
    line-height: 78px;
    margin: 10px auto auto;
    transition: all 0.3s ease-in-out 0s;
    width: 80px;
}
.mob_serv_single .col-lg-3.col-md-3.col-xs-3 {
    text-align: center;
}
.mob_serv_single h2 {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 5px;
}
.mob_serv_single p {
    color: #646464;
    font-size: 13px;
    text-align: justify;
}
.mob_serv_single {
    float: left;
    min-height: 150px;
    padding: 15px 0;
    width: 100%;
}
.mob_serv_single:hover i {
   color:rgb(0, 194, 229);
   background:#fff;
   border:2px solid rgb(0, 194, 229);
   	  transition:all 0.3s ease-in-out;
}


.mobile_app_inner h2 {
    font-size: 40px;
    font-weight: bold;
    margin-top: 130px;
	text-transform:uppercase;
}
.mobile_app_inner h4 {
	font-size:24px;
	font-weight:bold;
	color:#565656;
	text-transform:uppercase;
	margin-top:90px;
}
.mobile_app_inner ul
{
	padding:0;
	margin:0;
}
.mobile_app_inner ul li
{
	color:#646464;
	font-size:14px;
	height:30px;
	line-height:30px;
	position:relative;
	padding-left:35px;
}
.mobile_app_inner ul li:before
{
	 content:"\f058";
 font-size:25px;
 color:rgb(0, 194, 229);
 position:absolute;
 left:0;
 top:1px;
   font-family: 'FontAwesome';
}
.mobile_app_inner p {
    color: #333;
    font-size: 13px;
}
.mob_doc > p {
    color: #797979;
    margin: 30px auto;
    text-align: center;
    width: 80%;
}

.mobile_app_inner {
    float: left;
    padding: 40px 0;
    width: 100%;
}
.mob_service {
    border-bottom: 1px solid #ccc;
    float: left;
    padding: 20px 0 50px;
    width: 100%;
}
.single_gallery_thumbs {
    margin-right: -15px;
    padding: 7px 0;
}
.gallery_thumbnil_area {
    padding-top: 7px;
	padding-bottom:7px;
}
.slide-no{
display:none;
}
.section-header-testimonial:before{
display:none;
}
.test_abt_slider_area ol::before{
display:none;
}
.test_abt_slider_area ol::after{
display:none;
}
.ktogglemedia, .kclosed{
display:none !important;
}
.social-right > li > a{
    font-size: 26px;
    margin-right: 5px;
    color: #FFF;
    background: #0cb4ce;
    padding: 8px 12px;
    border-radius: 0;
    border: 2px solid #0cb4ce;
    transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
}
.social-right > li > a:hover{
color:#0cb4ce;
background:#FFF;
border: 2px solid #0cb4ce;
}


.afp-items li.afp-single-item {
    padding: 15px;
    width: 33%;
    text-align: center;
}



section.inner-banner {
    background: rgba(0, 0, 0, 0) url("http://smbcloudservices.com.au/wp-content/uploads/2016/09/office-back-1.jpg") repeat fixed 0 0 / cover ;
}

.inner-banner {
       position:relative;
   
padding:100px 0;
}
.inner-banner::before{
position:	absolute;
top:0;
left:0;
bottom:0;
right:0;
content:"";
/*background-attachment: fixed, fixed;*/
    background-image: url("images/overlay-pattern.png"), url("images/overlay.svg");
    background-position: top left, center center;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    height: 100%;
/*background: rgba(70,70,70,0.8);*/
}
.page-title{
    text-transform: uppercase;
    font-family: 'Raleway-Regular';
    font-size: 25px;
    margin: 36px auto;
color:	#FFF;
position:relative;
padding-bottom:15px;
}
.page-title:before {
    position: absolute;
    content: "";
    width: 50px;
    height: 1px;
    background: #FFF;
    bottom: 4px;
    left: 0;
    right: 0;
    margin: auto;
}
.page-title:after {
        position: absolute;
    content: "";
    width: 60px;
    height: 1px;
    background: #FFF;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.afp-item-details a {
    color: #333;
    display: block;
    font-size: 12px;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.afp-item-details a {
    color: #333;
    display: block;
    font-size: 12px;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
#afp-filter li a {
    color: #666;
    padding: 5px 12px;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
}
#afp-container > ul {
    border-bottom: 1px solid #666;
    float: left;
    padding-bottom: 5px !important;
    width: 100%;
}
#afp-filter li a:hover {
    background: #666;
    color: #fff;
    transition: all 0.3s ease-in-out;
}
#afp-filter li.afp-active-cat a {
    background: #666;
    color: #fff;
}
.afp-item-details li strong {
    float: left;
    margin-top: 5px;
    text-transform: uppercase;
    width: 100%;
}
.page-title-sub{
text-transform: uppercase;
font-family: 'Raleway-Regular';
font-size: 25px;
margin: 36px auto;
color:	#FFF;
position:relative;
}


/****************************** 05-10-2016 ************************************/

.contact-tab ul.tab_part > li  > a				{ color:#000000; font-weight:600; }
.contact-tab ul.tab_part > li.active > a		{ background:#0cb4ce; color:#ffffff; }
.single_contact_column							{ width:100%;float:left;background:url(images/contact-border.png) right center no-repeat;min-height:300px; }
.contact_inner > h3 							{ font-family:myriad pro; font-size:18px; padding:15px 15px 25px; width:100%; }
.single_contact_column h4						{ color:#404040;font-family:myriad pro;font-size:16px;padding-bottom:10px;position:relative;text-transform:uppercase;padding-top:15px; }
.single_contact_column h4 img 					{ width:30px; margin-right:8px; margin-top:-2px; }
.single_contact_column h4:after,
.single_contact_column h4:before 				{ position:absolute;height:1px;background:#404040;left:0;content:""; }
.single_contact_column h4:after					{ width:30px;bottom:0;}
.single_contact_column h4:before				{ width:20px;bottom:3px;}
.single_contact_column>h5						{ color:#e92f2f;font-family:myriad pro;font-size:16px;margin-bottom:5px;margin-top:20px; }
.single_contact_column>p						{ color:#000;font-size:13px;line-height:18px;font-family:Roboto; }
.single_contact_column br						{ margin-bottom:4px!important; }
.social > li 									{ float:left;font-size:20px;margin-right:10px; }
.social											{ padding:0;margin:0;}
.contact_inner .col-lg-3.col-sm-6:last-child .single_contact_column{background:rgba(0,0,0,0); }
.contact-form 									{ border-top:#d6d6d6 4px solid; margin-top:15px; padding-top:15px; padding-bottom:15px; }
.contact-form > h3 								{ font-family:myriad pro; font-size:18px; padding:15px 15px 40px; width:100%; }




@media only screen and (max-width:1199px){
.afp-items li.afp-single-item {
    display: block;
    float: none;
    margin: auto;
    padding: 15px;
    text-align: center;
    width: 100%;
}
}
@media(max-width:768px)
{
.service_web_single .upper_area h4 {
    font-size: 14px;
}
}

#breadcrumbs > a{
    color: #FFF;
    text-transform: capitalize;
    font-family: 'Raleway-Medium';
    letter-spacing: 2px;
    margin-right: 15px;
}
#breadcrumbs > span{
    color: #FFF;
    text-transform: capitalize;
    font-family: 'Raleway-Medium';
    letter-spacing: 2px;
    margin-left: 15px;
}
#breadcrumbs{
    color:	#FFF;
}
.about-section							{  }
.about-section > section				{ padding:20px 0; }
.about-top-part							{  }
.about-top-part	figure 					{ position:relative; }
.about-top-part	figure img				{ width:100%; outline: 5px solid rgba(255, 255, 255, 0.6); outline-offset: -18px;}
.about-top-part h5 						{ font-family: 'Raleway', sans-serif; font-size:14px; font-weight:700; margin-top:0; position:relative; text-transform:uppercase; letter-spacing:3px; padding-bottom:18px; }
.about-top-part h5:before 				{ background:#333333; width:40px; height:1px; position:absolute; left:0; top:70%; content:""; }
.about-top-part h5:after 				{ background:#333333; width:20px; height:1px; position:absolute; left:0; bottom:0; content:""; }
.title2 								{ font-family: 'Raleway', sans-serif; font-size:27px; font-weight:700; margin-top:0;  position:relative; padding-top:0px; text-transform:uppercase; margin-bottom:20px; }
.title2 > span 							{ font-weight:400; }
.about-top-part p 						{ font-family: 'Raleway', sans-serif; font-size:13px; font-weight:600; color:#575757; line-height:18px; text-align:justify; }
.about-top-part p > br 					{ display:block; content:""; margin-bottom:10px; }

.remark-box								{ background:#e9e9e9; margin-top:10px; padding:20px 15px 0 15px;  }
.remark-info-box						{ margin-bottom:9px; }
.remark-info-box .left					{ width:30%; }
.remark-info-box .right					{ width:66%; }
.number									{ font-size:33px; font-weight:500; color:#333333; text-align:center; border-right:#797979 1px solid; display:block; padding:18px 0; }
.number > img						{ display:inline-block; }
.remark-info-box .right	h4 				{ font-family: 'Raleway', sans-serif; font-size:14px; color:#333333; font-weight:700; margin-top:0;  position:relative; padding-bottom:8px; text-transform:uppercase; margin-bottom:10px; border-bottom:#c5c5c5 1px solid; }
.remark-info-box .right	h4:after 		{ position:absolute; background:#212121; width:16px; height:1px; content:""; left:0; bottom:-1px; }
.remark-info-box .right	p 				{ color:#4c4c4c; }
.pic-block								{ margin-top:30px; }
.pic-block figure 						{ position:relative; overflow:hidden; }
.pic-block figure img 					{  }
.pic-block figure figcaption			{ position:absolute; background:rgba(0, 0, 0, 0.9); left:0; right:0; bottom:0; text-align:center; padding:15px 10px;font-family: 'Raleway', sans-serif; font-size:18px; color:#ffffff; font-weight:600; text-transform:uppercase;}
.pic-block figcaption > img 			{ vertical-align:middle; margin-left:10px;  -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; transition-duration:0.3s; }
.pic-block figure:hover figcaption > img 			{ margin-left:25px; }
.view-btn-box							{ margin-top:25px; }
.view-btn-box > a 						{ display:inline-block; position:relative; }
.www-pic 								{ position: absolute; top:14px; right:15px; opacity:0.5; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s;
-o-transition-duration:0.3s; transition-duration:0.3s; }
.view-btn-box > a:hover .www-pic 		{ opacity:1; right:25px; }

ul#menu-main > li:hover > a	{ background:#5dcbfe; color:#ffffff; }
.logo				{ padding-top:10px !important; padding-bottom:10px !important;  }
.nav-item a			{ padding:26px 20px!important; }
.nav-submenu-item a		{ font-size:11px; letter-spacing:2px; padding:10px 8px !important; }

#uk-address1 {
    margin-top: 30px;
    /* display: none; */
    margin-top: 40px;
    padding: 2%;
    border: 1px solid #03acdc;
}
.header{ display:none; }
#sidebar{ display:none; }

#afp-container    							{  }
ul#afp-filter     							{ padding:0 0; margin:0 0 10px 0 !important; border-bottom:#dadada 1px solid; }
ul#afp-filter > li    						{ margin:0 3px !important; padding:0 0 !important; background:#e0e0e0; color:#333333; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
ul#afp-filter > li > a 						{ position:relative; display:inline-block; padding:4px 15px; color:#333333; font-weight:600; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; transition-duration:0.3s; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; font-size: 13px; }
ul#afp-filter > li > a:hover 				{ background:#148b9e; color:#ffffff; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; font-size: 13px; }
ul#afp-filter > li.afp-active-cat > a  		{ background:#148b9e; color:#ffffff; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; font-size: 13px; }

li.afp-single-item 							{ margin-bottom:25px !important; }
ul.afp-item-details > li 					{ margin-top:5px !important; margin-bottom:5px !important; color:#ffffff; }
ul.afp-item-details > li > a 				{ border:2px solid #ffffff; display:inline-block;padding:5px 12px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px;  border-radius:20px; font-size:11px; font-weight:600; text-transform:uppercase;    letter-spacing:1px; text-align:center; color:#ffffff; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; transition-duration:0.4s; cursor:pointer; margin-top:8px; }
ul.afp-item-details > li > a:hover 			{ background:#000000;  border:2px solid #ffffff; color:#ffffff; }
ul.afp-items {
    float: left;
    padding-bottom: 5px !important;
    width: 100%;
}
ul.afp-items li.afp-single-item {
    padding: 15px;
    width: 33%;
    text-align: center;
	position:relative;
}

@media only screen and (max-width: 1199px){
.afp-items li.afp-single-item {
    display: block;
    float: none;
    margin: auto;
    padding: 15px;
    text-align: center;
    width: 100%;
}
}

ul.afp-items li.afp-single-item:hover .adipoli-before  { background:rgba(20, 139, 158, 0.9)!important; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); opacity:1!important; }
.adipoli-before 						{ -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; transition-duration:0.3s; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.adipoli-after 						{ display:none !important; }
ul.afp-item-details 					{ width:35%;margin:auto !important;position:absolute; top:40%; left:0; right:0; z-index:10; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; transition-duration:0.3s; visibility:hidden; opacity:0; -webkit-transition-delay:0.4s; -moz-transition-delay:0.4s; -o-transition-delay:0.4s; transition-delay:0.4s; }
ul.afp-items li.afp-single-item:hover ul.afp-item-details { visibility:visible; opacity:1; }
.adipoli-wrapper 						{ overflow:hidden; }
.adipoli-wrapper > img					{ -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; transition-duration:0.3s; }
ul.afp-items li.afp-single-item:hover .adipoli-wrapper > img { -webkit-transform:rotate(35deg) scale(1.5); -moz-transform:rotate(35deg) scale(1.5); -o-transform:rotate(35deg) scale(1.5); transform:rotate(35deg) scale(1.5); }

@media only screen and (min-width:320px) and (max-width:767px)
{
ul.afp-items li.afp-single-item { width:100% !important; }
}

@media only screen and (min-width:768px) and (max-width:991px)
{
ul.afp-items li.afp-single-item { width:48% !important; float:left; }
}

a.visit-link   { display:inline-block; background:#e0e0e0; padding:10px 20px; font-size:13px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;    border-radius:5px; margin-top:30px; color:#333333; font-weight:500; border:#cccccc 1px solid; position:relative; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; transition-duration:0.3s; }
a.visit-link:hover {background:#148b9e; color:#ffffff; }
.add-wrap > ul > li:first-child{display:none !important;}
.single_contact_column table {font-size: 12px;font-weight: 400;font-family: Roboto !important;}
.dwnld_portfolio{width:177px;height:30px;display:inline-block;text-align:center;background:#0cb4ce;color:#fff;letter-spacing:1px;font-weight:700;text-transform:uppercase;font-size:13px;font-family:myriad pro;line-height:30px;margin-right:8px;border-radius:30px}
.dp{text-align: right !important; margin-top: 21px;margin-bottom: -37px;position: relative;z-index: 999;margin-right: -8px;}
.dwnld_portfolio:focus,.dwnld_portfolio:hover{color:#fff}

.mobile_app_inner ul{ height: 43px;}
.mobile_app_inner ul li{ padding-left: 24px; line-height: 43px;}
.table_service{ margin:1% 0 0 0;}