body{
	margin:0;
	font-family:OpenSans-Regular;
}
@font-face {
    font-family: 'OpenSans-Regular';
    src: url('font/OpenSans-Regular.ttf');
    src: local('OpenSans-Regular'), local('Roboto'), url('font/OpenSans-Regular.ttf') format('truetype');
	font-weight: normal;
    font-style: normal;
}
p{
	font-size:14px;
}
.repeat-color{
	color:#9A9A9A;
}
/*;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;menu;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; */
 .navbar-nav li  a:hover{
background:#ecf0f1!important;
border-bottom:4px solid #2d3e50;
}
.company-mail{
	background:#4f5471;
	padding:15px 0;
}
.company-mail p{
	color:#fff;
	margin:0;
	display: inline-block;
} 
.company-mail p:first-child {
	margin-right:30px;
}

/* slider-icon */
.slider-icon{
	position: absolute;
	z-index: 2;
	width: 768px;
	margin: auto auto;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	height: 365px;
}
.slider-icon h1{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	height: 42px;
	color: #fff;
	text-transform: uppercase;
	right: 0;
}
.slider-icon-1{
	background: url(../img/slider-icon.png) no-repeat;
	width: 133px;
	height: 153px;
	position: absolute;
	top: 0;
	left: 64px;
	text-align:center;
	padding: 65px 0;
}
.slider-icon-1:hover{
	background: url(../img/slider-icon-hover.png) no-repeat;
}
.slider-icon-2{
	background: url(../img/slider-icon.png) no-repeat;
	width: 133px;
	height: 153px;
	position: absolute;
	top: 106px;
	left: 0;
	text-align:center;
	padding: 65px 0;
}
.slider-icon-2:hover{
	background: url(../img/slider-icon-hover.png) no-repeat;
}
.slider-icon-3{
	background:url(../img/slider-icon.png) no-repeat;
	width:133px;
	height:153px;
	position: absolute;
	bottom: 0;
	left: 64px;
	text-align:center;
	padding: 65px 0;
}
.slider-icon-3:hover{
	background: url(../img/slider-icon-hover.png) no-repeat;
}
.we-do-content .icon-1 {
	background:#ecf0f1;
	width:50px;
	height:50px;
	border:1px solid #c1c5c6;
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg); /* Standard syntax */
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	margin: 10px auto 0 auto;
}
.we-do-content .icon-1 span {
	padding: 12px 0px;
	display:block;
	text-align:center;
	font-size:18px;
	color:#2f414d;
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
	transform: rotate(-45deg); /* Standard syntax */
}
.tab-wrapper{
	padding:70px 0;
}
#footer{
	background: url(../img/contact.jpg) no-repeat center 0;
	color:#fff;
	padding:30px;
	background-size:cover;
}
.contact-box{
	text-align:center;
	border:1px solid #748191;
	padding:15px;
	background:rgba(45,62,80,.5);
	position:relative;
	margin-bottom:40px;
}
.contact-box p{
	margin-bottom:15px;
}
.contact-input{
	text-align:center;
	padding:10px;
	font-size:14px;
	width:75%;
	margin-bottom:15px;
	background:rgba(45,62,80,.5);
	border:1px solid #748191;
	color:#fff;
}
.contact-box textarea{
	text-align:center;
	padding:10px;
	font-size:14px;
	width:75%;
	margin-bottom:15px;
	background:rgba(45,62,80,.5);
	border:1px solid #748191;
	color:#fff;
	height:75px;
}
.send-button {
	width:100%;
}
.send-button input{
	background:#2d3e50;
	font-size:14px;
	border:2px solid #fff;
	color:#fff;
	padding:5px 10px;
	width:65px;
}
.footer-content p{
	font-size:12px;
	line-height:20px;
	margin-bottom:15px;
}
.footer-content a{
	text-transform: uppercase;
	color:#fff;
	text-decoration: underline;
}
.footer-content a:hover{
	text-decoration:none;
}
.footer-copyright{
	text-transform: uppercase;
	margin-top:10px;
	border-top:1px solid #a2a9b3;
	padding:30px 0;
	color:#a2a9b3;
}
.footer-copyright p{
	float:left;
}
.footer-copyright ul{
	float:right;
	margin:0;
	padding:0;
}
.footer-copyright ul li{
	float:left;
	list-style:none;
	margin-right:10px;
}
.footer-copyright ul li a{
	color:#a2a9b3;
}
.social-links{
	padding:30px 0;
}
.social-links ul{
	margin:0;
	padding:0;
	text-align:center;
}
.social-links ul li{
	display:inline-block;
	width:10%;
}

.we-do-content h3{
	text-align:center;
	font-size:18px;
	margin-bottom:20px;
}
#about{
	padding:75px 0;
	background:#ecf0f1;
}
 .about-header h2{
	text-align:center;
	margin:0;	
}
.border-bottom{
	background:url(../img/border.png) no-repeat bottom center;
	padding-bottom:30px;
}
.about-content h3{
	margin:0 0 20px 0;
}
.about-header  p{
	text-align:center;
	margin:30px 0;
}
#about img{
	max-width:100%;
}
#about .col-md-7{
	padding-right:50px;
}
.about-content p{
	text-align:left;
	margin-bottom:15px;
}
.about-content span{
margin-right:10px;
}
.read-more{
	margin-top:30px;
}
.read-more a{
	background:#2d3e50;
	color:#fff;
	text-transform: uppercase;
	padding:12px 24px;
}
#project-features{
	padding:20px 0;
}
#section-tabs{
	border-bottom:1px solid #eef0ef;
}
.project-features-img img{
	width:100%;
	background:#c1c6cc;
	padding:20px;
}
.project-features-content h2{
	margin:30px 0 30px 0;
	text-transform: uppercase;
}
.project-features-content p{
	margin:0 0 30px 0;
	}
#clients{
	padding:65px 0;
}
.clients-icon{
	padding: 40px 0;
	border-top: 1px solid #aeb1b6;
	border-bottom: 1px solid #aeb1b6;
	margin-bottom: 65px;
	margin-top: 30px;
	min-height: 180px;
	
}
.clients-icon-1 p{
	background:url(../img/clients-icon1.png) no-repeat;
	height:95px;
	text-align:center;
	text-indent: -999em;
	cursor:pointer;
	width:119px;
	margin:0 auto;
}
.clients-icon-1 p:hover{
	background:url(../img/clients-icon1-hover.png) no-repeat;
}
.clients-icon-2 p{
	background:url(../img/clients-icon2.png) no-repeat;
	height:95px;
	text-align:center;
	text-indent: -999em;
	cursor:pointer;
	width:119px;
	margin:0 auto;
}
.clients-icon-2 p:hover{
	background:url(../img/clients-icon2-hover.png) no-repeat;
}
.clients-icon-3 p{
	background:url(../img/clients-icon3.png) no-repeat;
	height:95px;
	text-align:center;
	text-indent: -999em;
	cursor:pointer;
	width:119px;
	margin:0 auto;
}
.clients-icon-3 p:hover{
	background:url(../img/clients-icon3-hover.png) no-repeat;
}
.clients-icon-4 p{
	background:url(../img/clients-icon4.png) no-repeat;
	height:95px;
	text-align:center;
	text-indent: -999em;
	cursor:pointer;
	width:119px;
	margin:0 auto;
}
.clients-icon-4 p:hover{
	background:url(../img/clients-icon4-hover.png) no-repeat;
}
.clients-icon-5 p{
	background:url(../img/clients-icon5.png) no-repeat;
	height:95px;
	text-align:center;
	text-indent: -999em;
	cursor:pointer;
	width:119px;
	margin:0 auto;
}
.clients-icon-5 p:hover{
	background:url(../img/clients-icon5-hover.png) no-repeat;
}
.clients-icon-6 p{
	background:url(../img/clients-icon6.png) no-repeat;
	height:95px;
	text-align:center;
	text-indent: -999em;
	cursor:pointer;
	width:119px;
	margin:0 auto;
}
.clients-icon-6 p:hover{
	background:url(../img/clients-icon6-hover.png) no-repeat;
}

.repeat-header{
	text-transform: uppercase;
}
#statistics{
	background:url(../img/statistics.jpg) no-repeat center 0;
	background-size:cover;
	min-height:205px;
	text-align:center;
	color:#fff;
}
#statistics ul{
	padding:35px 0;
	margin:0;
}
#statistics ul li{
	display:inline-block;
	width:19.5%;
}
#statistics ul li h1{
	font-size:64px;
}
#statistics ul li p{
	text-transform: uppercase;
}
/************************************************************services*****************************/
#services{
	background:url(../img/about-bg.jpg) no-repeat center 0;
	background-size:cover;
	position:relative;
	height:314px;
}
.services-header{
	background:rgba(0,0,0,.5);
	color:#fff;
	position:absolute;
	bottom:0;
	width:100%;
	padding:20px 0;
}
.services-header h3{
	text-transform: uppercase;
	margin:0;
	padding:0;
	float:left;
	padding-right:15px;
	border-right:1px solid #ebeff0;
}
.services-header p{
	padding-left: 15px;
	float: left;
	line-height: 25px;
}
#service-content{
	padding:20px 0;
}
.services-details{
	padding:65px 0 0 0;
}
.services-details img{
	max-width:100%;
}
.ser-subtitle{
	font-size:16px;
	border-bottom:1px solid #ebeff0;
	padding-bottom:15px;
	margin-bottom:15px;
}
#service-tab{
	padding-bottom:65px;
}
#verticalTab{
	padding-top:20px;
}
#contact{
	padding:75px 0;
}
#contact .contact-box{
	margin:0;
}
#contact img{
	max-width:100%;
}

#contact .contact-box {
	background:#fff;
}
#contact .contact-input {
	background:#fff;
}
#contact .contact-box textarea{
	background:#fff;
}
/***************************************=================tab==================***************************************************************/
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0;
    cursor: pointer;
    float: none;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;

    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
}

.resp-vtabs li.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-right: none;
    background-color: #fff;
    position: relative;
    z-index: 1;
    margin-right: -1px !important;
    padding: 14px 15px 15px 14px !important;
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9B9797;
}

/*-----------Accordion styles-----------*/

ul.resp-tabs-list, p {
    margin: 0px;
    padding: 0px;
}

.resp-tabs-list li {
    font-size: 14px;
	text-transform: uppercase;
    display: inline-block;
    padding: 13px 15px;
    margin: 0;
    list-style: none;
    cursor: pointer;
    float: left;	
	width:100%;
	
}
.home-tab li{
text-align:center;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}
.home-tab .resp-tab-active {
	color:#fff;
}

.resp-tabs-container {
    padding: 6px 0 0 0;
    background-color: #fff;
    clear: left;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    padding: 15px;
}

.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-bottom: none;
    /* margin-bottom: -1px !important; */
    padding: 12px 14px 14px 14px !important;
}

.resp-tab-active {
    border-bottom: none;
    background-color: #4f5471;
	color:#000;
}

.resp-content-active, .resp-accordion-active {
    display: block;
}
.resp-tab-content {
   /*  border: 1px solid #c1c1c1; */
}

h2.resp-accordion {
    font-size: 13px;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px;
}

h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}
/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0;
    cursor: pointer;
    float: none;
	border:1px solid #c1c1c1;
	margin-bottom:5px;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
   
    float: left;
    width: 70%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
}

.resp-vtabs li.resp-tab-active {
    background-color: #fff;
    position: relative;
    z-index: 1;
	background: #ecf0f1;
	color:#4f5471;
    /* padding: 14px 15px 15px 14px !important;
	margin-bottom:5px; */
}
.carousel-control-1{
	color:#000;
	width:5%;
}
.carousel-control-1{
	background:#ecf0f1;
}
.carousel-control-1 span{
top: 44%!important;
left: 36%!important;
}
.change-item{
	 margin:0 5%!important;
}



.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9B9797;
}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {
    background: #DBDBDB !important;
}
.resp-easy-accordion  h2.resp-accordion {
        display: block;
}
.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important;
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1 !important;
}
.resp-tabs-list li span{
	float:left;
	margin-right:10px;
}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 960px) {
	.slider-icon {
		display:none;
	}
}
@media only screen and (max-width: 768px) {
    ul.resp-tabs-list {
        display: none;
    }
	#statistics ul li {
		width:100%;
	}

    h2.resp-accordion {
        display: block;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
    }
    .resp-accordion-closed {
        display:none !important;
    }
    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }
	.footer-copyright ul {
		float:left;
		width:100%;
	}
	.company-mail p {
		display: block;
		text-align: center;
	}
	#contact img {
		margin-top:20px;
	}
	.social-links ul li {
		width: 30%;
	}
}
.validation{
	color:#ff0000;
	display:none;
}