.ecommerce {
    width: 100%;
    height: auto;
    float: left;
    padding: 20px 10px 0px;
}
.ecommerce_heading {
    width: 100%;
    height: auto;
    color: #033250;
    text-align: center;
    font-size: 30px;
    background-image: url(../images/about-strip.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    line-height: 50px;
    font-family: 'Roboto',sans-serif;
    font-weight: 300;
padding-top:20px;
}

.ecommerce_text1 {
    width: 100%;
    height: auto;
    line-height: 28px;
        text-align: justify;
    font-size: 16px;
    color: #041927;
    font-family: 'Roboto',sans-serif;
    font-weight: 300;
}

.pil{
	background-color:LIGHTSEAGREEN;
	border-top-left-radius:20px;
	border-top-right-radius:20px;

}

.pil1{
	background-color:#00000075;
	border-top-left-radius: 20px !important;
	border-top-right-radius:20px !important;
	

}

.nav-pills>li>a {
     border-top-left-radius: 20px !important;
	border-top-right-radius:20px !important;
}

.btn1>li.active>a
    color: #fff;
    background-color:red;
}


.btn2>li.active>a:hover {
    color: #fff;
    background-color: orange;
}





.ecommerce_service {
    width: 100%;
    height: auto;
    float: left;
    background-color: #f8f8f8;
    padding: 0px 0px 30px;
}

.responsiveTabsContainer {
    width: 100%;
    margin-top: -55px;
}
.responsiveTabsContainer ul[role="tabList"] {
    display: -webkit-flex;
    -webkit-flex-direction: row;
    display: flex;
    flex-direction: row;
    margin-bottom: -1px;
    margin-top: 0;
    padding: 0;
}
.responsiveTabsContainer ul[role="tabList"] li[aria-selected='true'] {
    color: black;
    background-color: #F8F8F8;
    text-align: center;
    font-family: 'Roboto',sans-serif;
    font-weight: 300;
    padding: 15px;
}
.responsiveTabsContainer ul[role="tabList"] li {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    list-style: none;
    font-size: 18px;
    color: #999;
    padding: 15px;
    font-family: 'Roboto',sans-serif;
    font-weight: 300;
    text-align: center;
    cursor: pointer;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.btn>li>a:hover
	{

    background:none !important;
}
.btnn>li>a:hover
	{
    background:none !important;
}

.e_portfilo_1 {
    width: 90%;
    height: auto;
    float: left;
    margin: 30px 20px 0px;
}

.e_portfilo1 {
    width: 100%;
    height: 291px;
    float: left;
    padding: 0px;
    background-image: url(../images/portfolio.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.view {
    float: left;
    height: 176px;
    width: 93%;
    position: relative;
    margin: 13px 8px 0px 13px;
    z-index: 0;
    overflow: hidden;
    transition: all 0.3s ease 0s;
}
.view img {
    position: relative;
    transition: all 1s ease 0s;
    margin-top: 0;
    top: 0;
}
.e_weblink {
    background-color: #bf1433;
    border-radius:45px;
    padding: 5px 20px;
    text-align: center;
    text-transform: uppercase;
    color: #fff !important;
    font-family: 'Roboto',sans-serif;
    font-weight: 300;
    font-size: 18px;
    text-decoration: none;
    margin: 3% 25% 0%;
    
}

.e_portfilo{
	    background-color: aliceblue;
		padding-bottom:50px;
}
.gap{
	margin-top:20px;
	
}
.gap1{
	    margin-bottom: 30px;
	
}

.view:hover>img.demo1{
	margin-top:-408px;
     transition:all 8s ease 0s}
	 
	 
	 
	 
	 
.way5 {
    font-family: 'Roboto',sans-serif;
    font-weight: 300;
    color: #000;
    font-size: 16px;
}
.way4 {
    font-family: 'Roboto',sans-serif;
    font-weight: 300;
    color: #000;
    font-size: 14px;
padding:0px !important;
}






.btn22>li.active>a, .btn22>li.active>a:focus, .btn22>li.active>a:hover {
    color: #fff;
    background-color:#842281 !important;
}
.btnn2>li.active>a, .btnn2>li.active>a:focus, .btnn2>li.active>a:hover {
    color: black;
    background-color:white!important;
}





.platform-outer-container {
    display: -webkit-content-box;
    display: flex;
    display: -webkit-flex;
    padding: 35px 0;
}
.platform-inner-container {
    background-image: url(../images/back.jpg);
    border-radius: 15px;
    color: #fff;
    margin: 0 1%;
    padding: 13px;
    text-align: center;
    width: 25%;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transition: all 1.3s ease-out;
    -webkit-transition: all 1.3s ease-out;
    -moz-transition: all 1.3s ease-out;
    -o-transition: all 1.3s ease-out;
}
.platform-inner-container, .platform-inner-container:hover {
    background-repeat: repeat;
    background-position: center center;
	  
	  }
	  
.platform-inner-container:hover {
    background-image: url(../images/backhover.jpg);
    transform: scale(1.07);
    box-shadow: 0 0 2px rgba(0,0,0,.5);
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -o-transform: scale(1.07);
	color:black;
}

.platform-inner-container>h3 {
    font-size: 21px;
    line-height: 24px;
}
h1, h2, h3, h4, h5, h6 {
   
    padding: 0;
    border: 0;
   
    vertical-align: baseline;
    display: block;
    clear: both;
	
}
.icon-cont {
    display: block;
    height: 106px;
    padding-top: 18px;
	position: relative;
    display: inline-block;
	}
	

}
.platform-outer-container .platform-inner-container:first-child {
    margin-left: 0;
}



@media only screen and (max-width: 767px) and (min-width: 320px){
.res{
   overflow-x:hidden;
}}


.mobhide{
    color: black;
    font-size: 16px;
    text-align: justify;
    line-height: 2;

}




@media only screen and (max-width: 767px) and (min-width: 320px){
.platform-outer-container {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    padding: 0;
}}
@media only screen and (max-width: 767px) and (min-width: 320px){
.platform-inner-container {
    width: 97%;
    margin: 0 0 20px;
}
}
@media only screen and (max-width: 767px) and (min-width: 320px){
.par {
    height: 205px;
}}

@media (max-width: 1199px){
.view img {
    width: 91%;
}}

@media (max-width: 320px){
.view {
    height: 150px;
    margin: 13px 5px 0px 12px;
}}


.e_service_left {
    width: 100%;
    height: auto;
    float: left;
}

.e_service_right {
    width: 95%;
    height: auto;
    float: right;


}
.mar{
	
    margin-top: 20px;
}

.coll{
	background-color:aliceblue;
	padding-bottom:50px;
	padding-top:15px;
margin-left:0px;
margin-right:0px;
}
.col1{
border-bottom: 0px !important;
}

.e_service_right p {
    width: 100%;
    height: auto;
    line-height: 22px;
    font-size: 15px;
    color: #041927;
    font-family: 'Roboto',sans-serif;
    font-weight: 300;
}

.e_heading {
    width: 100%;
    height: auto;
    color: #000;
    font-size: 18px;
    background-image: url(../images/strip.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    line-height: 40px;
    font-family: 'Roboto',sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 20px;
padding-bottom:30px;}

.man{
	padding-top:20px !important;
	
}


.siz{
	
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 22px;
	border-top-left-radius:20px !important;
	border-top-right-radius:20px !important;
}








@media (min-width: 768px) {

    .brand-pills > li > a {
        border-top-right-radius: 0px;
    	border-bottom-right-radius: 0px;
    }
    
    li.brand-nav.active a:after{
    	content: " ";
    	display: block;
    	width: 0;
    	height: 0;
    	border-top: 20px solid transparent;
    	border-bottom: 20px solid transparent;
    	border-left: 9px solid #842281;
    	position: absolute;
    	top: 50%;
    	margin-top: -20px;
    	left: 100%;
    	z-index: 2;
    }
}
/*!
 * bootstrap-vertical-tabs - v1.1.0
 * https://dbtek.github.io/bootstrap-vertical-tabs
 * 2014-06-06
 * Copyright (c) 2014 Ä°smail Demirbilek
 * License: MIT
 */
.tabs-left, .tabs-right {
  border-bottom: none;
  padding-top: 2px;
}
.tabs-left {
  border-right: 1px solid #ddd;
}
.tabs-right {
  border-left: 1px solid #ddd;
}
.tabs-left>li, .tabs-right>li {
  float: none;
  margin-bottom: 2px;
}
.tabs-left>li {
  margin-right: -1px;
}
.tabs-right>li {
  margin-left: -1px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent;
}

.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
  border-bottom: 1px solid #ddd;
  border-left-color: transparent;
}
.tabs-left>li>a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display:block;
}
.tabs-right>li>a {
  border-radius: 0 4px 4px 0;
  margin-right: 0;
}
.vertical-text {
  margin-top:50px;
  border: none;
  position: relative;
}
.vertical-text>li {
  height: 20px;
  width: 120px;
  margin-bottom: 100px;
}
.vertical-text>li>a {
  border-bottom: 1px solid #ddd;
  border-right-color: transparent;
  text-align: center;
  border-radius: 4px 4px 0px 0px;
}
.vertical-text>li.active>a,
.vertical-text>li.active>a:hover,
.vertical-text>li.active>a:focus {
  border-bottom-color: transparent;
  border-right-color: #ddd;
  border-left-color: #ddd;
}
.vertical-text.tabs-left {
  left: -50px;
}
.vertical-text.tabs-right {
  right: -50px;
}
.vertical-text.tabs-right>li {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.vertical-text.tabs-left>li {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

@media (max-width: 320px){
.ecommerce_heading {
    font-size: 22px;
}}

@media (max-width: 340px){
.ecommerce_heading {
    font-size: 22px;
}}


.hov1>li>a {
     border-top-left-radius: 0px !important;
	border-top-right-radius:0px !important;
color : black;
background-color:aliceblue;
}
.wid{
	width:270px;
}


.seo_service{display:inline-block;
padding:55px 0;
vertical-align:top;
width:100%}

.seo_service h2.heading, .seo_service h1.heading{
color:#222;
font-size:42px;
font-weight:300;
margin-bottom:24px;
margin-top:0;}

.seo_service ul{
margin:35px 0 0;
padding:0;
display:inline-block;
width:100%;
vertical-align:top}

.seo_service ul li{
border:1px solid #dfdfdf;
box-shadow:-4px 1px 1px -1px #eeeeee;
display:inline-block;
list-style:outside none none;
margin:0;padding:15px 35px 35px;
vertical-align:top;
width:33.3%;
float:left;

}









.hov1{
-webkit-transition: background-color1s;
    transition: background-color1s;
}
.hov1:hover{

background-color:#fbffff;

}



.seo_service ul li:nth-child(4n),.seo_service ul li:nth-child(5n),.seo_service ul li:nth-child(6n){

padding-bottom:30px;
}
/*.seo_service ul li .icon{background:url(../images/sprite.png) no-repeat 0 0;width:115px;height:65px;margin:0 auto;margin-bottom:6px}
.seo_service ul li:nth-child(1n) .icon{background-position:24px -269px}
.seo_service ul li:nth-child(2n) .icon{background-position:-93px -269px}
.seo_service ul li:nth-child(3n) .icon{background-position:-210px -269px}
.seo_service ul li:nth-child(4n) .icon{background-position:-342px -269px}
.seo_service ul li:nth-child(5n) .icon{background-position:-462px -269px}
.seo_service ul li:nth-child(6n) .icon{background-position:-569px -269px}*/
.seo_service ul li .icon{width:115px;height:65px;margin:0 auto;margin-bottom:6px}


.seo_service ul li .title{color:#222;
display:inline-block;font-size:16px;
font-weight:700;
height:44px;letter-spacing:.5px;
line-height:normal;
overflow:hidden;
vertical-align:top;
width:100%}

.seo_service ul li .title a:hover { color: #609d39;}

.seo_service ul li .pra_text{color:#626262;
font-size:13px;
height:88px;
line-height:22px;
margin-bottom:24px;
overflow:hidden}

.seo_service ul li a.gettop_ranking{
background:#42a8b5  none repeat scroll 0 0;
border-radius:4px;
color:#fff;
display:inline-block;
font-size:16px;
font-weight:700;
height:38px;
line-height:38px;
vertical-align:top;
overflow:hidden;
width:190px;
transition:all .5s ease;display:inline-block;
-webkit-transform:translateZ(0);
transform:translateZ(0);
box-shadow:0 0 1px rgba(0,0,0,0);
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-moz-osx-font-smoothing:grayscale;position:relative;
-webkit-transition-property:color;
transition-property:color;
-webkit-transition-duration:.3s;
transition-duration:.3s}

.seo_service ul li a.gettop_ranking:before{
content:"";
position:absolute;
z-index:-1;
top:0;
bottom:0;
left:0;
right:0;
background:#dd7b34;
-webkit-transform:scaleX(0);
transform:scaleX(0);
-webkit-transform-origin:50%;
transform-origin:50%;
-webkit-transition-property:transform;
transition-property:transform;
-webkit-transition-duration:.3s;
transition-duration:.3s;
-webkit-transition-timing-function:ease-out;
transition-timing-function:ease-out}

.seo_service ul li a.gettop_ranking:hover,
.seo_service ul li a.gettop_ranking:focus,
.seo_service ul li a.gettop_ranking:active{

color:#fff}

.seo_service ul li a.gettop_ranking:hover:before,
.seo_service ul li a.gettop_ranking:focus:before,
.seo_service ul li a.gettop_ranking:active:before{
-webkit-transform:scaleX(1);
transform:scaleX(1)
}



.top_seo {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-size: cover;
    background-attachment: fixed;
    padding: 48px 0;
    color: rgba(239,239,239,0.7);
    background:#42a8b5;
}

.top_seo h2.heading {
    color: #fff;
    font-size: 42px;
    font-weight: 300;
    margin: 0 0 24px;
}

.top_seo p {
    color: #fefefe;
    font-size: 14px;
    text-align: justify;
}
.tex{
 
    font-size: 16px;
    text-align: justify;
font-style:italic;
line-height:2;
}

.top_seo p a {
    color: rgba(239, 239, 239, 0.7);
    text-decoration: underline;
}


.whychoose_Webtrackker_seo{
	display:inline-block;
	vertical-align:top;
	width:100%;
	background:#f6f6f6;
	padding:55px 0 35px}
	
.whychoose_Webtrackker_seo h2.heading{
	color:#222;
	font-size:42px;
	font-weight:300;
	margin:0 0 24px;
	text-align:center}
	
.whychoose_Webtrackker_seo ul{
	margin:0;
	padding:0;
	width:46%;
	float:left;
	margin-right:7%}
.whychoose_Webtrackker_seo ul:last-child{
	margin-right:0}
	
.whychoose_Webtrackker_seo ul li{
	color:rgba(97,97,97,0.7);
	display:inline-block;
	float:left;font-size:13px;
	margin-bottom:26px;
	padding-left:40px;
	position:relative;
	text-align:justify;
	vertical-align:top;
	width:100%}
	
.whychoose_Webtrackker_seo ul li:after{
	content:"";
	width:34px;
	height:34px;
	background:url(../images/sprite.png) no-repeat -234px -6px;
	display:inline-block;
	vertical-align:top;
	position:absolute;
	left:0;
	top:0;
	border:solid 1px;
	border-radius:8px;}
	
	
	.whychoose_Webtrackker_seo {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background: #f6f6f6;
    padding: 55px 0 35px;
}


.our_latest_work{
	display:inline-block;
	vertical-align:top;
	width:100%;
	padding:55px 0 0;
	text-align:center}
	
.our_latest_work h2.heading{
	color:#222;
	font-size:42px;
	font-weight:300;
	margin:0 0 24px;
	text-align:center}
	
.our_latest_work ul{
	margin:20px 0 0;
	padding:0}
	
.our_latest_work ul li{
	border-bottom:1px solid rgba(134,134,134,0.8);
	border-right:1px solid rgba(134,134,134,0.8);
	float:left;
	list-style:outside none none;
	margin:0;
	overflow:hidden;
	padding:0;
	width:33.3%;
	position:relative}
	
.our_latest_work ul li img{
	transform:scale(1);
	transition:all .5s ease}
	
.our_latest_work ul li:hover img{
	transform:scale(1.2)}
	
.our_latest_work ul li:nth-child(3n){
	border-right:medium none}
	
.our_latest_work ul li:nth-child(4n),.our_latest_work ul li:nth-child(5n),.our_latest_work ul li:nth-child(6n){border-bottom:medium none}

.our_latest_work ul li .textbl{

	height:100%;left:0;
	position:absolute;
	top:0;
	width:100%;
	padding:18% 0}
	
.our_latest_work ul li .textbl h3{
	color:#fff;
	font-size:25px;
	margin-top:78px;
	padding:0;
	background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.7) 30%,rgba(0,0,0,.7) 50%,rgba(0,0,0,0) 100%);
	}
	
	
	
.our_latest_work ul li .textbl .icon{
	
	height:100px;
	margin:0 auto;
	vertical-align:top;
	width:100px}
	
.our_latest_work ul li:nth-child(1n) .textbl .icon{background-position:8px -152px}
.our_latest_work ul li:nth-child(2n) .textbl .icon{background-position:-114px -148px}
.our_latest_work ul li:nth-child(3n) .textbl .icon{background-position:-248px -149px}
.our_latest_work ul li:nth-child(4n) .textbl .icon{background-position:-574px -356px}
.our_latest_work ul li:nth-child(5n) .textbl .icon{background-position:-505px -148px}
.our_latest_work ul li:nth-child(6n) .textbl .icon{background-position:-710px -412px}


.clients_speak_mainrow{
	display:inline-block;
	vertical-align:top;
	width:100%;
	padding:55px 0}
	
.clients_speak_mainrow h2.heading{
	color:#222;
	font-size:34px;
	font-weight:300;
	margin:0 0 24px}
	
@media (min-width: 1200px) {
.clients_speak_mainrow .clients_speak{padding-right:3%}
}



.clients_speak .speak{
	height:50px;
	text-align:justify;
	display:inline-block;
	vertical-align:top}
	
.clients_speak .speak p{
	margin-bottom:8px}
	
.clients_speak .name{
	color:rgba(95,95,95,0.8);
	font-size:13px;
	text-align:right}
.clients_speak_mainrow .clientlogo{
	display:inline-block;
	vertical-align:top;
	width:100%}
	
.clients_speak_mainrow .clientlogo span{
	border:1px solid #dcdcdc;
	display:inline-block;
	margin-bottom:15px;
	margin-right:8px;
	margin-left:1px;
	vertical-align:top}
	
.clientlogo > span:nth-child(4n){margin-right:0}

.clients_speak_mainrow a.viewall{
	color:#276ea2;
	font-size:14px;
	text-decoration:none;
	display:inline-block;
	vertical-align:top}
	
.clients_speak_mainrow a.viewall:hover{
	color:#bd1b4d}
	
.clients_speak_mainrow a.viewall em{background:rgba(0,0,0,0) url(../images/sprite.png) no-repeat scroll -173px -12px;
display:inline-block;height:22px;
vertical-align:top;width:36px;
transition:all 0.5s ease}

.clients_speak_mainrow a.viewall:hover em{margin-left:8px}










.audit_subsrib_mainrow{display:inline-block;
vertical-align:top;
width:100%;
padding:55px 0;
color:#616161;
font-size:14px;
text-align:center}

.audit_subsrib_mainrow .inner{
	padding:0 6%;
	display:inline-block;
	vertical-align:top;
	width:100%}
	
.audit_subsrib_mainrow .heading{
	color:#222;
	font-size:24px;
	font-weight:600;
	margin:0 0 14px;
	position:relative}
	
.audit_subsrib_mainrow .pra_text p{
	line-height:20px}
	
.audit_subsrib_mainrow .heading::before{
	background:#b4b4b4 none repeat scroll 0 0;
	bottom:0;
	content:"";
	height:1px;
	left:0;
	margin:auto;
	position:absolute;
	top:0;
	width:100%;
	z-index:-1}
	
.audit_subsrib_mainrow .heading span{
	background:#fff none repeat scroll 0 0;
	display:inline-block;
	padding:0 12px;
	vertical-align:top}
	
.audit_subsrib_mainrow .audit .icon{
height:95px;margin:0 auto 6px;width:120px}

.audit_subsrib_mainrow .audit a.link{
	background:#bd1b4d;
	border-radius:4px;
	color:#fff;
	display:inline-block;
	font-size:16px;
	font-weight:700;
	height:38px;
	line-height:38px;
	vertical-align:top;
	overflow:hidden;
	width:190px;
	margin-top:15px;
	transition:all 0.5s ease;
	display:inline-block;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-moz-osx-font-smoothing:grayscale;
	position:relative;
	-webkit-transition-property:color;
	transition-property:color;
	-webkit-transition-duration:.3s;
	transition-duration:.3s}
	
.audit_subsrib_mainrow .audit a.link:before{
	content:"";
	position:absolute;
	z-index:-1;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:#dd7b34;
	-webkit-transform:scaleX(0);
	transform:scaleX(0);
	-webkit-transform-origin:50%;
	transform-origin:50%;
	-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;-webkit-transition-timing-function:ease-out;
	transition-timing-function:ease-out}
	
.audit_subsrib_mainrow .audit a.link:hover,.audit_subsrib_mainrow .audit a.link:focus,.audit_subsrib_mainrow .audit a.link:active{
	color:#fff}
	
.audit_subsrib_mainrow .audit a.link:hover:before,.audit_subsrib_mainrow .audit a.link:focus:before,.audit_subsrib_mainrow .audit 
a.link:active:before{
	-webkit-transform:scaleX(1);transform:scaleX(1)}



.but{
background:#bd1b4d;
text-align:center;
	border-radius:4px;
	color:#fff;
	display:inline-block;
	font-size:16px;
	font-weight:700;
	height:38px;
	line-height:38px;
	vertical-align:top;
	overflow:hidden;
	width:190px;
	margin-top:15px;
	transition:all 0.5s ease;
	display:inline-block;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-moz-osx-font-smoothing:grayscale;
	position:relative;
	-webkit-transition-property:color;
	transition-property:color;
	-webkit-transition-duration:.3s;
	transition-duration:.3s}
   .but:before{
content:"";
	position:absolute;
	z-index:-1;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:#dd7b34;
	-webkit-transform:scaleX(0);
	transform:scaleX(0);
	-webkit-transform-origin:50%;
	transform-origin:50%;
	-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;-webkit-transition-timing-function:ease-out;
	transition-timing-function:ease-out}



.but:hover,.but:focus,.but:active{
	color:#fff}
	
.but:hover:before,.but:focus:before,.but:active:before{
	-webkit-transform:scaleX(1);transform:scaleX(1)}







	
.audit_subsrib_mainrow .subsrib .icon{

	height:95px;
	margin:0 auto 6px;
	width:120px}
	
.audit_subsrib_mainrow .subsrib .subscribebl input{
	border:1px solid #bd1b4d;
	border-radius:4px 0 0 4px;
	float:left;
	height:36px;
	padding:0 10px;
	width:60%}
	
.audit_subsrib_mainrow .subsrib .subscribebl input[type="button"], .audit_subsrib_mainrow .subsrib .subscribebl input[type="submit"]
{background:#bd1b4d none repeat scroll 0 0;
border-radius:0 4px 4px 0;
color:#fff;
font-size:16px;
font-weight:700;
width:40%;
transition:all 0.5s ease;
 border:none;}
 
.audit_subsrib_mainrow .subsrib .subscribebl:hover input{
	border-color:rgba(39,110,162,1)}
	
.audit_subsrib_mainrow .subsrib .subscribebl:hover input[type="button"]{
	box-shadow:-220px 0 0 rgba(39,110,162,1) inset}



	
.getin_Touch{
	width:100%;
	background:url(../images/back.jpeg);
	
	display:inline-block;
	vertical-align:top;
	min-height:624px;
	background-size:cover;
	background-attachment:fixed;
	padding:55px 0 50px}
	
.getin_Touch .heading,.getin_Touch .heading h2{
	color:#fff;
	font-size:42px;
	margin:0 0 20px;
	text-align:center;
	text-transform:uppercase;
	position:relative}
	
.getin_Touch .heading h2{
	padding-bottom:20px;
	font-weight:700;
margin-left:450px;}
	
.getin_Touch .heading h2::after{
	background:#aebac0 none repeat scroll 0 0;
	bottom:0;content:"";
	display:inline-block;
	height:1px;left:0;
	margin:0 auto;
	position:absolute;
	right:0;
	vertical-align:top;
	width:112px}
	
.getin_Touch .contatc_detail{
	color:#fff;
	font-size:16px;
	line-height:28px;
margin-top:-100px;}
	
.getin_Touch .contatc_detail h3{
	font-size:24px;
	font-weight:700;
	margin-bottom:24px;
	margin-top:0}
	
.getin_Touch .contatc_detail h3 span{
	display:block;
	font-size:16px;
	font-weight:400;
	margin-top:12px}
	
.getin_Touch .contatc_detail p{
	margin-bottom:20px;
text-align:justify;}
	
.getin_Touch .contatc_detail p span{
	font-weight:600}
	
.getin_Touch .contatc_detail .get_connected a{
	background:url(../images/sprite.png) no-repeat 0 0;
	width:44px;
	height:36px;
	display:inline-block;
	vertical-align:top;
	margin:12px 14px 0 0}
	
.getin_Touch .contatc_detail .get_connected a[title="Facebook"]{background-position:-26px -370px}
.getin_Touch .contatc_detail .get_connected a[title="Twitter"]{background-position:-86px -370px}
.getin_Touch .contatc_detail .get_connected a[title="Linkedin"]{background-position:-146px -370px}
.getin_Touch .contatc_detail .get_connected a[title="Google Plus"]{background-position:-262px -370px}
.getin_Touch .contatc_detail .get_connected a[title="Pinterest"]{background-position:-205px -370px}
.getin_Touch .contatc_detail .get_connected a:hover[title="Facebook"]{background-position:-26px -421px}
.getin_Touch .contatc_detail .get_connected a:hover[title="Twitter"]{background-position:-86px -421px}
.getin_Touch .contatc_detail .get_connected a:hover[title="Linkedin"]{background-position:-146px -421px}
.getin_Touch .contatc_detail .get_connected a:hover[title="Google Plus"]{background-position:-262px -421px}
.getin_Touch .contatc_detail .get_connected a:hover[title="Pinterest"]{background-position:-205px -421px}


.formright .form{width:84%}
.formright .form .rowitem input,
.formright .form .rowitem select,
.formright .form .rowitem textarea{

	border:medium none;
	color:black;
	height:45px;
	padding:0 17px;
	width:100%;
	resize:none}
	
.formright .form .rowitem input::-webkit-input-placeholder{
	color:black;opacity:1!important}
	
.formright .form .rowitem input::-moz-placeholder{
	color:black;opacity:1!important}
	
.formright .form .rowitem input:-ms-input-placeholder{
	color:black;opacity:1!important}
	
.formright .form .rowitem input:-moz-placeholder{
	color:black;opacity:1!important}
	
.formright .form .rowitem textarea::-webkit-input-placeholder{
	color:black;opacity:1!important}
	
.formright .form .rowitem textarea::-moz-placeholder
{color:black;opacity:1!important}

.formright .form .rowitem textarea:-ms-input-placeholder{
	color:black;opacity:1!important}
	
.formright .form .rowitem textarea:-moz-placeholder{
	color:black;opacity:1!important}
	
.formright .form .rowitem select{background:white url(../images/arrow.png) no-repeat 97% 20px;
   appearance:none;
   -moz-appearance:none;
   -webkit-appearance:none;
   cursor:pointer}
   
.formright .form .rowitem textarea{
	height:130px;
	padding-top:15px}
	
.formright .form .rowitem.cuptch > input{
	margin-right:2%;width:70%}
	
.formright .form .rowitem > span.small{
	display:inline-block;
	margin-right:2%;
	vertical-align:top;
	width:49%}
	
.formright .form .rowitem > span.small:last-child{
	margin-right:0}
	
.formright .form .rowitem.cuptch .cuptchacode{
	background: #ececec;
    display: inline-block;
    height: 45px;
    padding: 7px 0;
    text-align: center;
    vertical-align: top;
    width: 27%;}
.formright .form input[type="button"], .formright .form input[type="submit"]{
	background:#5f9d38 none repeat scroll 0 0;
	border:medium none;
	color:#fff;
	font-weight:700;
	cursor:pointer;
	height:47px;
	text-transform:uppercase;
	width:130px;
	transition:all 0.5s ease}
	
.formright .form input[type="button"]:hover{
	box-shadow:220px 0 0 rgba(39,110,162,1) inset}
	
.formright .form .rowitem{
	display:inline-block;margin-bottom:15px;vertical-align:top;width:100%}

@media only screen and (max-width: 479px){
.seo_service ul li {
    width: 50%;
    padding: 10px 4px 15px;
    margin-bottom: 12px;
}}
@media only screen and (max-width: 479px){
.seo_service ul li {
    width: 100%;
  
    border-bottom: 1px solid #dfdfdf!important;
}}
@media only screen and (max-width: 767px){
.seo_service ul li {
    width: 100%;
    padding: 10px 15px 15px;
}}


@media only screen and (max-width: 479px){
.seo_service ul li a.gettop_ranking {
    font-size: 14px;
    font-weight: 400;
    height: 35px;
    line-height: 30px;
    width: 150px;
}}


@media only screen and (max-width: 767px){
.seo_service ul {
    margin-top: 5px;
}}

@media only screen and (max-width: 479px){
.seo_service ul li .title {
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}}

@media only screen and (max-width: 479px){
.seo_service ul li a.gettop_ranking {
    font-size: 14px;
    font-weight: 400;
    height: 35px;
    line-height: 30px;
    width: 150px;
}}



@media only screen and (max-width: 639px){
.seo_service h2.heading, .top_seo h2.heading, .whychoose_Webtrackker_seo h2.heading, .our_latest_work h2.heading, .getin_Touch .heading, .getin_Touch .heading h2 {
    font-size: 20px;
}}
@media only screen and (max-width: 991px){
.seo_service h2.heading, .top_seo h2.heading, .whychoose_Webtrackker_seo h2.heading, .our_latest_work h2.heading, .getin_Touch .heading, .getin_Touch .heading h2 {
    font-size: 36px;
}
}
@media only screen and (max-width: 639px){
.whychoose_Webtrackker_seo ul {
    width: 100%;
    margin: 0 0 15px;
}}


@media only screen and (max-width: 639px){
.whychoose_Webtrackker_seo ul li {
    margin-bottom: 15px;
}}

@media only screen and (max-width: 991px){
.med {
     padding-top: 20px;
}}


@media only screen and (max-width: 991px){
.audit_subsrib_mainrow  {
     padding: 0px 0px;
}}
.audit_subsrib_mainrow .inner {
    padding: 10px 6%;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}





@media only screen and (max-width: 479px){
.our_latest_work ul li .textbl {
    padding: 7% 0;
}}
@media only screen and (max-width: 479px){
.our_latest_work ul li .textbl {
    padding: 15% 0;
}}
@media only screen and (max-width: 639px){
.our_latest_work ul li .textbl {
    padding: 5% 0;
}}
@media only screen and (max-width: 767px){
.our_latest_work ul li .textbl {
    padding: 3% 0;
}}
@media only screen and (max-width: 991px){
.our_latest_work ul li .textbl {
    padding: 5% 0;
}}



@media only screen and (max-width: 479px){
.our_latest_work ul li {
    width: 100%;
    border-right: 0!important;
    border-bottom: 1px solid rgba(134,134,134,.8)!important;
}}





@media only screen and (max-width: 639px){
.our_latest_work ul li .textbl h3{
font-size:20px;
margin-top:149px;
}}


@media all and (max-width: 320px) {{
    br { display: inline }
}}


@media all and (max-width: 639px) {
.seo_service h2.heading, .seo_service h1.heading{
font-size:27px ;
}}

.ha {
    background: #00000000;
      overflow: hidden;
    padding-bottom: 7px;
color:white;
}

.courses-details-wrap .inner-panel h1.red-heading {
    display: table-cell;
    height: 50px;
    vertical-align: middle;
}
.red-heading {
    border-left: 4px solid #bc2846;
    color: #bc2846;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    margin-top: 0;
    padding-left: 15px;
}
.padtb20 {
    padding: 20px 0;
}
.marg-t20 {
    margin-top: 20px;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}
.placement-client-slider-box ul li {
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    text-align: center;
    background: #FFF;
}
.list-inline li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 0px;
}
.placement-client-slider-box ul li img {
    display: block;
    margin: 0 auto;
}



@media only screen and (max-width: 767px) and (min-width: 320px){
.list-inline>li {
    margin-left: -15px;
    margin-right: -1px;

}
}