/*!
 * Start Bootstrap - Agency Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */


@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,400italic,500italic,700|Roboto+Condensed:400,300|Montserrat);

body {
   overflow-x: hidden;
   font-family: 'Roboto', sans-serif;
   font-size:14px;
}


img{ max-width:100%;}
.clear { clear:both; float:none; }
.relative { position:relative}
.absolute{ position:absolute}
.fixed { position:fixed } 
.block { display:block;}
.inBlock { display:inline-block; }

a:hover, a:focus { text-decoration:none;outline:0 none;}

.bold { font-weight:600 !important;}
.boldL { font-weight:400 !important;}
.boldLx { font-weight:300 !important;}

.black{ color:#333333 !important;}
.white { color:white !important;}
.gray { color: #aaaaaa !important; }
.gray8 { color: #8F8F8F !important; }
.gray5 { color: #555 !important; }
.red { color:#DD0000 !important; }
.bGray { color:#53576c !important; }
.green { color:#006932 !important}
.greenL { color:#89c227 !important}
.blue { color:#430098 !important; }/*old MHL purple = #8348b5 new MHL purple = #430098*/


.bg-grayL { background-color:#f8f8f8;}
.bg-grayL2{ background-color:#eaeaea;}
.bg-grayD{ background-color:#d4d4d4;}
.bg-black { background:#000;}
.bg-white { background:#fff; }
.bg-blue { background:#0da1c6;}
.bg-blueL { background:#9ee0f0;}
.bg-blueL2 { background-color:#39CAD7;}
.bg-blueL3{ background:#edfbfc;}
.bg-pink{ background-color:#a173c4; }




.font10 { font-size:10px !important;}
.font11 { font-size:11px !important;}
.font12 { font-size:12px !important;}
.font13 { font-size:13px !important;}
.font14 { font-size:14px !important;}
.font15 { font-size:15px !important;}
.font16 { font-size:16px !important;}
.font17 { font-size:17px !important;}
.font18 { font-size:18px !important;}
.font19 { font-size:19px !important;}
.font20 { font-size:20px !important;}
.font21 { font-size:21px !important;}
.font24 { font-size:24px !important;}
.font26 { font-size:26px !important;}
.font28 { font-size:28px !important;}
.font32 { font-size:32px !important; }
.font38 { font-size:38px !important; }
.font44 { font-size:44px !important; }
.font50 { font-size:50px !important; }

.font80 { font-size:80px !important; }

.fancyfont{font-family: 'Roboto Condensed', sans-serif !important;}
.caps { text-transform:uppercase !important;}
.Ncaps { text-transform:none !important}

.M0 { margin:0 !important; }
.M2 { margin:2px !important; }
.M5 { margin:5px !important; }
.M10 { margin:10px !important; }
.M15 { margin:15px !important; }
.M20 { margin:20px !important; }
.M25 { margin:25px !important; }
.M30 { margin:30px !important; }
.M35 { margin:35px !important; }
.M40 { margin:40px !important; }
.M45 { margin:45px !important; }
.M50 { margin:50px !important; }
.M55 { margin:55px !important; }

.P0 { padding:0 !important;}
.P2 { padding:2px !important;}
.P5 { padding:5px !important;}
.P10 { padding:10px !important;}
.P15 { padding:15px !important;}
.P20 { padding:20px !important;}
.P25 { padding:25px !important;}
.P30 { padding:30px !important;}
.P35 { padding:35px !important;}
.P40 { padding:40px !important;}
.P45 { padding:45px !important;}
.P50 { padding:50px !important;}
.P55 { padding:55px !important;}



.p-t-0 {
    padding-top: 0px;
}

.p-t-5 {
    padding-top: 5px;
}
.p-t-10 {
    padding-top: 10px;
}
.p-t-15 {
    padding-top: 15px;
}
.p-t-20 {
    padding-top: 20px;
}
.p-t-25 {
    padding-top: 25px;
}
.p-t-30 {
    padding-top: 30px;
}
.p-t-35 {
    padding-top: 35px;
}
.p-t-40 {
    padding-top: 40px;
}
.p-t-45 {
    padding-top: 45px;
}
.p-t-50 {
    padding-top: 50px;
}
.p-t-55 {
    padding-top: 55px;
}
.p-t-60 {
    padding-top: 60px;
}
.p-t-65 {
    padding-top: 65px;
}




.p-b-0 {
    padding-bottom: 0px;
}

.p-b-5 {
    padding-bottom: 5px;
}

.p-b-10 {
    padding-bottom: 10px;
}
.p-b-15 {
    padding-bottom: 15px;
}
.p-b-20 {
    padding-bottom: 20px;
}
.p-b-25 {
    padding-bottom: 25px;
}
.p-b-30 {
    padding-bottom: 30px;
}
.p-b-35 {
    padding-bottom: 35px;
}
.p-b-40 {
    padding-bottom: 40px;
}
.p-b-45 {
    padding-bottom: 45px;
}
.p-b-50 {
    padding-bottom: 50px;
}
.p-b-55 {
    padding-bottom: 55px;
}
.p-b-60 {
    padding-bottom: 60px;
}
.p-b-65 {
    padding-bottom: 65px;
}


.p-l-0{
    padding-left: 0px;
}

.p-l-5 {
    padding-left: 5px;
}
.p-l-10 {
    padding-left: 10px;
}
.p-l-15 {
    padding-left: 15px;
}
.p-l-20 {
    padding-left: 20px;
}
.p-l-25 {
    padding-left: 25px;
}
.p-l-30 {
    padding-left: 30px;
}
.p-l-35 {
    padding-left: 35px;
}
.p-l-40 {
    padding-left: 40px;
}
.p-l-45 {
    padding-left: 45px;
}
.p-l-50 {
    padding-left: 50px;
}
.p-l-55 {
    padding-left: 55px;
}
.p-l-60 {
    padding-left: 60px;
}
.p-l-65 {
    padding-left: 65px;
}
.p-l-95{
	padding-left: 95px;
}



.p-r-0 {
    padding-right: 0px;
}

.p-r-5 {
    padding-right: 5px;
}
.p-r-10 {
    padding-right: 10px;
}
.p-r-15 {
    padding-right: 15px;
}
.p-r-20 {
    padding-right: 20px;
}
.p-r-25 {
    padding-right: 25px;
}
.p-r-30 {
    padding-right: 30px;
}
.p-r-35 {
    padding-right: 35px;
}
.p-r-40 {
    padding-right: 40px;
}
.p-r-45 {
    padding-right: 45px;
}
.p-r-50 {
    padding-right: 50px;
}
.p-r-55 {
    padding-right: 55px;
}
.p-r-60 {
    padding-right: 60px;
}
.p-r-65 {
    padding-right: 65px;
}






.m-t-0 {
    margin-top: 0px;
}
.m-t-5 {
    margin-top: 5px;
}
.m-t-10 {
    margin-top: 10px;
}
.m-t-15 {
    margin-top: 15px;
}
.m-t-20 {
    margin-top: 20px;
}
.m-t-25 {
    margin-top: 25px;
}
.m-t-30 {
    margin-top: 30px;
}
.m-t-35 {
    margin-top: 35px;
}
.m-t-40 {
    margin-top: 40px;
}
.m-t-45 {
    margin-top: 45px;
}
.m-t-50 {
    margin-top: 50px;
}
.m-t-55 {
    margin-top: 55px;
}
.m-t-60 {
    margin-top: 60px;
}

.m-b-0 {
    margin-bottom: 0px;
}
.m-b-5 {
    margin-bottom: 5px;
}
.m-b-10 {
    margin-bottom: 10px;
}
.m-b-15 {
    margin-bottom: 15px;
}
.m-b-20 {
    margin-bottom: 20px;
}
.m-b-25 {
    margin-bottom: 25px;
}
.m-b-30 {
    margin-bottom: 30px;
}
.m-b-35 {
    margin-bottom: 35px;
}
.m-b-40 {
    margin-bottom: 40px;
}
.m-b-45 {
    margin-bottom: 45px;
}
.m-b-50 {
    margin-bottom: 50px;
}
.m-b-55 {
    margin-bottom: 55px;
}
.m-b-60 {
    margin-bottom: 60px;
}

.m-l-0 {
    margin-left: 0px;
}

.m-l-5 {
    margin-left: 5px;
}
.m-l-10 {
    margin-left: 10px;
}
.m-l-15 {
    margin-left: 15px;
}
.m-l-20 {
    margin-left: 20px;
}
.m-l-25 {
    margin-left: 25px;
}
.m-l-30 {
    margin-left: 30px;
}
.m-l-35 {
    margin-left: 35px;
}
.m-l-40 {
    margin-left: 40px;
}
.m-l-45 {
    margin-left: 45px;
}
.m-l-50 {
    margin-left: 50px;
}
.m-l-55 {
    margin-left: 55px;
}
.m-l-60 {
    margin-left: 60px;
}

.m-r-0 {
    margin-right: 0px;
}

.m-r-5 {
    margin-right: 5px;
}
.m-r-10 {
    margin-right: 10px;
}
.m-r-15 {
    margin-right: 15px;
}
.m-r-20 {
    margin-right: 20px;
}
.m-r-25 {
    margin-right: 25px;
}
.m-r-30 {
    margin-right: 30px;
}
.m-r-35 {
    margin-right: 35px;
}
.m-r-40 {
    margin-right: 40px;
}
.m-r-45 {
    margin-right: 45px;
}
.m-r-50 {
    margin-right: 50px;
}
.m-r-55 {
    margin-right: 55px;
}
.m-r-60 {
    margin-right: 60px;
}


.none { display:none; }

.lineT { border-top:1px solid #EEE ;}
.lineB { border-bottom:1px solid #EEE;}
.lineB2 { border-bottom:1px solid #d6d6d6;}
.lineR { border-right:1px solid #EEE;}
.lineR2 { border-right:1px solid #d6d6d6;}
.lineL { border-left:1px solid #EEE;}
.lineL2 { border-left:1px solid #d6d6d6;}
.line {border:1px solid #EEE;}


.text-muted {
    color: #777;
}

.text-primary {
    color: #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
}

p {
    font-size: 14px;
    line-height: 1.4;
}

p.large {
    font-size: 16px;
}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
}

a {
    color: #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
}

a:hover,
a:focus,
a:active,
a.active {
    color: #fec503;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   	font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300; color:#7f7b77;
}

.img-centered {
    margin: 0 auto;
}

.bg-light-gray {
    background-color: #f7f7f7;
}

.bg-darkest-gray {
    background-color: #222;
}

.btn-primary {
    border-color: #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    background-color: #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    border-color: #f6bf01;
    color: #fff;
    background-color: #fec503;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color: #8348b5;
    background-color: #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
}

.btn-primary .badge {
    color: #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
    background-color: #fff;
}

.btn-xl {
    padding: 20px 40px;
    border-color: #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
    border-radius: 3px;
    text-transform: uppercase;
    
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
}

.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    border-color: #f6bf01;
    color: #fff;
    background-color: #fec503;
}

.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    background-image: none;
}

.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
    border-color: #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
    background-color: #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
}

.btn-xl .badge {
    color: #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
    background-color: #fff;
}

.navbar-default {
    border-color: transparent;
    background-color: #FFF;
}

.navbar-default .navbar-brand {
    
    color: #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    color: #fec503;
}

.navbar-default .navbar-collapse {
    border-color: rgba(255,255,255,.02);
}

.navbar-default .navbar-toggle {
    border-color: #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
    background-color: #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
}

.navbar-default .nav li a {
    text-transform: uppercase;
    
    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    color: #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
}

.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    color: #fff;
    background-color: #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #fec503;
}

header .navbar-brand { max-width:220px; margin:10px 0}

header .search-bx .fa { position:absolute; right:7px; top:8px;}



header .SearchPanel {border:1px solid #eee; border-radius:3px; height:32px; width:230px;position:absolute;right:15px;background-color:White;}

header .search_form_button {position:absolute; right:7px; top:3px;}

header .search_element {border:none;}

header .search_terms {position:absolute;left:10px;top:2px;max-width:100%;}

@media(max-width:767px) 
{
    header .navbar-menu {
    width: 120px;
    float: left;}
    }

header {background:#fff;box-shadow:0 0 0px rgba(0, 0, 0, 0.1); left:0; top:0; width:100%;}

header.fixed{ z-index:99}
header.fixed .navbar-default { }
header.fixed .navbar-brand { max-width:230px;}

header.scrollING {box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);}

.navbumper {display: block; max-width: 1423px; height: 77px; float: none;}

.login { font-size:12px; padding-bottom:4px;}
.login .btn {font-size:12px;
             padding:0px 12px 2px 12px;}
.login .btn-primary {text-transform:none;}
@media(max-width:640px) { 
.TechBannerText p{ display:none;}

/*.login { font-size:14px; }*/
.login .btn { margin-left:10px !important; }
 }



@media(min-width:768px) {
	/*==============================*/
	
    .navbar-default {
        border: 0;
        background-color: transparent;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;		
		width:100%;
		padding:15px 0 0;
    }

    .navbar-default .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-default .navbar-nav>.active>a {
        border-radius: 3px;
    }

    .navbar-default.navbar-shrink {
        padding: 10px 0;
        background-color: #222;
    }

    .navbar-default.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }
}


@media(max-width:601px) 
{ 
    header .navbar-brand {
    max-width: 200px;
    margin: 10px 0px;}
    
    .s-menu-bar .login {display:none;}
    
    
    .s-menu-bar {padding-right:0px;width:100%;}
    .SBox {float:none;clear:both;padding:0px 15px;}
    
    header .SearchPanel {left:10px; width:290px;}
    
    
    .navbumper {
    display: block;
    width:100%;
    float: none;
    height: 115px;
    background-color: #FFF;}
    
    
}


section {
    padding: 40px 0;
}

section h2.section-heading {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 40px;
}

section h3.section-subheading {
    margin-bottom: 75px;
    text-transform: none;
    
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
}

@media(min-width:768px) {
    section {
        padding: 40px 0;
    }
}

.service-heading {
    margin: 15px 0;
    text-transform: none;
}

#portfolio .portfolio-item {
    right: 0;
    margin: 0 0 15px;
}

#portfolio .portfolio-item .portfolio-link {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 400px;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(254,209,54,.9);
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
    opacity: 1;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
    margin-top: -12px;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
    margin: 0;
}

#portfolio .portfolio-item .portfolio-caption {
    margin: 0 auto;
    padding: 25px;
    max-width: 400px;
    text-align: center;
    background-color: #fff;
}

#portfolio .portfolio-item .portfolio-caption h4 {
    margin: 0;
    text-transform: none;
}

#portfolio .portfolio-item .portfolio-caption p {
    margin: 0;
    
    font-size: 16px;
    font-style: italic;
}

#portfolio * {
    z-index: 2;
}

@media(min-width:767px) {
    #portfolio .portfolio-item {
        margin: 0 0 30px;
    }
}

.timeline {
    position: relative;
    padding: 0;
    list-style: none;
}

.timeline:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 40px;
    width: 2px;
    margin-left: -1.5px;
    background-color: #f1f1f1;
}

.timeline>li {
    position: relative;
    margin-bottom: 50px;
    min-height: 50px;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li .timeline-panel {
    float: right;
    position: relative;
    width: 100%;
    padding: 0 20px 0 100px;
    text-align: left;
}

.timeline>li .timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

.timeline>li .timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}

.timeline>li .timeline-image {
    z-index: 100;
    position: absolute;
    left: 0;
    width: 80px;
    height: 80px;
    margin-left: 0;
    border: 7px solid #f1f1f1;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    background-color: #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
}

.timeline>li .timeline-image h4 {
    margin-top: 12px;
    font-size: 10px;
    line-height: 14px;
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: right;
    padding: 0 20px 0 100px;
    text-align: left;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}

.timeline>li:last-child {
    margin-bottom: 0;
}

.timeline .timeline-heading h4 {
    margin-top: 0;
    color: inherit;
}

.timeline .timeline-heading h4.subheading {
    text-transform: none;
}

.timeline .timeline-body>p,
.timeline .timeline-body>ul {
    margin-bottom: 0;
}

@media(min-width:768px) {
    .timeline:before {
        left: 50%;
    }

    .timeline>li {
        margin-bottom: 100px;
        min-height: 100px;
    }

    .timeline>li .timeline-panel {
        float: left;
        width: 41%;
        padding: 0 20px 20px 30px;
        text-align: right;
    }

    .timeline>li .timeline-image {
        left: 50%;
        width: 100px;
        height: 100px;
        margin-left: -50px;
    }

    .timeline>li .timeline-image h4 {
        margin-top: 16px;
        font-size: 13px;
        line-height: 18px;
    }

    .timeline>li.timeline-inverted>.timeline-panel {
        float: right;
        padding: 0 30px 20px 20px;
        text-align: left;
    }
}

@media(min-width:992px) {
    .timeline>li {
        min-height: 150px;
    }

    .timeline>li .timeline-panel {
        padding: 0 20px 20px;
    }

    .timeline>li .timeline-image {
        width: 150px;
        height: 150px;
        margin-left: -75px;
    }

    .timeline>li .timeline-image h4 {
        margin-top: 30px;
        font-size: 18px;
        line-height: 26px;
    }

    .timeline>li.timeline-inverted>.timeline-panel {
        padding: 0 20px 20px;
    }
}

@media(min-width:1200px) {
    .timeline>li {
        min-height: 170px;
    }

    .timeline>li .timeline-panel {
        padding: 0 20px 20px 100px;
    }

    .timeline>li .timeline-image {
        width: 170px;
        height: 170px;
        margin-left: -85px;
    }

    .timeline>li .timeline-image h4 {
        margin-top: 40px;
    }

    .timeline>li.timeline-inverted>.timeline-panel {
        padding: 0 100px 20px 20px;
    }
}

.team-member {
    margin-bottom: 50px;
    text-align: center;
}

.team-member img {
    margin: 0 auto;
    border: 7px solid #fff;
}

.team-member h4 {
    margin-top: 25px;
    margin-bottom: 0;
    text-transform: none;
}

.team-member p {
    margin-top: 0;
}

aside.clients img {
    margin: 50px auto;
}

section#contact {
    background-color: #222;
    background-image: url(../img/map-image.png);
    background-position: center;
    background-repeat: no-repeat;
}

section#contact .section-heading {
    color: #fff;
}

section#contact .form-group {
    margin-bottom: 25px;
}

section#contact .form-group input,
section#contact .form-group textarea {
    padding: 20px;
}

section#contact .form-group input.form-control {
    height: auto;
}

section#contact .form-group textarea.form-control {
    height: 236px;
}

section#contact .form-control:focus {
    border-color: #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
    box-shadow: none;
}

section#contact::-webkit-input-placeholder {
    text-transform: uppercase;
    
    font-weight: 700;
    color: #bbb;
}

section#contact:-moz-placeholder {
    text-transform: uppercase;
    
    font-weight: 700;
    color: #bbb;
}

section#contact::-moz-placeholder {
    text-transform: uppercase;
    
    font-weight: 700;
    color: #bbb;
}

section#contact:-ms-input-placeholder {
    text-transform: uppercase;
    
    font-weight: 700;
    color: #bbb;
}

section#contact .text-danger {
    color: #e74c3c;
}




.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
    outline: 0;
}

.portfolio-modal .modal-content {
    padding: 100px 0;
    min-height: 100%;
    border: 0;
    border-radius: 0;
    text-align: center;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.portfolio-modal .modal-content h2 {
    margin-bottom: 15px;
    font-size: 3em;
}

.portfolio-modal .modal-content p {
    margin-bottom: 30px;
}

.portfolio-modal .modal-content p.item-intro {
    margin: 20px 0 30px;
    
    font-size: 16px;
    font-style: italic;
}

.portfolio-modal .modal-content ul.list-inline {
    margin-top: 0;
    margin-bottom: 30px;
}

.portfolio-modal .modal-content img {
    margin-bottom: 30px;
}

.portfolio-modal .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 75px;
    height: 75px;
    background-color: transparent;
    cursor: pointer;
}

.portfolio-modal .close-modal:hover {
    opacity: .3;
}

.portfolio-modal .close-modal .lr {
    z-index: 1051;
    width: 1px;
    height: 75px;
    margin-left: 35px;
    background-color: #222;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.portfolio-modal .close-modal .lr .rl {
    z-index: 1052;
    width: 1px;
    height: 75px;
    background-color: #222;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

/*::-moz-selection {
    text-shadow: none;
    background: #430098;
}

::selection {
    text-shadow: none;
    background: #430098;
}*/
/*old MHL purple = #8348b5 new MHL purple = #430098*/

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

/*body {
    webkit-tap-highlight-color: #430098;
}*/
/*old MHL purple = #8348b5 new MHL purple = #430098*/


.features {
	padding-top:60px; position:relative;
}
.feat-text {
	background:#430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:25px;
	width:90%;
	transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	border:1px solid #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
}
.feat-text h4 {
	font-size:18px;
	color:#fff;
	margin:0;
}
.feat-text p {
	font-size:13px;
	color:#fff;
	margin-bottom:0;
	font-weight:300;
	line-height:19px;
}
.feature-box {
	position:relative;
	transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	margin-bottom:20px;
}
.feature-box i {
	font-size:35px;
	color:#430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
	border:1px solid #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
	background:#fff;
	width:70px;
	height:70px;
	line-height:70px;
	text-align:center;
	display:block;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	position:absolute;
	z-index:10;
	right:0px;
	top: 10%;
	transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
}
.feature-box:hover .feat-text h4 {
	color:#430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
}
.feature-box:hover .feat-text p {
	color:#afafaf;
}
.feature-box:hover .feat-text {
	background:#fff;
	border:1px solid #ebebeb;
}
.feature-box:hover i {
	border:1px solid #ebebeb;
	background:#430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
	color:#fff;
}

@media screen and (max-width:1170px) {
	 .feat-text {
    background: #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 35px 49px 35px 20px;
    width: 90%;
    }
	
	
	}
	
	
	
/*Footer*/

.inner-footer {
	padding:55px 0 45px;
}
.message-form p {
	font-size:13px;	
	font-weight:100;
	color:#fff;
	border-bottom:1px solid #444b51;
	padding-bottom:15px;
	margin-bottom:15px;
	margin-top:15px;
	line-height:22px;
}
footer .float-input {
	position:relative;
	padding-left:0px;
}
footer .send-message {
	position:relative;
}
footer .send-message h4 {
	font-size:19px;
	
	font-weight:300;
	color:#fff;
	margin-bottom:20px;
}
footer .send-message #name {
	font-size:12px;
	
	font-weight:300;
	background:#434b51;
	color:#fff;
	border:1px solid #333c44;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	padding:10px 0;
	text-indent:10px;
	float:left;
	width:50%;
	margin-bottom:0;
}
footer .send-message #mail {
	font-size:12px;
	
	font-weight:300;
	background:#434b51;
	color:#fff;
	border:1px solid #333c44;
	border-left:0;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	padding:10px 0;
	text-indent:10px;
	float:left;
	width:50%;
	margin-bottom:0;
}
footer .send-message textarea {
	resize:none;
	font-size:12px ;
	
	font-weight:300 ;
	background:#434b51 ;
	color:#fff ;
	border:1px solid #333c44 ;
	border-top:0 ;
	padding:10px 0 ;
	text-indent:10px ;
	margin-bottom:0;
	-webkit-border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-right-radius:6px;
	border-bottom-left-radius:6px;
	width:100%;
	margin-top:-2px;
	height:110px;
}
footer .send-message input[type="submit"] {
	color:#fff;
	background:url(../img/envelop.png) 10px #343a40 no-repeat ;
	border:none;
	position:absolute;
	bottom:0px;
	right:0px;
	padding:15px;
	padding-left:40px;
	cursor:pointer;
	
	-webkit-border-top-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-bottomright:6px;
	border-top-left-radius:6px;
	border-bottom-right-radius:6px;
	font-size:14px ;
	width:100px ;
}
footer .submit-area {
	clear:both ;
}


footer .singup {
    border-bottom: 1px solid #444B51;
    margin-bottom: 10px;
    padding-bottom: 20px; color: #FFFFFF;
}


footer .singup input[type="text"] {
    background: none repeat scroll 0 0 #434B51;
    border: 1px solid #333C44;
    border-radius: 6px;
    color: #FFFFFF;
    font-family: "Roboto";
    font-size: 12px;
    font-weight: 300;
    padding: 10px 0;
    text-indent: 10px;
    width: 70%;
}


footer .singup input[type="submit"] {
    background: none repeat scroll 0 0 #26282A;
    border: 0 none;
    border-radius: 6px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 13px;
    font-weight: normal;
    padding: 11px 20px;
    text-transform: uppercase;
}

footer .singup h4{


    font-family: "Roboto";
    font-size: 19px;
    font-weight: 300;
    margin-bottom: 20px;
}
.contact h4 {
	font-size:19px;
	color:#fff;
	font-weight:300;
	
	margin-bottom:20px;
}
.contact ul {
	border-bottom:1px solid #444b51;
	padding-bottom:5px;
	margin-bottom:10px;
}
.contact ul li {
	margin-bottom:15px;
}
.contact ul li a {
	font-size:13px;
	font-weight:100;
	
	color:#fff;
	line-height:18px;
	display:block;
}
.contact ul li a:hover {
	color:#b3b3b3;
}
.contact li i {
	margin-right:10px;
}
.f-phone {
	margin-bottom:10px;
}
.f-phone span {
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-topright:6px;
	-moz-border-radius-bottomright:6px;
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
	background:#434b51;
	color:#fff;
	font-size:13px;
	padding:9px;
	font-weight:300;
	
}
.f-phone i {
	-webkit-border-top-left-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-bottomleft:6px;
	border-top-left-radius:6px;
	border-bottom-left-radius:6px;
	background:#343a40;
	color:#fff;
	font-size:16px;
	padding:10px;
}
.f-mail span {
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-topright:6px;
	-moz-border-radius-bottomright:6px;
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
	background:#434b51;
	color:#fff;
	font-size:13px;
	padding:9px;
	font-weight:300;
	
}
.f-mail i {
	-webkit-border-top-left-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-bottomleft:6px;
	border-top-left-radius:6px;
	border-bottom-left-radius:6px;
	background:#343a40;
	color:#fff;
	font-size:16px;
	padding:10px;
}
.third-row h4 {
	font-size:19px;
	color:#fff;
	font-weight:300;
	
	margin-bottom:20px;
}
.tags {
	border-bottom:1px solid #444b51;
	padding-bottom:10px;
	margin-bottom:10px;
}
.tags a {
	background:#434b51;
	border:1px solid #434b51;
	padding:10px;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	margin:0 9px 10px 0;
	display:table;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	float:left;
}
.tags a:hover {
	border: 1px solid #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
}	
	
	
	
	.last-div {
	background:#343A40;
	position:relative;
	padding:30px 0;
}

.f-socials {
	float:right;
}
.f-socials i {
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#fff;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	border:1px solid #e7e7e7;
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
}
.f-socials i:hover {
	background:#000;
	color:#fff;
	border:1px solid #000;
}
#back-to-top {
	position:absolute;
	right:50%;
	z-index:1;
	bottom:15px;
}
#back-to-top a {
	display:block;
	text-indent:-9999px;
	width:65px;
	height:65px;
	background:url(../img/backtop.png) no-repeat center;
}
.info-box {
	position:relative;
	width:100%;
	height:44px;
	z-index:999;
	transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
}
.info-box.active {
	height:182px;
}
.info-box a.info-toggle {
	position:absolute;
	left:50%;
	margin-left:-38px;
	display:inline-block;
	width:60px;
	height:14px;
	background:url(../img/info-bg.png) no-repeat;
	text-decoration:none;
	padding:15px;
	transition:all 0.17s ease-in-out;
	-moz-transition:all 0.17s ease-in-out;
	-webkit-transition:all 0.17s ease-in-out;
	-o-transition:all 0.17s ease-in-out;
}
.info-box a.info-toggle i {
	width:57px;
	height:61px;
	display:inline-block;
	color:#fff;
	text-align:center;
	line-height:15px;
	font-size:20px;
	transition:all 0.17s ease-in-out;
	-moz-transition:all 0.17s ease-in-out;
	-webkit-transition:all 0.17s ease-in-out;
	-o-transition:all 0.17s ease-in-out;
}
.info-content {
	clear:both;
	background:#383e42;
	padding:20px 18px 4px;
	width:265px;
	position:absolute;
	left:50%;
	margin-left:-141px;
	top:44px;
	display:none;
}
.info-content ul li {
	color:#fff;
	font-size:16px;
	line-height:15px;
	font-family:'Roboto',sans-serif;
	font-weight:300;
	margin-bottom:18px;
}
.info-content ul li i {
	font-size:20px;
	margin-right:12px;
}
.info-content ul li a {
	color:#fff;
}
.dark-version footer input[type="text"] {
	background:#1d1d1d !important;
	border:1px solid #151515 !important;
}
.dark-version footer .send-message input[type="submit"] {
	background:url(../img/envelop.png) 10px #0d0d0d no-repeat !important;
}
.dark-version footer .send-message input[type="submit"] {
	background:10px #0d0d0d no-repeat !important;
}
.dark-version footer textarea {
	background:#1d1d1d !important;
	border:1px solid #151515 !important;
}

@media screen and (max-width:700px) {
 .copyright {
    float: none;
    color: #fff;
    font-weight: 100;
    font-size: 15px;
    padding-top: 10px;
    margin-bottom: 20px;
    }

    .f-socials {
    float: left;
    }

    #back-to-top {
    position: absolute;
    right: 10%;
    z-index: 1;
    bottom: 35px;
    }
}



	
.uslider{ position: absolute; left: 0px; top: 0px; width:1920px; height:700px;  overflow: hidden;}	
#slider1_container {position: relative; margin: 0 auto;top: 0px; left: 0px; width: 1920px; height:700px; overflow: hidden;}

#slider1_container2 {position: relative; margin: 0 auto;top: 0px; left: 0px;height:700px; overflow: hidden;}

	
.caption-txt{ position:absolute; font-family: 'Roboto Condensed', sans-serif; width: 800px; height:50px; overflow:visible;}

.caption-txt h2 {color: #FFFFFF; font-size:38px; font-weight:300;  padding: 15px 25px; text-transform:none; line-height:1.1;   border-radius: 5px;  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); display:inline-block; }
.caption-txt h4 {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 300;
    line-height: 34px;
    padding: 10px 25px;
    white-space: normal;
	text-transform:none;   border-radius: 5px;  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); display:inline-block;
}

	
	
.jssora21l{ width: 55px; height: 55px; top: 123px; left: 8px; }
.jssora21r{ width: 55px; height: 55px; top: 123px; right: 8px; }
.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn {
            	position: absolute;
            	cursor: pointer;
            	display: block;
                background: url(../img/a21.png) center center no-repeat;
                overflow: hidden;
            }
            .jssora21l { background-position: -3px -33px; }
            .jssora21r { background-position: -63px -33px; }
            .jssora21l:hover { background-position: -123px -33px; }
            .jssora21r:hover { background-position: -183px -33px; }
            .jssora21ldn { background-position: -243px -33px; }
            .jssora21rdn { background-position: -303px -33px; }


.jssorb01 { bottom:50px;  position:absolute;}			
			
.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
	
                filter: alpha(opacity=70);
                opacity: .7;
                overflow:hidden;
                cursor: pointer;
				border-radius: 50%;
				border:0px solid #FFFFFF;
}
            .jssorb01 div { background-color: rgba(0,0,0,0.2); width:15px !important; height:15px !important; }
            .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #333;  border: 0px solid #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/ }
            .jssorb01 .av { background-color: rgba(0,0,0,0.8);  border: 0px solid #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/ }
            .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }
			




.pre-load{position: absolute; top: 0px; left: 0px;}
.pre-load .spn1{filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;}
.pre-load .spn-2{position: absolute; display: block; background: url(../img/loading.gif) no-repeat center center; top: 0px; left: 0px; width: 100%; height: 100%;}


.adop-box { background:url(../img/slide-11.jpg);   min-height:300px; padding:25px 0; margin-top:-1px}

.what-mhl {background:#f6feff; min-height:300px; padding:30px;}
.event-mhl{min-height:350px; background:#f6feff}


.ultra-mhl{padding:30px;}
.ultra-mhl h3 { margin-bottom:30px;}
.ultra-mhl h3 .lineB {position: absolute; top: 22px; width: 100%; z-index: 0;}
.ultra-mhl h3 span{    background: none repeat scroll 0 0 #FFFFFF;    padding: 0 24px;    position: relative;}

@media screen and (min-width:1024px){
.what-mhl .col-lg-9 { float:right}
}



.pop-products {
    background-color: #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
    border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    margin-top: 20px;
    min-height: 96px;
    padding: 10px;
}

.pop-products-img {
    display: block;
    float: left;
    max-width: 76px;
    position: relative;
	/*removed marging right 20 px*/
}

.pop-products-img > img {
    border-radius: 5px;
    display: block;
    max-width: 100%;
	width: 76px;
}


.pop-products-description {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    padding-left: 25px;
    transition: all 0.4s ease 0s;
}


section.testi-box{
    /*background-image: url("../img/pattern-bg2.jpg");
    background-repeat: repeat;*/
    background-color:#430098;
	color:#fff;
}


footer .twitter {
    padding:0;
    text-align: left;
}
footer { color:#999;}/*666*/
footer {
	padding-top:25px;
	width:100%; background:#222222;
}

footer label { font-weight:400}
footer h4 {  font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; color:#999}

footer .twitter li {
    clear: both;
    display: block;
    float: none;
    list-style: outside none none;
    padding: 8px 0;
}

.footer-menu ul { padding:0;}
.footer-menu li {
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    list-style: outside none none;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: left;
    text-transform: uppercase;
}

.footer-menu li a {
    color: #a0a0a0;
    line-height: 30px;
    text-decoration: none;
}

.footer-menu li a:hover {
    color: #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
    text-decoration:none;
}


footer ul.social-buttons {
    margin-bottom: 0;
}
footer ul.social-buttons li { text-align: center; margin-bottom:5px;}
footer ul.social-buttons li a {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 40px;
    outline: 0;
    color: #fff;
    background-color: #222;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

i.fa {line-height: 40px;}

footer ul.social-buttons li a:hover,
footer ul.social-buttons li a:focus,
footer ul.social-buttons li a:active {
    background-color: #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
}

footer .copyright {
	float:left;
	color:#333;
	font-size:15px;
	padding-top:10px; 
}

footer .btm-bar{ font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; background:#fff; padding:15px 0 8px;}
footer .quicklinks { padding-top:15px;}
footer .quicklinks a:hover { color:#333;}


header .search-bx {position:relative; }
header .search-bx input{ border:1px solid #eee; border-radius:3px;  padding-right:25px; padding-left:5px; height:32px; max-width:100%;}





/*==================================== Common Style ==========================================*/
.gradiventSilver { background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 50%, #f5f5f5 52%, #f1f1f1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f5f5f5), color-stop(52%,#f5f5f5), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 50%,#f5f5f5 52%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 50%,#f5f5f5 52%,#f1f1f1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 50%,#f5f5f5 52%,#f1f1f1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 50%,#f5f5f5 52%,#f1f1f1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
}



/*========================== common  Banner Style =============================*/

/* Icon Design */

/*These two styles (.ConsBannerText .col-centered and .TechElipse) are to fix the gradient bleeding out of the radius in IE*/
.ConsBannerText .col-centered {text-align:center;}
.TechElipse {display:inline-block;overflow:hidden; border-radius:10px;}

.TechElipse img{   height:80px; width:80px;  border-radius:10px; margin:0 auto;  
background: #430098; /* Old browsers - was 4f41a3*/
background: -moz-linear-gradient(top,  #430098 0%, #7541a3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#430098), color-stop(100%,#7541a3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #430098 0%,#7541a3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #430098 0%,#7541a3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #430098 0%,#7541a3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #430098 0%,#7541a3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#430098', endColorstr='#7541a3',GradientType=0 ); /* IE6-9 */
 background-repeat:repeat-x; /*width:100%*/;

}
.TechElipseHover .TechElipse img:hover{ border:2px solid #381854; }
/*.TechElipse img{ border:2px solid #fff; max-height:120px; max-width:120px;  border-radius:500px;  }
.TechElipse img:hover{ border:2px solid #32283a; }*/

.BannerImg  {    margin:0 auto; max-width:1000px;  }
.BannerImg ul { list-style:none;}
.BannerImg ul li { float:left;}
.BannerImg ul li p { color:#666; text-align:center; padding-top:10px; text-transform:uppercase; padding-bottom:10px; font-weight:400; white-space:nowrap;}


/* Banner Text */
.TechBanner{ background-repeat:no-repeat; background-size:cover;
				 height:100%; height:436px; width:100%; max-width:100%;  text-align:center;background-position: 80% 0;}
.ConsBanner{ background-image:url(../img/banner/Banner-7.jpg); background-repeat:no-repeat; background-size:cover;
				 height:100%; height:500px; width:100%; max-width:100%;  text-align:center;}
.deviceBanner{ background-image:url(../img/banner/Banner-7.jpg); background-repeat:no-repeat; background-size:cover;
				 height:100%; /*height:500px;*/ width:100%; max-width:100%;  text-align:center;}	
.deviceBanner p {text-align:center;}	 		 
.superMHLBanner{ background-repeat:no-repeat; background-size:cover;
				 height:100%; height:600px; width:100%; max-width:100%;  text-align:center;background-position: 80% 0;}				 				 

.TechBannerText{ max-width:700px; margin:0 auto; color:#fff; padding-top:50px;}
.ConsBannerText{ max-width:1000px; margin:0 auto; color:#666; /* padding-top:50px;*/ padding: 0px;}

.TechBannerText,.ConsBannerText p{color:#666; font-size:16px; /*line-height: 35px;*/}
.TechBannerText,.ConsBannerText h3{color: #666; font-size: 30px; text-transform: uppercase;}
.TechBannerText,.ConsBannerText h2 { color:#666; font-size: 46px; font-weight: 400;}

/*new changes*/
.intro {color:#005daa;padding:0px 15px;text-align:center;}
.techIntro {color:black;padding:0px 15px;}
.superMHLFeaturesBannerheading {  max-width:400px; margin:0 40px;}

/*btn Designs */
.btn-border {border: 1px solid #e9e9e9;
color:#666666;
max-width: 250px;
padding: 8px;
border-radius: 2px;
background: none;}

/* Text Bg */
.textBg {color: #FFFFFF;
line-height: 34px;
padding: 10px 25px;
white-space: normal;
text-transform: none;
border-radius: 5px;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
display: inline-block;}

.SBox{ float:right;}

.service-block  { text-align:left; padding:20px;}

.services h4 { font-weight:400; color:#000000;}

/*charcatre Allignments */
.plusAlignment { color: #a8a8a8; font-size: 45px;  padding-top: 25px;}



/*font Decoration */
.heading{   padding-bottom:30px; text-align:center; }
.h2Content{ position:relative; }
.h2Border{  border-bottom:1px solid #d0d0d0; width:75px;  text-decoration:underline; margin:0 auto;  }
/*new changes*/
.h2Borderintro {border-bottom:1px solid #a1c3e0; width:75px;  text-decoration:underline; margin:0px auto 20px auto;}/*005daa*/

/*static Banner 1 */
.smallBanner { width:100%; min-height:225px; background-color:#f3f3f3; background-position: top ; border-bottom:1px solid #cccccc;  }

.StaticBanner1{ width:100%; }

.StaticBanner { width:100%; min-height:431px; /*background-color:#f3f3f3;*/ background-position: top ; border-bottom:1px solid #cccccc;  }
.StaticBanner4 { width:100%; max-height:431px; background-color:#f3f3f3; background-position: top ; border-bottom:1px solid #cccccc;  }

.BannerText{  padding-top:50px;}
.BannerText h2{ font-weight: 600; padding:0px; font-size: 40px;}
.BannerText p { font-size: 18px; }

.mediaContacts p {font-size:14px;padding-bottom:8px;color: #7F7B77;}

.bannerBg { background-color:#f3f3f3; border-bottom:1px solid #cccccc; }
.bannerBg2 { background-color:#fafafa; border-bottom:1px solid #cccccc; }

.subBanner{  width:100%; min-height:400px; }
.subBannerText{ text-align:center; max-width:400px; margin:0 auto;  }

/*worldmapbg*/
.worldMapbg { background-image:url(../img/worldmap-bg.jpg); background-size:cover; background-repeat:no-repeat; width:100%; 
-webkit-box-shadow: inset 0px -17px 74px 0px rgba(0,0,0,0.22);
-moz-box-shadow: inset 0px -17px 74px 0px rgba(0,0,0,0.22);
box-shadow: inset 0px -17px 74px 0px rgba(0,0,0,0.22);}
 
/*worldmapbg*/
/*.worldMap{ min-height:400px; }*/
-webkit-box-shadow: inset 0px -17px 74px 0px rgba(0,0,0,0.22);
-moz-box-shadow: inset 0px -17px 74px 0px rgba(0,0,0,0.22);
box-shadow: inset 0px -17px 74px 0px rgba(0,0,0,0.22);
}

/*Content Background */
.contentBg { background-image:url(../img/Members/contentBanner.jpg); background-size:cover; background-repeat:no-repeat; width:100%; color:#fff; text-align:center;  }	 
.contentBgText{ color:#fff; }

.worldMapbgText h3{ text-align:center; max-width:400px; margin:0 auto;}

/*Services */
.services{}
.servicesImg { padding:25px;}
.servicesText{ padding:25px; }

/*btn cancel */
.btn-cancel { border-color: #5f5f5f; color: #fff; background-color: #5f5f5f; text-transform:uppercase;}
.btn-cancel:hover { background-color:#d0d0d0; border-color:#d0d0d0; color:#5f5f5f; }

/* theme Color */
.theme{color:#430098;}/*old MHL purple = #8348b5 new MHL purple = #430098*/

/*========================== Home PAge ===========================*/
@media(min-width:1000px) {
.HomeDevice .col-md-2 { width:20% !important; }
}


/*======================= Technology page CSS =========================*/

/*TechCenters */
ul.techCenters { margin:0 auto; width: 60%; }
ul.techCenters li{ list-style:none;}
ul.techCenters li a{ float:left;}


/* Comparison Chart */
.comparisonchart{ padding:30px; }
.comparisonchart table { border:1px solid #ececec; text-align:center; }
.comparisonchart table tr th { text-align:center; padding: 20px; background-color:#f8f8f8; font-size:20px; color:#7f7b77;}
.comparisonchart table tr td { padding:20px; border: 1px dotted #ddd; color:#a7a4a2;   }
.comparisonchart table tr td .glyphicon.glyphicon-ok{ color:#3cc617;}

/*======================= Abridged =========================*/
/* Abridged Specification  */
.AbridgedSpecification{ padding:30px; max-width:900px; margin:0 auto;}
.AbridgedSpecification table { border:1px solid #ececec;}
.AbridgedSpecification table tr th { text-align:left; padding: 20px; background-color:#f8f8f8; font-size:20px; color:#7f7b77;}
.AbridgedSpecification table tr td{ padding:40px; border: 1px dotted #ddd; color:#a7a4a2;    }
.AbridgedSpecification table tr td .glyphicon.glyphicon-ok{ color:#3cc617;}

/*==========================Adopter Chart ===================*/
/* Adopter Chart */
.adoptorChart{ padding:30px; }
.adoptorChart table {  border:1px solid #ececec; }
.adoptorChart table tr th {  border:1px solid #ececec; text-transform:uppercase; padding: 20px; background-color:#f8f8f8; font-size:20px; color:#7f7b77;}
ul.listStleAdopter{ list-style:none; font-size:16px;}
ul.listStleAdopter li { margin-bottom:5px;}


ul.listprivacy{ list-style:none;}
ul.listprivacy li { margin-bottom:5px; list-style-image:url(../img/common/li-circle.png); background-repeat:no-repeat; }


/*========================== White Paper ===================*/

/* white paper Left */
.WhitePaper h3 { text-transform:uppercase; }
.WhitePaper p { line-height:24px;}

/*========================== Stay Connected ===================*/
.stayForm {  
border: 1px solid #efefef;
border-radius: 5px;
padding: 15px;}

#facebook{   border: 1px solid silver;
    border-radius: 8px;
    margin-left: 0;
    overflow: hidden;
    position: relative; border-top-color: silver;
    width: 100%;}

/*============================ Member =========================*/
/* Abridged Specification  */
.AboutPresident{ padding:30px; max-width:950px; margin:0 auto;}
.AboutPresident table { border:1px solid #ececec;}
.AboutPresident table tr th { text-align:center; padding: 20px; background-color:#f8f8f8; color:#430098;}/*old MHL purple = #8348b5 new MHL purple = #430098*/
.AboutPresident table tr td{ padding:40px; color:#a7a4a2;    }
.AboutPresident table tr td .glyphicon.glyphicon-ok{ color:#3cc617;}


/*======================== Experience========================*/
.ExperienceBannerImg  {    margin:0 auto; }
.ExperienceBannerImg ul { list-style:none;}
.ExperienceBannerImg ul li { float:left; padding:20px;  margin:0 auto;}
.ExperienceBannerImg ul li img { padding:13px; margin:0 auto; }

/*icon Set */
.iconSet2 {text-align:center; max-width:1100px; margin:0 auto; }
.iconSet2 img{ margin:0 auto; }

.iconSet {text-align:center; max-width:800px; margin:0 auto; }
.iconSet img{ margin:0 auto; }

.gaming{text-align:center; max-width:1100px; margin:0 auto; }
.gaming img { margin:0 auto;}

.Bannerheading { text-align:center; /*max-width:400px;*/ margin:0 auto;}





/*========================= Consumer ============================*/

/* Tab Section */
ul.MHLTabs { list-style:none;  color:#666666; padding-left:0px; padding-top:20px; }
ul.MHLTabs li { /*float:left;*/ max-width: 190px; padding:5px;display: inline-block;
vertical-align: top;}
ul.MHLTabs li a p{ color:#666666; padding:5px; font-size:13px; }
ul.MHLTabs li a p:hover{ color:#d9d9d9;   }
ul.MHLTabs li img { border:1px solid #dfdfdf;  border-radius:5px; margin-bottom:5px; }

.MHLTabsContent { padding:30px;}


.ConsumerStay { max-width:800px; margin: 0 auto;}
.consumerText { font-size:16px;   max-width:1000px; text-align:center; margin:0 auto;}
.scanText {background: #430098; /* Old browsers */
background: -moz-linear-gradient(top,  #430098 0%, #7541a3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#430098), color-stop(100%,#7541a3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #430098 0%,#7541a3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #430098 0%,#7541a3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #430098 0%,#7541a3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #430098 0%,#7541a3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#430098', endColorstr='#7541a3',GradientType=0 ); /* IE6-9 */
 background-repeat:repeat-x; width:100%;}

ul.socialMenu{ list-style:none; padding-top:30px; padding-left:0px; }
ul.socialMenu li{ margin-right:20px; border-radius:5px; margin-bottom:10px}
ul.socialMenu li a{ color:#fff; }
ul.socialMenu li:nth-child(1) { background-color:#305c99; padding:10px; float:left;}
ul.socialMenu li:nth-child(2) { background-color:#00cdff; padding:10px; float:left;}
ul.socialMenu li:nth-child(3) { background-color:#e93e30; padding:10px; float:left;}
ul.socialMenu li:hover{ background-color:#3b3b3b;}



/*========================= Device Section ===================================*/
.deviceSection .form-control { height: 50px;
padding-left: 100px;
font-size: 18px;}

.deviceSection .deviceSearch  .fa-search { position: absolute;
padding: 10px 20px;
font-size: 28px;
border-right: 1px solid #dfdfdf;
color: #8a8a8a; }

/*.deviceFilter h2 
{color:#430098;
 font-family:inherit;
 font-weight:bold;
    font-size:16px;
    clear:both;
    width:100%;
    padding:20px 0px 10px 0px;
    margin:0px;
    }*/

.deviceType {/*min-width:220px;
             width:220px;*/
             display:block;
             display:inline-block;
             vertical-align:top;
             margin:5px;
             border:1px solid #dddddd;
             padding:0px 0px 5px 0px; /*6px 10px 6px*/ /*12px 10px 12px*/
             text-align:left;
            background-color:White;
            color:#A7A4A2;}
             
.deviceType h3 {text-align: center;
            background-color: #f8f8f8;
            font-size: 20px;
            color: #7f7b77;
            line-height: 45px;
            font-family:inherit;
            font-weight:bold;
            border-bottom:1px solid #ececec;
            padding:10px;
            margin:0px /*-6px;*/ /*-12px*/;}

.deviceType h2 
{color:#430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
 font-family:inherit;
 font-weight:bold;
    font-size:16px;
    /*text-transform:uppercase;*/
    clear:both;
    width:100%;
    padding:20px /*6px 10px 6px*/ 10px 10px 10px;
    margin:0px;
    }

.deviceType div 
{
    display:inline-block;
    vertical-align:top;
    width:200px; /*100%  194px*/
    padding:0px /*6px*/ 10px;
    }    
    
 .deviceType .notemarker 
 {
     color:#430098;
     font-weight:bold;
     font-size:xx-small;
     vertical-align: 25%;
     white-space:nowrap;
     }
     
    
    .deviceType .hiddennote
    {
    display:none;
    border:1px solid #430098;
    padding:5px;
    margin:5px 0px 0px 0px;
    width:100%;    
    }
      

.deviceFilter .btn-default {
	color: #737373;
background-color: #fff;
border-color: #ebebeb;
padding: 14px;
margin-right: 50px;
font-size: 16px;}

.deviceFilter .fa-angle-down {font-size: 23px;
padding-left: 20px;}
.deviceFilter .btn-default:hover { 	color: #fff;
background-color: #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
border-color: #ebebeb;}







.popover-content {
padding: 15px 15px;
background-color: #454545;
color: #fff;
box-shadow:none;
border:none; background:#454545;
}


.popover.bottom > .arrow:after {
    border-bottom-color: #454545;
}
#deviceFilter ul{ list-style:none; }
#deviceFilter ul li { float:left; min-width:200px;}

/*DEVICE PAGE*/



.drop-content { display:none; background:#fff; position:absolute; z-index:99; box-shadow:1px 1px 1px rgba(0,0,0,0.3);max-width:100%;min-width:250px; /*width:100%;max-width:250px;*//*width:250px;*/ border-radius:5px;padding:5px 15px 10px 15px; margin:0; background-color:#454545; color:#fff;}
.drop-content ul { margin:0; padding:0;}
.drop-content ul li { list-style:none; padding:5px 0px 0px 0px; /*padding:10px 15px; margin:0; background-color:#454545; color:#fff;*/}
/*.drop-content ul li:hover { background:#252424;}*/
.drop-content ul li input { margin-right:20px;}


.drop-content a {color:#fec503;}
.drop-content a:hover {color:White;}



@media(max-width:1220px) 
{
   .deviceType h3 img 
   {
    display:block;
    margin:0px auto;
    }
    
    .deviceType div
    {
        /*display:block;
        width:100%;*/
        display:inline-block;
        vertical-align:top;
        width:200px; /*100%*/
        }        
}


@media(max-width:992px) /*was @media(max-width:768px) before Home Theater*/
{
   .deviceType   
   {
    width:100%;
    margin:5px 0px;
    }
    
   .deviceType h3 img 
   {
    display:inline;
    margin:0px auto;
    }
    
   .deviceType div
   {
    display:inline-block;
    vertical-align:top;
    width:200px;
    }
    
}








/*================================================================================*/



@media(max-width:768px) {		
    ul.techCenters {
    width: 90%;
    } 

    .caption-txt h2 { font-size:60px;font-weight:bold;white-space:nowrap;}
    .resText4 { display:none;}
    .caption-txt a { font-size:40px;}
}

@media(max-width:480px) {		
    .caption-txt h2 { font-size:90px;font-weight:bold;white-space:nowrap;}
    .caption-txt a { font-size:60px;}
}

.round{ font-size: 18px;
border: 2px solid #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
border-radius: 500px;
width: 24px;
height: 24px;
line-height: 6px;
text-align: center;
display: inline-block;}

.round-gray{ font-size: 24px;
border: 2px solid #7f7b77;
border-radius: 500px;
width: 26px;
height: 26px;
line-height: 6px;
text-align: center;
display: inline-block;}


.shadow{
box-shadow: 1px 0px 5px 1px #D1D1D1;
-webkit-box-shadow: 1px 0px 5px 1px #D1D1D1;
-moz-box-shadow: 1px 0px 5px 1px #D1D1D1;
-o-box-shadow: 1px 0px 5px 1px #D1D1D1;
}

.mapText { font-size: 28px; text-align: center; margin-top: 45px;}

@media (max-width:360px){

/*responsive Text */
.resText{ display:none;}	

	.comparisonchart{ padding:10px; }
.comparisonchart table tr th { padding: 10px; font-size:12px; }
.comparisonchart table tr td { padding:7px;   }
.ExperienceBannerImg ul li img { padding:0px; }


}

@media (max-width:320px){
.comparisonchart{ padding:0px; }
.comparisonchart table tr th { padding: 10px; font-size:12px; }
.comparisonchart table tr td { padding:5px;   }
.login { font-size:12px !important; }
}

/*================ MAP Content =========================*/

#map_wrapper {
    height: 500px;
}

#map_canvas {
    width: 100%;
    height: 100%;
}



.overalytext{
background-color: rgba(0, 0, 0, 0.6);
position: absolute;
height: 50px;
padding: 0;
width: 100%;
text-align: center;
z-index: 999;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
transition: all .4s ease;
bottom: 0;
color: #fff;
font-size: 16px;
padding: 11px;
}
.overalytext:hover {
  background-color: rgba(0, 0, 0, 0.2);
}


/*============= Left Navigation =========*/
.TestSlider { width:50%; margin:0 auto;}
.yellow {color:#fec503;}

/* Forms */


            .formContainer
            {
                width: 100%; 
                vertical-align: top; 
                border: 1px solid #DDD;
                padding: 0px;
                text-align: left;
                background-color: #FFF;
                color: #A7A4A2;
                margin:30px 0px;
            }
            
            .formContainer h3
            {
                text-align: left;
                background-color: #F8F8F8;
                font-size: 20px;
                color: #7F7B77;
                line-height: 45px;
                font-family: inherit;
                font-weight: bold;
                border-bottom: 1px solid #ECECEC;
                padding: 20px;
                margin: 0px;
            }
            
            .formContainer .form-group
            {
                padding: 20px 5px 0px;
                clear: both;
            }
            
            
            .formContainer td label, .formContainer .stayConChBx label
            {
                display: inline;
                margin-left: 5px;
            }
            
            .formContainer .btnArea
            {
                text-align: left;
                background-color: #F8F8F8;
                font-size: 20px;
                color: #7F7B77;
                line-height: 45px;
                font-family: inherit;
                font-weight: bold;
                border-top: 1px solid #ECECEC;
                padding: 20px;
                margin: 0px;
                clear: both;
            }



        .contactUsTable 
        {max-width: 500px; margin: 20px auto;}   
        
        .contactUsTable td
        {padding-bottom:5px;}
        
        
    /* MHL extranet */  
    .submenu 
    {
        width: 100%;
        background-color:#f3f3f3;
        padding:30px 0px;
        }
    
    .extranet th, .extranet td, .tableResponsive td
    {
        padding:5px;
        vertical-align:top;
        } 
        
    .extranet  .adopterInfoHeader 
    {
        text-align:right;
        white-space:nowrap;
        }  

     .extranet .btn-primary {margin-bottom:5px;text-transform:none;}
       
     .royaltyInstructions 
     {
         border: solid 1px #ac0040; 
         padding: 0px 20px 10px 20px; 
         margin: 40px auto;
         /*width: 360px;*/ 
         max-width:480px;
         color: Black;
         }
         
     .royaltyInstructions h2
     {
         font-size: 24px;
         line-height: normal;
         }  
         
        /*compliance form styling*/ 
        .adopterContactInfo, .detailTbl  
        {
            width:100%;
            max-width:520px;
            font-size:12px;
            }
        
        .adopterInfoHeader > tbody > tr > td
            {
            text-align:right;}
            
        .error
        {
            color: #FF0000;
        }

        .headerRow, .headerCol
        {
            font-weight: bold;
        }

        .headerCol
        {
            width: 90px;
            text-align: left;
        }
        
        .itemRow
        {
        background-color: #E8E8E8;
        }

        .altItemRow
        {
        background-color: #FFFFFF;
        }
        .itemRow td, th, .altItemRow td, th
        {
        border: 1px solid #CCCCCC;
        padding: 4px;
        } 
        
        
        .form-list{
            list-style:none;
            padding:0px;
            border:1px solid silver;            
        }
        
        .form-list li 
        {
           padding:5px;
            }
                    
        .form-list li label 
        {
            font-weight:bold;
            width:200px;
            vertical-align:top;
           }
           
        .form-list li input[type='text'], .form-list li textarea{
            width:300px;    
        }
        .form-list li input.minusHttp
        {
            width:258px;
            }
            
        .form-list table.ckbox 
        {
            display:inline-block;
        }
        
        .form-list li:nth-child(odd) { background: #efefef; }

        .form-list li:nth-child(even) { background: #fff; }

        .form-list .odd { background: #efefef; }
        
       @media(max-width:750px) 
        { 
            
            .form-list table.ckbox 
            {
                display:inline-block;
            }
        
            .form-list table.ckbox td
            {
                display:block;
            }
        }
        

        
        @media(max-width:600px) 
        {              
             .form-list > li > label {width:100%;} 
             .form-list li input[type='text'], .form-list li textarea{
            width:100%;    
        }
        
            .form-list li input.minusHttp
        {
            width:236px;
            }
                
        } 


        @media(max-width:500px) 
        {
            .contactUsTable td, .tableResponsive > tbody > tr > td, .tableResponsive > tbody > tr > th
            {width:100%;
            display:inline-block;
            vertical-align:top;}  
            
            .extranet .adopterInfoHeader
            {
            text-align:left;}    
    
             .royaltyInstructions 
             {
                 margin: 20px auto;
                 }
    
        } 
        
  .question
  {
      font-weight:bold;
      }    
  .answer
  {
      padding-left:21px;
      } 
      
 .pressReleaseTitle {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

.pressReleaseSubTitle{
	text-align:center;
}
     
  .pressReleaseImage {
    padding: 12px 20px 20px;
    float: right;
    }      

/*===============Bootstrap fix for centred colomns http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-centered-columns ================*/
/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    vertical-align:top;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

hr.extranet {width:30%;height:1px;background-color:#7F7B77;
color:#7F7B77;border:0;margin:50px auto;}