/* Site Specific custom styles goes here */
.selector1 {/* css rules*/}
.selector2 .selector3 {/* css rules*/}
.selector3 .selector4 .selector4 {/* css rules*/}

 html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, img, sub, sup, ul, li, form, label, article, aside, footer, header, hgroup, menu, nav, output, section, time, audio, video {
    font-family: 'Roboto', sans-serif !important;
    }

a {
    font-size: 14px;
}

#main h1{
color:#fff!important;
}

.overview{
background-color : #fff !important;
}


/* ESP Styles (BEGIN) */

.h3-esp{
    font-size: 24px;
    color: #d8292f;
    font-family: PT Sans;
    font-weight: 700;
    }
.featureList-esp, .featureList-esp ul {
    margin-top: 0;
    padding-left: 8px;
    list-style-type: none !important;
    }
.featureList-esp li{
    padding-bottom:10px;
    }
    .featureList-esp li:before {
    position: absolute;
    margin-left: -1.3em;
    font-weight: bold;
    }
    .featureList-esp li.tick:before {
    content: "\2713";
    color: #d8292f;

    }

/* ESP Styles (END) */

/* SURGEX Styles (BEGIN) */

.h3-sx{
    font-size: 24px;
    color: #000;
    font-family: PT Sans;
    font-weight: 700;
    }
.h2-sx{
    color: #666;
    font-family: PT Sans;
    font-weight: 100;
    }

.col-sm-3-sx !important{
    padding-left: 0px;
	padding-right: 0px
    }
.featureList-sx, .featureList-esp ul {
    margin-top: 0;
    padding-left: 8px;
    list-style-type: none !important;
    }
.featureList-sx li{
    padding-bottom:10px;
    }
    .featureList-sx li:before {
    position: absolute;
    margin-left: -1.3em;
    font-weight: bold;
    }
    .featureList-sx li.tick:before {
    content: "\2713";
    color: #f4cd24;
    }

/* SURGEX Styles (END) */


/* GLOBAL Styles (BEGIN) */
.overview {
    background-color: #ffffff;
    }
.body-indent {
    padding: 10px 0px 0px 0px;
	margin-left: 20px;
	margin-right: 5px;
    font-size: 16px;
    }
    .center-image img {
    margin: auto;
    display: block;
    }
    .row {
    padding-left: 15px;
    }
    .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    padding-right: 0px;
    }
/* HOME PAGE (BEGIN) */
    .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 15px;
    height: 0;
    overflow: hidden;
    }
    .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }
    .table-responsive {
    border: none;
    }
    * {
    box-sizing: border-box;
    }
    .column {
    float: left;
    width: 50%;
    padding: 3px;
    }
    .row:after {
    content: "";
    display: table;
    clear: both;
    }
    @media screen and (max-width: 600px) {
    .column {
    width: 100%;
    }
    }

/* HOME PAGE (END) */
/* GLOBAL Styles (END) */
a {
    color: black;
    font-family: Open Sans;
    font-weight: 600;
    font-size: 14px;
}
a:hover {
    color: #d8292f;
}



h1.dummyH1 {
    background-image: none;
    background-color: #ffffff;
}
.product_detail_cont .top_content {
    padding-top: 0px;
    }
.product_tabs {
    padding-top: 5px;

}

.recent_news_content a{
	color: #000000 !important;
	font-weight: 900!important;
	font-size: 15px!important;
	line-height: normal!important;
}
.inner_content .content_right h4, .content_left h1, .recentnewsh4 {
	border-bottom: 1px solid #d8292f!important;
}
 .testimonials blockquote {
    background: #f8f8f8 none repeat scroll 0 0;
    border: medium none;
    color: #000;
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding: 15px;
    position: relative;
    }
    .testimonials blockquote::before {
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    content: " ";
    display: block;
    position: absolute;
    border-bottom: 20px solid #fff;
    border-right: 0 solid transparent;
    border-left: 15px solid transparent;
    border-left-style: inset; /*FF fixes*/
    border-bottom-style: inset; /*FF fixes*/
    }
    .testimonials blockquote::after {
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    content: " ";
    display: block;
    position: absolute;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #d8292f transparent transparent transparent;
    }
    .testimonials .carousel-info img {
    border: 1px solid #f5f5f5;
    border-radius: 150px !important;
    height: 75px;
    padding: 3px;
    width: 75px;
    }
    .testimonials .carousel-info {
    overflow: hidden;
    }
    .testimonials .carousel-info img {
    margin-right: 15px;
    }
    .testimonials .carousel-info span {
    display: block;
    }
    .testimonials span.testimonials-name {
    color: #e6400c;
    font-size: 16px;
    font-weight: 300;
    margin: 23px 0 7px;
    }
    .testimonials span.testimonials-post {
    color: #656565;
    font-size: 12px;
    }
    .testimonials-sx blockquote {
    background: #f8f8f8 none repeat scroll 0 0;
    border: medium none;
    color: #666;
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding: 15px;
    position: relative;
    }
    .testimonials-sx blockquote::before {
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    content: " ";
    display: block;
    position: absolute;
    border-bottom: 20px solid #fff;
    border-right: 0 solid transparent;
    border-left: 15px solid transparent;
    border-left-style: inset; /*FF fixes*/
    border-bottom-style: inset; /*FF fixes*/
    }
    .testimonials-sx blockquote::after {
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    content: " ";
    display: block;
    position: absolute;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #ffce00 transparent transparent transparent;
    }
    .testimonials-sx .carousel-info img {
    border: 1px solid #f5f5f5;
    border-radius: 150px !important;
    height: 75px;
    padding: 3px;
    width: 75px;
    }
    .testimonials-sx .carousel-info {
    overflow: hidden;
    }
    .testimonials-sx .carousel-info img {
    margin-right: 15px;
    }
    .testimonials-sx .carousel-info span {
    display: block;
    }
    .testimonials-sx span.testimonials-name {
    color: #e6400c;
    font-size: 16px;
    font-weight: 300;
    margin: 23px 0 7px;
    }
    .testimonials-sx span.testimonials-post {
    color: #656565;
    font-size: 12px;
    }
    .video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
    }
    .video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
    }





/* HOVER BOXES (BEGIN) */

  /*********************** Demo - 1 *******************/
    .box1 img,.box1:after,.box1:before{width:100%;transition:all .3s ease 0s}
    .box1 .icon,.box2,.box3,.box4,.box5 .icon li a{text-align:center}
    .box10:after,.box10:before,.box1:after,.box1:before,.box2 .inner-content:after,.box3:after,.box3:before,.box4:before,.box5:after,.box5:before,.box6:after,.box7:after,.box7:before{content:""}
    .box1,.box11,.box12,.box13,.box14,.box16,.box17,.box18,.box2,.box20,.box21,.box3,.box4,.box5,.box5 .icon li a,.box6,.box7,.box8{overflow:hidden}
    .box1 .title,.box10 .title,.box4 .title,.box7 .title{letter-spacing:1px}
    .box3 .post,.box4 .post,.box5 .post,.box7 .post{font-style:none}
    .mt-30{margin-top:30px}
    .mt-40{margin-top:40px}
    .mb-30{margin-bottom:30px}
    .box1 .icon,.box1 .title{margin:0;position:absolute}
    .box1{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative}
    .box1:after,.box1:before{height:50%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;z-index:1;transform-origin:100% 0;transform:rotateZ(90deg)}
    .box1:after{top:auto;bottom:0;transform-origin:0 100%}
    .box1:hover:after,.box1:hover:before{transform:rotateZ(0)}
    .box1 img{height:auto;transform:scale(1) rotate(0)}
    .box1:hover img{filter:sepia(80%);transform:scale(1.3) rotate(10deg)}
    .box1 .title{font-size:19px;font-weight:600;color:#fff;text-transform:uppercase;text-shadow:0 0 1px #004cbf;bottom:10px;left:10px;opacity:0;z-index:2;transform:scale(0);transition:all .5s ease .2s}
    .box1:hover .title{opacity:1;transform:scale(1)}
    .box1 .icon{padding:7px 5px;list-style:none;background:#004cbf;border-radius:0 0 0 10px;top:-100%;right:0;z-index:2;transition:all .3s ease .2s}
    .box1:hover .icon{top:0}
    .box1 .icon li{display:block;margin:10px 0}
    .box1 .icon li a{display:block;width:35px;height:35px;line-height:35px;border-radius:10px;font-size:18px;color:#fff;transition:all .3s ease 0s}
    .box2 .icon li a,.box3 .icon a:hover,.box4 .icon li a:hover,.box5 .icon li a,.box6 .icon li a{border-radius:50%}
    .box1 .icon li a:hover{color:#fff;box-shadow:0 0 10px #000 inset,0 0 0 3px #fff}
    @media only screen and (max-width:990px){.box1{margin-bottom:30px}  }
    /*********************** Demo - 4 *******************/
    .box4{position:relative}
    .box4:before{width:0;height:200%;background:rgba(0,0,0,.9);position:absolute;top:0;left:-250px;bottom:0;transform:skewX(-36deg);transition:all .5s ease 0s}
    .box4:hover:before{width:200%}
    .box4 img{width:100%;height:auto}
    .box4 .box-content{width:100%;height:100%;padding-top:0%;position:absolute;top:0;left:0;transform:scale(0);transition:all .3s ease 0s}
    .box4 .icon,.box5 .icon{list-style:none;padding:0}
    .box4:hover .box-content{transform:scale(1)}
    .box4 .title{font-size:15px;font-weight:700;color:#fff;margin:0 0 0px}
    .box4 .post{display:block;font-size:28px;font-weight:600;color:#fff;margin-bottom:20px}
    .box4 .icon{margin:0}
    .box4 .icon li{display:inline-block}
    .box4 .icon li a{display:block;width:35px;height:35px;line-height:35px;font-size:20px;background:#fff;color:#ee4266;margin-right:10px;transition:all .3s ease 0s}
    .box5 .icon,.box5 .icon li{display:inline-block}
    @media only screen and (max-width:990px){.box4{margin-bottom:30px}
    }
    @media only screen and (max-width:767px){.box4:before{left:-400px}
    .box4:hover:before{width:300%}
    }

/* HOVER BOXES (END) */

/* FORM STYLES (BEGIN) */

.scfForm .scfSectionLegend {
    background: #eee;
    padding: 10px !important;
}

.scfForm .scfSectionLegend { margin-top: 0;}



/* FORM STYLES (END) */
/* 1491791 (BEGIN) */
#main-menu ul li a[href='/surgex/surgex-connect/surgex-connect']:before{
    content: 'New ';
    color: red;
    font-size:10px;
    font-weight:bold;
    vertical-align: super;
}
#main-menu ul li a[href='/surgex/displaypak-plus']:before{
    content: 'New ';
    color: red;
    font-size:10px;
    font-weight:bold;
    vertical-align: super;
}
#main-menu ul li a[href='/esp/basepak']:before{
    content: 'New ';
    color: red;
    font-size:10px;
    font-weight:bold;
    vertical-align: super;
}
#main-menu ul li a[href='/esp/vertical-pdu']:before{
    content: 'New ';
    color: red;
    font-size:10px;
    font-weight:bold;
    vertical-align: super;
}
/* 1491791 (END) */

<link href="/sitecore/shell/themes/standard/default/Default.css" rel="stylesheet" />

<link href="/sitecore/shell/controls/Lib/Flexie/flex.css" rel="stylesheet" />