.clr1 {
    background-color: #3C7AE7;
}

.boxes {
    padding: 2px 10px 0;
    margin-bottom: 10px;
    text-align: left;
    line-height: 37px;
}

.boxes, .new-bg {
    margin-top: 6px;
    border-radius: 15px 0;
	width:140px;
}

.hvr-pulse {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    backface-visibility: hidden;
}
.upper-box {
    font-size: 12px;
}

.upper-box {
    text-align: right;
    padding-top: 5px;
}


.upper-box, .upper-box:hover {
    color: #fff;
    font-weight:bold; 
}
.boxes a i {
    height: 30px;
    width: 30px;
    border-right: 1px solid rgba(0,0,0,.19);
    text-align: -webkit-left;
    margin-right: 10px;
    padding: 6px;
}
.clr2 {
    background-color: #2ecc71;
}
.clr3 {
    background-color: #e74c3c;
}
.clr4 {
    background-color: #f39c12;
}
.blinker{ 

font-size: 20px;  
font-weight: bold;  
color:red;  
animation:changecolor 1s infinite !important;  
-moz-animation: changecolor 1s infinite !important; 
-webkit-animation: changecolor 1s infinite !important; 
-ms-animation: changecolor 1s infinite !important; 
-o-animation: changecolor 1s infinite !important; 
} 

@keyframes changecolor 
{ 
0% {color: red !important;}  
25% {color: yellow !important;;}  
50% {color: blue !important;;}  
100% {color: green !important;;}  
} 
/* Mozilla Browser */ 
@-moz-keyframes changecolor 
{ 
0% {color: red;}  
25% {color: yellow;}  
50% {color: blue;}  
100% {color: green;}  
} 
/* WebKit browser Safari and Chrome */ 
@-webkit-keyframes changecolor 
{ 
0% {color: red;}  
25% {color: yellow;}  
50% {color: blue;}  
100% {color: green;}  
} 
/* IE 9,10*/ 
@-ms-keyframes changecolor 
{ 
0% {color: red;}  
25% {color: yellow;}  
50% {color: blue;}  
100% {color: green;}  
} 
/* Opera Browser*/ 
@-o-keyframes changecolor 
{ 
0% {color: red;}  
25% {color: yellow;}  
50% {color: blue;}  
100% {color: green;}  
} 
.business1-top-bar > span {
color: #80b600!important;}
.marquee p{color:#fff!important;}
.marquee span{color:#4591ed;}
#widget-box {
width: 268px !important;}
.blockh3{font-size:20px!important; font-weight:bold!important;}
.business1-top-bar > span {
  
margin: 5px 20px 1px 0!important;}
header.business1 .for-sticky.sticky .logo > a > img{width:136px !important;margin-top:-4px;}
#menu-sec{height:56px !important ;}
.business1.style2 .business1-menu > ul {
    margin: 12px 0!important;
}
 .freetrl{   margin-bottom: 0px !important;
    margin-top: 0px !important;}
span.blinker {
    padding: 0px 1%;
}
/************29/07 my css**************/
.h2-font h2{font-size:30px !important;}
.vision-para ul li{list-style:none;line-height:2.2;}
.vision-para { text-align: justify;margin-top: -44px;}
 .vision-para i{color:#f39c12;}
.mini-heading1 {
    font-family: open sans;
    font-size: 23px;
    letter-spacing: .3px;
    line-height: 34px;
    margin: 0px 0 30px;
    width: 100%;
    position: relative;
	font-weight:bold;
	color:#000;
} 
.message{    border-left: 2px solid #eee;}
.message p{text-align:justify;}
.mission-block{    background: #fff;
    padding: 20px;}
a:hover,a:focus{
    text-decoration: none;
    outline: none;
}
.nav-tabs {
    position: relative;
}

.nav-tabs > li > a{
    border-radius: 0px;
    background: #272d33;
    padding:10px 20px ;
    color:#fff;
		text-align:center;
}
.nav-tabs > li > a:hover{
    border-color:transparent;
    background: #2ecc71;
    transition:0.3s ease;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover{
    background:#f39c12 !important;
    color:#fff;

}
.tab-content > .tab-pane{
   
    border-top: 0px none;
    padding: 10px;
    line-height: 16px;
}
@media only screen and (max-width: 360px){
    .nav-tabs > li > a{
        padding: 10px;
    }
}
.nav-tabs>li {
    float: left;
    width: 33.33%;
    margin-bottom: -1px;
}
.img-class{    margin: 20px 0px;}
.img-class1{    margin: 10px 0px;}
.content-p p{    padding: 23px;}
.about-us{background:url(../images/img1.png); }
.video-ip{       margin: -30px 0px; !important;}

.contact-us{background:url(../images/contact-bg.png) }

.kyc-bg{background:url(../images/kyc1.png); }
.free-bg{background:url(../images/1.jpg); }
.career-bg{background:url(../images/business.png);}
.price-bg{background:url(../images/price.png); }
.past-bg{background:url(../images/past.png); }
.daily-bg{background:url(../images/daily.png); }
.philo{font-weight:bold;
}
.contact-submit{    background: #2ecc71!important;
    float: left!important;}
.add-contact{    color: #3c7ae7;
    font-size: 26px !important;}	
	
	/********bar*********/
.our-vedio{      background: #2ecc71;
    color: #fff;
    padding: 3px 10px 3px;
    font-size: 14px !important;
    font-weight: normal !important;
    text-align: center;}	
	
.our-team .pic{
    position: relative;
    overflow: hidden;
}
.our-team .pic img{
    width: 100%;
    height: auto;
}
.our-team .over-layer{
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -100%;
    left: 0;
    background: rgba(156, 136, 185, 0.7);
    transition: all 0.5s ease 0s;
}
.our-team:hover .over-layer{
    bottom: 0;
}
.our-team .over-layer:before{
    content: "";
    width: 90%;
    height: 0;
    position: absolute;
    top: 5%;
    left: 5%;
    border-top: 5px solid rgba(255,255,255,0.7);
    border-left: 5px solid rgba(255,255,255,0.7);
    opacity: 0;
    transition: all 0.5s ease 0.5s;
}
.our-team:hover .over-layer:before{
    opacity: 1;
    height: 90%;
}
.our-team .social-links{
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    position: relative;
    top: 45%;
    transform: scale(0);
    opacity: 0;
    transition: all 0.5s ease 1s;
}
.our-team:hover .social-links{
    opacity: 1;
    transform: scale(1);
}
.our-team .social-links li{
    display: inline-block;
    margin-left: 5px;
}
.our-team .social-links li a{
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    display: block;
    font-size: 13px;
    color: #fff;
    background: rgba(11, 32, 56, 0.7);
}
.our-team .team-content{
    background: #f3f5f7;
    padding: 30px 25px;
}
.our-team .team-title1{
    font-size: 18px;
    font-weight: 700;
    color: #5d5e5e;
    margin: 0 0 5px 0;
}
.our-team .post{
    display: block;
    font-size: 16px;
    font-style: italic;
    color: #898989;
    margin-bottom: 15px;
}
.our-team .post:after{
    content: "";
    display: block;
    width: 35px;
    height: 3px;
    background: #9c88b9;
    margin-top: 7px;
}
.our-team .description{
    font-size: 14px;
    color: #898989;
	font-weight:100;
}
.our-team .read{
    display: inline-block;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    padding: 8px 8px 8px 50px;
    background: #9c88b9;
    z-index: 1;
    position: relative;
    transition: all 0.5s ease 0s;
}
.our-team .read:hover{
    background: #6dc1b3;
    text-decoration: none;
    color: #000;
}
.our-team .read:after{
    content: "";
    width: 36px;
    height: 100%;
    background: #9c88b9;
    position: absolute;
    top: 0;
    right: -18px;
    transform: skewX(-45deg);
    z-index: -1;
    transition: all 0.5s ease 0s;
}
.our-team .read:hover:after{
    background: #6dc1b3;
}
@media screen and (max-width: 990px){
    .our-team{ margin-bottom: 20px; }
}	
.our-team{    text-align: center;
    font-weight: 600;
	margin:30px 0px 30px;}
	.freebtn1 {
    background: #2ecc71;
    color: #fff;
    /* font-weight: bold; */
    padding: 2% 4%;
    border-radius: 50px;
    font-size: 16px;
    margin-top: 3%;
    border: 1px solid #2ecc71;
}
.freebtn1:hover {
    background: transparent;
    transition: .5s ease all;
color: #2ecc71;}

.kyc_sec {
    border: 1px solid #ccc;
    padding: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
    box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.03), 0 7px 10px 0 rgba(0, 0, 0, 0.15);
}
.h3-kyc{    font-weight: bold;
    padding: 0px 0px;}
.nav-pills li{text-align:center;}	
.nav-pills>li.active>a{border-radius:0px;background: #2ecc71 !important;}
.nav-pills > li > a{background: #272d33 !important;
    color: #fff;border-radius:0px;}
.bar-img{    margin: 0px -18px;}	
.term{background:url(https://www.mtechtips.com/assetsweb/images/tc.png); background-position:center;}
.career-h3{    color: #3c7ae7;
    font-weight: bold;}

.nav-tabs.nav-justified>li>a {
    border-bottom: 1px solid #ddd;
    border-radius: 0px !important;
    margin: 6px 2px !important;
}
.interval {
    font-size: 14px !important;
    color: #272d33 !important;
    
  text-align: left !important; 
      margin: 0px 10px;
}
.price-value {
    color: #272d33!important;
    font-size: 16px!important;
    font-weight: 600;
    line-height: 40px;
}
.stock-table{    background: #3c7ae7;
    color: #fff;}
.plus {
    background-color: #4caf50 !important;
    color: #ffffff;
    text-align: center;
}
.minus {
    background-color: #f44336 !important;
    color: #ffffff;
    text-align: center;
}
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
    background-color: none !important;
}
.calendar{list-style:none;}
.calendar li.list-group-item.active ,.calendar li.list-group-item:hover {
	color:#fff !important;
background: #3c7ae7;}
.calendar li a:hover ,.calendar li a:active{color:#fff;} 
.calendar li a{    color: #000;
    font-weight: bold;} 
.net-profit{    padding: 10px;
    font-size: 22px;
    text-align: center;
    font-weight: bold;}
.zui-table tbody td {
    border: solid 1px #DDEEEE;
    color: #f5eaea;
    padding: 0px 2px 0px 3px !important;
    text-shadow: 0px 0px 0px !important;
}
/*.plus1 {
    background-color:#272d33 !important;
    color: #ffffff;
    text-align: center;
}
.plus1:hover{
    background-color: #2ecc71 !important;
    color: #ffffff;
    text-align: center;
}*/
.plus1 a{ color: #fff;
    border: 1px solid #2ecc71 ;
    padding: 7% 12%;
    background: #2ecc71;
    box-shadow: 0 10px 6px -6px #777;
}
.plus1 a:hover {
    color: #fff;
    border: 0px solid #2ecc71; 
    padding: 7% 12%;
background: #2ecc71;
box-shadow: 0 10px 6px -6px #777;}
.list-group-item {border-radius:0px !important;}
.view-more{ 
       background: #2ecc71;
    color: #fff;
    padding: 8px;
}
.view-more:hover{ background: #fff;
    color: #2ecc71; padding: 8px; border: 1px solid #2ecc71;}
.view-service{ 
       background: #3498db;
    color: #fff;
    padding: 8px;
}
.view-service:hover{ 
       background: #fff;
    color: #3498db;
    padding: 6px;border: 1px solid #3498db;
}


/**----pricing table--------*/

.pricingTable{
	height:445px;
    border: 1px solid #e1e1e1;
    margin: 10px 0px;
    overflow: hidden;
}
.pricingTable .pricingTable-header{
    padding: 23px 20px 35px;
    color: #000;
	text-align:center;
}
.pricingTable:hover .pricingTable-header {
    background: #2ecc71;
    color: #fff;
}
.pricingTable:hover .pricingTable-header h3 {
    background: #2ecc71;
    color: #fff;
}
.pricingTable .title{
    font-size: 19px;
    font-weight: 900;
	color:#000;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 8px 0;
}
.pricingTable .price-value{
    font-size: 48px;
    font-weight: 700;
}
.pricingTable .pricing-content{
    padding: 28px 0;
    margin: 0;
    list-style: none;
    border-top: 1px solid #e1e1e1;
    color: #555;
    position: relative;
    transition: all 0.3s ease 0s;
	height:298px;
	    padding-left: 15%;
}
.pricingTable:hover .pricing-content{
    background: #000;
    color: #fff;
    position: relative;
}
.pricingTable .pricing-content:before{
    content: attr(data-heading);
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 33px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    position: absolute;
    top: -81px;
    left: -100px;
    opacity: 1;
    transform: rotate(-90deg);
    transition: all 0.3s ease 0s;
}
.pricingTable:hover .pricing-content:before{
    left: -30px;
    opacity: 1;
}
.pricingTable .pricing-content li{
    padding: 10px 0;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0px;
	border-bottom:1px  dotted rgba(234, 233, 233, .77 )
}
.pricingTable .pricing-content li i{
    font-size: 15px;
    padding-right: 10px;
}
.pricingTable .pricingTable-signup{
    padding: 20px 0;
    border-top: 1px solid #e1e1e1;
    transition: all 0.3s ease 0s;
	text-align:center;
}
.pricingTable:hover .pricingTable-signup{
    background: #2ecc71;
}
.pricingTable .pricingTable-signup a{
    display: inline-block;
    padding: 12px 50px;
    border: 1px solid #000;
    text-transform: uppercase;
    font-size: 16px;
    color: #000;
    position: relative;
    z-index: 1;
    transition: all 0.5s ease 0s;
}
.pricingTable:hover .pricingTable-signup a{
    border-color: #fff;
    color: #fff;
}
.pricingTable .pricingTable-signup a:hover{
    border-color: transparent;
    color: #fff;
}
.pricingTable .pricingTable-signup a:before,
.pricingTable .pricingTable-signup a:after,
.pricingTable .pricingTable-signup a span:before,
.pricingTable .pricingTable-signup a span:after{
    content: "";
    width: 25.5%;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.5s ease 0s;
}
.pricingTable .pricingTable-signup a:after{
    top: auto;
    bottom: 0;
    left: 25%;
}
.pricingTable .pricingTable-signup a span:before{
    top: 0;
    left: auto;
    right: 25%;
}
.pricingTable .pricingTable-signup a span:after{
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
}
.pricingTable .pricingTable-signup a:hover:before,
.pricingTable .pricingTable-signup a:hover:after,
.pricingTable .pricingTable-signup a:hover span:before,
.pricingTable .pricingTable-signup a:hover span:after{
    height: 100%;
    background: #000;
}
@media only screen and (max-width: 990px){
    .pricingTable{ margin-bottom: 40px; }
}
@media only screen and (max-width: 479px){
    .pricingTable .pricing-content:before{
        font-size: 30px;
    }
    .pricingTable:hover .pricing-content:before{
        left: -15px;
    }
}
@media only screen and (max-width: 359px){
    .pricingTable:hover .pricing-content:before{
        left: 0;
    }
}
.pricingTable .pricing-content:hover{    padding-left: 18%;}
.pricingTable-signup .pricing-content:hover{    padding-left: 2%;}
/*******timeline***********/

.timeline{position:relative;}
.timebox:hover{  
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);}
.main-timeline .timeline{
    text-align: center;
    padding: 0;
}
.main-timeline .timeline-icon{
    padding: 45px 0 35px;
    background: #2ecc71;
    border-radius: 0 0 50% 50%;
}
.main-timeline .timeline-icon i{
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    background: #fff;
    font-size: 45px;
}
.main-timeline .timeline-content{
    padding: 0 10px 20px;
}
.main-timeline .year{
    font-size: 16px;
    font-weight: bold;
    color: #58b25e;
}
.main-timeline .post{
    font-size: 21px;
    font-weight: bold;
    color: #000;
}
.main-timeline .description{
    font-size: 14px;
    color: #555;
}
.main-timeline .timeline:nth-child(2n) .timeline-icon{
    padding: 35px 0 45px;
    border-radius: 50% 50% 0 0;
}
.main-timeline .timeline:nth-child(2n) .timeline-content{
    padding: 20px 10px 0;
}
.main-timeline .timeline:nth-child(2n) .timeline-icon{ background: #3498db; }
.main-timeline .timeline:nth-child(3n) .timeline-icon{ background: #f35958; }
.main-timeline .timeline:nth-child(4n) .timeline-icon{ background: #f39c12; }
.main-timeline .timeline:nth-child(2n) .year{ color: #9f84c4; }
.main-timeline .timeline:nth-child(3n) .year{ color: #f35958; }
.main-timeline .timeline:nth-child(4n) .year{ color: #e67e49; }
@media only screen and (max-width: 990px){
    .main-timeline .timeline{
        margin-bottom: 20px;
    }
}
/**************social icon***************/


/*=========================
  Icons
 ================= */

/* footer social icons */
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
}
ul.social-network li {
	display: inline;
	margin: 0 5px;
}


/* footer social icons */

.social-network a.icoRss {
	background-color: #F56505;
}
.social-network a.icoFacebook {
	background-color:#3B5998;
}
.social-network a.icoTwitter {
	background-color:#33ccff;
}
.social-network a.icoGoogle {
	background-color:#BD3518;
}
.social-network a.icoVimeo {
	background-color:#0590B8;
}
.social-network a.icoLinkedin {
	background-color:#007bb7;
}


/*.social-network a.icoRss:hover {
	background-color: #F56505;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
	background-color:#BD3518;
}
.social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;*/
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 50px;
	height: 50px;
	font-size:20px;
}
.social-circle li i {
	margin:0;
	line-height:50px;
	text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}

.social-circle a {
 background-color: #D3D3D3;   
}
.f-find-office > ul > li > p > a:hover{color:#2ecc71;}
.ul-service a:hover {
    background: #2ecc71;
}
.fa-icon-bg{color:rgba(255, 255, 255, 0.76) !important;}
.clr4:hover {
    border-radius: 0px;
	transition:all 0.8s;}
	.clr1:hover {
    border-radius: 0px;transition:all 0.8s;}
.clr2:hover {
    border-radius: 0px;transition:all 0.8s;}
.clr3:hover {
    border-radius: 0px;transition:all 0.8s;}	
.inner-submit{    padding: 10px 27px 10px !important;}	
.p-text p{text-align:justify;}
/*******daily report css********/
.pricingTable1{
    text-align: center;
    box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.18);
}
.pricingTable1 > .pricingTable-header1{
    color:#fff;
    padding: 0px 0;
    
}

.pricingTable1 .price-value1{
        margin-top: 32px;
    background: #353740;
    display: block;
    padding: 10px 12px;
    font-size: 24px;
    position: relative;
}
.pricingTable1 .price-value1:after,
.pricingTable1 .price-value1:before{
    content: "";
    width: 24px;
    height: 24px;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    top:40%;
    right:-15px;
}
.pricingTable1 .price-value1:before{
    left:-15px;
}
.pricingTable1 .price-value1 > span{
    font-size: 24px;
}
.pricingTable1 .price-value1> .month{
    display: block;
    text-transform: uppercase;
    font-size: 12px;
}
.pricingTable1 .price-value1 > .month:before{
    content: "";
    border: 1px solid #fff;
    width: 28px;
    display: block;
    margin: 0 auto;
    margin-bottom: 5px;
}
.pricingTable1 .icon{
    display: block;
    padding: 30px 0;
    font-size: 54px;
}
.pricingTable1 .icon > i{
    transform: rotateY(0deg);
    transition: all 1s ease-out 0s;
}
.pricingTable1 .icon:hover > i{
    transform: rotateY(360deg);
    color:#333333;
    transition: all 1s ease-out 0s;
}
.pricingTable1 .heading{
    padding: 12px 0;
    background: #353740;
    display: block;
}
.pricingTable1 .heading > h3{
    margin: 0;
    text-transform: capitalize;
}
.pricingTable1 > .pricingContent1{
    text-align: left;
}
.pricingTable1 > .pricingContent1> ul{
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.pricingTable1 > .pricingContent1 > ul > li{
    padding: 12px;
    background: #00ffff;
    border-bottom: 1px solid #e5e5e5;
    transition: all 0.3s ease-out 0s;
        font-weight: bold;
}
.pricingTable1 > .pricingContent1 > ul > li:before{
    content: "\f105";
    font-family: 'FontAwesome';
    margin-right: 5px;
    font-weight: bold;
    font-size: 15px;
    transition:all 0.5s ease 0s;
}
.pricingTable1 > .pricingContent1 > ul > li:hover{
    background: #f8f8f8;
    color:#727cb6;
}
.pricingTable1 > .pricingContent1 > ul > li:hover:before{
    margin-right: 15px;
}
.pricingTable1 .pricingTable-sign-up1{
    padding: 15px 0;
    background: #fff;
}
.pricingTable-sign-up1 > .btn-block1{
    width: 50%;
    margin: 0 auto;
    background: #727cb6;
    color:#fff;
    text-transform: uppercase;
    padding: 10px 0;
    border-radius: 0px;
    position: relative;
    transition: all 0.5s ease-out 0s;
}
.pricingTable-sign-up1 > .btn-block1:after,
.pricingTable-sign-up1 > .btn-block1:before{
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    position: absolute;
    top:30%;
    right: -10px;
    transition:all 0.8s ease 0s;
}
.pricingTable1-sign-up1 > .btn-block1:before{
    left:-10px;
}
.pricingTable1 .btn-block1:hover:after,
.pricingTable1 .btn-block1:hover:before{
    width: 0;
    height: 0;
}
.pricingTable1.pink .pricingTable-header1,
.pricingTable1.pink .btn-block1{
    background: #ed687c;
}
.pricingTable1.pink .pricingContent1 > ul > li:hover{
    color: #ed687c;
}
.pricingTable1.orange .pricingTable-header1,
.pricingTable1.orange .btn-block1{
    background: #e67e22;
}
.pricingTable1.orange .price-value1 > .month:after{
    content: "best";
    width: 42px;
    height:42px;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    position: absolute;
    top:3px;
    right: 3px;
    color:#000;
    font-size: 12px;
    line-height: 42px;
    font-weight: bold;
}
.pricingTable1.orange .pricingContent1 > ul > li:hover{
    color: #e67e22;
}
.pricingTable1.dark-green .pricingTable-header1,
.pricingTable1.dark-green .btn-block1{
    background: #008b8b;
}
.pricingTable1.dark-green .pricingContent1 > ul > li:hover{
    color: #008b8b;
}
@media screen and (max-width: 990px){
    .pricingTable1{
        margin-bottom: 20px;
    }
}
.pricingContent1 span{float:right;}
.pricingTable-header1 span h3{font-size:20px;}
.row-padding{    padding: 30px 0px 30px;}
.link-1 {
    transition: 0.4s ease;
    color: #ffffff;
    font-size: 20px;
    text-decoration: none;
    border-top: 4px solid #3fa46a;
    border-bottom: 4px solid #3fa46a;
}
.link-1:hover {
    border-top: 3px solid #2ecc71;
    border-bottom: 3px solid #2ecc71;
}
.callon{margin-top:72px;}

/*===================Services Css========================================*/
.service-content{height:204px;}
.serviceBox{
    background: #fff;
    text-align: center;
    padding: 20px 0 40px;
    position: relative;
    box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.03), 0 7px 10px 0 rgba(0, 0, 0, 0.15);
    margin-bottom: 7%;
    height:400px;
}
h3.service_heading {
    color: #3c7ae7;
}

.service_ul>li {
    padding: 5px;
    font-size: 15px;
    color: #000;
}
.service_div {
    padding-left: 17px;
    font-size: 15px;
    color: #000;
}
.service_div>p{font-size: 13px;}
ul.service_ul {
    list-style: none;
    padding-left: 15px;
}
.serviceBox:hover{
    background:#2ecc71;
    box-shadow: none;
    transition:1s ease all;
}
.serviceBox .service-icon{
    width: 100px;
    height: 100px;
    line-height: 95px;
    border-radius: 50%;
    border: 3px solid #b3b3b3;
    font-size: 50px;
    color: #b3b3b3;
    margin: 0 auto;
    transition: all 0.5s ease-in-out;
}
.serviceBox:hover .service-icon{
    transform: rotateY(360deg);
    color: #fff;
    border-color: #fff;
    background:#2ecc71;
}
.serviceBox .service-content h3 a{
    font-size: 22px;
    color: #333;
}
.serviceBox .service-content p{
    font-size: 14px;
    padding: 0 20px;
    margin: 15px 0 30px;
    color:#333;
    text-align: justify;
}
.serviceBox:hover h3 a,
.serviceBox:hover p{
    color:#fff;
}
.serviceBox .btn{
    background:#2ecc71;
    color: #fff;
    padding: 10px 35px;
    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
}
.serviceBox:hover .btn{
    background: #333;
    color: #fff;
}
@media screen and (max-width: 990px){
    .serviceBox{
        margin-bottom: 20px;
        padding: 20px 0;
    }
}
/*======================Service Detail =============================================*/
.myboxborder{border-right:1px dashed #fff; border-left:1px dashed #fff;}




/***************CONTACT STICKY***************************/
.floating-form {
    top: 124px;
    max-width: 367px;
    padding: 31px 30px 10px;
    font: 13px Arial, Helvetica, sans-serif;
    background: #F9F9F9;
    border: 1px solid #ddd;
    right: 10px;
    position: fixed;
    z-index: 99;
    box-shadow: 5px 2px 8px 6px rgba(0, 0, 0, .23);
    -webkit-box-shadow: -2px 0 8px rgba(43, 33, 33, .06);
	    z-index: 9999999999;
}
.contact-opener {
    position: absolute;
    left: -74px;
    transform: rotate(-90deg);
    top: 204px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .43);
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0
}
.floating-form-heading {
    font-weight: 700;
    font-style: bold;
    border-bottom: 2px solid #ddd;
    margin-bottom: 10px;
    font-size: 15px;
    padding-bottom: 3px
}
.floating-form label {
    display: block;
    margin: 0 0 15px
}
.floating-form label>span {
    width: 70px;
    font-weight: 700;
    float: left;
    padding-top: 8px;
    padding-right: 5px
}
.floating-form span.required {
    color: red
}
.floating-form .tel-number-field {
    width: 40px;
    text-align: center
}
.floating-form .long {
    width: 105px
}
.floating-form input.input-field {
    width: 68%
}
.floating-form .select-field,
.floating-form .tel-number-field,
.floating-form .textarea-field,
.floating-form input.input-field {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: 0
}
.floating-form .input-field:focus,
.floating-form .select-field:focus,
.floating-form .tel-number-field:focus,
.floating-form .textarea-field:focus {
    border: 1px solid #0C0
}
.floating-form .textarea-field {
    height: 100px;
    width: 68%
}
.contact-opener,
.floating-form input[type=button],
.floating-form input[type=submit] {
    -moz-box-shadow: inset 0 1px 0 0 #3985B1;
    -webkit-box-shadow: inset 0 1px 0 0 #3985B1;
    box-shadow: inset 0 1px 0 0 #3985B1;
    background-color: #216288;
    border: 1px solid #17445E;
    display: inline-block;
    cursor: pointer;
    color: #FFF;
    padding: 10px 18px;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif
}
.floating-form .error,
.floating-form .success {
    padding: 5px 10px;
    margin: 0 0 5px;
    font-weight: 700
}
.contact-opener,
.floating-form input[type=button]:hover,
.floating-form input[type=submit]:hover {
    background: linear-gradient(to bottom, #de8e31 5%, #f69223 100%);
    background-color: #ed9028
}
.floating-form .success {
    background: #D8FFC0;
    border: none;
    color: #2E6800;
    border-left: 3px solid #2E6800
}
.floating-form .error {
    background: #FFE8E8;
    border: none;
    color: red;
    border-left: 3px solid red
}
/*******************quick*********************/
#feedback1 {
    height: 0px;
    width: 85px;
    position: fixed;
    right: 0;
    top: 30%;
    z-index: 1000;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

#feedback1 a {
	display: block;
	background:url(https://www.mtechtips.com/assetsweb/css/pc.png) no-repeat;
	height: 52px;
	width: 155px;	
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;

}
#feedback1 a:hover {
	background:url(https://www.mtechtips.com/assetsweb/css/pc-over.png) no-repeat;
}

#feedback {
	height: 0px;
	width: 85px;
	position: fixed;
	left: -61px;
	top: 59%;
	z-index: 1000;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#feedback a {
    display: block;
    background: #2ecc71;
    height: 52px;
    padding-top: 20px;
    width: 155px;
    text-align: center;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 4px;
    border: 1px solid #17445E;
    /* padding-left: 10%; */
}
#feedback a:hover {
	background:#f39c12;
}

/****************triangle*************************/


.social1 {
    position: relative;
    height: 5em;
    width: 13.5em;
    margin: 150px 0px;
}

.social1 li {
    display: block;
  
    line-height: 2em;
    margin: -2.2em;
    position: absolute;
    -webkit-transition: -webkit-transform .7s;
    -moz-transition: -moz-transform .7s;
    -ms-transition: -ms-transform .7s;
    -o-transition: -o-transform .7s;
    transition: transform .7s;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    text-align: center;
   

}

.social1 a {
    padding:30px;
    color: #fffdf0;
    display: block;
    
    line-height: 1.5em;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
 
  
}

.social1 li:hover {
  -webkit-transform: scale(1.3,1.3) rotate(45deg);
    -moz-transform: scale(1.3,1.3) rotate(45deg);
  -ms-transform: scale(1.3,1.3) rotate(45deg);
    -o-transform: scale(1.3,1.3) rotate(45deg);
  transform: scale(1.3,1.3) rotate(45deg);
}

.facebook2 {
    background: #f35958;
    left: 94%;
    top: 358%;
    width: 130px;
    height: 130px;
}

.twitter2 {
    background:#f39c12;
    bottom: 0;
    left: 43%;
    top: 140px;
    width: 130px;
    height: 130px;
}
.twitternew {
    background: #2ecc71;
    bottom: 0;
    top: 44%;
    left: 93.5%;
    width: 130px ;
    height: 130px;
}


.behance3 {
    background: #3498db;
    bottom: 0;
    left: 144%;
    top: 140px;
    width: 130px;
    height: 130px;
}

/* Landscape */
@media (min-width: 769px)  and (max-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2){

.wrapsss{height:180px;}
.social1{width:9.3em;}

.facebook2 {
    background: #f35958;
    left: 94%;
    top: 358%;
    width: 120px!important;
    height: 120px!important;
}

.twitter2 {
    background:#f39c12;
    bottom: 0;
    left: 43%;
    top: 140px;
    width: 120px !important;
    height: 120px!important;
}
.twitternew {
    background: #2ecc71;
    bottom: 0;
    top: 44%;
    left: 93.5%;
    width: 120px !important;
    height: 120px!important;
}


.behance3 {
    background: #3498db;
    bottom: 0;
    left: 144%;
    top: 140px;
    width: 120px!important;
    height: 120px!important;
}
 .business1.style2 .business1-menu > ul > li {margin-right:0px;}
 .business1.style2 .business1-menu > ul > li > a{font-size:11px;}
}

@media screen and (min-width:769px) and (max-width:1024px) and (orientation: landscape){
    
.social1{width:9.3em;}
.facebook2 {
    background: #f35958;
    left: 64%;
    top: 358%;
    width: 110px!important;
    height: 110px!important;
}
.twitter2 {
    background: #f39c12;
    bottom: 0;
    left: 25%;
    top: 140px;
    width: 110px!important;
    height: 110px!important;
}
.twitternew {
    background: #2ecc71;
    bottom: 0;
    top: 45%;
    left: 63.5%;
    width: 110px!important;
    height: 110px!important;
}

.behance3 {
    background: #3498db;
    bottom: 0;
    left: 100%;
    top: 140px;
    width: 110px !important;
    height: 110px!important;
}
.wrapsss{height:180px;}
    
}
.pst {
    border: 1px solid #E0E0E0;
    padding: 15px;
    margin-bottom: 25px;
}
   .nav-tabs.nav-justified>li>a {
    border-bottom: 1px solid #ddd;
    border-radius: 0px !important;
    margin: 6px 2px !important;
    font-weight: bold!important;
}
.nav-tabs > li > a:hover {
    border-color: transparent;
    background: #2ecc71;
    transition: 0.3s ease;
    font-weight: bold!important;
}

/***********blinker************/
#flashingtext3{
                font-family: Trebuchet MS, sans-serif;
                font-size:18px;
                color: red;
                padding:0px 29px;     
            }
.get-trial{background:#ddd;    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;}    
    .get-trial:hover{background:#ddd;    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;    transition: all 0.8s;}  
.past-bg{margin-top:-69px!important;}            

.Description {
    border-bottom: 1px solid #dfe0e5;
    color: #333;
    font-weight: 600;
    padding: 15px 0;
    min-height: 91px;
    border-right: 1px solid #ccc;
    font-size: 12px !important;
}

/***********scroll free trail**************/
#style-4::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #fff;
}

#style-4::-webkit-scrollbar
{
	width: 6px;
	background-color: #fff;
}

#style-4::-webkit-scrollbar-thumb
{
	background-color: green;
}    
.scrollbar1
{	float: left;
	height: 140px;
	overflow-y: scroll;
	margin-bottom: 25px;
}
.service-content{    padding: 25px !important;
    line-height: 1.6 !important;}
    
    
.btn{
    color: #000;
    text-transform: uppercase;
    margin: 0px 0px 20px;
    border-radius: 0;
    overflow: hidden;
    z-index: 1;
    font-weight:bold;
    position: relative;
    transition: all 0.3s ease-in-out 0.2s;
}
.btn:hover{ color: #fff; }
.btn:after{
    content: "";
    width: 110%;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%) translateY(-50%) translateZ(0px) rotate(-45deg);
    transition: all 0.5s ease 0s;
}
.btn:hover:after{
    height: 110px;
}
.btn.red{ border: 2px solid #2ecc71; }

.btn.red:after{ background: #2ecc71; }

@media only screen and (max-width: 767px){
    .btn{ margin-bottom: 20px; }
}