/* Features snipit styles start */
.container-fix {
    max-width: 1200px !important;
    margin: 0 auto;
}

ul.ftrcontmainflx{-webkit-flex: inherit;
    -ms-flex: inherit;
    float: left;
    display: flex;
    flex-wrap: wrap;}
ul.ftrcontmainflx li {
    list-style-type: none;
    float: left;
    /* box-shadow: 0px 2px 20px 0 rgba(46, 61, 73, .2); */
    border: 1px solid #eaeaea;
    /* border-radius: 5px; */
    width: 100%;
    max-width: 24.6%;
    margin: 1%;
    background: #fff;
    padding: 38px;
}

ul.ftrcontmainflx li:hover {
    box-shadow: 0px 15px 20px rgba(0, 0, 0, .10);
    border: 1px solid #c6e1f3;
    transition: all 0.3s ease-in-out !important;
}

ul.ftrcontmainflx li a.lnmore {
    position: relative;
    cursor: pointer;
    text-decoration: none !important;
    outline: none;
    color: #2b98f0 !important;
    font-size: 16px;
    font-family: proxima_nova_rgregular;
    cursor: pointer;
}

ul.ftrcontmainflx li a.lnmore:before { display: none;}



ul.ftrcontmainflx li a.lnmore:after {
    content: "";
    border-bottom: 1px solid #2b98f0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 0%;
    transition: width 0.2s;
}
ul.ftrcontmainflx li  a.lnmore:hover:after {
    width: 100%;
}

ul.ftrcontmainflx li a.lnmore:hover {
    text-decoration: none;
}

.container-fix h2{ margin-top: 0px !important; padding-top: 0px}


.featureicons{background:url(/images/produits/servicedesk_plus/help-desk-features-icon.png) no-repeat 0 0;margin:5px 10px 0 0;height:36px;width:36px;display:inline-block}

ul.ftrcontmainflx li .fea-inhead {
    margin-top: 10px;
    margin-left: 0%;
    padding-bottom: 5px;
    font-size: 20px;
    font-family: 'proxima_nova_rgbold';
    line-height: 30px;
}

.ftr-hds1{background-position:0 0}
.ftr-hds2{background-position:-36px 0}
.ftr-hds3{background-position:-72px 0}
.ftr-hds4{background-position:-108px 0}
.ftr-hds5{background-position:-144px 0}
.ftr-hds6{background-position:-180px 0}
.ftr-hds7{background-position:-216px 0}
.ftr-hds8{background-position:-252px 0}
.ftr-hds9{background-position:-288px 0}
.ftr-hds10{background-position:-324px 0}
.ftr-hds11{background-position:0 -36px}
.ftr-hds12{background-position:-36px -36px}
.ftr-hds13{background-position:-127px -182px}
.ftr-itil1{background-position:-76px -36px;width: 34px;}
.ftr-itil2{background-position:-109px -36px}
.ftr-itil3{background-position:-150px -36px}
.ftr-itil4 { background-position: -186px -36px; width: 30px; }
.ftr-itil5{background-position:-220px -36px}
.ftr-itil6{background-position:-327px -185px}

.ftr-auto14 { background-position: -207px -184px; width: 33px; height: 26px; margin: 12px 10px 0 0; }
.ftr-auto15 { background-position: -250px -185px; width: 33px; height: 27px; margin: 12px 10px 0 0; }

.ftr-asm1{background-position:-252px -37px}
.ftr-asm2{background-position:-288px -37px}
.ftr-asm3{background-position:-324px -36px}
.ftr-asm4{background-position:0 -72px}
.ftr-asm5{background-position:-36px -72px}
.ftr-asm6{background-position:-72px -72px}
.ftr-asm7{background-position:-108px -72px}
.ftr-asm8{background-position:-144px -72px}
.ftr-asm9{background-position:-180px -72px}
.ftr-asm10{background-position: -39px -141px;}
.ftr-asm11{background-position:-182px -76px}
.ftr-asm12{background-position:-2px -144px}
.ftr-asm13{background-position:-164px -184px}

.ftr-ninteg01{background-position:-74px -142px}
.ftr-ninteg02{background-position:-117px -142px}
.ftr-ninteg03{background-position:-158px -143px}
.ftr-ninteg04{background-position:-205px -143px}
.ftr-ninteg05{background-position:-249px -143px}
.ftr-ninteg06{background-position:-292px -143px}
.ftr-ninteg07{background-position:-338px -143px}
.ftr-ninteg08 { background-position: -289px -183px; width: 33px; height: 28px; margin: 12px 10px 0 0; }

.ftr-ofic365int01{background-position:-86px -177px}
.ftr-ofic365int02{background-position:-1px -180px}
.ftr-ofic365int03{background-position:-44px -180px}

#itil{background: #fff; padding: 3% 0}
#automation{background: #f3fcff; padding: 3% 0}
#asset-management{background: #fff; padding: 3% 0}
#native-integrations{background: #f3fcff; padding: 3% 0}
#thirdparty-integ{background: #fff; padding: 3% 0}


/* Features snipit styles end */





@media only screen and (max-width:1600px) {

#itil, #automation, #asset-management, #native-integrations, #thirdparty-integ{ padding: 5% 0}
}

@media only screen and (max-width:1024px) {
.container-fix {
	padding: 0px 30px;
    width: auto;
}
    
    ul.ftrcontmainflx li {
    max-width: 23%;
    margin: 1%;
    padding: 39px;
}
    .fea-nav-list {width: 100% !important;}

}



@media only screen and (max-width:980px) {
.container-fix {
    padding: 20px !important;
}
ul.ftrcontmainflx li {
    max-width: 37%;
    margin: 1%;
    padding: 39px;
}
ul.ftrcontmainflx li .fea-inhead{border-bottom:none; color: #000 !important;}
ul.ftrcontmainflx li .fea-inhead a{color: #000 !important;}

}


@media only screen and (max-width:660px) {
    
    ul.ftrcontmainflx li {
    max-width: 78%;
    margin: 1%;
    padding: 39px;
}

}




@media only screen and (max-width:500px) {
    
    .container-fix {
    padding: 13px !important;
}
p {
    font-size: 15px !important;
    line-height: 1.4 !important;
}

    a.startyrfre{padding: 7px 20px !important;}
.container-fix h2{
    font-family: 'proxima_novasemibold', 'Open Sans', sans-serif;
    font-size: 25px;
    line-height: 1.25;
}
    
}



@media only screen and (max-width:375px) {

a.startyrfre {
    margin: 10px;
    width: 95px !important;
}
}




@media only screen and (max-width:360px) {

}

@media only screen and (max-width:320px) {

.container-fix {
	padding: 20px 20px !important;
}

}


@media only screen and (max-width:1600px) {

.screenshots, #testimonials{ padding: 5% 0}
}

@media only screen and (max-width:1024px) {
.container-fix {
	padding: 0px 30px;
    width: auto;
}

}



@media only screen and (max-width:980px) {
.container-fix {
    padding: 20px !important;
}
 
}


@media only screen and (max-width:660px) {

}




@media only screen and (max-width:500px) {
    
    .container-fix {
    padding: 13px !important;
}
p {
    font-size: 15px !important;
    line-height: 1.4 !important;
}

}



@media only screen and (max-width:375px) {

a.startyrfre {
    margin: 10px;
    width: 95px !important;
}
}




@media only screen and (max-width:360px) {

}

@media only screen and (max-width:320px) {

.container-fix {
	padding: 20px 20px !important;
}

}