/* common style */
div#htabsection2 {
    display: none;
}
.main-container-wrapper:before 
    content: '';
    position: absolute;
    width: 100%;
    height: 350px;
    left: 0;
    top: 0;
}

h2 {
	font-family: 'proxima_nova_rgbold';
	font-size: 40px;
}
.top-pattern {
	padding: 80px 0;
	margin: 0;
	text-align: center;
}
.top-pattern h1 {
	font-size: 60px;
}
.top-pattern p {
	max-width: 720px;
	margin: 0 auto 20px;
}
.top-pattern .banner-btm-cont {
    margin: 60px auto 0;
    max-width: 784px;
}
/* helpyou-section */
	
.helpyou-section {
	text-align: center;
	padding: 80px 0;
	background-color: #f6fef1;
}
.helpyou-section.no-bg{
	background:unset;
}

.helpyou-section p {
	max-width: 760px;
	margin: 0 auto;
}

/* common style */
div#htabsection2 {
    display: none;
}
.main-container-wrapper:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 350px;
    left: 0;
    top: 0;
}

h2 {
	font-family: 'proxima_nova_rgbold';
	font-size: 40px;
}
.top-pattern {
	padding: 80px 0;
	margin: 0;
	text-align: center;
}
.top-pattern h1 {
	font-size: 60px;
}
.top-pattern p {
	max-width: 720px;
	margin: 0 auto 10px;
}
.top-pattern a{
	margin-top:15px;
}
.top-pattern .banner-btm-cont {
    margin: 60px auto 0;
    max-width: 784px;
}
/* helpyou-section */
	
.helpyou-section {
	text-align: center;
	padding: 80px 0;
	background-color: #f6fef1;
}
.zh-left h2{
	max-width: 620px;
	display: inline-block;
}
.box-shadow {
	-webkit-box-shadow: 10px 10px 13px -2px rgba(0, 0, 0, .05);
	box-shadow: 10px 10px 13px -2px rgba(0, 0, 0, .05);
	margin: 0 auto;
	border: 1px solid #ededed;
	-webkit-transition: all 2s ease 0s;
	-o-transition: all 2s ease 0s;
	transition: all 2s ease 0s;
}
#htabsection1 img{
  margin-top:20px
}
img.round-robin {
  width: 550px;
}
/* htabsection */	
.htabsection {
    padding: 80px 0;
}
#htabsection2 .hcont-sec:nth-child(2) img{
	margin-top:14px
}
.htabsection h2 {
    text-align: center;
    max-width: 580px;
    margin: 0 auto;
}
.htabsection .content-wrap>p{
	max-width:800px;
	text-align: center;
	margin:10px auto;
}

.htabs {
    margin: 60px auto 0;
    max-width: 420px;
   position: relative;
}
.htabs li {
    display: inline-block;
    width: 50%;
    margin:  0;
    padding: 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: rgba(187, 173, 173, 0.16);
    font-family: 'Roboto slab';
    text-align: center;
	cursor: pointer;
	position: relative;
}

.htabs li.selected
	{
		color: #fff;
	}
	img.work-modes {
        max-width: 560px;
        width: 100%;
    }
    
    img.service-level {
        max-width: 480px;
        width: 100%;
    }
    .Macros{
    	max-width: 480px;
    	width: 100%;
    }
.htabs span.selected {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	background: #03994f;
	width: 210px;
}
.htabs span.selected:after {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #03994f;
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: -7px;
    margin: 0;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.htabs-content {
    max-width: 750px;
	min-height: 780px;
    margin: 40px auto 0;
    position: relative;
	-o-transition: all .4s linear .35s;
	transition: all .4s linear .35s;
    -webkit-transition: all .4s linear .35s;
}
	
.hcont-sec {
    opacity: 0;
    visibility: hidden;
    -o-transition: opacity .3s linear .35s, visibility .4s linear .35s;
    transition: opacity .3s linear .35s, visibility .4s linear .35s;
    -webkit-transition: opacity .3s linear .35s, visibility .4s linear .35s;
    width: 100%;
    padding: 0;
    position: absolute;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
div#tabsection2 {
    background-color: #f6fef1;
    text-align: left;
}
.hcont-sec.active-htab {
    visibility: visible;
    opacity: 1;
    -ms-transform: translateY(0%);
        transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transition: opacity .3s linear 0.5s, visibility .4s linear 0.5s;
    transition: opacity .3s linear 0.5s, visibility .4s linear 0.5s;
    -webkit-transition: opacity .3s linear 0.5s, visibility .4s linear 0.5s;
}	
.hcont-sec h3 {
    font-family: 'Roboto slab';
    font-weight: 600;
}
.hcont-sec h3 a {
    color: #000;
}		
.hcont-sec>div
	{
		padding-top: 30px;
	}
.hcont-sec video
	{
		width: 100%;
		height: auto;
	}

.z-accordian {
    max-width: 600px;
    margin: 50px auto 0;
    text-align: left;
}
.z-accordianBox {
    margin: 0 0 5px;
}
.right-content ul li{
	padding-left: 35px;
}
.right-content ul li{
	position:relative;
}
.right-content ul li::after,.right-content ul li::before{
	position:absolute;
	content:'';
}
.right-content ul li:after {
	width: 16px;
	height: 16px;
	border: 2px solid #77a983;
	left: 0px;
	top: 6px;
	border-radius: 50%;
}
.right-content ul li:before {
	width: 4px;
	height: 8px;
	border: 2px solid #77a983;
	border-left: unset;
	border-top: unset;
	left: 7px;
	transform: rotate(45deg);
	top: 10px;
}
.z-accordianBox h3 {
    margin: 0;
    padding: 12px 15px;
    position: relative;
    cursor: pointer;
    font-size: 20px;
    background-color: #f6f4f4;
    color: #000;
}

.z-accordianBox h3:before {
    content: '+';
    position: absolute;
    top: 0;
    right: 30px;
    bottom: 0;
    font-size: 18px;
    font-weight: 600;
    height: 25px;
    margin: auto;
}

.z-accordianBox h3.active {
    background-color: #03994f;
    color: #fff;
}

.z-accordianBox h3.active:before {
    content: '-';
    right: 32px;
}

.z-accordianBox>div {
    padding: 20px 15px;
    display: none;
}

	
/* htabsection2 */	
.htabsection2 {
    padding: 0 0 80px;
}
.htabsection2 h2 {
    text-align: center;
    max-width: 580px;
    margin: 0 auto;
}
.htabsection2 .content-wrap > p {
    max-width: 700px;
    text-align: center;
    margin: 20px auto;
}
.htabsection2 .content-wrap > p.top-cont
	{
		margin: 60px auto 15px;	
	}	
.htabs2 {
    margin: 0 auto;
    max-width: 780px;
   position: relative;
}
.htabs2 li {
    display: inline-block;
    width: 33.33%;
    margin:  0;
    padding: 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: rgba(187, 173, 173, 0.16);
    font-family: 'Roboto slab';
    text-align: center;
	cursor: pointer;
	position: relative;
}

.htabs2 li.selected
	{
		color: #fff;
	}
	
.htabs2 span.selected {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	background: #03994f;
	width: 260px;
}
.htabs2 span.selected:after {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #03994f;
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: -7px;
    margin: 0;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.htabs-content2 {
    max-width: 100%;
    min-height: 440px;
    margin: 100px auto 0;
    position: relative;
	-o-transition: all .4s linear .35s;
	transition: all .4s linear .35s;
    -webkit-transition: all .4s linear .35s;
}
	
.hcont-sec2 {
    opacity: 0;
    visibility: hidden;
    -o-transition: opacity .3s linear .35s, visibility .4s linear .35s;
    transition: opacity .3s linear .35s, visibility .4s linear .35s;
    -webkit-transition: opacity .3s linear .35s, visibility .4s linear .35s;
    width: 100%;
    padding: 0;
    position: absolute;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
	display: table;
}

.hcont-sec2.active-htab2 {
    visibility: visible;
    opacity: 1;
    -ms-transform: translateY(0%);
        transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transition: opacity .3s linear 0.5s, visibility .4s linear 0.5s;
    transition: opacity .3s linear 0.5s, visibility .4s linear 0.5s;
    -webkit-transition: opacity .3s linear 0.5s, visibility .4s linear 0.5s;
}	
.hcont-sec2 h3 {
font-size: 30px;
    margin: 0;
}
.hcont-sec2 h3 a {
    color: #000;
}		
.hcont-sec2>div
	{
    padding: 0 70px;
    display: table-cell;
    width: 50%;
    vertical-align: middle;
	}
.hcont-sec2>div:last-child {
    width: 40%;
    padding: 0 40px;
}
.hcont-sec2>div:last-child.reporting {
    padding: 0 60px;
}
.hcont-sec2 ul {
    margin: 0;
    padding: 0;
}
.hcont-sec2 ul li {
    margin: 0 0 20px;
    padding: 0 0 0 60px;
    position: relative;
}	
.hcont-sec2 ul li:before {
    content: " ";
    display: block;
    border: solid 2px #43bd63;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 0.5em;
    top: 5px;
}	
.hcont-sec2 ul li:after {
    content: '';
    display: block;
    width: 4px;
    height: 9px;
    border: solid #26b34d;
    border-width: 0 2px 2px 0;
    position: absolute;
    left: 1em;
    top: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
}	
.hcont-sec2>div img {
    max-width: 75%;
}	
.hcont-sec2 video
	{
		width: 100%;
		height: auto;
	}	

	
/* tab section */
.tabsection {
    padding: 60px 0 0px;
}
.tabsection h2 {
    max-width: 700px;
    margin: 0 auto 20px;
    text-align: center;
}
#tabsection2 h2{
	max-width: 100%;
	text-align: left;
}	
#tabsection2 .content-wrap>p{
	max-width: 100%;
	margin-bottom: 10px;
	text-align: left;
}
.tabsection>.content-wrap
{display: table;table-layout: fixed;-webkit-box-sizing: border-box;box-sizing: border-box;}
.tabsection>.content-wrap> div {
	display: table-cell;
    vertical-align: top;
    text-align: left;
    padding: 80px 0 0;
    position: relative;
}	
div#tabsection2 .content-wrap> div{
	padding-top:30px;
}
.left-tab {
    width: 20%;
}	
.tabs
	{
    margin: 0 auto;
    padding: 0;
    width: 250px;
	position: relative;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;	
	}
.tabs.fixed {
    position: fixed;
    top: 70px;
    width: 250px;
    left: auto;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}	
.tabs.attach
	{
    position: absolute;
    top: auto;
    bottom: 70px;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
	}
	.tabs li
	{
		border-bottom: 1px solid #ddd;
		cursor: pointer;
		position: relative;
	}
	.tabs li a
	{
		color: #000;
    padding: 12px 15px;
    display: block;
    position: relative;
    font-family: 'Roboto slab';
	}
	.tabs li a.active
	{
		color: #fff;
		background: #03994f;
	}
	.tabs li a.active:after {
    content: '';
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #03994f;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: -7px;
    margin: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
	
.tabsection span.selected{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	background: #03994f;
	min-height: 57px;
	display: none;
}

	.tabs li>p
	{
		margin: 0;
	}
	
.cont-sec {
    width: 100%;
    padding: 0 0 0 100px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
	#tabsection2 .cont-sec{
		 padding:0px;
	}
.cont-sec h3 {
	font-size: 28px;
	font-family: 'Roboto slab';
	font-weight: 600;
}	
.cont-sec {
    margin: 0 0 60px;
}
#community.cont-sec{
	 margin: 0 0 20px;
}
.cont-sec video
	{
		width: 100%;
		height: auto;
	}
.right-content
	{
		-o-transition: all .4s linear .35s;
		transition: all .4s linear .35s;
    -webkit-transition: all .4s linear .35s;
	}
#multichannel img {
    max-width: 400px;
}

	
/* setup-section */	
.setup-section
	{
		padding: 60px 0;
		background: #f6fef1;
	}
.setup-content
	{
display: table;
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
	}
	.setup-content > div
	{
    display: table-cell;
    vertical-align: middle;
    padding: 0 60px;
	}
	.setup-content h4 {
    font-size: 36px;
    line-height: 46px;
}
	.setup-content > div:last-child
	{
	    width: 40%;
		padding: 0;
		text-align: center;
	}
	
	
/* setup section 2 */
	.setup2
	{
		max-width: 900px;
	}
	.setup-content.setup2 > div:last-child
	{
		width: 30%;
	}
	
/* helpdesk-tool  */	
	
.helpdesk-tool
	{
		max-width: 660px;
		margin: 0 auto;
		text-align: center;
		padding: 120px 0;
	}
.helpdesk-tool p
	{
		margin: 0 auto 15px;
	}
/* desk-webinar */	
	
	.desk-webinar
	{
    padding: 25px 40px;
    border: 1px solid #00a7f8;
    display: table;
    max-width: 800px;
    margin: 0 auto;
	}
.desk-webinar>div {
    display: table-cell;
    vertical-align: middle;
}
	.desk-webinar h4
	{
		font-size: 30px;
                margin: 0;
	}
	.desk-webinar a
	{
    display: inline-block;
    font-family: proxima_novasemibold, Arial, Helvetica, sans-serif;
    padding: 10px 30px;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    margin: 10px 0px 0 150px;
    color: #fff;
    background: #00a7f8;
    cursor: pointer;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 1;
    width: 170px;
    text-align: center;
	}	

	
/* footer section */	
	
.footer-section {
    padding: 40px 0 30px;
    text-align: center;
    max-width: 825px;
    margin: 0 auto;
}
.footer-section h2 {
    margin: 30px 0;
}
.footer-section h2 a {
	position: relative;
	display: inline-block;
	color: #000;
}
.bottom-illustration ul
	{
    position: relative;
    max-width: 400px;
    background-image: url(https://www.zoho.com/sites/default/files/desk/start-with-zoho-desk-sprite.png);
    background-size: 400px auto;
    height: 230px;
    margin: 50px auto 0;
	}
.bottom-illustration ul li
	{
		position: absolute;
		top: 5%;
	}
.bottom-illustration ul li span
	{
    display: block;
    width: 42px;
    height: 40px;
    background-image: url(https://www.zoho.com/sites/default/files/desk/start-with-zoho-desk-sprite.png);
    background-size: 400px auto;
    background-position: 0px -230px;
    position: absolute;
	}
.bottom-illustration ul li span.mail-icon{     
	left: 45px;
    top: -35px;
    background-position: -42px -230px; 
	}
.bottom-illustration ul li span.insight-icon{     
	top: 30px;
    left: 70px; 
	}
.bottom-illustration ul li span.crm-icon{ 
	top: -60px;
    left: 125px;
    background-position: -92px -230px;
    width: 55px;
}
.bottom-illustration ul li span.cliq-icon {     
	background-position: -152px -230px;
    left: 240px;
    top: -30px; }
.bottom-illustration ul li span.watch-icon{     
	background-position: -195px -230px;
    left: 300px;
    top: -40px; }
.bottom-illustration ul li span.ticket-icon{     
	background-position: -235px -230px;
    left: 285px;
    top: 30px; }

span.mail-icon, span.cliq-icon, span.ticket-icon{
	    -webkit-animation: zeven 6s linear .6s infinite;
	            animation: zeven 6s linear .6s infinite;
	}

span.insight-icon, span.crm-icon, span.watch-icon{
	    -webkit-animation: zodd 6s linear .6s infinite;
	            animation: zodd 6s linear .6s infinite;
	}

	@-webkit-keyframes zeven {
	    0% {
	        -webkit-transform: translate(0, 0);
	        transform: translate(0, 0);
	    }

	    50% {
	        -webkit-transform: translate(0, -12px);
	        transform: translate(0, -12px);
	    }

	    100% {
	        -webkit-transform: translate(0, 0);
	        transform: translate(0, 0);
	    }
	}

	@keyframes zeven {
	    0% {
	        -webkit-transform: translate(0, 0);
	        transform: translate(0, 0);
	    }

	    50% {
	        -webkit-transform: translate(0, -12px);
	        transform: translate(0, -12px);
	    }

	    100% {
	        -webkit-transform: translate(0, 0);
	        transform: translate(0, 0);
	    }
	}

	@-webkit-keyframes zodd {
	    0% {
	        -webkit-transform: translate(0, 0);
	        transform: translate(0, 0);
	    }

	    50% {
	        -webkit-transform: translate(0, 12px);
	        transform: translate(0, 12px);
	    }

	    100% {
	        -webkit-transform: translate(0, 0);
	        transform: translate(0, 0);
	    }
	}

	@keyframes zodd {
	    0% {
	        -webkit-transform: translate(0, 0);
	        transform: translate(0, 0);
	    }

	    50% {
	        -webkit-transform: translate(0, 12px);
	        transform: translate(0, 12px);
	    }

	    100% {
	        -webkit-transform: translate(0, 0);
	        transform: translate(0, 0);
	    }
	}	
	
/* more topics */	
.moretopics-section {
    padding: 40px 0px 120px;
    text-align: center;
    max-width: 1170px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
}
.moretopics-section .content-wrap
{
width: 100%;
}
.moretopics-section h3
	{
		font-family: 'proxima_nova_rgregular';
    	font-size: 30px;
	}
.moretopics-section ul {
    margin: 40px auto 0;
    padding: 0;
    display: table;
    border-spacing: 20px;
    max-width: 100%;
}
.moretopics-section ul li {
    display: table-cell;
    width: 20%;
    vertical-align: middle;
    position: relative;
    border: 1px solid #eee;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    opacity: 0;
   -webkit-transition: all 0.9s ease 0s;
   -o-transition: all 0.9s ease 0s;
   transition: all 0.9s ease 0s;
-webkit-transform:translateY(50px);
-ms-transform:translateY(50px);
transform:translateY(50px);
}
.moretopics-section ul li:hover
	{border-color: #4CAF50;-webkit-box-shadow: 10px 10px 13px -2px rgba(0, 0, 0, .05);box-shadow: 10px 10px 13px -2px rgba(0, 0, 0, .05);}
.moretopics-section ul li::before, .moretopics-section ul li::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  content: '';
  position: absolute;
}	
.moretopic::before, .moretopic::after {
  border: 1px solid transparent;
  width: 0;
  height: 0;
}
.moretopic::before {
  top: 0;
  left: 0;
}
.moretopic::after {
  bottom: 0;
  right: 0;
}
.moretopic:hover {
  color: #60daaa;
}	
.moretopic:hover::before, .moretopic:hover::after {
  width: 100%;
  height: 100%;
}
.moretopic:hover::before {
  border-top-color: #03a9f5;
  border-right-color: #03a9f5;
  -webkit-transition: width 0.15s ease-out, height 0.15s ease-out 0.15s;
  -o-transition: width 0.15s ease-out, height 0.15s ease-out 0.15s;
  transition: width 0.15s ease-out, height 0.15s ease-out 0.15s;
}
.moretopic:hover::after {
  border-bottom-color: #03a9f5;
  border-left-color: #03a9f5;
  -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
  -o-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}	
.moretopics-section ul li a {
    display: block;
    padding: 30px 20px;
}		
.moretopics-section p {
    margin: 0 0;
    color: #000;
}
.moretopics-section p:after {
    content: '';
    display: block;
    width: 50%;
    height: 1px;
    background: #000;
    margin: 10px auto 20px;
}	
@media only screen and (max-width:1025px){
    .unified-section.zalign-left .content-wrap{
        width:90%;
        max-width:600px;
    }
    .tabsection>.content-wrap, div#tabsection2 .content-wrap,.top-pattern .content-wrap{
        max-width:90%;
        padding: 0 40px;
        max-width:600px;
    }
    .tabsection h2 {
        margin-bottom:20px;
    }
    .tabsection .content-wrap>p,.tabsection .content-wrap>h2{
        text-align:left;
    }
}
@media only screen and (max-width: 1024px) {
	.cont-sec
	{
		padding: 0;
	}
	.moretopics-section ul li a {
    padding: 30px 10px;
}
.hcont-sec2>div {
    padding: 0 20px;
}
.hcont-sec2>div:last-child {
    width: 50%;
    padding: 0 0px;
}
	.htabs-content2 {
    margin: 60px auto 40px;
	}
	.tabs
	{
		display: none;
	}
	.tabsection>.content-wrap> div.left-tab
	{
		display: none;
	}
	.tabsection>.content-wrap> div
	{
		padding: 30px 0 0;
	}
	.tabsection h2 {
    max-width: 700px;
}
.helpdesk-tool {
    padding: 60px 0 120px;
}
}
	
@media only screen and (max-width: 992px) {
h2 {
    font-family: 'proxima_nova_rgbold';
    font-size: 32px;
}
.top-pattern h1 {
	font-size: 40px;
}
.top-pattern .banner-btm-cont {
    max-width: 660px;
}
.channels-block {
	display: block;
	margin: 0 0;
	text-align: center;
}
.channels-block > div {
	display: block;
}
.channel-img {
	width: 100%;
}
.channel-content {
	padding: 20px 0 0;
	max-width: 800px;
	margin: 0 auto;
}
.helpyou-section p {
    max-width: 630px;
    margin: 0 auto;
}
.htabsection h2 {
    max-width: 500px;
    margin: 0 auto;
}
.tabsection h2 {
    max-width: 560px;
}	
.left-tab {
    width: 25%;
}
.tabs {
    max-width: 210px;
}
.tabs li {
    border-bottom: 1px solid #ddd;
    padding: 15px;
}
	
.hcont-sec2>div {
    padding: 0 60px;
    display: block;
    width: 100%;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.hcont-sec2>div:last-child {
width: 100%;
    padding: 0 0px;
    max-width: 400px;
    text-align: center;
    margin: 0 auto;
}	
.hcont-sec2>div:last-child.reporting {
    padding: 0; 
}
.helpdesk-tool {
    padding: 60px 0 120px;
}	
.setup-content {
    max-width: 550px;
}	
.setup-content > div {
    display: block;
    padding: 0 20px;
    text-align: center;
}
.setup-content > div:last-child, .setup-content.setup2 > div:last-child {
    width: 100%;
}	
.setup-content h4 {
    font-size: 30px;
    line-height: 40px;
}	
.setup2 {
    max-width: 600px;
}
.moretopics-section ul {
    /* border-spacing: 10px; */
}	
.desk-webinar {
    max-width: 600px;
}	
.moretopics-section {
    padding: 0px 0px 120px;
}
	
}
@media screen and (min-width: 768px)
{
.mobile-only
{
display: none;
}
}
@media only screen and (max-width: 767px) {
	.page-cover-by,.htabs,.htabs-content{
		display: none !important;
	}
	.z-accordian .z-accordianBox{
		display:block !important;
	}
.main-container-wrapper:before
	{
		height: 200px;
	}
	div.htabsection h2, div.htabsection .content-wrap>p,div.tabsection .content-wrap>p {
    text-align:left;
}

.top-pattern h1 {
	font-size: 36px;
}
.z-accordianBox,.right-content h3{
	text-align:left
}
.helpyou-section {
    padding: 40px 0;
}
div.unified-section{
    padding: 60px 0;
}
div.unified-section.zalign-left {
    padding: 0px 0px;
}
p.lighted-txt {
    font-size: 18px;
}
h2 {
    font-size: 30px;
}	
#unified-multichannel .channel-img img {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
}
.tabsection>.content-wrap> div {
    display: block;
    text-align: center;
    width: 100%;
}
div#tabsection2 .content-wrap> div{
	padding-top:0px;
}
.htabs-content
{
display: none;
}
.hcont-sec2>div img {
    display: none;
}

.cont-sec h3{
	padding: 10px 14px 10px;
	background-color: #f6f4f4;
	font-size: 18px;
	position:relative;
	margin-bottom: 10px;
}
.cont-sec.active h3{
	background-color: #02880a;
	color:white;
}
div#unified-multichannel .content-wrap p.underline, .underline{
	
border-bottom: unset !important;
}
.cont-sec h3:before {
    content: '+';
    position: absolute;
    top: 0;
    right: 14px;
    bottom: 0;
    font-size: 18px;
    font-weight: 600;
    height: 25px;
    margin: auto;
}
.cont-sec.active h3:before{
	content: '-';
}
div#integrations-customization ul li {
    margin: 0 15px 0 0;
    -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
            transform: scale(0.85);
}
.hcont-sec2 ul li
	{
		text-align: left;
		padding: 4px 0 0 50px;
font-size: 16px;
	}
.hcont-sec2 h3 {
    font-size: 24px;
    margin: 0 0 10px;
}	
.htabsection2 {
    padding: 0 0;
}	
.tabsection>.content-wrap
	{
		padding: 0;
	}
.tabsection>.content-wrap, div#tabsection2 .content-wrap, .top-pattern .content-wrap {
    padding: 0px;
}
.tabsection {
    padding: 50px 0px 0px;
}

#tabsection2.tabsection{
	
padding: 30px 0px 30px;
}
#tabsection3.tabsection{
	padding: 40px 0px 30px;
}
.hcont-sec>div {
    padding-top: 10px;
}	
.htabsection {
    padding: 80px 0;
}
.hcont-sec2>div
	{
		padding: 0;
text-align: left;
	}
.cont-sec {
    margin: 0;
}
#multichannel img {
    max-width: 100%;
    margin: 0;
}
.desk-webinar
{
padding: 40px 20px;
    max-width: 400px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
display: none;
}
.desk-webinar>div {
    display: block;
    vertical-align: middle;
    text-align: center;
}
.desk-webinar h4 {
    font-size: 24px;
}
.desk-webinar a
{
margin: 20px auto 0;
}
.helpdesk-tool {
    padding: 20px 20px 60px;
}		
	
.moretopics-section {
	margin: 50px 0;
	padding: 0 10px;
}
.moretopics-section ul {
    max-width: 480px;
}
.moretopics-section ul li {
    display: inline-block;
    width: 45%;
    vertical-align: top;
    min-height: 170px;
    margin: 10px;
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
}
	
.footer-section {
	padding: 40px 0 30px;
	max-width:  450px;
}

}


/*My CODE */

.unified-section {
	padding: 80px 0;
	text-align: center;
}
.lighted-txt {
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
}
span.p-image-wrap {
    display: inherit;
}
.channels-block {
	display: table;
	width: 100%;
	margin: 60px 0 0;
}
.channels-block > div {
	display: table-cell;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.channel-img {
	width: 50%;
}
.channel-img img {
	-webkit-transform: translateX(50px);
	    -ms-transform: translateX(50px);
	        transform: translateX(50px);
	opacity: 0;
	-webkit-transition: all 2s ease 0s;
	-o-transition: all 2s ease 0s;
	transition: all 2s ease 0s;
}
#unified-multichannel .channel-img img {
	-webkit-transform: translateX(-50px);
	    -ms-transform: translateX(-50px);
	        transform: translateX(-50px);
}
#unified-multichannel .animated .channel-img img, .unified-section .animated .channel-img img {
	-webkit-transform: translateX(0px);
	    -ms-transform: translateX(0px);
	        transform: translateX(0px);
	opacity: 1;
}
.channel-content {
	text-align: left;
	padding: 0 40px 0 0;
}
#unified-multichannel img {
	width: 90%;
	max-width: 400px;
}
.setup-content {
	display: table;
	width: 100%;
	max-width: 100%;
}
#multichannel img {
	max-width: 100%;
}
.unified-section.zalign-left .content-wrap {
    max-width: 800px;
    text-align: left;
}
.unified-section.zalign-left .content-wrap img {
	margin: 30px 0px 30px;
}
div#unified-multichannel .content-wrap>p, .channels-block>p, .tabsection .content-wrap>p {
	max-width: 810px;
	margin: auto;
}
	
	
#integrations-customization ul li > span {
	background: url(https://www.zoho.com/sites/default/files/desk/desk-partners-sprite.png);
	display: block;
	width: 54px;
	height: 54px;
	margin: 0 auto 8px;
	background-size: 586px auto;
}
#integrations-customization ul li {
    display: inline-block;
    margin: 0 24px 0 0;
    font-size: 14px;
    vertical-align: top;
    text-align: center;
}
#integrations-customization ul li:last-child
	{
		margin: 0;
	}
#integrations-customization ul li.books-icon > span {
	background-position: -64px 0px;
}
#integrations-customization ul li.analytics-icon > span{
	background-position: -128px 0px;
}
#integrations-customization ul li.assist-icon > span{
	background-position: -192px 0px;
}
#integrations-customization ul li.salesforce-icon > span{
	background-position: -248px 0px;
	width: 70px;
}
#integrations-customization ul li.slack-icon > span{
	background-position: -316px 0px;
}
#integrations-customization ul li.jira-icon > span{
	background-position: -382px 0px;
}
#integrations-customization ul li.google-icon > span{
	background-position: -444px 0px;
}
	
	
.channels-block>p {
	text-align: left;
}
.tabsection .content-wrap>p {
	text-align: center;
}
	.htabs li {
    	width: 49%;
	}
	.helpdesk-tool {
   	 	max-width: 830px;
	}
	.helpdesk-tool p{
		max-width: 730px;
	}
	.helpdesk-tool
	{
		padding: 20px 0 0px;
	}
	.helpyou-section p,.helpyou-section:not(.no-bg) .content-wrap {
	max-width: 770px;
	margin: 0 auto;
}
.helpyou-section p{
	margin-bottom:20px;
	max-width: 700px;
}	
.top-pattern .content-wrap {
	max-width: 720px;
	margin: 0 auto 20px;
}
.top-pattern .content-wrap h1{
	font-size: 60px;
}
	.top-pattern {
	padding: 80px 0px 0px;
	}
	.unified-section.zalign-left {
    padding: 80px 0px 0px;
}
div#unified-multichannel .content-wrap p.underline,.underline{
    border-bottom: 0px solid #dfdfdf;
    padding-bottom: 60px;
}
.page-cover-by>div{
	max-width: 1100px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	margin: 120px auto 60px;
}
.cover-content,.cover-img{width:50%}
.cover-content ul{margin-top:20px}

li.tick {
   position:relative;
   font-size: 20px;
   
}
li.tick:not(:last-child){margin-bottom: 27px;}
li.tick a{color:black;position:relative;}
li.tick a:after{content:"";position: absolute;border-bottom: 1px solid #000;width: 100%;left: 0;bottom: 0;display: inline-block;}
li.tick:hover a:after{
    border-bottom: 1.2px solid green;
   
}
li.tick:hover a{
	color:green;
	/* font-weight: 600; */
}

.cover-img h2{max-width: 320px;font-size: 46px;}
.cover-img img{max-width: 340px;margin-top: 20px;}
div#unified-multichannel{
     padding-bottom: 40px;
}
div#unified-multichannel .content-wrap>h2,div#unified-multichannel .content-wrap>p{
	max-width: 700px;
	margin: 0px auto 20px;
}
.tabsection>.content-wrap {
    max-width: 1100px;
}
div#tabsection2 .content-wrap{
	 max-width: 720px;
	 text-align:left;
	 padding: 10px 0px 20px;
}
.channel-img {
    width: 45%;
}
.setup-content > div:last-child
{
    width: 33%;
	padding: 0;
	text-align: center;
}
.setup-section .content-wrap {
    max-width: 1020px;
}
	
.htabs {
    margin: 40px auto 0;
}
.hcont-sec {
    text-align: center;
}
#htabsection2 .hcont-sec:nth-child(1) img{
	max-width: 520px;
	width: 100%;
}
.hcont-sec p{
    margin: 0px auto 20px;
}
.htabs-content{
    min-height: unset;
}

.hcont-sec>div {
    padding-top: unset;
}
	

@media only screen and (max-width:992px){
    .channels-block,.channels-block > div, .channel-img {
    display: block;
    max-width: 500px;
    margin: auto;
    padding: 0;
}
.channel-img ,.setup-content > div:last-child,.cover-img h2{
    width:100%;
    max-width: 100%;
}
.unified-section.zalign-left .content-wrap {
     max-width: 500px;
    padding-right: unset;
}
.cover-content, .cover-img{
	width:100%;
}.page-cover-by>div{text-align:center}.cover-img img{display:none}.cover-img h2{font-size:36px;margin-bottom:24px}
li.tick:not(:last-child) {
    margin-bottom: 17px;
}

li.tick{text-decoration:underline;text-underline-position:under}
.top-pattern .content-wrap h1 {
    font-size: 50px;
}
}
@media only screen and (max-width:768px){
    .top-pattern .content-wrap h1 {
    font-size: 32px;
    margin-top: 20px;
}
.top-pattern {
    padding: 30px 0px 10px;
}
.htabs-content{
    display:block;
    /* height: auto !important; */
}
.helpdesk-tool{
    width:90%;
    padding: 30px 0 0px;
}
}
@media only screen and (max-width:320px){
	.top-pattern .content-wrap h1 {
    font-size: 28px;
}
div#integrations-customization ul li {
    margin: 0 7px 0 0;
    -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
            transform: scale(0.85);
}
}


@media only screen and (max-width: 480px) {
.cta-btn {
    font-size: 16px;
}
.top-pattern h1
{
font-size: 34px;
}
.htabs li{
	font-size: 16px;
	/* min-height: 70px; */
	vertical-align: top;
}
h2 {
    font-size: 26px;
}
.footer-section h2{
	max-width:320px;
	margin: 30px auto;
}
.helpyou-section, .page-cover-by>div, div#unified-multichannel{
	text-align:left
}
#htabsection2 .hcont-sec:nth-child(2) img{
	max-width:200px
}
div#omni-channel img,div#community img{
    position: relative;
    left: -13px;
}
li.tick a:after {
    border-bottom: 0px solid #000;
}
div.unified-section.zalign-left {
    padding-top: 50px
}
.page-cover-by>div{
	
margin: 50px auto 20px;
}
.channel-content{
	padding:0px
}	
.cover-img h2{
	max-width: 320px;
	margin: 0px 0px 20px;
}
#unified-multichannel img {
    max-width: 100%;
    position: relative;
    left: -9%;
}
.htabs-content{
	
margin: 30px auto 0;
}
.setup-content h4 {
    font-size: 24px;
    line-height: 32px;
}
div.htabsection {
    padding: 60px 0 20px;
}
#htabsection1 {
    padding: 10px 0 0px;
}
.htabsection h2 {
    font-size: 26px;
	}
.desk-webinar {
    max-width: 300px;
}
.cover-content ul{
	/* max-width: 251px; */
	margin: auto;
}
.moretopics-section p:after{
	display:none;
}
li.tick{
	font-size: 17px;
}
.desk-webinar h4 {
    font-size: 24px;
}	
.desk-webinar a
	{
		padding: 6px 30px;
	}
.setup-section {
    padding: 40px 0;
}
.bottom-illustration ul {
    max-width: 300px;
    background-size: 300px auto;
    height: 170px;
}
.bottom-illustration ul li span {
    width: 32px;
    height: 32px;
    background-size: 300px auto;
    background-position: 0px -170px;
}
.bottom-illustration ul li span.mail-icon {
    left: 35px;
    top: -35px;
    background-position: -32px -170px;
}
.bottom-illustration ul li span.insight-icon {
    top: 20px;
    left: 50px;
}
.bottom-illustration ul li span.crm-icon {
    top: -60px;
    left: 90px;
    background-position: -66px -170px;
    width: 50px;
}
.bottom-illustration ul li span.cliq-icon {
    background-position: -115px -170px;
    left: 180px;
    top: -30px;
}
.bottom-illustration ul li span.watch-icon {
    background-position: -148px -170px;
    left: 230px;
    top: -40px;
}
.bottom-illustration ul li span.ticket-icon {
    background-position: -475px -170px;
    left: 215px;
    top: 20px;
}
.moretopics-section {
    margin: 30px auto;
    width: 100%;
    padding: 0 20px;
}
.moretopics-section h3 {
    font-size: 24px;
    margin: 0px auto 20px;
    text-align: left;
}
.moretopics-section ul
	{
	    margin: 0 auto;
	    text-align: left;
	    max-width: 100%;
	    border-spacing: 0;
	}
.moretopics-section ul li {
    width: 100%;
    min-height: auto;
    margin: 0;
    border: 0px;
    max-width: 100%;
    text-align: left;
    margin-bottom: 3px;
    padding: 2px;
}
.moretopics-section .content-wrap{
	max-width:300px;
}
	.moretopics-section ul li a {
    padding: 0px 0px;
    position:relative;
    display: inline-block;
}

.moretopics-section ul li a::before{
	content:'';
	position:absolute;
	border-bottom:1px solid #dfdfdf;
	bottom: 0;
	display: inline-block;
	width: 100%;
}

.moretopics-section ul li a span{
	display:none
}
.moretopics-section ul li:hover {
    border-color: #4CAF50;
    -webkit-box-shadow: 10px 10px 13px -2px rgba(0, 0, 0, .0);
    box-shadow: 10px 10px 13px -2px rgba(0, 0, 0, .0);
}
}

@media only screen and (max-width:400px){
		.htabs{
			display:table;
		}
		.htabs li{
			display:table-cell;
			vertical-align: middle;
		}
}

.box-shadow {
	-webkit-box-shadow: 10px 10px 13px -2px rgba(0, 0, 0, .05);
	box-shadow: 10px 10px 13px -2px rgba(0, 0, 0, .05);
	margin: 0 auto;
	border: 1px solid #ededed;
	-webkit-transition: all 2s ease 0s;
	-o-transition: all 2s ease 0s;
	transition: all 2s ease 0s;
}
#htabsection1 img{
  margin-top:20px
}
img.round-robin {
  width: 550px;
}
/* htabsection */
.htabsection {
    padding: 80px 0 50px;
}
#htabsection2 .hcont-sec:nth-child(2) img{
	margin-top:14px
}
.htabsection h2 {
    text-align: center;
    max-width: 680px;
    margin: 0 auto;
}

.htabs {
    margin: 60px auto 0;
    max-width: 420px;
   position: relative;
}
.htabs li {
    display: inline-block;
    width: 50%;
    margin:  0;
    padding: 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: rgba(187, 173, 173, 0.16);
    font-family: 'Roboto slab';
    text-align: center;
	cursor: pointer;
	position: relative;
}

.htabs li.selected
	{
		color: #fff;
	}
	img.work-modes {
        max-width: 560px;
        width: 100%;
    }
    
    img.service-level {
        max-width: 480px;
        width: 100%;
    }
    .Macros{
    	max-width: 480px;
    	width: 100%;
    }
.htabs span.selected {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	background: #03994f;
	width: 210px;
}
.htabs span.selected:after {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #03994f;
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: -7px;
    margin: 0;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.htabs-content {
    max-width: 750px;
	min-height: 780px;
    margin: 40px auto 0;
    position: relative;
	-o-transition: all .4s linear .35s;
	transition: all .4s linear .35s;
    -webkit-transition: all .4s linear .35s;
}
	
.hcont-sec {
    opacity: 0;
    visibility: hidden;
    -o-transition: opacity .3s linear .35s, visibility .4s linear .35s;
    transition: opacity .3s linear .35s, visibility .4s linear .35s;
    -webkit-transition: opacity .3s linear .35s, visibility .4s linear .35s;
    width: 100%;
    padding: 0;
    position: absolute;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.hcont-sec.active-htab {
    visibility: visible;
    opacity: 1;
    -ms-transform: translateY(0%);
        transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transition: opacity .3s linear 0.5s, visibility .4s linear 0.5s;
    transition: opacity .3s linear 0.5s, visibility .4s linear 0.5s;
    -webkit-transition: opacity .3s linear 0.5s, visibility .4s linear 0.5s;
}	
.hcont-sec h3 {
    font-family: 'Roboto slab';
    font-weight: 600;
}
.hcont-sec h3 a {
    color: #000;
}		
.hcont-sec>div
	{
		padding-top: 30px;
		text-align: left;
	}
.hcont-sec video
	{
		width: 100%;
		height: auto;
	}

.z-accordian {
    max-width: 600px;
    margin: 50px auto 0;
    text-align: left;
}
.z-accordianBox {
    margin: 0 0 5px;
}
div#omni-channel img{
	max-width:360px
}
div#omni-channel img{
    position: relative;
    left: -15px;
}
div#community img{
	    position: relative;
    left: -20px;
}
.right-content ul li{
	padding-left: 35px;
}
.right-content ul li{
	position:relative;
}
.right-content ul li::after,.right-content ul li::before{
	position:absolute;
	content:'';
}
.right-content ul li:after {
	width: 16px;
	height: 16px;
	border: 2px solid #77a983;
	left: 0px;
	top: 6px;
	border-radius: 50%;
}
.right-content ul li:before {
	width: 4px;
	height: 8px;
	border: 2px solid #77a983;
	border-left: unset;
	border-top: unset;
	left: 7px;
	transform: rotate(45deg);
	top: 10px;
}
.z-accordianBox h3 {
    margin: 0;
    padding: 12px 15px;
    position: relative;
    cursor: pointer;
    font-size: 20px;
    background-color: #f6f4f4;
    color: #000;
}

.z-accordianBox h3:before {
    content: '+';
    position: absolute;
    top: 0;
    right: 30px;
    bottom: 0;
    font-size: 18px;
    font-weight: 600;
    height: 25px;
    margin: auto;
}

.z-accordianBox h3.active {
    background-color: #03994f;
    color: #fff;
}

.z-accordianBox h3.active:before {
    content: '-';
    right: 32px;
}

.z-accordianBox>div {
    padding: 10px 0px;
    display: none;
}

	
/* htabsection2 */	
.htabsection2 {
    padding: 0 0 80px;
}
.htabsection2 h2 {
    text-align: center;
    max-width: 580px;
    margin: 0 auto;
}
.htabsection2 .content-wrap > p {
    max-width: 700px;
    text-align: center;
    margin: 20px auto;
}
.htabsection2 .content-wrap > p.top-cont
	{
		margin: 60px auto 15px;	
	}	
.htabs2 {
    margin: 0 auto;
    max-width: 780px;
   position: relative;
}
.htabs2 li {
    display: inline-block;
    width: 33.33%;
    margin:  0;
    padding: 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: rgba(187, 173, 173, 0.16);
    font-family: 'Roboto slab';
    text-align: center;
	cursor: pointer;
	position: relative;
}

.htabs2 li.selected
	{
		color: #fff;
	}
	
.htabs2 span.selected {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	background: #03994f;
	width: 260px;
}
.htabs2 span.selected:after {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #03994f;
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: -7px;
    margin: 0;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.htabs-content2 {
    max-width: 100%;
    min-height: 440px;
    margin: 100px auto 0;
    position: relative;
	-o-transition: all .4s linear .35s;
	transition: all .4s linear .35s;
    -webkit-transition: all .4s linear .35s;
}
	
.hcont-sec2 {
    opacity: 0;
    visibility: hidden;
    -o-transition: opacity .3s linear .35s, visibility .4s linear .35s;
    transition: opacity .3s linear .35s, visibility .4s linear .35s;
    -webkit-transition: opacity .3s linear .35s, visibility .4s linear .35s;
    width: 100%;
    padding: 0;
    position: absolute;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
	display: table;
}

.hcont-sec2.active-htab2 {
    visibility: visible;
    opacity: 1;
    -ms-transform: translateY(0%);
        transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transition: opacity .3s linear 0.5s, visibility .4s linear 0.5s;
    transition: opacity .3s linear 0.5s, visibility .4s linear 0.5s;
    -webkit-transition: opacity .3s linear 0.5s, visibility .4s linear 0.5s;
}	
.hcont-sec2 h3 {
font-size: 30px;
    margin: 0;
}
.hcont-sec2 h3 a {
    color: #000;
}		
.hcont-sec2>div
	{
    padding: 0 70px;
    display: table-cell;
    width: 50%;
    vertical-align: middle;
	}
.hcont-sec2>div:last-child {
    width: 40%;
    padding: 0 40px;
}
.hcont-sec2>div:last-child.reporting {
    padding: 0 60px;
}
.hcont-sec2 ul {
    margin: 0;
    padding: 0;
}
.hcont-sec2 ul li {
    margin: 0 0 20px;
    padding: 0 0 0 60px;
    position: relative;
}	
.hcont-sec2 ul li:before {
    content: " ";
    display: block;
    border: solid 2px #43bd63;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 0.5em;
    top: 5px;
}	
.hcont-sec2 ul li:after {
    content: '';
    display: block;
    width: 4px;
    height: 9px;
    border: solid #26b34d;
    border-width: 0 2px 2px 0;
    position: absolute;
    left: 1em;
    top: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
}	
.hcont-sec2>div img {
    max-width: 75%;
}	
.hcont-sec2 video
	{
		width: 100%;
		height: auto;
	}