/* Template Artist Custom Template CSS*/

/* ================================================================
	COMMON STYLE  
   ================================================================ */
	  body{ margin:0; padding:0; background:url(../images/body-map.png) center bottom #fff no-repeat;}
	 .fade-in-out{transition: background .50s ease-in-out; -moz-transition: background .50s ease-in-out; -webkit-transition: background .50s ease-in-out;}
     .border-radius{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
	 .border-radius-2{ -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
	 .border-radius-3{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
	 .border-radius-4{-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
	.transition{ -webkit-transition: all 0.5s ease 0s;                  
    -moz-transition: all 0.5s ease 0s;                 
    -o-transition: all 0.5s ease 0s;   
    -ms-transition: all 0.5s ease 0s;          
    transition: all 0.5s ease 0s;}
	  p{
	-webkit-font-smoothing: antialiased;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:16px;
	color:#888888;
	line-height:17px;
	padding:0;
	margin:0;
}
	  ol, ul{margin:0; padding:0; list-style:none;}
	 .color-1{color: #fff;}
	 .color-2{
	color: #24911C;
}
	 .color-3{color: #eb6e1f;}
	 .color-4{color: #1ab7ea;}
	 .mrt_3{margin-top:3px;}
	 .mrt_5{margin-top:5px;}
	 .mrt_10{margin-top:10px;}
	 .mrt_15{margin-top:15px;}
	 .mrt_20{margin-top:20px;}
	 .mrt_30{margin-top:30px;}
	 .mrt_40{margin-top:40px;}
	
	 .border-1{border:1px solid #dadada;}
	footer {
    margin-top: 3%;
}
/* ================================================================
	HEADER
   ================================================================ */
  .header-bg{padding:15px 0;}
  .logo{margin-top:5px;}
  .top-right{float:right; margin-top:5px;}
  .top-section-1{float:left; margin-top:8px;}
  .top-section-2{float:left;}
  .top-info{font-family:"Century Gothic"; font-size:18px; color:#888888; margin-right:20px; line-height:16px;}
  .search-div{position:relative; width:226px;}
  .serchinput{display: block; width: 100%; height: 34px; padding: 6px 43px 6px 20px; font-size: 14px; font-family: 'Source Sans Pro', sans-serif; line-height: 1.428571429; color: #777777; vertical-align: middle; background:url(../images/search-icon.png) #ffffff 93% 5px no-repeat; border: 1px solid #dfdfdf; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;}
  .serchinput:focus{-moz-box-shadow: 0px 0px 10px #3dac36; -webkit-box-shadow: 0px 0px 10px #3dac36; box-shadow: 0px 0px 10px #3dac36;}
/* ================================================================
	BANNER 
  ================================================================ */
  .banner-wrap{margin:0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
  .baner-bg-1{background:url(../images/banner-bg-1.jpg) center top no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
   }
  .getstarted-wrap{
	padding:20px 0;
	margin-top:1px;
	background-color: #063;
}
  .g-info{font-family: 'Source Sans Pro', sans-serif; font-size:22px; color:#fff; margin:5px 0 0 0; text-align:center;}
  .g-info span{
	font-size:36px;
	color:#23901B;
	font-family: 'Handlee', cursive;
	margin-left:2%;
}
  .getstarted-btn{border:0; font-family:"Century Gothic"; font-size:26px; font-weight:bold; color:#fff; background:url(../images/btn-bg-2.png) repeat-x; 
   padding:2px 30px; border:3px solid #607e86; -moz-box-shadow:inset 0px -2px 0px #5b2e12; -webkit-box-shadow:inset 0px -2px 0px #5b2e12; box-shadow:inset 0px -2px 0px #5b2e12; display:inline-block; position:relative;}
  .getstarted-btn:hover{background:url(../images/btn-bg-1-hover.png) repeat-x; color:#fff; }
  
/* ================================================================
	BODY 
  ================================================================ */
	.body-head-1{font-size:36px; margin:0 0 5px 0;}
    .body-head-2{font-size:30px; margin:0 0 15px 0;}
	.body-head-3{font-size:24px; margin:0 0 15px 0;}
	.body-head-5{font-size:24px; margin:15px 0;}
	.body-head-6{font-size:30px; margin:0 0 5px 0;}
    .h-f-size{font-size:24px;}
    .f-normal{font-weight:normal;}
    .f-bold{font-weight:bold;}
    .f-uppercase{text-transform:uppercase;}
	.workfolw-head-wrap0{width:855px; margin:50px auto 170px auto;}
	.w-p-div-1{position:absolute; top:-130px; width:100%; text-align:center;}
	.workflow-process{display:inline-block; position:relative;}
	.workflow-bg{margin:150px auto 40px auto; background:url(../images/wokflow-bg.png) center top no-repeat; width:100%; min-height:400px; text-align:center; position:relative;}
	.w-f-wrap-1{width:157px; height:157px; background:url(../images/work-process-bg.png) no-repeat; display:block; padding-top:7px; margin:0 auto; transition: background .30s ease-in-out; -moz-transition: background .30s ease-in-out; -webkit-transition: background .30s ease-in-out;}
	.w-f-wrap-inner img{width:137px; height:137px; display:block;
	 -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
	}
	.w-f-wrap-inner:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
	
	.workflow-process:hover .w-f-wrap-1:hover{background:none; }
	.workflow-process:hover .process-head{color:#eb6e1f;}
    .process-head{font-size:30px; color:#4e4e50; font-family: 'Handlee', cursive; text-align:center; margin:0 0 10px 0;}
	.w-p-div-2{text-align:center;}
	.po-1{position:relative; top:-15px;}
	.p-head-wrap{float:left; width:250px;}
	.p-section-2{float:left;}
	.p-mrt-1{margin:60px 20px 0 0;}
	.p-mrt-2{margin:60px 0 0 20px;}
	.f-right{text-align:right;}
	.f-left{text-align:left;}
	.mrlf{margin-left:180px;}
	.mrlf-2{margin-left:280px;}
	.w-p-div-2 .w-f-s1{display:inline-block; position:relative;}
	.workflow-main-div{position:absolute; width:100%; top:90px;}
	.w-p-main-wrap{width:227px; height:215px; background:url(../images/wp-main-bg.png) no-repeat; display:block; margin:0 auto; padding:12px; }
	.c-logo-div{width:202px; height:202px; display:block; border:6px solid #1ab7ea; position:relative; z-index:11;}
	.wp-arrow-up{width:103px; height:102px; background:#1ab7ea; margin:0 auto; padding:25px 39px 0 39px; position:relative; margin-top:-30px;}
	.shadow-1{line-height:0;}
	#arrow-updown{ width: 26px; height: 22px; background:url(../images/arrow-up.png) no-repeat; position: absolute; z-index:111; top:20px;}
    .ar-t0{padding-top:24px; }
	.destop-visible{display:none;}

.w-f-wrap-inner {
  cursor: pointer;
  margin:0 auto;
  width:143px; height:143px;
  padding:3px;
  text-align: center;
  position: relative;
  text-decoration: none;
  z-index: 1;
  color: #fff;
}
.w-f-wrap-inner:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
  content: '';
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/* Effect 1 */
.w-f-wrap-inner.effect-1 {
  background: #4e4e50;
  -webkit-transition: background 0.2s, color 0.2s;
  -moz-transition: background 0.2s, color 0.2s;
  transition: background 0.2s, color 0.2s;
}
.w-f-wrap-inner.effect-1:after {
  top: -7px;
  left: -7px;
  padding: 7px;
  box-shadow: 0 0 0 1px #eb6e1f;
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  -webkit-transform: scale(0.8);
  -moz-transition: -moz-transform 0.2s, opacity 0.2s;
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transition: transform 0.2s, opacity 0.2s;
  transform: scale(0.8);
  opacity: 0;
}
/* Effect 1a */
.w-f-wrap-inner.effect-1.sub-a:hover {
  background: #eb6e1f;
  color: #41ab6b;
}
.w-f-wrap-inner.effect-1.sub-a:hover:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}


    .popup-head{font-size:30px; color:#555555; margin:0 0 15px 0;}	
	.feature-thumb{margin:0 -15px;}
	.feature-thumb li{margin-bottom:18px;}
	.feature-section{cursor:pointer;}
	.icon-div-2{background:#3c3c3c; height:83px;  width:83px; margin:0 auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float:left; margin-right:15px; }
	.feature-section:hover .icon-div-2{background:#1ab7ea;}
	.serviceicon-2 {height:81px;  width:81px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; transition: background .50s ease-in-out; -moz-transition: background .50s ease-in-out; -webkit-transition: background .50s ease-in-out; display:block; margin:0 auto;}
	.icon-1{ background: url(../images/web-design_icon.png) no-repeat; }
	.icon-2{ background: url(../images/cms-icon.png) no-repeat;}
	.icon-3{ background: url(../images/icon-1.png) no-repeat;}
	.icon-4{ background: url(../images/web-app.png) no-repeat;}
	.icon-5{ background: url(../images/icon-3.png) no-repeat;}
	.icon-6{ background: url(../images/reporting-icon.png) no-repeat;}
	.feature-section h4{color: #555555; font-size: 18px; margin:0 0 10px 0; }
	.feature-section .text {font-size:14px; color:#888888; line-height:17px;}
	.feature-section:hover h4{color: #1ab7ea;}
    .feature-section:hover .text{color: #1ab7ea;}
	.open-close {
	display:block;
	position: relative;
	cursor:pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	z-index:11;
	background-color: #CCC;
	background-image: none;
	background-repeat: no-repeat;
	background-position: right;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 15px;
}
	.open-close:hover{background-color:#088301; color:#FFF;}
	.current4{background-attachment: scroll;  #088301 right no-repeat; color: #fff !important;}
	.r-accordion-panel{display:none; padding:15px; border:1px solid #e7e7e7; position:relative; margin-top:-5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;}
	.r-accordion-head{
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#555555;
}
	.r-accordion-head span{font-size:24px; font-weight:normal;}
	.s-accordion li{margin-bottom:5px;}
	.s-accordion li:last-child{margin-bottom:0;}
	/*client says*/
	.client-wrap{padding:0 50px;}
	.client-says-wrap{background:url(../images/client-say-bg.jpg) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding:20px 0 40px 0;display: none;}
	.client-info-wrap{background:url(../images/colon-1.png) no-repeat;}
	.client-info-wrap p{text-align:center; color:#fff; font-size:20px; line-height:24px; padding:15px 50px 0 50px;}
	.colon-wrap{text-align:right;}
	.div-client{position:absolute; width:100%;}
	.c-img-wrap{text-align:center; font-family: 'Source Sans Pro', sans-serif;}
	.c-img-wrap span{position:relative; display:inline-block;}
	.c-border{border:3px solid #2b535e;}
	.client-name{color:#fff; font-size:18px; line-height:20px;}
	.c-company-name{color:#fff; font-size:16px;}
	.c-img0{position:absolute; top:20px; margin:0 5px; width:86px;}
	/*client-logo*/
	.partner-wrap{margin-top:70px;}
	.body-info{font-size:22px;}
	.client-wrap-div{margin:20px 0 100px 0;}
	/*blog*/
	.h-blog-wrap{background:url(../images/bg-2.png) right; border-bottom:1px solid #fff; padding:15px 0 30px 0;}
	.h-blog-head{font-size:24px; margin:5px 0 15px 0;}
	.slider1 {overflow: visible !important; position: relative; margin:0 50px;}
    .slider1 .slide1 {display: none; opacity: 0; position: absolute; top: 0;width: 100%;}
    .slider1 .slide1.active {display: block; opacity: 1;}
    .slider1 .arrow {background: url(../images/slide-control.png) no-repeat; cursor: pointer; display: block; position: absolute; width: 34px; height: 33px; z-index: 100;}
    .slider1 .arrow.left {right:0;}
    .slider1 .arrow.right {top:36px; right:0; background-position: -34px 0;}
    .slider1 .dots {display:none;}
	.f-blog-date{width:54px; background:#FFF; float:left; margin-right:15px;}
	.f-blog-date h5{display:block; background:#1ab7ea; font-size:26px; color:#FFF; font-weight:bold; text-align:center; margin:0 3px; padding:3px 0;}
	.f-blog-date h6{display:block; font-size:14px; color:#1ab7ea; font-weight:bold; text-align:center; margin:0 0; padding:8px 0;}
	.f-blog-info h5{font-size:18px; font-weight:bold; margin:0 0 8px 0;}
	.f-blog-info p{color:#fff;}
	.f-blog-info{padding-right:50px;}
/* ================================================================
	FOOTER
   ================================================================ */
  .f-section-1{
	float:left;
	width:15%;
}
  .f-section-2{float:left; width:15%;}
  .f-section-3{
	float:left;
	width:15%;
}
  .f-section-4{float:left; width:15%;}
  .f-section-5{
	float:left;
	width:23%;
}
  .f-section-6{float:left; width:auto;}
  .footer_top{background:url(../images/bg-1.png) repeat; padding:35px 0;}
  .footer-head{
	-webkit-font-smoothing: antialiased;
	font-family:"Century Gothic";
	font-weight:bold;
	font-size:16px;
	color:#228D19;
	margin:0 0 15px 0;
}
  .footer-info{-webkit-font-smoothing: antialiased; font-family: 'Source Sans Pro', sans-serif; font-size:14px; color:#fff;}
  .footer-link li{-webkit-font-smoothing: antialiased; font-family: 'Source Sans Pro', sans-serif; font-size:14px; margin:0 0 10px 0;}
  .footer-link li a{color:#fff;}
  .footer-link li a:hover{
	color:#238E1A;
}
  .f-mrt-1{margin-top:25px;}
  .f-space-left{margin-left:15px;}
  .f-service-link li{-webkit-font-smoothing: antialiased; font-family: 'Source Sans Pro', sans-serif; font-size:14px; display:block;}
  .f-service-link li a{color:#fff;}
  .f-service-link li a:hover{
	color:#218C18;
}
  .policies-link li{font-family:Arial, Helvetica, sans-serif; font-size:12px; display:block; margin:2px 0; line-height:15px;}
  .policies-link li a{color:#fff;}
  .policies-link li a:hover{color:#1ab7ea;}
  .f-contact-img{margin-bottom:15px;}
  .f-twitter-thumb{margin-right:30px;}
  .f-twitter-thumb li{margin-bottom:15px;}
  .f-twitter-thumb li:last-child{margin-bottom:0;}
  .f-twitter-img-div{float:left; margin-right:10px;}
  .f-twitter-info{color:#fff; line-height:14px;}
  .twitter-date{margin-top:7px;}
  .twitter-date a{color:#1ab7ea;}
  .twitter-date a:hover{color:#eb6e1f;}
  
  
  .newsletter-input{display: block; width: 100%; height: 48px;  padding: 6px 20px; -webkit-font-smoothing: antialiased; font-family: 'Source Sans Pro', sans-serif; font-size: 14px; line-height: 1.428571429; color: #555555; vertical-align: middle; background-color: #e4e4e4; background-image: none; border:0;}
   .news-letter-btn{border:0; font-family:"Century Gothic"; font-size:24px; text-transform:uppercase; font-weight:bold; color:#fff; background:url(../images/btn-bg-1.png) repeat-x; 
   padding:2px 30px; border:3px solid #5c5c5c; -moz-box-shadow:inset 0px -2px 0px #0a3948; -webkit-box-shadow:inset 0px -2px 0px #0a3948; box-shadow:inset 0px -2px 0px #0a3948; }
  .news-letter-btn:hover{background:url(../images/btn-bg-1-hover.png) repeat-x; color:#fff;}
 .footer-social a{width:33px; height:33px; float:left; margin-right:1px; margin-bottom:1px; transition: background .30s ease-in-out; -moz-transition: background .30s ease-in-out; -webkit-transition: background .30s ease-in-out; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
  .f-facebook{background:url(../images/f-facebook.png) no-repeat;}
  .f-linkdin{background:url(../images/f-linkdin.png) no-repeat;}
  .f-twitter{background:url(../images/f-twitter.png) no-repeat;}
  .f-googleplus{background:url(../images/f-googleplus.png) no-repeat;}
  .f-facebook:hover{background-position:0 -33px;}
  .f-linkdin:hover{background-position:0 -33px;}
  .f-twitter:hover{background-position:0 -33px;}
  .f-googleplus:hover{background-position:0 -33px;}
  .footer_bottom{background:url(../images/bg-1.png) repeat; border-top:1px solid #484848; padding:15px 0;}
  .footer-text{font-family: 'Source Sans Pro', sans-serif; font-size:14px; color:#FFF; padding:0;}
  .footer_bottom p a{
	color:#228D19;
}
  .footer_bottom p a:hover{color:#eb6e1f;}
  /*totop*/
  .scrollup{width:38px; height:38px; opacity:0.7; position:fixed; bottom:10px; right:15px; display:none; text-indent:-9999px; background: url(../images/totop.png) no-repeat; z-index:9999;}
  .scrollup:hover{opacity:1;}
  /*totop*/ 
/* ================================================================
	CONTACTS 
   ================================================================ */
    .top-header-bg{
	background-color: #3BAC38;
}
	.h-top-section-1{float:left; width:35%;}
	.h-top-section-2{float:left; width:65%;}
	.top-head-0{font-size:26px; color:#fff; margin:0; display:inline-block; height:45px; float:right;}
	.top-head-bg-1{
	padding:7px 30px 0 30px;
	height:45px;
	float:left;
	background-color: #077200;
}
	.style-1{float:left;}
	#map-canvas {
	height: auto;
	width:auto;
	margin: 0px;
	padding: 0px;
	border:1px solid #097f01;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
    #map-canvas img{max-width:inherit;}
    .map-wrap{border:1px solid #cbcbcb; padding:8px;}
    .btn-send{
	border:0;
	font-family:"Century Gothic";
	font-size:14px;
	font-weight:bold;
	color:#fff;
	background:url(../images/btn-bg-1.png) repeat-x;
	padding:1px 10px;
	border:3px solid #3BAB4E;
	-moz-box-shadow:inset 0px -2px 0px #14647e;
	-webkit-box-shadow:inset 0px -2px 0px #14647e;
	box-shadow:inset 0px -2px 0px #14647e;
	display:inline-block;
	text-transform:uppercase;
}
   .btn-send:hover{background:url(../images/btn-bg-1-hover.png) repeat-x; color:#fff;}
   .contact-form-head{font-size:16px; font-weight:bold; color:#888888; margin:0 0 10px 0;}
   .Radio-btn{font-family:"Century Gothic"; font-size:14px; font-weight:bold; color:#888888; margin-right:10px; margin-bottom:15px;}
   .contact-head-2{font-size:18px; font-weight:bold; margin:10px 0 10px 0;}
   .address-info li{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:14px;
	color:#888888;
	padding:3px 0 3px 25px;
	text-transform: none;
}
   .address-info li span{
	color:#24911C;
}
   .address-icon{background:url(../images/address-icon.png) no-repeat 0 4px;}
   .phone-icon{background:url(../images/phone-icon.png) no-repeat 0 5px;}
    .ph-icon{background:url(../images/ph-icon.png) no-repeat 0 5px;}
   .email-icon{background:url(../images/email-icon.png) no-repeat 0 6px;}
   .time-icon{background:url(../images/time-icon.png) no-repeat 0 6px;}

/* ================================================================
	ABOUT US
   ================================================================ */
  .team-head-wrap01{width:855px; margin:40px auto 15px auto;}
   .about-img-div span{float:left; width:100%;}
   .about-img-left{margin-left:2px;}
   .team-img-div-inner{
  cursor: pointer;
  margin:0 auto;
  width:238px; height:238px;
  padding:3px;
  text-align: center;
  position: relative;
  text-decoration: none;
  z-index: 1;
  color: #fff;
}
.team-img-div-inner:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
  content: '';
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/* Effect 2 */
	.team-img-div-inner.effect-2 {
	  -webkit-transition: box-shadow 0.2s;
	  -moz-transition: box-shadow 0.2s;
	  transition: box-shadow 0.2s;
	}
	.team-img-div-inner.effect-2:after {
	  top:0;
	  left: 0;
	  padding: 0;
	  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	  -moz-transition: -moz-transform 0.2s, opacity 0.2s;
	  transition: transform 0.2s, opacity 0.2s;
	}
	
	/* Effect 2b */
	.team-wrap:hover .team-img-div-inner.effect-2.sub-b:after {
	  -webkit-transform: scale(1);
	  -moz-transform: scale(1);
	  -ms-transform: scale(1);
	  transform: scale(1);
	}
	.team-wrap:hover .team-img-div-inner.effect-2.sub-b{
	  box-shadow: 0 0 0 10px #eb6e1f;
	}

	.team-img-div{width:260px; height:260px; display:block; background:url(../images/team-border.png) no-repeat; padding:11px; margin:0 auto;}
	.team-img-div-inner img{width:232px; height:232px; display:block;}
	.team-details-wrap{border:1px solid #e7e7e7; padding:15px; margin:10px 15px 0 15px; text-align:center;}
	.team-name{font-size:20px; color:#4e4e50; margin:0;}
	.team-po{font-size:16px; color:#4e4e50; margin:0 0 10px 0;}
	.team-arrow{background:url(../images/team-arrow.png) no-repeat; display:block; width:21px; height:20px; margin:0 auto 5px auto;}
	.team-wrap:hover .team-arrow{background:url(../images/team-arrow.png) no-repeat 0 -20px;}
	.team-wrap:hover .team-name{color:#eb6e1f;} 

   .pie-wrapper {display:block; height: 167px; width:167px; background:#e7e7e7; position: relative; margin:0 auto;}
   .pie-wrapper .pie .half-circle { border: 20px solid #1ab7ea; border-radius: 50%;clip: rect(0, 84px, 167px, 0); height: 167px; position: absolute; width: 167px;}
   .pie-wrapper .label {border-radius: 50%; display: block;  height: 125px; width:125px; border:5px solid #fff; left: 0;  top: 0; position: absolute; text-align: center; padding-top:0; 
   margin:21px;}
   .skillpercent{font-size: 18px; font-weight:bold; color:#4e4e50; font-family: "Century Gothic"; margin:0; padding-top:43px;}
   .pie-wrapper.progress-90 .pie, .pie-wrapper.progress-80 .pie, .pie-wrapper.progress-75 .pie, .pie-wrapper.progress-60 .pie { clip: rect(auto, auto, auto, auto);}
	.pie-wrapper.progress-90 .pie .right-side, .pie-wrapper.progress-80 .pie .right-side, .pie-wrapper.progress-75 .pie .right-side, .pie-wrapper.progress-60 .pie .right-side {
	  -webkit-transform: rotate(180deg);
	  -moz-transform: rotate(180deg);
	  -ms-transform: rotate(180deg);
	  -o-transform: rotate(180deg);
	  transform: rotate(180deg);
	}
	.pie-wrapper.progress-90 .pie .left-side {
	  -webkit-transform: rotate(320deg);
	  -moz-transform: rotate(320deg);
	  -ms-transform: rotate(320deg);
	  -o-transform: rotate(320deg);
	  transform: rotate(320deg);
	}
	.pie-wrapper.progress-80 .pie .left-side {
	  -webkit-transform: rotate(300deg);
	  -moz-transform: rotate(300deg);
	  -ms-transform: rotate(300deg);
	  -o-transform: rotate(300deg);
	  transform: rotate(300deg);
	}
	.pie-wrapper.progress-75 .pie .left-side {
	  -webkit-transform: rotate(270deg);
	  -moz-transform: rotate(270deg);
	  -ms-transform: rotate(270deg);
	  -o-transform: rotate(270deg);
	  transform: rotate(270deg);
	}
	.pie-wrapper.progress-60 .pie .left-side {
	  -webkit-transform: rotate(250deg);
	  -moz-transform: rotate(250deg);
	  -ms-transform: rotate(250deg);
	  -o-transform: rotate(250deg);
	  transform: rotate(250deg);
	}
	.skill-thumb li{float:left; width:187px; margin-top:30px;}
	.brainware-portfolio {
	margin-bottom: 2%;
    text-align: center;
}
/* ================================================================
	SERVICE
   ================================================================ */
   .premium-feature-wrap{background:#ececec; padding:20px 0; margin:20px 0 0 0;}
   .s-f-20{font-size:20px; line-height:22px;}
    .service{ padding:25px 20px; background:#fff; border:1px solid #eeeeee; display:block; cursor:pointer;}
	.service:hover{background:#1ab7ea;  border:1px solid #1ab7ea;}
	.serviceicon {display:block; height:76px;  width:76px; margin:0 auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background:#1ab7ea;}
	.serviceicon.icon-7{ background: url(../images/icon-7.png) no-repeat;}
	.serviceicon.icon-8{ background: url(../images/icon-8.png) no-repeat;}
	.serviceicon.icon-9{ background: url(../images/icon-9.png) no-repeat;}
	.serviceicon.icon-10{ background: url(../images/icon-10.png) no-repeat;}
	.service h4{font-family: "Century Gothic"; color: #4e4e50; text-align:center; font-size: 24px; margin:15px 0 15px 0;}
	.service:hover h4{color: #fff;}
	.service .text {font-size:14px; color:#888888; font-family: 'Source Sans Pro', sans-serif; text-align:center; line-height:17px;}
	.service:hover .text{color: #fff;}
	.read-more-btn{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#888888; display:inline-block; position:relative; padding-bottom:0px; border-bottom:1px solid #888888; margin-top:15px;}
	.service:hover .read-more-btn{color:#fff; border-bottom:1px solid #fff;}
   .icon-div{
	  cursor: pointer;
	  margin:0 auto;
	  height:82px;  width:82px; margin:0 auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
	  text-align: center;
	  position: relative;
	  text-decoration: none;
	  z-index: 1;
	}
	.icon-inner-inner{border:3px solid #4e4e50; background:#1ab7ea;}
	.service:hover .icon-inner-inner{border:3px solid #fff;  background:#eb6e1f;}
	.icon-div:after {
	  pointer-events: none;
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
	  content: '';
	  -webkit-box-sizing: content-box;
	  -moz-box-sizing: content-box;
	  box-sizing: content-box;
	}
	
/* Effect 9 */
	.icon-div.effect-9 {
	  -webkit-transition: box-shadow 0.2s;
	  -moz-transition: box-shadow 0.2s;
	  transition: box-shadow 0.2s;
	}
	.icon-div.effect-9:after {
	  top:0;
	  left: 0;
	  padding: 0;
	  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	  -moz-transition: -moz-transform 0.2s, opacity 0.2s;
	  transition: transform 0.2s, opacity 0.2s;
	}
	
	/* Effect 9b */
	.service:hover .icon-div.effect-9.sub-c:after {
	  -webkit-transform: scale(1);
	  -moz-transform: scale(1);
	  -ms-transform: scale(1);
	  transform: scale(1);
	}
	.service:hover .icon-div.effect-9.sub-c{
	  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
	}
/* ================================================================
	PRICING
   ================================================================ */
   .bg-01{background:#1ab7ea;}
   .bg-02{background:#eb6e1f;}
   .bg-03{background:#4e4e50;}
   .p-bg-1{background:url(../images/p-bg-1.jpg) top center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} 
   .p-bg-2{background:url(../images/p-bg-2.jpg) top center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
   .p-bg-3{background:url(../images/p-bg-3.jpg) top center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
   .p-bg-4{background:url(../images/p-bg-4.jpg) top center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
    .pricing-wrap{background:#fff;}
    .pricing-top-div{min-height:126px;}
	.pricing-top-div2{min-height:183px;}
	.p-h-1{font-size:24px; text-align:center; margin:0; padding:22px 0 0 0;}
	.p-h-2{font-size:48px; text-align:center; margin:0; padding:65px 0 0 0;}
	.p-h-3{font-size:36px; text-align:center; margin:0; padding:70px 0 0 0; }
    .p-top{position:relative; margin-top:-56px;}
	.pricing-top-div2{min-height:183px; position:relative;}
	.badge-1{position:absolute; top:-5px; right:-5px;}
	.price-yearly-div{width:112px; height:112px; border:2px solid #fff; padding:11px; position:relative; margin:-58px auto 0 auto;}
	.price-yearly-inner{width:86px; height:86px; margin:0 auto; padding:5px; border:5px solid #fff;  text-align:center;}
	.price-text-1{font-size:33px; font-weight:bold; color:#fff; font-family: 'Source Sans Pro', sans-serif; margin:0; padding:8px 0 0 0;}
	.price-text-2{font-size:14px; font-weight:bold; font-family: 'Source Sans Pro', sans-serif;  color:#fff; margin:0; line-height:10px;}
	
	.price-details-bg{background:url(../images/price-details-bg.jpg) center bottom no-repeat; border:1px solid #ececec; border-bottom:0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
	.price-details{margin:20px 0 0 0;}
	.price-details li{padding:10px 25px; font-size:16px; color:#555555; font-family: 'Source Sans Pro', sans-serif; border-top:1px solid #ececec;}
	.p-buy-now-btn{color:#fff; font-family:"Century Gothic"; font-size:24px; font-weight:bold; text-align:center; display:block; padding:7px 0; width:180px; margin:20px auto;}
    .p-buy-now-btn:hover{color:#555555;}
	.p-buy-now-btn2{color:#fff; font-family:"Century Gothic"; font-size:24px; font-weight:bold; text-align:center; display:block; padding:7px 0; width:180px; margin:20px auto;}
    .p-buy-now-btn2:hover{color:#53c9ef;}
    .btn-bg-1{background:url(../images/btn-bg-4.png) repeat-x; -moz-box-shadow:inset 0px -2px 0px #116f8e; -webkit-box-shadow:inset 0px -2px 0px #116f8e; box-shadow:inset 0px -2px 0px #116f8e;}
	.btn-bg-2{background:url(../images/btn-bg-5.png) repeat-x; -moz-box-shadow:inset 0px -2px 0px #934411; -webkit-box-shadow:inset 0px -2px 0px #934411; box-shadow:inset 0px -2px 0px #934411;}
	.btn-bg-3{background:url(../images/btn-bg-6.png) repeat-x; -moz-box-shadow:inset 0px -2px 0px #1d1d1d; -webkit-box-shadow:inset 0px -2px 0px #1d1d1d; box-shadow:inset 0px -2px 0px #1d1d1d;}
	.price-btn-wrap{ border:1px solid #ececec; height:47px;}
	.column-wrap-3{margin:60px 0 80px 0;}
	

/* ================================================================
	NEWS
   ================================================================ */
   .photo-streme-thumb{margin:-2px -2px 0 -2px;}
  .photo-streme-thumb li{float:left; width:129px; margin:2px; background:#4e4e50; webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
  .photo-streme-thumb li img{transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
  .photo-streme-thumb li img:hover{opacity:0.5;}
  .r-p-img-div{float:left; margin-right:15px;}
  .r-p-date-div{margin-top:10px;}
  .recent-post-thumb li{margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #d4d4d4;}
    .open-close2 {background:url(../images/news-arrow-up.png) #e7e7e7 right no-repeat; display:block; padding: 4px 30px 4px 85px; position: relative; cursor:pointer; -webkit-border-top-left-radius: 5px; border-top-left-radius: 25px; border-bottom-left-radius: 25px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; z-index:11; min-height:42px;}
	.open-close2:hover{background-color:#1ab7ea; color:#FFF;}
	.current2 { background-attachment: scroll; background:url(../images/news-arrow-down.png) #1ab7ea right no-repeat; color: #fff !important; }
	.r-accordion-panel2{display:none; padding:30px 0 0 65px; position:relative; margin-top:-5px; }
	.r-accordion-head2{font-family: 'Source Sans Pro', sans-serif; font-size:24px; color:#555555; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; height:30px; display:inline-block;}
	.s-accordion2 li{margin:30px 0 35px 0;}
	.new-counter-div{width:72px; height:72px; background:#fff; border:4px solid #fff; display:inline-block; position:absolute; top:-15px; left:-5px; }
	.count-new{font-family:Arial, Helvetica, sans-serif; font-size:46px; line-height:48px; padding-top:6px; color:#fff; text-align:center; width:64px; height:64px; background:#eb6e1f; border:3px solid #4e4e50; display:block;}
	.news-img-div{float:left; margin-right:20px;}
	.news-head{font-size:16px; margin:0 0 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.news-head a:hover{color:#eb6e1f;}
	.read-more-btn2{font-family:"Century Gothic"; font-size:12px; color:#1ab7ea; display:inline-block; margin-top:10px;}
	.read-more-btn2:hover{color:#eb6e1f;}
	.location-wrap{font-family: 'Source Sans Pro', sans-serif; font-size:16px; }
	.location-wrap a{color:#4e4e50;}
	.location-wrap a:hover{color:#eb6e1f;}
	.location-icon{line-height:0; margin-right:7px; position:relative; top:-2px;}
	.location-wrap{margin-bottom:5px;}
	.location-wrap a{display:inline-block; width:25%;}
	.load-more-btn{font-family:"Century Gothic"; font-size:26px; font-weight:bold; color:#fff; background:url(../images/btn-bg-3.png) repeat-x; 
   padding:4px 0; border:3px solid #d3d3d3; -moz-box-shadow:inset 0px -2px 0px #232323; -webkit-box-shadow:inset 0px -2px 0px #232323; box-shadow:inset 0px -2px 0px #232323; display:block;  width:192px; text-align:center; margin:0 auto;}
   .load-more-btn:hover{color:#1ab7ea;}
 /* ================================================================
	BLOG
   ================================================================ */	
	.blog-img-section{float:left; width:375px;}
	.blog-details-section{float:left; width:472px; border:1px solid #ececec; min-height:233px;}
	.blog-count-wrap{width:78px; height:78px; background:#eb6e1f; font-family:Arial, Helvetica, sans-serif; font-size:48px; line-height:48px; padding-top:12px; color:#fff; text-align:center;  background:#eb6e1f; border:3px solid #fff; float:left; position:relative; margin:80px 0 0 -43px; z-index:11;  -moz-box-shadow: 2px 0px 2px #d1d1d1;  -webkit-box-shadow: 2px 0px 2px #d1d1d1;
 box-shadow: 2px 0px 2px #d1d1d1;}
	.blog-item{position:relative;}
	.blog-overlay{width: 100%; height: 100%; overflow:hidden; background: url(../images/hover-bg-1.png) repeat; position: absolute; top: 0; left: 0; text-decoration: none; display: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
	.blog-view-iconwrap{display:block; text-align:center; margin-top:100px;}
	.blog-details-wrap{padding:15px 15px 15px 50px;}
	.blog-title-head{font-size:18px; margin:0 0 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.blog-title-head a:hover{color:#eb6e1f;}
	.blog-l-d-wrap{font-family: 'Source Sans Pro', sans-serif; font-size:12px; margin-left:-7px; margin-bottom:10px;}
	.blog-l-d-wrap a{color:#4e4e50; display:inline-block; margin:0 7px;}
	.blog-l-d-wrap a:hover{color:#eb6e1f;}
	.blog-thumb li{margin-bottom:30px;}
	.load-more-btn2{font-family:"Century Gothic"; font-size:26px; font-weight:bold; color:#fff; background:url(../images/btn-bg-7.png) repeat-x; 
   padding:4px 0; border:3px solid #c6edfa; -moz-box-shadow:inset 0px -2px 0px #106884; -webkit-box-shadow:inset 0px -2px 0px #106884; box-shadow:inset 0px -2px 0px #106884; display:block;  width:192px; text-align:center; margin:0 auto;}
   .load-more-btn2:hover{color:#555555;}
   /*BLOG 2*/
   .blog2-details-wrap{padding:15px; border:1px solid #ececec;}
   .blog2-thumb li{float:left; width:50%;}
   .blog-2-div-inner{width:424px; border-right:3px solid #4e4e50; position:relative; padding:15px 0 30px 0;}
   .blog-2-div-inner-inner{width:360px; float:left;}
   .blog-2-div-inner2{width:424px; position:relative; padding:15px 0 30px 0;}
   .blog-2-div-inner-inner2{width:360px; float:right;}
   .blog-2-count-bg{width:88px; height:67px; background:url(../images/blog-2-count-bg.png) no-repeat; display:block; position:absolute; top:15px; right:-35px; font-family:Arial, Helvetica, sans-serif; font-size:48px; line-height:48px; padding:10px 22px 0 0; color:#fff; text-align:right; z-index:11;}
   .blog-2-count-bg2{width:88px; height:67px; background:url(../images/blog-2-count-bg2.png) no-repeat; display:block; position:absolute; top:140px; left:-35px; font-family:Arial, Helvetica, sans-serif; font-size:48px; line-height:48px; padding:10px 0 0 20px; color:#fff; z-index:11;}
   .blog-view-iconwrap2{display:block; text-align:center; margin-top:80px;}
   .date-blog-2-wrap{font-family:"Century Gothic"; font-size:12px; color:#fff; font-weight:bold; text-align:center; padding:5px 0; width:98px; margin:0 auto; background:#4e4e50; display:block;}
/* ================================================================
	PRODUCT DETAILS
   ================================================================ */
   .details-wrap-div{width:944px; margin:30px auto 0 auto;}
   .details-slide-wrap{padding:13px; background:#1ab7ea; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
   .gd-head{background:#1ab7ea; font-size:22px; font-weight:bold; color:#fff; padding:12px 35px 5px 35px; margin:0; position:relative; display:inline-block; -moz-border-radius-topleft: 10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px; }
	.product-des-head{font-size:24px; color:#4e4e50; margin:15px 0 10px 0;}
	.live-preview-btn{font-family:"Century Gothic"; font-size:26px; font-weight:bold; color:#fff; background:url(../images/btn-bg-7.png) repeat-x; padding:4px 35px; border:3px solid #c6edfa; -moz-box-shadow:inset 0px -2px 0px #106884; -webkit-box-shadow:inset 0px -2px 0px #106884; box-shadow:inset 0px -2px 0px #106884; display:inline-block; margin-top:20px;}
	.live-preview-btn:hover{color:#555555;}
	.info-2{font-family:"Century Gothic"; font-size:24px; color:#4e4e50;}
	.info-1{font-size:18px; margin-top:15px;}

/* ================================================================
	RESPONSIVE CODE
   ================================================================ */
	@media (min-width: 993px) and (max-width: 1200px){
	/*Header*/
	
	/*banner*/
	.g-info{font-size:20px; margin-top:7px;}
    .g-info span{font-size:30px;}
	/*Body*/
	.workflow-bg{margin:150px auto 40px auto; background:url(../images/wokflow-bg-tab.png) center top no-repeat;}
	.p-mrt-1{margin:60px 10px 0 0;}
	.p-mrt-2{margin:60px 0 0 10px;}
	.body-head-5{font-size:22px;}
	.mrlf{margin-left:120px;}
	.mrlf-2{margin-left:220px;}
	.p-head-wrap{float:left; width:190px;}
	.process-head{font-size:22px;}
	.po-1{position:relative; top:0;}
	.w-p-main-wrap{width:199px; height:183px; background:url(../images/wp-main-bg-tab.png) no-repeat; display:block; margin:0 auto; padding:10px 13px; }
	.c-logo-div{width:172px; height:auto;}
	.workflow-main-div{position:absolute; width:100%; top:120px;}
	.client-wrap{padding:0;}
	.slider1 {margin:0;}
	.popup-head{font-size:28px;}	
	/*Foooter*/
   .f-section-1{float:left; width:10%;}
   .f-section-3{float:left; width:25%;}
    .f-space-left{margin-left:20px;}
	.f-space-left{margin-left:20px;}
	/*About us*/
	.about-img-div span{width:49.5%; }
	.team-img-div{width:200px; height:200px; background:url(../images/team-border-tab.png) no-repeat; padding:10px; margin:0 auto;}
	.team-img-div-inner{ width:180px; height:180px;}
	.team-img-div-inner img{width:174px; height:174px; display:block;}
	.team-details-wrap{padding:10px; margin:10px 0 0 0;}
    .team-name{font-size:18px;}
    .team-po{font-size:14px;}
	.skill-thumb li{width:50%; margin-top:15px;}
	/*service*/
	.service h4{font-size: 20px; margin:10px 0;}
	/*news*/
	.photo-streme-thumb li{width:102px;}
	.location-wrap a{display:block; width:auto;}
	/*pricing*/
	.p-h-1{font-size:23px; padding:24px 0 0 0;}
	.p-h-2{font-size:40px; padding:70px 0 0 0;}
	.price-details li{padding:10px 15px; font-size:15px;}
	.p-h-3{font-size:34px; padding:75px 0 0 0; }
	 /*blog*/
	 .blog-img-section{width:355px;}
	 .blog-details-section{width:340px; min-height:221px;}
	 .blog-l-d-wrap{margin-bottom:7px;}
	 .blog-title-head{font-size:16px; margin:0 0 5px 0;}
	 .blog-details-wrap{padding:10px 10px 10px 50px;}
	 .blog-count-wrap{margin:75px 0 0 -43px;}
	 .blog-2-div-inner{width:350px;}
	 .blog-2-div-inner2{width:350px;}
     .blog-2-div-inner-inner{width:280px;}
     .blog-2-div-inner-inner2{width:280px;}
	 .blog-2-count-bg2{top:100px;}
     .blog-view-iconwrap2{margin-top:60px;}
	 /*details*/
	 .details-wrap-div{width:auto; margin:30px auto 0 auto;}
	}
	@media (min-width: 768px) and (max-width: 992px){
	/*Header*/
	.header-bg{padding:10px 0;}
	.logo{text-align:center;}
	.top-right{float:none; margin:5px auto 0 auto; width:430px;}
    /*Banner*/
	.getstarted-wrap{text-align:center; padding:20px 0;}
	.g-info{font-size:20px; margin:0 0 10px 0;}
    .g-info span{font-size:30px;}
	/*Body*/
	.body-head-1{font-size:28px;}
	.body-info{font-size:18px;}
	.body-head-5{font-size:22px;}
	.body-head-6{font-size:26px;}
	.workfolw-head-wrap0{width:auto; margin:30px auto 10px auto;}
	.workflow-bg{margin:150px auto 40px auto; background:url(../images/wokflow-bg-tab1.png) center top no-repeat; min-height:330px;}
	.p-mrt-1{margin:50px 10px 0 0;}
	.p-mrt-2{margin:50px 0 0 10px;}
	.mrlf{margin-left:110px;}
	.mrlf-2{margin-left:200px;}
	.w-f-wrap-1{width:115px; height:115px; background:url(../images/work-process-bg-tab.png) no-repeat;}
	.w-f-wrap-inner img{width:95px; height:95px; }
	.w-f-wrap-inner {width:101px; height:101px;}
	.po-1{position:relative; top:-12px;}
	.p-head-wrap{float:left; width:130px;}
	.process-head{font-size:18px;}
	.w-p-main-wrap{width:199px; height:183px; background:url(../images/wp-main-bg-tab.png) no-repeat; display:block; margin:0 auto; padding:10px 13px; }
	.c-logo-div{width:172px; height:auto;}
	.workflow-main-div{position:absolute; width:100%; top:70px;}
	.popup-head{font-size:26px;}	
	.client-wrap-div{margin:20px 0 25px 0;}
	.client-wrap{padding:0;}
	.slider1 {margin:0;}
	/*Foooter*/
	 .f-section-1, .f-section-2, .f-section-3, .f-section-4, .f-section-5{float:none; width:auto;}
	 .f-space-left{margin-left:0;}
	 .f-space-left{margin-left:0;}
	 .footer-head{margin:15px 0 10px 0;}
	 .f-mrt-1{margin-top:15px;}
	 .footer_top{padding:25x 0;}
	 .footer-text{text-align:center;}
	 /*footer*/
	 .contact-head-2{margin:0 0 10px 0;}
	 /*About us*/
	 .team-head-wrap01{width:auto; margin:30px auto 10px auto;}
	 .team-details-wrap{padding:15px; margin:10px 0 0 0;}
	 .skill-thumb li{width:50%; margin-top:15px;}
	 .about-img-div span{float:left; width:auto;}
	 /*service*/
	 .service{ padding:20px 15px;}
	 .service h4{font-size: 24px; margin:15px 0;}
	 .s-mrt-0{margin-top:20px;}
	 /*news*/
	 .photo-streme-thumb li{width:115px;}
	 .location-wrap a{display:block; width:auto;}
	 /*pricing*/
	 .p-top{margin-top:0;}
	 .p-mrtb0{margin-top:50px;}
	 .column-wrap-3{margin:50px 0 20px 0;}
	/*blog*/
	 .blog-img-section{width:355px;}
	 .blog-details-section{width:365px; min-height:221px;}
	 .blog-l-d-wrap{margin-bottom:7px;}
	 .blog-title-head{font-size:16px; margin:0 0 5px 0;}
	 .blog-details-wrap{padding:10px 10px 10px 50px;}
	 .blog-count-wrap{margin:75px 0 0 -43px;}
	 .blog-thumb li{margin-bottom:25px;}
	 .blog-2-count-bg2{top:100px;}
    .blog-2-div-inner{width:360px;}
	.blog-2-div-inner2{width:360px;}
    .blog-2-div-inner-inner{width:290px;}
    .blog-2-div-inner-inner2{width:290px;}
    .blog-view-iconwrap2{margin-top:60px;}
	/*details*/
	 .details-wrap-div{width:auto; margin:25px auto 0 auto;}
	}
	@media (min-width: 480px) and (max-width: 767px) {
	/*Header*/
	.header-bg{padding:10px 0;}
	.logo{text-align:center; width:230px; margin:0 auto;}
	.top-right{float:none; margin:5px auto 0 auto; width:430px;}
	/*banner*/
	.getstarted-wrap{text-align:center; padding:15px 0;}
	.g-info{font-size:20px; margin:0 0 10px 0;}
    .g-info span{font-size:30px;}
 	/*Body*/
	.body-head-1{font-size:26px;}
	.body-head-2{font-size:26px;}
	.body-head-3{font-size:23px;}
	.body-head-5{font-size:22px;}
	.body-head-6{font-size:23px;}
	.body-info{font-size:18px;}
	.workfolw-head-wrap0{width:auto; margin:30px auto 10px auto;}
	.workflow-bg{display:none;}
	.workflow-process{display:block; margin-top:20px;}
	.process-head{text-align:center;}
	.destop-visible{display:inherit;}
	
	.partner-wrap{margin-top:25px;}
	.client-says-wrap{padding:20px 0;}
	.client-wrap{padding:0;}
	.div-client{position:inherit; width:100%;}
	.c-img0{position:absolute; top:0;}
	.client-wrap-div{margin:20px 0;}
	.slider1 {margin:0;}
	.h-blog-head{font-size:23px;}
	 .popup-head{font-size:24px;}	
	/*Footer*/
     .f-section-1, .f-section-2, .f-section-3, .f-section-4, .f-section-5{float:none; width:auto;}
	 .f-space-left{margin-left:0;}
	 .f-space-left{margin-left:0;}
	 .footer-head{margin:15px 0 10px 0;}
	 .f-mrt-1{margin-top:15px;}
	 .footer_top{padding:25x 0;}
	 .footer-text{text-align:center;}
	 /*contact us*/
	.top-head-0{font-size:24px;}
	.top-head-bg-1{padding:9px 20px 0 20px;}
	 .file-input{margin-bottom:15px;}
	 .contact-head-2{margin:0 0 10px 0;}
	 /*About us*/
	 .team-head-wrap01{width:auto; margin:30px auto 10px auto;}
	 .team-details-wrap{padding:15px; margin:10px 0 0 0;}
	 .skill-thumb li{width:50%; margin-top:15px;}
	 .about-img-div span{float:left; width:auto;}
	  /*service*/
	 .service{ padding:20px 15px;}
	 .service h4{font-size: 24px; margin:15px 0;}
	 .s-mrt-0{margin-top:20px;}
	 /*news*/
	 .photo-streme-thumb li{width:100px;}
	 .location-wrap a{display:block; width:auto; font-size:14px;}
	 .r-accordion-head2{font-size:23px;}
	 /*pricing*/
	 .p-top{margin-top:0;}
	 .p-mrtb0{margin-top:50px;}
	 .p-mrb0{margin-bottom:30px;}
	 .column-wrap-3{margin:50px 0 20px 0;}
	 /*blog*/
	 .blog-img-section{float:none; margin:0 auto;}
	 .blog-details-section{float:none; width: auto; min-height: inherit;}
	 .blog-l-d-wrap{margin-bottom:7px;}
	 .blog-details-wrap{padding:15px;}
	 .blog-count-wrap{float:none; margin:-40px auto 0 auto;  -moz-box-shadow: 0px 2px 2px #d1d1d1; -webkit-box-shadow: 0px 2px 2px #d1d1d1; box-shadow: 0px 2px 2px #d1d1d1;}
	 .blog-thumb li{margin-bottom:25px;}
	 .blog2-thumb li{float:none; width:auto;}
	 .blog-2-div-inner{float:none; width:auto; border-right:0; padding:0 0 20px 0;}
	.blog-2-div-inner2{float:none; width:auto; padding:0 0 20px 0;}
    .blog-2-div-inner-inner{width:auto;}
    .blog-2-div-inner-inner2{width:auto;}
	.blog-2-count-bg2{top:120px;}
    .blog-2-count-bg{width:67px; height:88px; background:url(../images/blog-2-count-bg-tab.png) no-repeat; margin:0 auto; position:inherit; top:0; right:0; padding:10px 0 0 0; text-align:center;}
	.blog-2-count-bg2{width:67px; height:88px; background:url(../images/blog-2-count-bg-tab.png) no-repeat; margin:0 auto; position:inherit; top:0; left:0; padding:10px 0 0 0; text-align:center;}
     .blog-2-img-div{width:360px; margin:0 auto;}
	 .date-blog-2-wrap{margin-bottom:10px;}
	 /*details*/
	 .details-wrap-div{width:auto; margin:20px auto 0 auto;}
	 .info-2{font-size:22px;}
    
	}
	@media (min-width: 320px) and (max-width: 479px) {
	/*Header*/
	.header-bg{padding:10px 0;}
	.logo{text-align:center; width:180px; margin:0 auto;}
	.top-right{float:none; margin:5px auto 0 auto; width:226px;}
	.top-section-1{float:none; margin:8px 0;}
    .top-section-2{float:none;}
	.top-info{margin-right:0; text-align:center;}
	/*Banner*/
	.getstarted-wrap{text-align:center; padding:15px 0;}
	.g-info{font-size:19px; margin:0 0 10px 0;}
    .g-info span{font-size:28px;}
	/*Body*/
	.body-head-1{font-size:26px;}
	.body-head-2{font-size:23px;}
	.body-head-3{font-size:23px;}
	.body-head-5{font-size:22px;}
	.body-head-6{font-size:22px;}
	.body-info{font-size:16px;}
	.workfolw-head-wrap0{width:auto; margin:30px auto 10px auto;}
	.workflow-bg{display:none;}
	.workflow-process{display:block; margin-top:20px;}
	.process-head{font-size:26px; text-align:center;}
	.destop-visible{display:inherit;}
	.partner-wrap{margin-top:20px;}
	.client-says-wrap{padding:15px 0;}
	.client-wrap{padding:0;}
	.div-client{position:inherit; width:100%;}
	.c-img0{top:0; width:60px;}
	.client-name{font-size:16px;}
	.c-company-name{font-size:14px;}
	.client-info-wrap p{font-size:18px; line-height:20px;}
	.client-wrap-div{margin:20px 0;}
	.slider1 {margin:0;}
	.h-blog-head{font-size:22px;}
	.f-blog-info h5{font-size:16px;}
	.popup-head{font-size:22px;}	
	/*Foooter*/
	 .f-section-1, .f-section-2, .f-section-3, .f-section-4, .f-section-5{float:none; width:auto;}
	 .f-space-left{margin-left:0;}
	 .f-space-left{margin-left:0;}
	 .footer-head{margin:15px 0 10px 0;}
	 .f-mrt-1{margin-top:15px;}
	 .footer_top{padding:25x 0;}
	 .footer-text{text-align:center;}
	 /*contact us*/
	 .top-head-0{font-size:23px; text-align:center; height:auto; float:none; display:block;}
	 .top-head-bg-1{padding:7px 10px; height:auto; float:none; display:block;}
	 .style-1{display:none;}
	 .h-top-section-1, .h-top-section-2{float:none; width:auto;}
	 .file-input{margin-bottom:15px;}
	 .contact-head-2{margin:0 0 10px 0;}
	 /*About us*/
	.about-img-div span{width:49.5%;}
	.team-head-wrap01{width:auto; margin:25px auto 5px auto;}
	.team-details-wrap{padding:15px; margin:10px 0 0 0;}
	.skill-thumb li{float:none; width:auto; margin-top:15px;}
	
	/*service*/
	.s-f-20{font-size:18px;}
	.service{ padding:20px 15px;}
	.service h4{font-size: 22px; margin:15px 0;}
	.s-mrt-0{margin-top:20px;}
	/*news*/
	 .photo-streme-thumb li{width:80px;}
	 .news-img-div{float:none; margin-right:0; margin-bottom:10px;}
	 .location-wrap a{display:block; width:auto; font-size:14px;}
	 .r-accordion-panel2{padding:30px 0 0 0;}
	 .r-accordion-head2{font-size:22px; padding-top:1px;}
	 .open-close2 {padding: 4px 30px 4px 75px; }
	 /*pricing*/
	 .p-top{margin-top:0;}
	 .p-mrtb0{margin-top:45px;}
	 .p-mrb0{margin-bottom:25px;}
	 .p-h-2{font-size:44px; padding:70px 0 0 0;}
	 .p-h-3{font-size:34px; padding:75px 0 0 0; }
	 .column-wrap-3{margin:50px 0 20px 0;}
	 /*blog*/
	 .blog-img-section{float:none; width:260px; margin:0 auto;}
	 .blog-details-section{float:none; width: auto; min-height: inherit;}
	 .blog-l-d-wrap{margin-bottom:7px;}
	 .blog-title-head{font-size:16px; margin:0 0 7px 0;}
	 .blog-details-wrap{padding:15px;}
	 .blog-count-wrap{float:none; margin:-40px auto 0 auto;  -moz-box-shadow: 0px 2px 2px #d1d1d1; -webkit-box-shadow: 0px 2px 2px #d1d1d1; box-shadow: 0px 2px 2px #d1d1d1;}
	 .blog-view-iconwrap{margin-top:70px;}
	 .blog-thumb li{margin-bottom:20px;}
	 .blog2-thumb li{float:none; width:auto;}
	 .blog-2-div-inner{float:none; width:auto; border-right:0; padding:0 0 20px 0;}
	.blog-2-div-inner2{float:none; width:auto; padding:0 0 20px 0;}
    .blog-2-div-inner-inner{width:auto;}
    .blog-2-div-inner-inner2{width:auto;}
	.blog-2-count-bg2{top:120px;}
    .blog-2-count-bg{width:67px; height:88px; background:url(../images/blog-2-count-bg-tab.png) no-repeat; margin:0 auto; position:inherit; top:0; right:0; padding:10px 0 0 0; text-align:center;}
	.blog-2-count-bg2{width:67px; height:88px; background:url(../images/blog-2-count-bg-tab.png) no-repeat; margin:0 auto; position:inherit; top:0; left:0; padding:10px 0 0 0; text-align:center;}
     .blog-2-img-div{width:260px; margin:0 auto;}
	 .blog-view-iconwrap2{margin-top:55px;}
	 .date-blog-2-wrap{margin-bottom:10px;}
	 /*details*/
	 .details-wrap-div{width:auto; margin:20px auto 0 auto;}
	 .details-slide-wrap{padding:10px;}
     .gd-head{font-size:20px; padding-top:8px;}
	  .product-des-head{font-size:21px;}
     .live-preview-btn{padding:4px 25px;}
	 .info-2{font-size:20px;}
     .info-1{font-size:16px;}
	}
	@media (min-width: 200px) and (max-width: 319px) {
	/*Header*/
	.header-bg{padding:10px 0;}
	.logo{text-align:center; width:180px; margin:0 auto;}
	.top-right{float:none; margin:5px auto 0 auto; width:200px;}
	.top-section-1{float:none; margin:8px 0;}
    .top-section-2{float:none;}
	.top-info{margin-right:0; text-align:center;}
	.search-div{width:200px;}
	/*banner*/
	.getstarted-wrap{text-align:center; padding:15px 0;}
	.g-info{font-size:18px; margin:0 0 10px 0;}
    .g-info span{font-size:26px;}
	/*Body*/
	.body-head-1{font-size:22px;}
	.body-head-2{font-size:20px;}
	.body-head-3{font-size:20px;}
	.body-head-5{font-size:20px;}
	.body-head-6{font-size:20px;}
	.body-info{font-size:14px;}
	.workfolw-head-wrap0{width:auto; margin:30px auto 10px auto;}
	.workflow-bg{display:none;}
	.workflow-process{display:block; margin-top:20px;}
	.process-head{font-size:22px; text-align:center;}
	.destop-visible{display:inherit;}
	
	
	.feature-thumb li{margin-bottom:15px;}
	.icon-div-2{float:none; margin:0 auto 10px auto;}
	.feature-section h4{font-size: 16px; margin:0 0 5px 0; text-align:center;}
	.feature-section .text {text-align:center;}
	.partner-wrap{margin-top:20px;}
	.client-says-wrap{padding:15px 0;}
	.client-wrap{padding:0;}
	.div-client{position:inherit; width:100%;}
	.c-img0{position:inherit; margin:0 auto; top:0; width:60px;}
	.client-name{font-size:16px;}
	.c-company-name{font-size:14px;}
	.client-info-wrap p{font-size:16px; line-height:20px;}
	.c-img-wrap span{position:relative; display:block;}
	.client-wrap-div{margin:20px 0;}
	.slider1 {margin:0;}
	.h-blog-head{font-size:20px;}
	.f-blog-info h5{font-size:16px;}
	.popup-head{font-size:20px;}	
	/*Foooter*/
     .f-section-1, .f-section-2, .f-section-3, .f-section-4, .f-section-5{float:none; width:auto;}
	 .f-space-left{margin-left:0;}
	 .f-space-left{margin-left:0;}
	 .footer-head{margin:15px 0 10px 0;}
	 .f-mrt-1{margin-top:15px;}
	 .footer_top{padding:25x 0;}
	 .footer-text{text-align:center;}
	 /*contact us*/
	 .top-head-0{font-size:22px; text-align:center; height:auto; float:none; display:block;}
	 .top-head-bg-1{padding:7px 10px; height:auto; float:none; display:block;}
	 .style-1{display:none;}
	 .h-top-section-1, .h-top-section-2{float:none; width:auto;}
	 .file-input{margin-bottom:15px;}
	 .contact-head-2{margin:0 0 10px 0;}
	 /*About us*/
	 .about-img-div span{float:none; width:100%; display:block; text-align:center;}
     .about-img-left{margin-left:0; margin-top:2px;}
	 .team-head-wrap01{width:auto; margin:25px auto 5px auto;}
	 .team-img-div{width:200px; height:200px; background:url(../images/team-border-tab.png) no-repeat; padding:10px; margin:0 auto;}
	.team-img-div-inner{ width:180px; height:180px;}
	.team-img-div-inner img{width:174px; height:174px; display:block;}
	.team-details-wrap{padding:10px; margin:10px 0 0 0;}
    .team-name{font-size:18px;}
    .team-po{font-size:14px;}
	.skill-thumb li{float:none; width:auto; margin-top:15px;}
	/*service*/
	.s-f-20{font-size:16px; line-height:20px;}
	.service{ padding:20px 15px;}
	.service h4{font-size: 20px; margin:15px 0;}
	.s-mrt-0{margin-top:20px;}
	/*news*/
	 .photo-streme-thumb li{width:70px;}
	 .news-img-div{float:none; margin-right:0; margin-bottom:10px;}
	 .location-wrap a{display:block; width:auto; font-size:14px;}
	 .r-accordion-panel2{padding:30px 0 0 0px; }
	 .r-accordion-head2{font-size:18px; padding-top:4px;}
	 .open-close2 {padding: 4px 30px 4px 75px; }
	 /*pricing*/
	 .p-top{margin-top:0;}
	 .p-mrtb0{margin-top:40px;}
	 .p-mrb0{margin-bottom:20px;}
	  .p-h-1{font-size:23px; padding:24px 0 0 0;}
	 .p-h-2{font-size:40px; padding:70px 0 0 0;}
	 .price-details li{padding:10px 15px; font-size:15px;}
	 .p-h-3{font-size:30px; padding:80px 0 0 0; }
	 .column-wrap-3{margin:50px 0 20px 0;}
	 /*blog*/
	 .blog-img-section{float:none; width:220px; margin:0 auto;}
	 .blog-details-section{float:none; width: auto; min-height: inherit;}
	 .blog-l-d-wrap{margin-bottom:7px;}
	 .blog-title-head{font-size:16px; margin:0 0 7px 0;}
	 .blog-details-wrap{padding:15px;}
	 .blog-count-wrap{float:none; margin:-40px auto 0 auto;  -moz-box-shadow: 0px 2px 2px #d1d1d1; -webkit-box-shadow: 0px 2px 2px #d1d1d1; box-shadow: 0px 2px 2px #d1d1d1;}
	 .blog-view-iconwrap{margin-top:70px;}
	 .blog-thumb li{margin-bottom:20px;}
	 .blog2-thumb li{float:none; width:auto;}
	 .blog-2-div-inner{float:none; width:auto; border-right:0; padding:0 0 20px 0;}
	.blog-2-div-inner2{float:none; width:auto; padding:0 0 20px 0;}
    .blog-2-div-inner-inner{width:auto;}
    .blog-2-div-inner-inner2{width:auto;}
	.blog-2-count-bg2{top:120px;}
    .blog-2-count-bg{width:67px; height:88px; background:url(../images/blog-2-count-bg-tab.png) no-repeat; margin:0 auto; position:inherit; top:0; right:0; padding:10px 0 0 0; text-align:center;}
	.blog-2-count-bg2{width:67px; height:88px; background:url(../images/blog-2-count-bg-tab.png) no-repeat; margin:0 auto; position:inherit; top:0; left:0; padding:10px 0 0 0; text-align:center;}
     .blog-2-img-div{width:220px; margin:0 auto;}
	 .blog-view-iconwrap2{margin-top:45px;}
	 .date-blog-2-wrap{margin-bottom:10px;}
	 /*details*/
	 .details-wrap-div{width:auto; margin:20px auto 0 auto;}
	 .details-slide-wrap{padding:5px;}
     .gd-head{font-size:18px; padding-top:8px;}
	 .product-des-head{font-size:20px;}
     .live-preview-btn{padding:4px 20px;}
	 .info-2{font-size:18px;}
     .info-1{font-size:16px;}
	}