/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700');
* {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	box-sizing:border-box;
}
body, h1, h2, h3, h4, h5, h6, form, div, span, hr {
}
*:active, *:hover, *:focus {
    outline: 0;
    outline-offset: 0;
}
.nopadding {
	padding: 0;
}
.nospace{
	margin:0;
}
.row {
	padding: 0;
	margin: 0;
}
#banner{
	background:url(images/background.jpg) no-repeat center center;
	background-size:cover;
	padding:35px 50px;
}
#services,#contact_warp,#aboutus,#customers{
	background:url(images/backgrouund-yellow.png) no-repeat center center;
	background-size:cover;
	padding:35px 0;
}
#down-footer{
	background:url(images/backgrouund-yellow.png) no-repeat center center;
	background-size:cover;
	padding:15px 0;
}
#workflow{
	background:url(images/background.jpg) no-repeat center center;
	background-size:cover;
	padding:35px 0px;
}
.drop-down-icon{
	      width: 40px;
    height: 6px;
    border-radius: 10px;
    background: #f9d700;
    display: block;
    margin-bottom: 4px;
  }
  #banner .btn-default{
	  background:none;
	  border:none;
	  box-shadow:none;
	 }
	 #banner_logo{
		 text-align:center;
		 padding:8% 0 6% 0;
		}
	#banner_quote{
		color:#fff;
		margin-top:50px;
	}
	#banner_quote h3{
		font-size:21px;
		margin-bottom:15px;
	}
	#banner_quote h1{
		font-size:30px;
		margin-bottom:10px;
	}
	#banner_quote p{
		font-size:16px;
	}
	#banner .dropdown-menu{
		    background-color: #f9d700;
			    padding: 0;
	}	
	.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
		color: #262626;
		text-decoration: none;
		background-color: #f1c518;
	}
	.dropdown-menu>li>a {
    padding: 8px 15px;
    font-weight: bold;
    border-bottom: 1px solid #dabc00;
}
.carousel-inner .item,.carousel-inner .item.active{
  	height:150px;
  }
  .carousel-caption {
    position: relative;
    right: 0;
    left: 0;
    text-align: left;
	color:#fff;
}
  .carousel-caption{
	  
  }
  .carousel-indicators li{
	  text-indent: 0 !important;
	  border:0;
	  border:0;
  }
  .carousel-indicators .active{
	  background:none;
  }
  .carousel-indicators .active,.carousel-indicators li{
	  width:auto !important;
	  height: auto !important;
  }
  
  .carouselitem_icon{
	  width:50px;
	  height:50px;
	  border-radius:50%;
	  border:2px solid #f9d700;
	  padding:2px;
	  margin: 0 auto;
  }
  .carouselitem_icon img{
	  width:100%;
	  height:auto;
	  padding: 6px;
	 }
	 .carousel_icon span{
		 color:#fff;
		 display:block;
		}
		.carousel_icon{
			min-width:80px;
			    font-weight: bold;
		}
		.carousel-indicators {
    position:relative;
    bottom: 10px;
    left: 0;
    z-index: 15;
    width: 100%;
    padding-left: 0;
    margin-left: 0;
    text-align: center;
    list-style: none;
	    margin-top: 10%;
}
.carousel-inner {
    padding: 0 15px;
    border-right: 1px solid #fff;
}
#banner_warp{
	    width: 80%;
    margin: 0 auto;
}
.carousel-caption h1{
	font-size: 20px;
}
.carousel-caption p{
	color: rgba(255, 255, 255, 0.72);
}
#banner_warp .carousel-caption a h1,#banner_warp .carousel-caption h1,#banner_quote p span{
    color: #f9d700;
}
.services_warp h1{
	position: relative;
    padding-bottom: 42px;
    margin-bottom: 17px;
}
.services_warp h1:before{
	  content: "\f10d";
    position: absolute;
    display: inline-block;
    font: normal normal normal 21px FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    bottom: -9px;
    left: -6px;
    color: #000;
	}
.services_warp h1:after{
	    content: "";
    position: absolute;
    width: 150px;
    height: 2px;
    background: #000;
    bottom: 0px;
    left: 4%;
}
.services_warp h1{
	color: #000;
    font-size: 45px;
    font-weight: bold;
}

.close_quote{
	position:relative;
	padding:5px;
}
.close_quote:after{
	     content: "";
    position: absolute;
    width: 150px;
    height: 2px;
    background: #000;
    bottom: 0px;
    right: 5%;
    top: 31px;
}
.close_quote:before{
	    content: "\f10e";
    position: absolute;
    display: inline-block;
    font: normal normal normal 32px FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    bottom: -31px;
    right: 9px;
    color: #000;
    font-size: 35px;
}
.service_info p{
	font-size:25px;	
    font-weight: 100;
}
.servicelist_item{
		width:20%;
		padding:35px;
		float:left;
	}
	.serviceitem_info{
		border:2px solid #fff;
		height:160px;
		width:160px;
		position:relative;
	}
	.serviceitem_info:after{
		content:"";
		height:160px;
		width:160px;
		position:absolute;
		border:2px solid #000;
		top: -12px;
    left: 11px;
	}
	.servicelist_item p{
		    margin-top: 10px;
    text-align: center;
    color: #000;
    font-weight: 600;
    letter-spacing: 1.1px;
    font-size: 15px;
}
.services_list{
	    margin-top: 45px;
}
.serviceitem_info img{
	margin: 0 auto;
    width: 64px;
    height: 64px;
    display: block;
    position: relative;
    top: calc(50% - 32px);
}
#support{
	padding:45px;
	text-align:center;
}
.open_quote{
	height:5px;
	position:relative;
}
.open_quote:before{
	  content: "\f10d";
    position: absolute;
    display: inline-block;
    font: normal normal normal 21px FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    bottom: -9px;
    left: -6px;
    color: #000;
	font-size: 35px;
	}
.open_quote:after{
	    content: "";
    position: absolute;
    width: 150px;
    height: 2px;
    background: #000;
    bottom: 0px;
    left: 4%;
}
#service_header h1{
	font-weight:bold;
	font-size:45px;
}
#service_header p{
	font-size: 27px;
    font-weight: 100;
    color: #757575;
}
.service_body{
	margin-top:45px;
}
.top-space{
	margin-top:50px;
}
.support_list{
	padding: 0 8%;
	
}
.support_list img{
	margin-bottom:25px;
	    height: 120px;
}
.support_list p{
	    font-size: 33px;
    font-weight: 100;
    color: #808080;
	margin-bottom:25px;
}
.support_list a{
	background: #f9d700;
    font-weight: bold;
    font-size: 24px;
    color: #000;
    padding: 8px 27px;
	position:relative;
}
.support_list a:before{
	content: "";
    position: absolute;
    border: solid #000;
    border-width: 2px 0 0 2px;
    left: -7px;
    top: -7px;
    width: 100%;
    height: 100%;	
}
.support_list a:after{
	content: "";
    position: absolute;
    border: solid #000;
    border-width: 0 2px 2px 0;
    right: -7px;
    bottom: -7px;
    width: 100%;
    height: 100%;	
}
.right-bodder{
	border-right:1px solid rgba(0,0,0,0.5);
}
.content-103 {
    background: #f3f3f3;
    padding-top: 20px;
    padding-bottom: 20px;
}
.service-post {
    background: #fff;
    padding: 30px;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 12;
    margin-top: 20px;
    margin-bottom: 20px;
    -moz-box-shadow: 0 5px 4px -4px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 5px 4px -4px rgba(0, 0, 0, 0.08);
    box-shadow: 0 5px 4px -4px rgba(0, 0, 0, 0.08);
}
.content-103 .service-content {
    position: relative;
    z-index: 13;
}
.content-103 .service-hover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 0px;
    background: #eb7a5c;
    -moz-transition: width, 250ms;
    -o-transition: width, 250ms;
    -webkit-transition: width, 250ms;
    transition: width, 250ms;
}
.content-103 .service-icon {
    margin: 10px 0 20px 0;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    line-height: 50px;
    -moz-transition: color, 250ms;
    -o-transition: color, 250ms;
    -webkit-transition: color, 250ms;
    transition: color, 250ms;
}
.content-103 .service-icon i {
    font-size: 50px;
    color: #f8c702;
}
.content-103 .service-title {
    font-weight: bold;
    font-size: 20px;
    /*font-weight: normal;*/
    margin-bottom: 15px;
    -moz-transition: color, 250ms;
    -o-transition: color, 250ms;
    -webkit-transition: color, 250ms;
    transition: color, 250ms;
}
.content-103 .service-description {
    font-size:18px;
    line-height: 25px;
    -moz-transition: color, 250ms;
    -o-transition: color, 250ms;
    -webkit-transition: color, 250ms;
    transition: color, 250ms;
}
.content-103 .service-post:hover .service-icon {
  border-color: #fff;
}
.content-103 .service-post:hover .service-icon i {
  color: #fff;
}
.content-103 .service-post:hover .service-title {
  color: #fff;
}
.content-103 .service-post:hover .service-description {
  color: #fff;
}

.content-103 .service-hover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 0px;
  background: #ff9933;
  -moz-transition: width, 250ms;
  -o-transition: width, 250ms;
  -webkit-transition: width, 250ms;
  transition: width, 250ms;
}
/*hover-background-color effect*/
.content-103 .service-post:hover .service-hover {
  height: 100%;
}
#workflow{
	color:#fff;
}
#workflow h2{
	font-size:35px;
	margin-bottom:30px;
}
#workflow h2 span{
	color:#f8c702;
}
#workflow ul{
	    padding-left: 26px;
	}
#workflow ul li{
	    list-style: none;
    display: block;
    font-size: 18px;
    font-weight: 100;
    margin-bottom: 15px;
    line-height: 29px;
	position:relative;
}
#workflow ul li:before{
	position:absolute;
	content: "\f00c";
	    display: inline-block;
    font: normal normal normal 14px FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color:#f8c702;
	left: -27px;
    top: 5px;
}
#customers h1{
	font-size:45px;
	font-weight:bold;
	color:#000;
	margin-bottom:25px;
}
.customer_info{
	margin-bottom:35px;
}
.customer_info p{
	font-size: 24px;
    line-height: 36px;
    margin-top: 25px;
}
.customer-img{
	    width: 130px;
    height: 85px;
    border: 1px solid #ccc;
    margin: 5px;
    background: #fff;
    text-align: center;
    float: left;
}
.customer-img img{
	width:120px;
	height:auto;
	padding:3px;
	line-height:120px;
	vertical-align:middle;
}
#our_projects{
	padding:15px 0;
}
.simply-scroll .simply-scroll-clip,.simply-scroll{
	width:100%;
}
#our_projects h1{
	font-weight: bold;
    font-size: 25px;
    margin-bottom: 20px;
	font-family: 'Oswald', sans-serif;
}
.simply-scroll .simply-scroll-list li img {
    padding: 5px;
}
.simply-scroll .simply-scroll-list li {
    float: left;
    width: 130px;
    margin: 0 30px;
}
.simply-scroll .simply-scroll-list li,.simply-scroll .simply-scroll-clip,.simply-scroll{
	height:auto;
}
#contact_warp{
	color:#000;
}
#contact_warp h1{
	font-size: 47px;
    margin-bottom: 35px;    
}
#contact_warp h1,#contact_warp h3{
	font-weight: bold;
}
.contact_item{
	padding:15px;
	border:2px solid #000;
	position:relative;
	margin-bottom: 35px;
}
.contact_item:before{
	    content: "";
    position: absolute;
    border: 1px solid #fff;
    width: 101%;
    height: 100%;
    top: -15px;
    left: -16px;
}
#footer{
	background: #dcdcdc;
    padding-top: 25px;
	padding-bottom:10px;
}
#down-footer p{
	    margin: 0;
    text-align: center;
    color: #000;
    font-weight: bold;
}
#footer h3{
	margin:0;
	font-size:15px;
	text-transform:uppercase;
	margin-bottom:10px;
	padding:0;
	font-weight:bold;
	position:relative;
	padding-left: 11px;
}
#footer h3:after{
	    content: "";
    position: absolute;
    width: 5px;
    height: 100%;
    background: #f9d700;
    bottom: 0;
    left: 0;
}
.ver-links,.har-links{
	margin-bottom:5px;
}
.ver-links li{
	list-style:none;
	display:block;
	margin-bottom:5px;
}
.ver-links li a{
	color:#000;
	display:block;
	line-height:18px;
}
.har-links li{
	display:inline-block;
	list-style:none;
	margin-bottom:5px;
}
.har-links li a{
	display:block;
	padding:3px 10px;
	border:1px solid rgba(0,0,0,1);
	color:#000;
}
#subscribe_warp input{
	border:1px solid rgb(249, 215, 0);
	box-shadow:none;
	border-radius:0;
}
#subscribe_warp button{
	background: #f9d700;
    border: 1px solid #f9d700;
    border-radius: 0;
    text-transform: uppercase;
}
#social_links ul{}
#social_links ul li{
	display:inline-block;
	margin-right:5px;
}
#social_links ul li a{
	display:block;
	width:35px;
	height:35px;
	border:1px solid rgba(0,0,0,0.7);
	text-align:center;
	color:#000;
}
#social_links ul li a i.fa{
	line-height:35px;
	font-size:18px;
}
#site_info img{
	margin-bottom:15px;
}
#site_info p{
	line-height:21px;
}
#ft_reviews ul{}
#ft_reviews ul li{
	display:inline-block;
}
#ft_reviews ul li a img{
	height:80px;
	border:1px solid #b5b0b0;
	padding:2px;
}
@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 991px) {

}
@media screen and (max-width: 768px) {
    .servicelist_item {
		width: 33.33%;
	}
}
@media screen and (max-width: 640px) {
    .servicelist_item {
		width: 50%;
	}
	#service_header h1 {
		font-size: 28px;
		margin-bottom: 45px;
		line-height: 35px;
	}
	#banner_warp {
		width: 100%;
	}
	#banner {
		padding: 35px 10px;
	}
}
@media screen and (max-width: 580px) {
    
}
@media screen and (max-width: 550px) {
    
}
@media screen and (max-width: 480px){
    #service_header h1 {
		font-size: 20px;
	}
	#service_header p {
		font-size: 20px;
		margin-top: 29px;
	}
}
@media screen and (max-width: 440px) {
    .servicelist_item {
		width: 70%;
		margin-left: 15%;
	}
	
}
@media screen and (max-width: 360px) {}
@media screen and (max-width: 320px) {
	.servicelist_item {
    width: 80%;
    margin-left: 10%;
}
}