:root{
	--p_color:#012C3C;
	--s_color:#2297D9;
	--t_color:#282B2A;
}
@font-face {
 font-family: 'Raleway-Regular';
 src: url('../fonts/Raleway-Regular.eot');
 src: url('../fonts/Raleway-Regular.woff2') format('woff2'), url('../fonts/Raleway-Regular.woff') format('woff'), url('../fonts/Raleway-Regular.ttf') format('truetype'), url('../fonts/Raleway-Regular.svg#Raleway-Regular') format('svg'), url('../fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'OpenSans';
 src: url('../fonts/OpenSans.eot');
 src: url('../fonts/OpenSans.woff2') format('woff2'), url('../fonts/OpenSans.woff') format('woff'), url('../fonts/OpenSans.ttf') format('truetype'), url('../fonts/OpenSans.svg#OpenSans') format('svg'), url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Raleway-Bold';
 src: url('../fonts/Raleway-Bold.eot');
 src: url('../fonts/Raleway-Bold.woff2') format('woff2'), url('../fonts/Raleway-Bold.woff') format('woff'), url('../fonts/Raleway-Bold.ttf') format('truetype'), url('../fonts/Raleway-Bold.svg#Raleway-Bold') format('svg'), url('../fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype');
 font-weight: normal;
 font-style: normal;
}
html{
	width: 100%;
	height: 100%;
}
body {
	font-family: 'Raleway-Regular', sans-serif;
	color:#333;
	font-size:14px;
	letter-spacing:0.5px;
	background-color:#fff;
	overflow-x:hidden;
	width:100%;
}
.p-0{
	padding:0px !important;
	}
.p-l-0{
	padding-left:0px !important;
	}
.p-r-0{
	padding-right:0px !important;
	}
a {
	color: var(--p_color);
 -webkit-transition: all .35s;
 -moz-transition: all .35s;
 transition: all .35s;
}
a:hover, a:focus {
	color: var(--p_color);
	outline:none;
	text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway-Bold';
}

/*scroll to top*/
.paint-3 .scroll-top-wrapper {
	position: fixed;
	display:none;
	text-align: center;
	z-index: 999;
	background-color: rgba(0, 0, 0, 0.23);
	width: 50px;
	height: 50px;
	line-height: 50px;
	right: 30px;
	bottom: 30px;
	color:#fff;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.paint-3 .scroll-top-wrapper:hover {
	background-color: var(--p_color);
	cursor:pointer;
	color:#fff;
}
.m-t-10{
	margin-top:10px;
}
.m-t-30{
	margin-top:30px !important;
	}
.space-10 {
	height:10px;
}
.space-20 {
	height:20px;
}
.space-30 {
	height:30px;
}
.space-40 {
	height:40px;
}
.space-50 {
	height:50px;
}
.no-pad {
	padding:0px !important;
}
.no-pad-left{
	padding-left:0px !important;
}
.no-pad-right{
	padding-right:0px !important;
}
.i-5 {
	padding-right:5px;
}
.bg-yellow{
	background-color:var(--p_color);
}

.bg-white{
	background-color:#fff !important; 
}
.white{
	color:#fff !important;
}
.s_color{
	color:var(--s_color);
}
.p_color{
	color:var(--p_color);
}
.paint-3 .btn{
	-webkit-transition: all 0.5s ;
	-moz-transition: all 0.5s ;
	-ms-transition: all 0.5s ;
	-o-transition: all 0.5s ;
	transition: all 0.5s ;
	padding:12px 30px;
	border-radius:0px;
	background-color:transparent;
	border:2px solid;
}

.paint-3 .btn-default{
	color:var(--s_color);
}
.paint-3 .btn-default:hover,
.paint-3 .btn-default:active,
.paint-3 .btn-default:focus,
.paint-3 .btn-default.active,
.paint-3 .btn-default.active:hover{
	color:#fff!important;
	background-color:var(--s_color) !important;
	border-color:var(--s_color) !important;
}
.paint-3 .btn.active:focus{
	outline:none;
}
.paint-3 .btn-danger{
	color:var(--p_color);
}
.paint-3 .btn-danger:hover,
.paint-3 .btn-danger:active,
.paint-3 .btn-danger:focus,
.paint-3 .btn-danger.active,
.paint-3 .btn-danger.active:hover{
	background-color:var(--p_color) !important;
	border-color:var(--p_color);
		
}
/**navigation-part***/
.paint-3 #header-top ul{
	margin-bottom:0px;
}
.paint-3 #header-top{
	padding:20px;
	color:var(--p_color);
	border-bottom:1px solid #d0d0d0;
}
.paint-3 #header-top i{
	color:var(--s_color);
}
.paint-3 #header-top a{
	color:var(--p_color);
}
.paint-3 .affix{
	z-index:997 !important; 
	width:100%;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.14);
	top:0px;
}
.paint-3 .navbar-brand{
	height:auto;
	padding:10px 0px;
}
 paint-3 .navbar-brand img {
height: 60px;
-webkit-transition: all 0.5s ease-out;
-oz-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
display: inline-block;
vertical-align: middle;
}

.paint-3 .affix .navbar-brand img{
	height:40px;
}
.paint-3 .navbar-default{
	background-color:#fff;
	transition:all 0.5s ease-out;
	-webkit-transition:all 0.5s ease-out;
	-oz-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	margin-bottom:0px;
	border-radius: 0px;
    border: 0px;
}
.paint-3 .navbar-default .navbar-nav>li>a{
	padding: 20px;
	position:relative;
	z-index:10;
	font-family: 'Raleway-Bold';
	color:#555;
	border-top:2px solid transparent;
}
.paint-3 .navbar-default .navbar-nav>li>a:hover,
.paint-3 .navbar-default .navbar-nav>.active>a, 
.paint-3 .navbar-default .navbar-nav>.active>a:focus, 
.paint-3 .navbar-default .navbar-nav>.active>a:hover{
	background-color:transparent;
	color:var(--s_color);
	border-color:var(--p_color)
}

header.paint-3 .navbar-brand img{
    display:inline-block;
    vertical-align:middle;
    margin-right:10px;
    height:60px
}

section{
	position:relative;
}
.paint-3 .title-sec{
	margin: 30px auto;
	width: 60%;
	text-align: center;
}
.paint-3 .title-sec h2{
	font-size:26px;
	text-transform:uppercase;
	position:relative;
	margin: 0px;
	padding: 10px 0px 30px;
	text-align:center;	
	display: inline-block;
}
.paint-3 .title-sec h2::before,.title-sec h2::after{
	content:"";
	position:absolute;
	height:40px;
	top:5px;
	width:10px;
	border:3px solid var(--s_color);
	
}
.paint-3 .title-sec h2::before{
	left:-20px;
	border-right:0px;
}
.paint-3 .title-sec h2::after{
	right:-20px;
	border-left:0px;
}
.paint-3 .title-sec p{
	padding-top:10px;
}
p{
	line-height:24px;
}

/**slider**/
#slider{
    background-color: #fff;
}
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  height:500px;
	overflow:hidden;	
  
}
.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);
}
.carousel-fade .carousel-control {
  z-index: 200;
}
.paint-3 .carousel-control.right,
.paint-3 .carousel-control.left{
	background-image:none;
}
.paint-3 .carousel-control{
	top:40%;
	height:40px;
	width:40px;
	font-size:60px;
	line-height:40px;
	text-align:center;
	color:var(--s_color);
	text-shadow:none;
}
.paint-3 .carousel-control.left{
	left:20px;
}
.paint-3 .carousel-control.right{
	right:20px;
}
.paint-3 .carousel-control:focus,
.paint-3 .carousel-control:hover{
	color:var(--s_color);
}
.paint-3 .carousel-inner img{
	height:100%;
	position:relative;
}
.paint-3 .carousel-inner .slider-img::after{
	position:absolute;
	content:"";
	height:100%;
	width:100%;
	top:0px;
	left:0px;
	background-color:rgba(0,0,0,0.5);
}
.paint-3 .carousel-caption{
	top:20%;
	left:20%;
	right:auto;
	width:60%;
	transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
}
.paint-3 #slider .carousel-caption{
	bottom:10%;
	top:28%;
	padding:30px;
	opacity:1;
}
.paint-3 #slider .carousel-caption a{
	margin-top:20px;
}
.paint-3 #slider .item.next .carousel-caption,
.paint-3 #slider .item.prev .carousel-caption {
	opacity:0;
}
.paint-3 .carousel-indicators{
	    left:unset !important;
		width:100%;
		bottom:40px;
		margin-left:unset;
}
.paint-3 .carousel-indicators li{
	height:8px;
	width:8px;
	background-color:#fff !important;
	border:0px;
	margin:0px 1px;
}
.paint-3 .carousel-indicators .active{
	height:8px;
	width:8px;
	background-color:var(--s_color) !important;
}

.paint-3 .carousel-caption h1{
	line-height:50px;
	font-size:35px;
}


/**About**/
.paint-3 #about{
	background-color:#f0f0f0;
}
.paint-3 .abt-img img{
	width:80%;
	margin:0px auto;
}
.paint-3 .icon-circle{
	border-radius: 50%;
    font-size: 100px;
    color: var(--p_color);
    position: relative;
    text-align: center;
    line-height: 190px;
}
.paint-3 .a_details h4{
	padding-bottom:15px;
}
.paint-3 .a_details{
	background-color:#fff;
	padding:15px;
	text-align:center;
}
.paint-3 .a_details::after{
	position:absolute;
	content:"";
	border-style: solid;
    border-width: 15px 15px 15px 0px;
    border-color:  transparent #fff transparent #fff;
	top: 45%;
    left: -15px;
}
.paint-3 .a_details.right::after{
	right: -15px;
	left:unset;
	border-width: 15px 0px 15px 15px;
    border-color:  transparent #fff transparent #fff;
}
.paint-3 .a_details h4::after{
	display: block;
    content: "";
    background: var(--s_color);
    width: 40px;
    height: 2px;
	margin: 20px auto 0px;
}
/**count**/
.paint-3 #count{
	padding:50px 0px;
	background-color:var(--s_color);
	text-align:center;	
}
.paint-3 #count h3{
	margin-bottom:50px;
}
.paint-3 .points{
	width:80%;
	margin:20px auto 0px;
}
.paint-3 .count-block{
	color:#fff;
	width:100%;
	border-left:1px solid #fff;
	
}
.paint-3 .count_last{
	border-right:1px solid #fff;
}
.paint-3 .count{
	font-size: 40px !important;
    position: relative;
    margin-bottom: 10px !important;
}
.paint-3 .count-name{
	font-size:15px;
	text-transform:uppercase;
	margin-bottom:20px;
}

/*service*/
.paint-3 .nav-tabs{
	border-bottom:0px;
	padding-bottom:30px;
}
.paint-3 .nav-tabs>li{
	float:none;
	    display: inline-block;
}
.paint-3 .nav-tabs>li>a{
	border:0px;
	color:var(--p_color);
}
.paint-3 .nav-tabs>li>a i{
	font-size:50px;
}
.paint-3 .nav>li>a:focus, .nav>li>a:hover{
	background-color:transparent;
	border-color:transparent;
	color:var(--s_color);
}
.paint-3 .nav-tabs>li.active>a, 
.paint-3 .nav-tabs>li.active>a:focus, 
.paint-3 .nav-tabs>li.active>a:hover{
	border:0px;
	color:var(--s_color);
}
.paint-3 .service-tab .tab-pane{
	height:440px;
	overflow:hidden;
}
.paint-3 .service-tab .tab-pane  img{
	width:100%;
	min-height:100%;
}
.paint-3 .tab-details{
	background-color:var(--s_color);
	height:100%;
	padding:70px 110px;
	font-size:18px;
}
.paint-3 .tab-details p{
	line-height:30px;
	margin-bottom:30px;
}
.paint-3 #abt_ul{
	margin:20px 0px;
}
.paint-3 .service{
	background-color:#fff;
	margin-bottom:10px;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	margin-bottom:30px;
	padding: 20px 0px;
}
.paint-3 .service .icon-circle{
	width: 90px;
	height: 90px;
	font-size: 40px;
	line-height: 90px;
	margin: 20px auto 10px;
}
.service  h3{
	font-size:18px;
	color: #333;
	text-transform:uppercase;
	padding-bottom:20px;
	position:relative;
	margin-bottom:20px;
}
.paint-3 .service h3::before{
	content:"";
	position:absolute;
	height:2px;
	width:50px;
	background-color:var(--s_color);
	bottom:0px;
	left:0px;
}
.paint-3 #services-main .service {
	text-align:left;
	box-shadow:none;
	padding-top:0px;
}

.paint-3 #services-main .service-condent{
	padding-top:15px;
}
.paint-3 #services-main .service-condent a i{
	padding-left:5px;
}
.paint-3 .service-img{
	position:relative;
}
.paint-3 .service-overlay{
	position:absolute;
	background-color:rgba(0,0,0,0.7);
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	text-align:center;
	padding-top:10%;
	color:#fff;
}
.paint-3 .service-overlay i{
	font-size:50px;
}
.paint-3 .slider-sec .bx-wrapper{
	margin-bottom:10px;
	height:450px;
	overflow:hidden;
	position:relative;
}
.paint-3 .bx-wrapper img{
	width:100%;
}
.paint-3 #bx-pager img{
	width:170px;
	height:100px;
}

/**request_quote**/
.paint-3 #request_quote{
	background-size:cover;
	background-image:url(../images/request_bg.jpg);
	background-attachment:fixed;	
	padding-bottom:50px;
}
.paint-3 #request_quote h1{
	font-size:45px;
}
.paint-3 #request_quote h3{
	margin:25px 0px;
	font-size:30px;
}
.paint-3 #request_quote ul li{
	width:50%;
	float:left;
	margin-top:20px;
	font-family: 'Raleway-Bold';
}

.paint-3 .request_block .title-sec{
	margin-top:0px;
	margin-bottom:35px;
}

/***why_choose***/
.paint-3 #why_choose{
	background-color:var(--p_color);
	color:#fff;
	padding:10px 0px 30px;
}
.paint-3 #why_choose h1{
	margin-top:0px;
}
.paint-3 #why_choose h3{
	color:var(--s_color);
}
.paint-3 #why_choose ul li{
	width:50%;
	float:left;
	padding-bottom:20px;
}
.paint-3 #why_choose ul{
	margin-top:30px;
}
.paint-3 #why_choose ul li i{
	color:var(--p_color);
	font-size:16px;
	background-color:#fff;
	border:2px solid var(--p_color);
	height:60px;
	width:60px;
	font-size:30px;
	text-align:center;
	line-height:60px;
	margin-right:20px;	
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
}
.paint-3 #why_choose ul li span.img-block{
 	display: inline-block;
background-color: #fff;
border: 2px solid var(--p_color);
height: 55px;
width: 55px;
font-size: 30px;
text-align: center;
line-height: 50px;
margin-right: 20px;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	 
}
.paint-3 #why_choose ul li:hover i,.paint-3 #why_choose ul li:hover span.img-block{
	background-color:var(--s_color);
	color:var(--p_color);
}
/**Project**/
.paint-3 .pr-solo{
	position:relative;
	width:100%;
	overflow:hidden;
	height:250px;
}
.paint-3 .pr-solo img{
	width:100%;
	min-height:100%;
}
.paint-3 .hover-condent:hover .img-overlay{
	opacity:1;
}
.paint-3 .hover-condent img{
	transition:all 0.8s;
	-webkit-transition:all 0.8s;
}
.paint-3 .img-overlay{
	position:absolute;
	height:100%;
	width:100%;
	background-color:rgba(59, 62, 63, 0.8);
	opacity:0;
	top: 0px;
	text-align:center;
	z-index:10;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	padding:15px;
}
.paint-3 .img-overlay span{
	position:relative;
	width:50px;
	height:50px;
	line-height:50px;
	display:inline-block;
	text-align:center;
	color:#fff;
	border-radius: 50%;
	background-color: rgba(197, 197, 197, 0.5);
}
.paint-3 .img-overlay span:hover{
	background-color:#fff;
	color:#333;
}
.paint-3  .img-overlay h4{
	margin: 0px 0px 20px;
	color: #fff;
    padding-top: 70px;
}
.paint-3 .pr-solo a{
	display:inline-block;
	margin-top:10px;
}
.paint-3 .vm-block{
	text-align:center;
	margin:30px auto;
}
.paint-3 #services .vm-block{
	margin-bottom:0px;
}
/**why-choose**/
.paint-3 .why-solo{
	margin-top:30px;
}
.paint-3 .why-solo .icon-circle{
	height:70px;
	width:70px;
	line-height:70px;
	font-size:30px;
	margin-bottom: 0px;
}
.paint-3 .why-solo h3{
	margin-top:0px;
	font-size: 22px;
}
.paint-3 #accordion{
	padding-left:50px;
}
.paint-3 #accordion .panel-default{
	border-top-color:transparent;
	border-bottom-color:transparent;
	border-right-color:transparent;
	padding-left: 20px;
	box-shadow: none;
	margin-top: 0px;
    padding-bottom: 25px;
	position: relative;
	border-left-style: dashed;
}
.paint-3 #accordion .panel-default:last-of-type{
	padding-bottom:0px;
	margin-bottom: 50px;
}
.paint-3 #accordion .panel-default>.panel-heading{
	background-color:#fff;
	border:0px;
}
.paint-3 .panel-default>.panel-heading+.panel-collapse>.panel-body
{
	border-top:0px;
}
.paint-3 .why_icon{
	position: absolute;
    width: 50px;
    height: 50px;
    text-align: center;
    left: -25px;
	top:-5px;
    line-height: 50px;
    border-radius: 50%;
    background-color: var(--p_color);
	border:1px solid var(--p_color);
    color: #fff;
}
.paint-3 .panel-title a{
	color:var(--p_color);
}
.paint-3 .panel-title a.collapsed{
	color:#333;
}
.paint-3 .collapsed .why_icon{
	background-color: #fff !important;
	border:1px solid var(--s_color) !important;
    color: var(--s_color) !important;
}
/***footer***/
.paint-3 .footer-content{
	background-color:var(--p_color);
	color: #fff;
	padding: 10px;
	text-align:center;
}
.s_color{
	color:var(--s_color) !important;
	}
.paint-3 .footer-content a,
.paint-3 .footer-content a:hover{
	color:#fff;
}
.paint-3 .footer-content h6{
	font-size: 12px;
    margin:20px 0px 0px;
    font-weight: 400;
}

.paint-3  #footer-logo{
	margin-bottom:20px;
}
.paint-3  .quick-links li{
	margin-bottom:15px;
}
.paint-3  #office li{
	margin-bottom:15px;
}
.paint-3  #office li span{
	font-family: 'Raleway-Bold';
	padding-right:5px;
}
.paint-3  #office li i{
	color:var(--p_color);
	padding-right:10px;
}
.paint-3  #social_follow a{
	text-align:center;
	display:inline-block;
	padding:10px;
    color: #fff;
	width:40px;
	border-radius:50%;
}

.fb a:hover{
	background:#3B5998 !important;
}
.tw a:hover{
	background:#1DA0F2 !important;
}
.gp a:hover{
	background:#DD4B39 !important;
}
.ln a:hover{
	background:#007BB6 !important;
}
.mail a:hover{
	background:#DD5347 !important;
}
.paint-3 .footer-bottom{
	padding:25px;
	background-color:#151519;
	margin-top:20px;
}
.paint-3 .quick-links i{
	color:var(--p_color);
	padding-right:10px;
}
.paint-3 #news_letter_form .form-control{
	background-color:transparent;
	border-color:var(--p_color);;
	height:30px;
}
/**fanct-box**/
.fancybox-overlay{
	background-image:none !important;
	background-color:#212121;
}
.fancybox-close{
	background-image:none;
	right: -60px;
}
.fancybox-prev span, .fancybox-next span{
	background-image:none;
}
.fancybox-close::after{
	content:"\f00d";
	font-family:"FontAwesome";
	font-size:18px;
	height:35px;
	width:35px;	
	color:#fff;
	text-align:center;
	line-height:35px;
	border:1px solid #fff;
	display:inline-block;
}
.fancybox-skin{
	padding:0px !important;
}
.fancybox-nav{
	height:35px;
	width:35px;	
	top:50%;
}
.fancybox-nav span{
	height:35px;
	width:35px;
}
.fancybox-prev {
    left: -60px;
}
.fancybox-next {
    right: -60px;
}
.fancybox-next::after{
	content:"\f105";
	font-family:"FontAwesome";
	font-size:18px;
	height:35px;
	width:35px;	
	color:#fff;
	text-align:center;
	line-height:35px;
	border:1px solid #fff;
	display:inline-block;
}
.fancybox-prev::after{
	content:"\f104";
	font-family:"FontAwesome";
	font-size:18px;
	height:35px;
	width:35px;	
	color:#fff;
	text-align:center;
	line-height:35px;
	border:1px solid #fff;
	display:inline-block;
}
#fancybox-thumbs ul {
    left: auto !important;
    margin: 0px auto;
}

/**Breadcrumb***/
.paint-3  #breadcrumb{	
	background-color:var(--p_color);
	padding:40px;
}
.paint-3  #breadcrumb h2{
	margin:0px;
	color:#fff;
	text-transform:uppercase;
	font-size: 28px;
}
.paint-3 .breadcrumb{
	background-color:transparent;
	text-align:right;
	margin-bottom:0px;
	padding:5px 0px; 
	color:#fff;
}
.paint-3 .breadcrumb a{
	color:#fff;
}

/**memeber**/
.paint-3 #team{
	background-color:#f1f1f1;
	
}
.paint-3 .member{
	text-align:center;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	display:inline-block;
	float:none;
	vertical-align:top;
	margin-bottom:30px;
	width:24%;
	padding:0px 15px;
}
.paint-3 .member-img{
	position:relative;
	margin:0px auto;
	height:280px;
	overflow:hidden;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	
}
.paint-3 .member-img img{
	min-height:100%;
	width:100%;
}
.paint-3 .member-details{
	padding:10px 25px;
}
.paint-3 .member-details h4{
	font-size: 20px;
    display: block;
    background: var(--s_color);
    padding: 10px;
	position:relative;
}
.paint-3 .member-details h4::before{
	content: "";
    position: absolute;
    left: -42px;
    top: 0px;
    border-style: solid;

    border-width: 21px;
    width: 0px;
    border-color: transparent var(--s_color) transparent transparent;
}
.paint-3 .member-details h4::after{
	content: "";
    position: absolute;
    right: -42px;
    top: 0px;
    border-style: solid;
    border-width: 21px;
    width: 0px;
    border-color: transparent  transparent transparent var(--s_color);
}
.paint-3 .member-details h5{
	color:var(--p_color);
}
.paint-3 .memb-social li{
	padding:0px;
	text-align:center;
}
.paint-3 .memb-social li a{
	color:var(--p_color);
	display:block;
	width:40px;
	height:40px;
	font-size:15px;
	line-height:40px;	
	border-radius:50%;
	background-color:rgba(0,0,0,0.5)
}
.paint-3 .memb-social li a:hover{
	background-color:var(--p_color);
	color:#fff;
}
.paint-3 .member-final .member-img{
	width:350px;
	height:auto;
	padding:20px;
}
.paint-3 .member-final.member:hover{
	margin-top:0px !important;
}

.paint-3 .member-final h3{
	font-family: 'HindMadurai-Bold';
}
.paint-3 .member-final h4{
	color:#777;
	font-family: 'Raleway-Regular';
	font-size:16px;
}
.paint-3 .member-final .memb-social{
	font-size:18px;
	margin: 15px 0px;
}
.paint-3 .member .img-overlay{
	padding-top: 30%;
}
.paint-3 .member .img-overlay .btn{
	margin-bottom:10px;
}
.paint-3 .member .img-overlay a{
	color:#fff;
}
.paint-3 #other_employee{
	padding-top:5px;
}
.paint-3 #employee_details .bx-wrapper{
	margin-bottom:30px;
}
/*testimonial**/
.paint-3 #testimonial{
	background-image:url(../images/testimonial_bg.jpg);
	background-size:cover;
	background-attachment:fixed;
	min-height:320px;
}
.paint-3 #testimonial_slide .carousel-inner{
	width:70%;
	margin:0px auto 30px;
	padding-bottom: 20px;
}
.paint-3 #testimonial_slide .carousel-indicators{
	bottom:0px;
}
.paint-3 .testimonial-condent{
	padding:10px 0px;
	margin-bottom:20px;
	position:relative;
}
.paint-3 .testimonial-condent p{
	margin-bottom:0px;
	color:#fff;
}
.paint-3 #testimonial_slide .item{
	padding-left:20px;
	color:#fff;
	height: auto;
}
.paint-3 #testimonial .carousel-control{
	font-size:20px;
	border:1px solid #fff;
	opacity:1;
	background-color: #fff;
}
.paint-3 .t_company{
	font-size:12px;
	padding-left:5px;
}
.paint-3 .t_img{
	height:100px;
	width:100px;
	border-radius:50%;
	overflow:hidden;
	margin:20px auto;
}
.paint-3 .t_img img{
	height:100%;
	width:100%;
}
.paint-3 .t_solo{
	margin-bottom:40px;
}
.paint-3 .t_solo p{
	text-align:center;
	color:#fff;
}
.paint-3 .t_solo .bg-white p{
	color:#333;
}
.paint-3 .t_solo .t_img{
	height: 80px;
    width: 80px;
    margin: -40px 20px 0px 35px;
    float: left;
    position: relative;
    border: 5px solid #fff;
}
.paint-3 .t_solo .t_name{
	color:var(--s_color);
}
.paint-3 .t_solo .t_name span{
	color:#333
}
.paint-3 .t_solo .bg-white{
	border:1px solid #E5E5E5;
}
.paint-3 .t_solo .bg-white::after{
	border-top-color:#E5E5E5;
	border-left-color:#E5E5E5;
}
.paint-3 #client_list li{
	width:16%;
	float:left;
	margin-left:5px;
	margin-bottom:5px;
	overflow:hidden;	
	text-align:center;
	padding:20px;

}
.paint-3 #client_list li img{
	height:60px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	margin: 0px auto;
	width: auto;
}
.paint-3 #client_list li:hover img{
	-webkit-filter: grayscale(0%);
	 filter: grayscale(0%);
}
.paint-3 .client-block{
	width:90%;
	margin:0px auto;
}
.paint-3 .bx-wrapper{
	background-color:transparent;
	border:0px;
	box-shadow:none;
}
.paint-3 .bx-wrapper .bx-prev,
.paint-3 .bx-wrapper .bx-next{
	background:none;
	z-index:999 !important;
}
.paint-3 .bx-prev{
	left: -50px !important;
}
.paint-3 .bx-next{
	right: -50px !important;
}
.paint-3 .bx-wrapper .bx-controls-direction a{
	text-indent:0;
	text-align: center;
	background-color: #fff;
	line-height: 40px;
	color: #d0d0d0;
	height:40px;
	width:40px;
	font-size:20px;
	border:1px solid #d0d0d0;
}
.paint-3 .bxslider .slider-caption p{
	color:#fff;
	font-size:16px;
}
.paint-3 .slider-sec .bx-controls-direction a{
	top:400px;
    color: var(--p_color);
	opacity:0;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.paint-3 .slider-sec .bx-wrapper:hover .bx-controls-direction a{
	opacity:1;
}
.paint-3 .slider-sec .bx-controls-direction a:hover{
	color:#fff;
	background-color:var(--p_color);
	border-color:var(--p_color);;
}
.paint-3 .slider-sec .bx-prev{
	left:50px !important;
	right:auto;
}
.paint-3 .slider-sec .bx-next{
	left:100px !important;
	right:auto;
}
/**Service-solo**/
.paint-3 .service_type  h2{
	margin-top:0px;
	margin-bottom:20px;
	text-transform:uppercase;
}
.paint-3 .type_absolute{
	position:absolute !important;
	bottom:50px;
	width:92.5%;
}
.paint-3 .service_type ul li a{
	display:block;
	width:100% ;
	color:#333;
	padding:20px 0px 20px 40px;
	font-family: 'Raleway-Bold';
	position:relative;
}
.paint-3 .service_type ul li.active a,.service_type ul li a:hover {
	color:var(--s_color);
}
.paint-3 .service_type ul li a::before{
    content: '\f104';
	font-family:'FontAwesome';
    position: absolute;
    bottom: 20px;
    left:10px;
	font-size:16px;
    
}

/*project*/
.paint-3 #project{
	text-align:center;
}
.paint-3 .fillter-block{
	margin-bottom:50px;
}
.paint-3 .fillter-block a{
	color:var(--s_color);
	padding:10px 30px;
	font-family: 'Raleway-Bold';
	border:2px solid transparent;
}
.paint-3 .fillter-block a:hover,
.paint-3 a.current{
	border-color:var(--p_color) !important;
	color:var(--p_color);
}

.paint-3 #gallery-block .gallery-img img{
	width:auto;
	min-width:100%;
	height:100%;
}
.paint-3 #gallery-block .gallery-img{
	width: 24%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	height:250px;
	overflow:hidden;
}
.paint-3 .project_final .img-overlay ul{
	position:absolute;
	width:100%;
	left:5px;
	text-align:center;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.paint-3 .img_view, .detail_view{
	animation-duration: 0.4s; 
    -webkit-animation-duration: 0.4s;
    animation-timing-function: ease-in-out; 
    -webkit-animation-timing-function: ease-in-out; 
    /* Keep animation visible after animation finishes */
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;  
	position:relative;
	visibility: hidden;
}
.paint-3 .img_view{
	-webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.paint-3 .detail_view{
	-webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.paint-3 .project_final .hover-condent:hover .img-overlay ul li{
	animation-name: slideLeft;
    -webkit-animation-name: slideLeft;
}
@keyframes slideLeft {
    0% {transform: translateX(1000%); visibility: visible;}   
    100% {transform: translateX(0%); visibility: visible;}
}

@-webkit-keyframes slideLeft {
    0% {-webkit-transform: translateX(1000%); visibility: visible;}       
    100% {-webkit-transform: translateX(0%); visibility: visible;}
}

.paint-3 .project_final .hover-condent:hover .img_view,
.paint-3 .project_final .hover-condent:hover .detail_view{
	right:auto;
	left:auto;
}
.paint-3 #project_details img{
	margin-bottom:50px;
}
.paint-3 .pr_info{
	    border: 5px solid var(--s_color);
    padding: 20px;
	margin-bottom:20px;
}
.paint-3 .pr_info ul li{
	font-family: 'Raleway-Bold';
	color:#777;
	padding-bottom:15px;
	margin-bottom: 15px;
	font-size:13px;
	border-bottom:1px solid #f0f0f0;
}
.paint-3 .pr_info ul li i{
	font-size:20px;
	color:var(--s_color);
	margin-right:10px;
}
.paint-3 .pr_info ul li span{
	color:#333;
}

.paint-3 #project_details img{
	height:350px;
	width:100%;
}
/**contact**/
.paint-3 #contact{
	background-image:url(../images/contact_background.png);
	background-attachment:fixed;
	background-size:cover;
}
.paint-3 #contact h3{
	margin:0px 0px 30px;
}
.paint-3 #send_message{
	background-color:#f5f5f5;	
}

.paint-3 #contact-form{
	background-color:#fff;
    padding: 50px 30px 30px;
}
.paint-3 #contact h4{
	color:var(--s_color);
}
.form-control{
	border-radius:0px;
	box-shadow:none;
	min-height:45px;
	border-color:#e1e1e1;
}
.form-control:focus{
	box-shadow:none !important;
	border-color:var(--p_color);
	
}
.form-group{
	margin-bottom:25px;
}
textarea{
	resize:none;
}

.paint-3 #contact a{
	color:#fff;
}
.paint-3 #map iframe{
	width:100%;
	height:550px;
}
.paint-3 .map-point{
	display:block;
	text-align: center;
	padding: 20px;
	background-color: var(--p_color);
	color: #fff !important;
	font-size:16px;
}
.paint-3 .contact_block{
	
	margin:-100px auto 0px;
	margin-bottom:50px;
	box-shadow: 0 0 10px #dddddd;
}
.paint-3 .contact_block h3{
	margin:25px 0px;
}
.paint-3 #send{
	padding:0px;
	height:50px;
	width:50px;
	border-radius:50%;
	font-size:20px;
	margin-top:80px;
}
.paint-3 #address_sec{
	background-color:#fff;
	padding:30px 30px 20px;
}
.paint-3 #address_sec ul li{
	margin-bottom:20px;
	font-family: 'Raleway-Bold';
}
.paint-3 #address_sec i{
  font-size: 20px;
   padding-right: 10px;
   color:var(--p_color);
   float:left;
}
.paint-3 #address_sec a{
	color:#333;
}
.paint-3 .honar-icon{
	text-align:center;
	font-size:40px;
	color:var(--p_color);
}
.paint-3 .honar{
	margin-bottom:40px;
}
/***skillbar***/
.paint-3 .skill{
	margin-bottom:15px;
	height:35px;
}
.paint-3 .skillbar {
	position:relative;
	display:block;
	width:100%;
	height:15px;
	-webkit-transition:0.4s linear;
	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;
	-o-transition:0.4s linear;
	transition:0.4s linear;
	-webkit-transition-property:width, background-color;
	-moz-transition-property:width, background-color;
	-ms-transition-property:width, background-color;
	-o-transition-property:width, background-color;
	transition-property:width, background-color;
}
.paint-3 .skillbar-title {
	position:absolute;
	top:-24px;
	left:0;
	width:110px;
	font-weight:bold;
	font-size:13px;
	color:#333;
	
}

.paint-3 .skillbar-title span {
	display:block;
	height:20px;
	line-height:20px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.paint-3 .skillbar-bar {
	height:3px;
	width:0px;
	background:var(--s_color);
	position:relative
}

.paint-3 .skill-bar-percent {
	position:absolute;
	right:0px;
	top:-24px;
	font-size:12px;
	color:#333;
	font-family:'HindMadurai-Bold'
}
.paint-3 .skill-detail{
	line-height:30px;
	font-size:16px;
	font-weight:600;
	color:#6b777c;
	
}
.paint-3 #links li{
	padding-right:20px;
}
.paint-3 .abt_icon i{
	margin-top:20px;
	font-size:35px;
	color:var(--s_color);
}

/**start Sub-menu**/
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover{
	background-color:transparent;
}
.dropdown-menu{
	width:200px;
}
.dropdown-menu>li>a{
	padding: 10px 20px;
	font-size:13px;
	position: relative;
	top:0px;
}
.navbar-right .dropdown-menu{
	border-radius:0px;
	padding:0px;
	margin:0px;
}
.more_menu,.dbl_menu{
	left: 0px !important;
}

.dbl_menu .dropdown-menu{
	left:197px;
	top:0px;
}
.more_menu .dropdown-menu{
	top:0px;
	right:auto;
	left:-199px !important; 
}
.open{
	position:relative;
}
.dropdown-menu .caret{
	top:18px;
	position: absolute;
}
.dbl_menu.dropdown-menu .caret {
	transform: rotate(-90deg);
    right:10px;
}
.more_menu.dropdown-menu .caret{
	transform: rotate(90deg);
    left: 5px;
}
.dropdown-menu>li>a:hover,
.dropdown-menu .open>a, ..dropdown-menu .open>a:focus, 
.dropdown-menu .open>a:hover{
	color:var(--p_color);
	padding-left:25px;
}
.open>.m_link{
	border-color:var(--p_color) !important;
	
}
/**Eof  Sub-menu**/
#chan_captch img {
    max-width: 100%;
    height: 45px;
}
.m-b-50{
	margin-bottom:50px
}
#gallery .img-responsive{
	margin:20px 0;
	}

/***********Mohan*****************/
#sign-in, #sign-in-intu{
	background:#FFF;
	height:100%;
	padding:30px;
	box-sizing:border-box;
	font-size:11px;
	}
#sign-in-intu .details{
	padding:0 50px;
	}
#sign-in h1, #sign-in-intu h1{
	color:#2297D9;
	margin-bottom:50px;
	}
#sign-in h5, #sign-in-intu h5{
	text-shadow:2px 2px 2px #CCC;
	}
#sign-in h5:hover, #sign-in-intu h5:hover{
	color:#3E61B9;
	text-shadow:none;
	}
#sign-in h2, #sign-in-intu h2{
	font-weight:normal;
	color:#000;
	font-size:26px;
	margin:50px 0 30px 0;
	}
#sign-in-intu h2{
	margin:0px 0 30px 0;
	}
#sign-in input, #sign-in-intu input{
	border:1px solid #c7c6c6;
	background:none;
	width:100%;
	font-size:14px;
	margin-bottom:20px;
	border-radius:25px;
	box-sizing:border-box;
	padding:10px 5px;
	}
#sign-in input{
	padding:10px 25px;
	}
#sign-in-intu input{
	border-radius:0px;
	border:none;
	margin:0;
	color:#000;
	border-bottom:1px solid #c7c6c6;
	}
#sign-in input:focus, #sign-in-intu input:focus{
	outline:none;
	}
#sign-in .title, .forgot-password{
	padding:0 0 10px 5px;
	}
#sign-in-intu .forgot-password{
	margin-top:20px;
	}
#sign-in .title, #sign-in-intu .title{
	padding:0 0 5px 0;
	}	
#sign-in .button, #sign-in-intu .button{
  background: -webkit-linear-gradient(-90deg, #3e61b9, #012C3C); 
  background: -o-linear-gradient(-90deg, #3e61b9, #012C3C); 
  background: -moz-linear-gradient(-90deg, #3e61b9, #012C3C); 
  background: linear-gradient(-90deg, #3e61b9, #012C3C);
  color:#fff; 
	}
#sign-in .button:hover, #sign-in-intu .button:hover{
	background:#3e61b9;
	color:#fff;
	}
#intuition-login{
	background-color:#012C3C;
	color:#fff;
	}
#intuition-login .container{
	padding:100px 0;
	}
#intuition-login .intu-login{
	background:#fff;
	padding:30px 0px;
	}
#sign-in-intu .button{
	margin-top:50px !important;
	border-radius:5px;
	}
#intuition-login img{
	width:150px;
	}
#intuition-login .intu-bck{
	background-image:url(../images/intu-bckgrd.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	position:relative;
	}
ul#social_follow{
	margin:10px 0;
	}
.paint-3 .footer-content h6{
	margin:10px 0;
	}
#intuition-login .intu-bck::before{
	background-color:rgba(34, 151, 217, 0.8);
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	width: 100%;
	}
#intuition-login .intu-info{
		padding:185px 120px 185px 90px;
		margin-top:15px;
		}
#intuition-login .intu-info h2{
	font-size:50px;
	}
.front {
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
	}
#about .abt_icon{
	margin-top:20px;
	}
#desktop-nav .nav>li{
	display:inline-block;
	}
	
/****************************************/
.r-v-640{
	display:none;
	}
#responsive-menu-container .first-menu li a:hover{
	background:#0a4054;
	}
.hamburger-block{
	  font-size:30px;
	  line-height:60px;
	  margin-top:10px;
	  }
#responsive-menu-container{
  position:fixed;
  background:#FFF;
  z-index:999;
  top:0;
  left:-310px;
  width:300px;
  box-shadow: 1px 2px 2px 0 rgba(0,0,0,0.14); 
  height:100%;
  box-sizing:border-box;
}
#responsive-menu-container .first-menu li a{
  display:block;
  background:#4486f7;
  padding: 15px 20px;
  color:#fff;
  border-bottom:1px solid #484848;
  }
 #responsive-menu-container .resp-img{
    width: 100px;
    padding: 10px 20px;
	float:left;
	 }
.type-close{
	float:left;
	display:block;
	height:70px;
	text-align:center;
	line-height:70px;
	font-size:30px;
	width:30% !important;
	}
.responsive-menu-overlay.active{
	position:fixed;
	height:100%;
	width:100%;
	left:0;
	top:0;
	background:#000;
	opacity:.8;
	z-index:998;
	}
@media(max-width:1199px){
	#intuition-login .intu-info{
		padding:140px 120px 140px 90px;
		}
	.container-fluid>.navbar-header{
		width:100%;
		}
	.affix .hamburger-block{
		margin:0;
		}
	}
@media(max-width:991px){
	#intuition-login .intu-info{
		margin-top:0;
		}
	.paint-3 .member {
		width:50%;
		float:left;
		}
	#intuition-login .p-l-0, #intuition-login .p-r-0{
		padding:inherit;
		}
	}
@media(max-width:980px){
	#sign-in{
		padding:100px;
		}
	#about .abt-img{
		display:none !important;
		}
	.paint-3 .member{
		width:49%;
		}
	.paint-3 #about{
		padding:50px 0;
		}
	#intuition-login .container{
		padding:0;
		}
	.w-60{
		width:60%;
		float:left;
		}
	.w-40{
		width:40%;
		float:left;
		}
	#intuition-login{
		overflow:hidden;
		}
	}
@media(max-width:767px){
	.paint-3 .carousel-caption h1{
		font-size:26px;
		}
	#about h4 {
		display: inline-block;
		}
	#about .abt_icon {
	    display: inline-block;
		margin-top: 0px;
		margin-right:20px;
		}
	#intuition-login .intu-info{
		display:none;
		}
	#intuition-login .intu-info{
		margin-top:0;
		}
	.r-h-640{
		display:none;
		}
	.r-v-640{
		display:block;
		}
	.paint-3 #gallery-block .gallery-img{
		width:49%;
		}
	}
@media(max-width:639px){
	.paint-3 .carousel-caption h1 {
		font-size: 18px;
		line-height: 23px !important;
		}
	.paint-3 .member {
		width: 100%;
	}
	.paint-3 #why_choose ul li span.img-block {
		display:block;
		margin-bottom:10px;
		}
	.carousel-fade .carousel-inner .item {
		height:350px;
		}
	#sign-in {
		padding: 30px 50px;
	}
	/*#top_detail>li{
		display:block !important;
		text-align:center;
		}
	#social-top{
		text-align:center;
		}
	}*/
	#header-top{
		display:none;
		}
	li.w-60, .paint-3 #gallery-block .gallery-img{
		width:100%;
		}
	.paint-3 .fillter-block{
		line-height:45px;
		}
	.paint-3 .navbar-brand{
		width:200px;
		font-size:14px;
		}
	}
@media(max-width:424px){
	.paint-3 #why_choose ul li span.img-block {
		display:inline-block;
		}
	.paint-3 #slider .carousel-caption{
		top:10% !important;
		}
	.paint-3 #why_choose ul li{
		width:100%;
		}
	#count .col-xs-4{
		width:100%;
		}
	.paint-3 .count-block{
		border-right: 1px solid #fff;
		}
	.w-60, w-40{
		width:100%;
		}
	}