@charset "utf-8";
/* CSS Document */

.freebg3 {
     color: #313339;
    padding: 6px 0px 6px 0px;
    margin: 10px 0px 10px 0px;
    font-size: 20px;
	
}


.sales-purple { background:#4ac1d3; padding: 50px 15px; border-radius:10px; margin:0px 6px ; }
.mar-purple { background: #9976ab; padding: 50px 15px; border-radius:10px; margin:0px 6px ; }

.service-purple { background: #00b796; padding: 50px 15px; border-radius:10px; margin:0px 6px ; }



.sales-purple1 { border: 1px solid #b0a8dd; padding: 30px 10px; border-radius:10px }
.mar-purple1 {border: 1px solid #e294a6; padding: 30px 10px; border-radius:10px }

.service-purple1 { border: 1px solid #78bcd1; padding: 30px 10px; border-radius:10px }



 a.tagcloud { background: rgba(0,0,0,.15); padding:4px 8px; margin:1px; display: inline-block; border-radius:3px; font-size:10px; color: #fff }
 a.tagcloudbig { background: rgba(0,0,0,.15); padding:4px 8px; margin:1px; display: inline-block; border-radius:3px; font-size:14px; font-weight:400; color: #fff }
  a.tagcloudbigs { background: rgba(0,0,0,.15); padding:4px 8px; margin:1px; display: inline-block; border-radius:3px; font-size:16px; font-weight:600; color: #fff }
  
    a.tagcloudbigss { background: rgba(0,0,0,.15); padding:4px 8px; margin:1px; display: inline-block; border-radius:3px; font-size:20px; font-weight:600; color: #fff }
	
	    a.tagcloudbigsss { background: rgba(0,0,0,.15); padding:4px 8px; margin:1px; display: inline-block; border-radius:3px; font-size:24px; font-weight:600; color: #fff }
	
	
.iconFeature1 { border:1px solid inherit ; border-radius:10px }
.iconFeature1:hover { background-color:rgba(255,255,255,.1); border-radius:10px; cursor:pointer;transition:background 0.8s ease-in; }
.hero-video-container1{ width: 98%;}

.hero-video-container1 .item {width:100%;height:100%}
.carousel-control{background-image:none!important;opacity:1!important;text-shadow:none!important}


.hero-video-containernew {  width: 100%; background-image: url(../img/browser-1.svg); border-radius:4px 4px 0 0;position:relative;margin-top:2em;border:0px solid #fff ;border-bottom-width:0;height: auto; background-repeat: no-repeat; background-size: 100%;}

.hero-video-containernew .item{width:100%;height:100%; padding: 43px 15px 24px 15px; border-radius:4px 4px 0 0; }
 .imgborradi { border-radius:0px 0px 6px 6px; }
 
 
 .hero-video-containernew1 {  margin: 0 auto; width: 88%;background:#f4f5f5;border-radius:4px 4px 0 0;position:relative;margin-top:2em;border:1px solid #fff ;border-bottom-width:0;box-shadow:0 -6px 30px 7px rgba(0,161,237,.1)}

.hero-video-containernew1 .item{width:100%;height:100%; padding: 0px ; border-radius:4px 4px 0 0; }
 .imgborradi { border-radius:0px 0px 2px 2px; }
 

.hero-video-container {  margin: 0 auto; width: 83%;background:#f4f5f5;border-radius:4px 4px 0 0;overflow:hidden;position:relative;margin-top:2em;border-bottom-width:0;}

.hero-video-container .item{width:100%;height:100%}
.carousel-control{background-image:none!important;opacity:1!important;text-shadow:none!important}

carousel-control1 {background-image:none!important;opacity:1!important;text-shadow:none!important}


.left.carousel-control .fa{margin-left:-.15em;font-size: 12px;}

.left.carousel-control1 .fa{margin-left:-.15em;font-size: 12px;}

.right.carousel-control .arrow-container{right:0;position:absolute}
.right.carousel-control .arrow-container{right:0;position:absolute}
.right.carousel-control .fa{margin-right:-.15em; font-size: 12px;}

.right.carousel-control1 .arrow-container{right:0;position:absolute}
.right.carousel-control1 .arrow-container{right:0;position:absolute}
.right.carousel-control1 .fa{margin-right:-.15em; font-size: 12px;}


.arrow-container{background: rgba(255,255,255,.5);border-radius:50%; border: 1px solid #ccc;height:2.2em;width:2.2em;line-height:2em;margin-top:180%;transition:background .3s ease-out;display:block; color:#ccc;}

.arrow-container1{background: rgba(0,0,0,.3);border-radius:30px;height:2.2em;width:2.2em;line-height:2em;margin-top:180%;box-shadow:0 0 8px 2px rgba(63,77,156,.2);transition:background .3s ease-out;display:block}


.carousel-control.right {
    right: 54px;}
.right.carousel-control{
	right:57px; }
	
.left.carousel-control {
    left: 2.8em;
}


.carousel-control1.right {
    right: 54px;}
.right.carousel-control1{
	right:37px; }
	
.left.carousel-control1 {
    left: 1.7em;
}



.browser-bar {
    background:  #E4E4E4;
    width: 100%;
    padding: 8px 20px;
	border-radius: 2px 2px 0px 0px;
}


a.btn-featuresp {
    background-color: transparent;
    border: 2px solid #7266ba;
    padding: 10px 40px;
    color: #7266ba;
    font-size: 16px;
}


a.btn-featuresp:hover {
    border: 2px solid #7266ba;
    box-shadow: 0 0 0 2px #7266ba;
    color: #7266ba;
    transition: all .15s ease-in-out;
}



a.btn-featuresm {
    background-color: transparent;
    border: 2px solid #dd5978;
    padding: 10px 40px;
    color: #dd5978;
    font-size: 16px;
}


a.btn-featuresm:hover {
    border: 2px solid #dd5978;
    box-shadow: 0 0 0 2px #dd5978;
    color: #dd5978;
    transition: all .15s ease-in-out;
}


a.btn-featuresc {
    background-color: transparent;
    border: 2px solid #16aad8;
    padding: 10px 40px;
    color: #16aad8;
    font-size: 16px;
}


a.btn-featuresc:hover {
    border: 2px solid #16aad8;
    box-shadow: 0 0 0 2px #16aad8;
    color: #16aad8;
    transition: all .15s ease-in-out;
}


a.tagclouds { background: rgba(114,102,186,.25); padding:4px 8px; margin:3px; display: inline-block; border-radius:3px; font-size:11px; color: #fff }


a.tagcloudm { background: rgba(221,89,120,.25); padding:4px 8px; margin:3px; display: inline-block; border-radius:3px; font-size:11px; color: #fff }


a.tagcloudc { background: rgba(22,170,216,.25); padding:4px 8px; margin:3px; display: inline-block; border-radius:3px; font-size:11px; color: #fff }




@media (max-width: 1300px){

.carousel-controlright {     right: 84px;} rightcarousel-control{
.right:76px; }
	
.left.carousel-control {
    left: 2.8em;
}


.carousel-control1.right {
    right: 84px;}

.right.carousel-control1{
	right:65px; }
	
.left.carousel-control1 {
    left: 3.2em;
}

.hero-video-container{  width: 82%;}

.hero-video-container1{  width: 88%;}

}


@media (max-width: 480px)


{
	
.hero-video-containernew .item {  
    padding: 12px 4px;   
}
	
	.adwords-bg2 {
   
    height: 800px !important;
}
.carousel-control.right {
    right: 15px;}
.right.carousel-control{
	right:3px; }
	
.left.carousel-control {
    left: 0.2em;
}
}