@import url("https://www.manageengine.com/css/fonts.css");
h1 {
    font: 40px/1.6 'Zoho_Puvi_Bold', Arial, Helvetica, sans-serif;
    color: #000;
}
h2 {
    font: 35px/1.6 'Zoho_Puvi_Bold', Arial, Helvetica, sans-serif;
    color: #000
}
h3 {
    font: 20px/1.5 'Zoho_Puvi_SemiBold', Arial, Helvetica, sans-serif;
    color: #000
}
p {
    font: 17px/1.6 'Zoho_Puvi_Regular', Arial, Helvetica, sans-serif;
    color: #000
}
body {
    font-family: 'Zoho_Puvi_Regular', Arial, Helvetica, sans-serif;
    color: #000;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    background: #fff;
}
/* Banner 1 */
	
.dflex {
    display: flex;
    /*align-items: center*/
}
.dflex .left {
    width: 55%
}
.dflex .right {
    width: 45%
}
.flexslider .flexBnrslides img {
    max-width: 100%;
    display: block;
    margin: 0;
}
.cussprtbnr {
    background-image: linear-gradient(to right, #0b2dfb, #005eff, #007eff, #009aff, #1eb2fc);
    height: 435px;
}
/*.algnitmfe{    align-items: end !important;}*/
.intrbnrcont {
    padding-top: 80px;
}
.introimg {
    position: relative;
    bottom: -90px;
}
.bnrhdrtxt span.scp {
    color: #ffc200
}
p.introsubtxt {
    font-style: italic !important;
    font: 20px/1.1 'Zoho_Puvi_SemiBold', Arial, Helvetica, sans-serif;
}
a.introcta {
    background: #fccc32;
    color: #000;
    text-decoration: none;
    font: 20px/1.3 'Zoho_Puvi_SemiBold', Arial, Helvetica, sans-serif;
    border-radius: 3px;
    padding: 10px 30px
}
.mobsitebnr{display: none;}
.scp14release .dflex {
    padding-top: 85px
}
.scp14release .right .bnrhdrtxt {
    font: 39px/1.2 'Zoho_Puvi_Bold';
    color: #000;
    text-align: left;
    width: 100%;
    margin: 0px auto 0 auto;
}
.scp14release .left {
    width: 48%
}
.scp14release .right {
    width: 52%
}
.scp14release {
    background-image: url(https://www.manageengine.cn/products/support-center/style/../images/scp-new-release-14.0-bannerbg.png);
    background-position: 50%;
    width: 100%;
    background-size: cover;
    min-height: 435px;
}
.scp14release p {
    font: 23px/30px 'Zoho_Puvi_Regular', Arial, Helvetica, sans-serif;
    color: #000;
	margin-top: 12px;
}
.scp14release .left img {
    width: 80%;
}
.scp14release a.bnrcta {
    font-family: 'Zoho_Puvi_SemiBold', Arial, Helvetica, sans-serif;
    background: #ff0000;
    padding: 10px 50px 10px 30px;
    font-size: 22px;
    text-decoration: none;
    color: #fff;
    border-radius: 5px;
	display: inline-block;
    position: relative;
}
.scp14release a.bnrcta:hover {background: #ee0000}

.scp14release a.bnrcta:after {
    content: '';
    position: absolute;
    right: 20px;
    top: 17px;
    display: inline-block;
    background: url(https://www.manageengine.cn/products/support-center/style/../images/learn-more-arrow.svg);
    width: 15px;
    height: 11px;
    transition: all ease .3s;
}
.scp14release a.bnrcta:hover:after {
  transform: translateX(4px);
	
}


.dc-cta {
    display: block;
    margin-top: 30px;
}
.tpmobcta {
    display: none
}
.newfeaturebnr {
    background-image: url(https://www.manageengine.cn/products/support-center/style/../images/blob-bg.jpg);
    background-position: 50%;
    width: 100%;
    background-size: cover;
    min-height: 435px;
}
.bnrhdrtxt {
    font: 39px/1.2 'Zoho_Puvi_SemiBold';
    color: #000;
    text-align: left;
    width: 100%;
    margin: 0px auto 0 auto;
}
.newfeaturebnr p {
    font-size: 16px;
    margin-top: 10px;
}
a.bnrcta {
    background: #e3312b;
    padding: 10px 30px;
    font-size: 20px;
    text-decoration: none;
    color: #fff;
    border-radius: 3px;
}
sup.newlbl {
    font-family: 'Zoho_Puvi_Regular', Arial, Helvetica, sans-serif;
    background: #E9142B;
    color: #fff;
    padding: 2px 7px;
    border-radius: 5px;
    font-size: 12px;
    margin: 5px;
    position: relative;
    top: -18px;
}
span.newlable {
    position: absolute;
    right: 0;
    top: 0;
    background: red;
    color: #fff;
    padding: 0 5px;
    font-size: 12px;
    font-weight: 600;
}
.bg-l-grey {
    background: #f7fafc
}
.newversionbanner {
    background: url(https://www.manageengine.cn/products/support-center/style/../images/banner-scp-8.1-bg.jpg) no-repeat 0 0;
    width: 100%;
    height: 380px;
    display: block;
    background-size: cover
}
.bannercontainer {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    transition: all 0.2s ease-in 0s
}
.heading-menu {
    display: none
}
.wdt85 {
    width: 85%;
    padding-left: 3%
}
.wdt85 h4 {
    margin-left: 0
}
a.cusnmore {
    display: inline-block;
    position: relative;
    text-decoration: none;
    color: #006cff;
    font-family: 'Zoho_Puvi_SemiBold';
    margin-top: 10px;
    margin-left: 30px;
    font-size: 16px;
}
a.cusnmore:after {
    content: '';
    position: absolute;
    right: -20px;
    top: 7px;
    display: inline-block;
    background: url(https://www.manageengine.cn/products/support-center/style/../images/learn-more.svg);
    width: 15px;
    height: 11px;
    transition: all ease .3s;
}

.custspek {
    font-style: italic;
    text-align: left;
    font-size: 22px;
    line-height: 30px;
    color: #000;
}
.flexslider {
    width: 100%;
    min-height: 435px;
}
.newbnr {
    margin: 0
}
.bnrbg1 {
    background: #00aaa9
}
.bnrcontainer {
    width: 1400px;
    max-width: 100%;
    margin: 0 auto
}
.intgbnr {
    left: auto;
    margin: 0 0 0 200px;
    top: 0!important;
    text-align: center;
    width: 1000px;
    max-width: 100%;
    right: auto
}
.intgbnr .intgCnt {
    margin: 155px 0 0
}
.intgbnr .intgHdr {
    margin-left: 0
}
.intgbnr .intgCnt1 {
    margin-left: 20px;
}
.intgbnr .intgCnt2 {
    margin-left: 110px
}
.intgbnr .intgCnt3 {
    margin-left: 70px
}
.prdbnr1 {
    left: auto;
    margin: 0 0 0 200px;
    text-align: left;
    width: 1000px;
    max-width: 100%;
    right: auto
}
.whyscp-box h3 a {
    font-size: 18px;
}
.scphdrs {
    font: 28px/1.25 'Zoho_Puvi_SemiBold', Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 25px;
}
#customers {
    background: #fff !important;
}
#ftrgetstd {
    font: 28px/1.25 'Zoho_Puvi_SemiBold', Arial, Helvetica, sans-serif;
    color: #444;
}


.disctxt{text-align: center;
    font-size: 18px;
    line-height: 30px;
    width: 80%;
    margin: 0 auto;
    padding: 50px 0;
}
.whyscpsec{    background: #F5FAFF;
    padding: 100px 0;}
.morebenfits{    background: #fff;
    padding: 100px 0;}
.ednsec{    background: #F5FAFF;
    padding: 100px 0;}
.orgsec{    background: #f5fafe;
    padding: 100px 0;}

.whyscpsec h2, .morebenfits h2, .ednsec h2, .orgsec h2{ margin:0px 0px 50px 0px; text-align: center;}
a.ftrgtstrd {
    font-weight: 600;
}
/*.feature-box {
    margin-top: 30px;
    color: #000;
    display: flex;
}
.feature-col1 {
    background: #fff;
    text-align: left;
    width: 23%;
    padding: 4%;
    border: 1px solid #eaeaea;
}
.feature-col2 {
    background: #fff;
    text-align: left;
    width: 23%;
    padding: 4%;
    border: 1px solid #eaeaea;
}
.feature-col3 {
    background: #fff;
    text-align: left;
    width: 23%;
    padding: 4%;
    border: 1px solid #eaeaea;
}
.feature-col1, .feature-col2, .feature-col3 {
    min-height: 345px
}
.feature-col1:hover, .feature-col2:hover, .feature-col3:hover {
    box-shadow: 0 30px 70px rgb(174 196 211) !important;
    border: 1px solid #f1f1f1;
    transition: all 0.3s ease-in-out !important;
}*/

.ftr-container{    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    transition: all 0.2s ease-in 0s;}
.feature-boxs {     display: flex;
    flex-wrap: wrap;
    padding-top: 20px;}
.featurebox{    flex: 0 0 24%;
    margin: 25px;
    background: #FFFFFF;
    padding: 30px 30px 50px 30px;
    border: 1px solid #f1f1f1;
    transition: all 500ms ease;
	    position: relative;
}


.featurebox:hover {
    box-shadow: 0 30px 70px rgb(174 196 211) !important;
    z-index: 3;
}

.ftricon-img {
    margin: 5px 10px 0 0;
    float: none;
    display: inline-block;
}
.ftr-icon13 {
    background-position: -114px -35px;
    height: 29px;
    width: 30px;
}
.ftr-icon14 {
    background-position: -148px -35px;
    height: 26px;
    width: 26px;
}
.ftr-icon15 {
    background-position: -182px -35px;
    height: 28px;
    width: 27px;
}
.ftr-icon16 {
    background-position: -210px -35px;
    height: 30px;
    width: 29px;
}
.ftr-icon17 {
    background-position: -210px -35px;
    height: 30px;
    width: 29px;
}
.ftr-icon18 {
    background-position: -277px -36px;
    height: 27px;
    width: 25px;
}
.ftr-icon19 {
    background-position: -304px -39px;
    height: 26px;
    width: 23px;
}
.ftr-icon20 {
    background-position: -328px -2px;
    height: 31px;
    width: 31px;
}
h3.fea-inhead {
	font-family: 'Zoho_Puvi_SemiBold', Arial, Helvetica, sans-serif;
    font-size: 20px;
    letter-spacing: -0.5px;
    margin-left: 0;
    margin-top: 10px;
    font-weight: 600;
	margin-bottom: 0px;
}
h3.fea-inhead a {
    color: #000;
    text-decoration: none
}
.feature-box p {
    margin: 15px 0 5px 0;
    color: #000;
    font-size: 17px;
    line-height: 1.6;
}


a.ftrlranmor {
    display: inline-block;
    position: relative;
    text-decoration: none;
    color: #006cff;
    padding-right: 5px;
    font-family: 'Zoho_Puvi_SemiBold';
	font-size: 16px;
	position: absolute;
    bottom: 25px;
}

a.ftrlranmor:after {
    content: '';
    position: absolute;
    right: -15px;
    top: 6px;
    display: inline-block;
    background: url(https://www.manageengine.cn/products/support-center/style/../images/learn-more.svg);
    width: 15px;
    height: 11px;
    transition: all ease .3s;
}
a.ftrlranmor:hover:after {
  transform: translateX(4px)
}

a.lnmore {
    text-decoration: none;
    color: #138cd6 !important;
    margin-top: 10px;
    display: inline-block;
}

.allfeatr{ padding-top: 50px; }
a.allfeatrcta {
    display: inline-block;
    background: #000000;
    color: #fff;
    padding: 10px 50px 10px 40px;
    font-size: 16px;
    font-weight: bold;
    margin: 5px 10px;
    border-radius: 4px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Zoho_Puvi_Bold';
    position: relative;
}

a.allfeatrcta:after {
    content: '';
    position: absolute;
    right: 28px;
    top: 15px;
    display: inline-block;
    background: url(https://www.manageengine.cn/products/support-center/style/../images/learn-more-arrow.svg);
    width: 15px;
    height: 11px;
    transition: all ease .3s;
}
a.allfeatrcta:hover:after {
  transform: translateX(4px)
}

.morebn-box{ display: flex;
    flex-wrap: wrap;}
.morebnbx {
    flex: 0 0 28%;
    margin: 26px;
    transition: all 500ms ease;
}


.edn-hdr-box {
    background: #0074d9;
    padding: 10px;
}
.edn-hdr-box h3 {
    font-size: 25px;
    color: #fff;
    margin: 0;
}
.hm-edi-col1 {
    background: #fff;
	margin-top: 0px; 
}
.hm-edi-col2 {
    background: #fff;
	margin-top: 0px; 
}
.hm-edi-col3 {
    background: #fff;
	margin-top: 0px; 
}
.hm-edi-col1 ul {
    background: #fff;
    min-height: 380px;
    margin-top: 20px;
    padding: 5% 0;
    color: #000;
}
.hm-edi-col2 ul, .hm-edi-col3 ul {
    background: #fff;
    min-height: 380px;
    margin-top: 20px;
    padding: 5% 0;
}
.hm-edi-col2 div, .hm-edi-col3 div {
    font-size: 14px;
    color: #000;
    font-weight: lighter;
}
.trynow-btmbox {
    background: #c6e8f2;
    padding: 25px 0 !important;
}
.trynow-btmbox2 {
    background: #c7e8f2;
    padding: 25px 0;
}
.trynow-btmbox a {
    background: #f36125;
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding: 7px 25px;
    font-size: 20px;
    font-weight: lighter;
    border: none;
    border-radius: 5px;
}
.trynow-btmbox2 a {
    background: #f36125;
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding: 7px 25px;
    font-size: 20px;
    font-weight: lighter;
    border: none;
    border-radius: 5px;
}
.hm-edi-col1 ul li, .hm-edi-col2 ul li, .hm-edi-col3 ul li {
    background: url(https://www.manageengine.cn/products/support-center/style/../images/bullet-points.png) no-repeat 0 9px;
    line-height: 33px;
    margin-left: 20px;
    padding: 0 0 5px 30px;
    color: #000;
    font-size: 16px;
}
	
.morebn-box h3 a {
    font-size: 20px;
    text-decoration: none;
    font-weight: bold;
}

.compredn{ padding-top: 50px; }
.compredn a {
    display: inline-block;
    background: #000000;
    color: #fff;
    padding: 10px 50px 10px 40px;
    font-size: 16px;
    font-weight: bold;
    margin: 5px 10px;
    border-radius: 4px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Zoho_Puvi_Bold';
    position: relative;
}

a.compredncta:after {
    content: '';
    position: absolute;
    right: 28px;
    top: 15px;
    display: inline-block;
    background: url(https://www.manageengine.cn/products/support-center/style/../images/learn-more-arrow.svg);
    width: 15px;
    height: 11px;
    transition: all ease .3s;
}
a.compredncta:hover:after {
  transform: translateX(4px)
}
	

/*LAZY AND CONTENT ANIMATION*/
.cont-anim > h1, .cont-anim > h2, .cont-anim > h3, .cont-anim > h4, .cont-anim > h5, .cont-anim > p, .cont-anim > ul > li, .cont-anim > div {
  -webkit-transform: translateY(25px);
  -ms-transform: translateY(25px);
  transform: translateY(25px);
  opacity: 1;
}
.cont-anim .content-view {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  transition: 1s ease;
}
.right-img-anim {
  opacity: 0;
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
  transition: 1s ease;
}
.left-img-anim {
  opacity: 0;
  -webkit-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  transform: translateX(-30px);
  transition: 1s ease;
}
.img-view {
  opacity: 1;
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
  transition: 1s ease;
}
.img-scale {
  opacity: 0;
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
  transition: 1s ease;
}
.parent-active .img-scale {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transition: 1s ease;
}
.right-anim {
  opacity: 0;
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
  transition: 1s ease;
}
.lef-anim {
  opacity: 0;
  -webkit-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  transform: translateX(-30px);
  transition: 1s ease;
}
.parent-active .lef-anim, .parent-active .right-anim, .parent-active .right-img-anim, .parent-active .left-img-anim {
  opacity: 1;
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
  transition: 1s ease;
}
.bottom-to-top-anim {
  opacity: 0;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  transition: 1s ease;
}
.parent-active .bottom-to-top-anim {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  transition: 1s ease;
}

@media screen and (max-width:1180px) {
	.scp14release .dflex {
    padding-top: 115px;
}
.scp14release .right .bnrhdrtxt {
	font: 30px/1.2 'Zoho_Puvi_Bold';}
	.scp14release p {
    font: 20px/28px 'Zoho_Puvi_Regular', Arial, Helvetica, sans-serif;
}
	.intrbnrcont {
    padding-top: 95px;
}
	.ftr-container {
		max-width: 100%;}
	.featurebox {
		margin: 20px;}
}


@media screen and (max-width:1024px) {
	.featurebox {
		margin: 16px;}
}

@media screen and (max-width:980px) {
.flexslider {
    width: 100%;
    height: auto;
    max-height: 100%;
    min-height: 100%
}
.cussprtbnr {
    background-color: #1eb2fc;
    background-image: none;
    height: auto;
    padding: 60px 0;
}
.dflex {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
.scp14release {
    min-height: auto;
    padding: 124px 0;
}
.scp14release .left img {
    width:100%;
    margin-top: 50px;
}
.scp14release .dflex {
    padding-top: 0;
}
.dflex .right {
    width: 95%;
    padding: 0 4%;
    text-align: center;
}
.dflex .right img {
}
img.introtxt {
    /* margin-top: 0 !important; */
    text-align: center;
    margin: 0 auto !important;
    justify-content: center;
    width: 160px;
}
	.scp14release .right .bnrhdrtxt {
		    font: 40px/1.2 'Zoho_Puvi_Bold';
    text-align: center;
    margin: 10px auto 0 auto;
}
	.scp14release p {
    margin-top: 10px;
		font: 25px/38px 'Zoho_Puvi_Regular', Arial, Helvetica, sans-serif;
}
	
.bnrhdrtxt {
    text-align: center;
    margin-top: 20px;
}
.cussprtbnr {
    padding: 90px 0 200px 0;
    margin-top: 0;
}
.intrbnrcont {
    padding: 0 10%;
}
	.introimg {
    position: relative;
    bottom: -210px;
}
	a.introcta {
    margin-top: 20px;
}
.newfeaturebnr {
    min-height: 305px;
}
.mspnewrlsbnr {
    margin-top: 30px;
}

.wdt55 {
    width: 75%;
}
	
	.featurebox {
		flex: 0 0 88%;}
	.featurebox {
    margin: 15px;
}
	.morebnbx {
    flex: 0 0 98%;
    margin: 26px;
    transition: all 500ms ease;
}
	.hm-edi-col1 {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-top: 5%;
		min-height: auto;
}
	.hm-edi-col2 {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-top: 5%;
		min-height: auto;
}
	.hm-edi-col3 {
    width: 100%;
    float: none;
    margin-top: 5%;
		min-height: auto;
}


}

@media screen and (max-width:667px) {
	h2 {
    font: 30px/1.6 'Zoho_Puvi_Bold', Arial, Helvetica, sans-serif;
    color: #000;
}
	.whyscpsec{    background: #F5FAFF;
    padding: 50px 0;}
.morebenfits{    background: #fff;
    padding: 50px 0;}
.ednsec{    background: #F5FAFF;
    padding: 50px 0;}
.orgsec{    background: #f5fafe;
    padding: 50px 0;}

.whyscpsec h2, .morebenfits h2, .ednsec h2, .orgsec h2{ margin:0px 0px 30px 0px; text-align: center;}
	
br {
    display: none
}
	.dc-cta {
    display: none;
}
	
.tpmobcta {
    display: block;
}
	.flex-direction-nav li a{display: none;}
.flexMobile {
    display: none;
}
.flexBnrslides, .flex-control-nav, .flex-direction-nav {
    display: block
}
.bnrhdrtxt {
    font: 27px/1.2 'Zoho_Puvi_SemiBold';
}
	.scp14release, .cussprtbnr{display: none;}
	.mobsitebnr{display: block;}
.scp14release {
    min-height: auto;
    padding: 70px 10px 70px 10px;
    width: 95%;
    background-position: 130%;
}
.flexslider .flexBnrslides > li a {
    display: block;
}
.scp14release .left {
    width: 60%;
}
.intrbnrcont {
    padding-top: 0;
}
.cussprtbnr {
    padding: 60px 10px 75px 10px;
	margin-top: 0px;
}
.cussprtbnr .dflex .left {
    width: 91%;
}
.introimg {
    position: relative;
    bottom: -110px;
}
.scp14release .left img {
    width: 100%;
    margin-top: 50px;
}
.scp14release p {
    font: 18px/30px 'Zoho_Puvi_Regular', Arial, Helvetica, sans-serif;
    color: #000;
}
.intrbnrcont.mT30 {
    margin-top: 15px;
}
.feature-box {
    display: flex;
    flex-wrap: wrap;
}
.feature-col1, .feature-col2, .feature-col3 {
    min-height: auto;
    width: 100%;
    margin: 20px 0;
}
	.hm-edi-col2 ul, .hm-edi-col3 ul {
    background: #fff;
		min-height: auto;}
.container.morebn-box {
    display: flex;
    flex-wrap: wrap;
}
	
	.featurebox {
    flex: 0 0 75%;
}
	.morebnbx {
    flex: 0 0 84%;
	}
	
	
.morebn-col1 {
    text-align: left;
    width: 90%;
    /* float: left; */
    padding: 4%;
}
.morebn-col2 {
    text-align: left;
    width: 90%;
    /* float: left; */
    padding: 4%;
}
.morebn-col3 {
    text-align: left;
    width: 90%;
    /* float: left; */
    padding: 4%;
}
.hmedndiv {
    display: flex;
    flex-wrap: wrap;
}

	.hm-edi-col1 ul {
		min-height: auto;}
.cust-img {
    display: none;
}
.fl.wdt85.custspek {
    width: 95%;
    padding: 0;
    margin: 0 auto;
    text-align: center;
}
.cust-cta {
    text-align: center;
}
}

@media screen and (max-width:414px) {
.scp14release p {
    font: 18px/30px 'Zoho_Puvi_Regular', Arial, Helvetica, sans-serif;
    color: #000;
}
}

@media screen and (max-width:380px) {
.bnrhdrtxt {
    font: 23px/1.2 'Zoho_Puvi_SemiBold';
}
p.introsubtxt {
    font-style: italic !important;
    font: 17px/1.1 'Zoho_Puvi_SemiBold', Arial, Helvetica, sans-serif;
}
a.introcta {
    background: #fccc32;
    color: #000;
    text-decoration: none;
    font: 17px/1.3 'Zoho_Puvi_SemiBold', Arial, Helvetica, sans-serif;
    border-radius: 3px;
    padding: 10px 30px;
}
a.bnrcta {
    background: #f36026;
    padding: 6px 20px;
    font-size: 20px;
    text-decoration: none;
    color: #fff;
    border-radius: 3px;
}

.introimg {
    position: relative;
    bottom: -200px;
}
}