/*less / css for homepage*/
/*this has been updated*/
.cms-home .page-title-wrapper{

    display:none;
}



/*silder*/
.slider-hero{

    position:relative;
    width:100%;
    margin:0 auto;
    
    
    background:url(../images/slider-bg.jpg) no-repeat top center;
    background-size:cover;
}
.slider-hero .overlay-title{

    position:absolute;
    z-index: 10;
    top:0;
    left:35%;
    

}
.slider-hero .overlay-title h1 {
    font-size: 58px;
    font-style: italic;
    color: #ffffff;
    font-weight: 900;
    margin-top: 10px;
    margin-bottom:0px;
}

.slider-hero .overlay-title p {
    font-size: 32px;
    font-style: italic;
    color: #ffffff;
    font-weight: 300;
    margin-left: 200px;
}
#slider {
    position: relative;
    overflow: hidden;
    margin: 0px auto 0 auto;
    
    max-width: 2500px;
    background:url(../images/white-bg-divider.png) no-repeat bottom center;
    background-size:contain;
    padding-bottom:0px;
    min-height:500px;
}
#slider ul {
  position: relative;
  width:98%;
  margin: 0 auto;
  padding: 0;
    overflow:hidden;
  list-style: none;
  max-wdith:2250px;

}

#slider ul li {
  position: relative;
  display: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
#slider ul li:first-child{

    display:block;
}
#slider .slide{

    overflow:hidden;
}

.slider-hero #slider .slide div{

    float:left;
    box-sizing: border-box;
}
.slider-hero #slider .slide-img {
    width:55%;
}
.slider-hero #slider .slide-img img{
    width:90%;
    margin-left:60px;
    margin-top:30px;

}
.slider-hero #slider .slide-txt {
    margin-top: 9%;
    margin-left: 50%;
    width: 42%;
    top: 0;
    position: absolute;
    z-index: 2;
}
.slider-hero #slider .slide-txt h2 {
    font-style: italic;
    color: #ffffff;
    font-weight: 900;
    margin: 0;
    line-height: 1;
    font-size: 48px;
}

.slider-hero #slider .slide-txt p {
    font-size: 24px;
    font-style: italic;
    color: #f57f19;
    font-weight: 300;
    margin-left: 6%;
    margin-bottom: 0px;
    margin-top: 10px;
}
.slider-hero #slider .slide-txt p.small {
    color: #ffffff;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 30px;
    line-height: 30px;
}

.slider-hero #slider a.ghost-btn-white {
    color: #ffffff;
    border-radius: 10px;
    padding: 10px 90px 10px 20px;
    text-decoration: none;
    border: thin solid #ffffff;
    text-align: left;
    font-size:24px;
   background:url(../images/drop-arrow.png) no-repeat;
   background-position:200px 18px;
    margin-left:30%;
}
a.ghost-btn-white {
    color: #ffffff;
    border-radius: 10px;
    padding: 10px 90px 10px 20px;
    text-decoration: none;
    border: thin solid #ffffff;
    text-align: left;
    font-size:21px;
   background:url(../images/drop-arrow.png) no-repeat;
   background-position:245px 16px;
}
/*featured applications*/

.featured-applications{

    padding:20px;
    overflow:hidden;
    clear:both;
     background-color:#ffffff;
     background: url(../images/feature-categories-bg.jpg) no-repeat center bottom #ffffff;
     background-size: contain;
     padding-bottom:78px;
}    

.featured-applications .title{

    text-align:center;
    position:relative;
    padding: 10px 48px;

    width: 64%;
    margin: 0 auto;
}

.featured-applications h2 {
    font-weight: 300;
    color: #072a5c;
    font-size: 48px;
    font-style: italic;
    text-align: center;
    background-color: #ffffff;
    width: 580px;
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -290px;
    border-radius: 10px;
}
.featured-applications p.divider {
    background-color: #b1bac7;
}
.divider {
    clear: both;
    display: block;
    font-size: 0;
    line-height: 0;
    height: 1px;
    margin: 10px 0;
    overflow: hidden;
}

.feature-group-blocks{

    overflow:hidden;
    width:95%;
    margin:0 auto;
    margin-top:50px;
    padding-bottom:32px;
}
.feature-group-blocks article .content {
    position: relative;
    z-index: 2;
}
.feature-group-blocks article{

    float: left;
    width: 48%;
    min-height: 350px;
    box-sizing: border-box;
    margin-left: 24px;
    position: relative;
    background-color:#cccccc;
}

.feature-group-blocks article ul{

    list-style: none;
}
.feature-group-blocks article ul li {
    margin-top: 10px;
}
.feature-group-blocks article h3 {
    background: none;
    font-weight: 600;
    color: #ffffff;
    font-size: 48px;
    text-transform: uppercase;
    margin: 0;
        margin-left: 0px;
    line-height: 1;
    margin-left: 40px;
}

.feature-group-blocks article h3 a {
    background: none;
    font-weight: 900;
    color: #ffffff;
    font-size: 60px;
    text-transform: uppercase;
    padding: 0px;
    margin-left: 0px;
}
.feature-group-blocks p{
    font-weight: 300;
    color: #ffffff;
    font-size: 28px;
    font-style: italic;
    text-transform: uppercase;
    margin: 0;
  
    margin-top: 20px;
    margin-left: 20px;
}
.feature-group-blocks article img {
    position: absolute;
    right: 0;
    top: 0;
    width: 62%;
    max-height:inherit;
}
.feature-group-blocks article a {
    font-weight: 300;
    color: #ffffff;
    font-size: 24px;
    font-style: italic;
    text-decoration: none;
    margin-left: 10px;
    padding-left: 20px;
    background: url(../images/link-white-icon.png) no-repeat left;
}

.feature-group-blocks .featured-group-left {
    background-color: #505152;
}
.feature-group-blocks .featured-group-right {
    background-color: #157738;
}
/*featured products8*/
.featured-products {
    background-color: #ffffff;
  
}
.featured-products h3 {
    font-weight: 300;
    color: #072a5c;
    font-size: 32px;
    font-style: italic;
    text-align: center;
    border-radius: 10px;
    background-color: #ffffff;
    width: 523px;
    margin: 0 auto;
    padding: 10px 0px;
}

.featured-products h3 a.ghost-btn-blue {
    border: thin solid #072a5c;
    border-radius: 10px;
    padding: 10px 90px 10px 20px;
    color:#072a5c;
    font-size: 18px;
    text-decoration: none;
    background-color: #ffffff;
    background: url(../images/drop-arrow-blue.png) #ffffff no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    background-position: 230px 15px;
    margin-left:10px;
}
.featured-products .grid {
    width: 96%;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 20px;
    margin-top:10px;
}

.featured-products .grid .product-item {
    border-radius: 10px;
    box-shadow: 1px 1px 5px 0px 
    #dddddd;
    width: 23.7%;
    float: left;
    box-sizing: border-box;
    margin-left: 1%;

}
.featured-products .product-item .minimal-price .price-container {
    display: inline;
}
.featured-products .product-item-details{padding: 0px 10px 10px;}
.featured-products .product-item-details .product-item-name{

font-size: 26px;
line-height: 38px;
margin-bottom: .45em;
height: 28px;
font-weight:300;
}
.featured-products .product-price--buy{
    padding:10px;
    background-color:#f9f9f9;
    border-radius: 5px;
    overflow:hidden;
}
.featured-products .product-price--buy ul{
    padding:0;
}
.featured-products .product-price--buy ul li {
    display: inline-block;
    width: 50%;
    float: left;
    margin-bottom:0;
}
.featured-products .product-price--buy .price-box{

    margin:0;
}

.featured-products .product-price--buy .product-item-inner{

    float:right;
}
.featured-products .action.primary{

    background-color:#1856b4;
    padding: 10px;
    border-radius: 5px;
    color:#ffffff;
   
}
.featured-products .product-item .price-box .price-label {
    font-size: 16px;
}
.featured-products .product-item .price-box .price{

    font-size:18px;
    color: #1856b4;
}

.featured-products .products-grid .product-item-actions {
    margin: 0;
}
.featured-brands {
    padding: 10px 0px;
    background-color: #f3f8fb;
    width: 100%;
    text-align: center;
    clear: both;
}

.featured-brands img {
    padding: 10px 20px;
    width: auto;
    height: 50px;
}

/*seminar*/
.seminars {
    background: url(../images/seminar-bg.jpg) no-repeat;
        background-size: auto;
    color: #ffffff;
    background-size: cover;
}
.seminar-block article h4 {
    font-size: 42px;
    font-weight: 300;
    font-style: italic;
    margin-left: 50px;
    margin-top: 50px;
}
.seminar-block {
    overflow: hidden;
    background: url(../images/blue-bg-divider.png) no-repeat bottom center;
        background-size: auto;
    background-size: contain;
    padding-top: 50px;
}
.seminar-block article {
    float: left;
    width: 50%;
    box-sizing: border-box;
}
.seminar-block article.content {
    padding-left: 50px;
}
.seminar-block article p {
    font-size: 18px;
    font-weight: 300;
    width: 80%;
    margin-left: 50px;
    margin-bottom: 50px;
    line-height: 28px;
}
.seminar-block article.content a {
    margin-left: 50px;
}
/*Social Feed*/
.social-feed{
    padding:20px;
	height:auto;
	background-color:#051c44;
}

.social-feed h5 {
    font-size: 42px;
    font-weight: 300;
    font-style: italic;
    margin-left: 50px;
    color: #ffffff;
}


.crt-widget.crt-widget-branded {
    padding-bottom: 25px;
    width: 90%;
    margin: 0 auto;
}

.crt-panel-next, .crt-panel-prev{

top:275px!important;	
}
.crt-panel-prev {
    left: 3px!important;
}
.crt-panel-next {
    right: 3px!important;
}
.crt-widget .crt-post-text {
    color: rgb(34, 34, 34);
    height: 203px!important;
}
.crt-post .crt-post-footer{

	background-color:#ffffff;
}

/*feed footer*/

.social-feed-footer article{

	text-align:center;
    padding:20px;
}
.social-feed-footer h6 {
    font-weight: 300;
    font-size: 24px;
    color: #ffffff;

}
.social-feed-footer ul{

    padding-left:0;
}
.social-feed-footer ul li {
    display: inline-block;
    padding: 0px 5px;
}

/*bottom-content before footer*/

.bottom-content{

	overflow:hidden;
    padding:20px;
    background-color:#ffffff;
}
.bottom-content article {
    float: left;
    width: 33%;
    padding: 20px 40px;
    box-sizing: border-box;
    overflow: hidden;
}

.bottom-content h5 {
    font-size: 28px;
    font-style: italic;
    font-weight: 300;
    color: #0054a4;
}
.bottom-content article div {
    float: left;
    box-sizing: border-box;
}

.bottom-content article .img {
    width: auto;
    padding-right: 10px;
    min-height: 186px;
}
.bottom-content article ul{
    list-style: none;
}
.bottom-content article ul li {
    margin-top: 5px;
}
.bottom-content article a {
    color: #053375;
    font-size: 16px;
    background: url(../images/link-orange-icon.png) no-repeat left;
    padding-left: 20px;
}




/*mobile css starts*/

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

    #slider{min-height: 447px;}
    .feature-group-blocks article img {width: 76%;}

}


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

    /*slide*/
    #slider {min-height: 436px;}
    #slider ul {width: 100%;}
    .slider-hero #slider .slide-img {width: 60%;margin-left: -50px;}
    .slider-hero .overlay-title h1 {font-size: 45px;}
    .slider-hero .overlay-title p {font-size: 27px;margin-left: 130px;}
    .slider-hero #slider .slide-txt p {margin-left: 10%;}
    .slider-hero #slider .slide-txt p.small {font-size: 16px;line-height: 24px;}
    .slider-hero #slider .slide-txt {margin-left: 50%;}
    .slider-hero #slider a.ghost-btn-white {font-size: 19px;background-position: 186px 17px;}

    /*featured applications*/
    .feature-group-blocks{width:100%;}
    .feature-group-blocks article{
        width:50%;
        margin-left:0;
    }

    /*bottom content catalog, tech, newsletter*/
    .bottom-content {padding:0;}
    .bottom-content article {padding: 20px 20px;}
}


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

    /*slide*/
    .slider-hero .overlay-title h1 {font-size: 35px;}
    #slider {min-height: 418px;}

    .slider-hero #slider .slide-txt h2 {font-size: 40px;}
    .slider-hero #slider .slide-txt {width: 48%;}


    /*featured applications*/
    .featured-applications .title {width: 90%;}

    /*featuredproducts*/
    .featured-products .grid {width:100%;}
    .featured-products .product-item-details .product-item-name {font-size: 20px;}


    /*seminars*/
    .seminar-block article h4 {margin-left: 13px;margin-top: 3px;}

    /*social feed*/
    .social-feed {padding: 1px;}


    /*bottom block section*/
    .bottom-content h5 {font-size: 24px;}
    .bottom-content article a {font-size: 14px;padding-left: 12px;}
    .bottom-content article ul li {margin-top: 0px;margin-bottom: 5px;}


    
}


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

    /*slider*/
    #slider {min-height: 370px;}

    .slider-hero #slider .slide-txt h2 {font-size: 36px;}
    .slider-hero #slider .slide-txt {width: 44%;}

    /*featured brands*/
    .featured-brands img {padding: 10px 10px;}

    /*seminars*/
    .seminar-block article h4 {font-size: 40px;}
    .seminar-block article p {margin-bottom: 35px;}

    /*bottom block section*/
    .bottom-content h5 {font-size: 20px;margin-bottom: 10px;margin-top: 10px;}

}

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

    /*slider*/
    #slider {min-height: 298px;}
    #slider ul {overflow: visible;}

    .slider-hero #slider .slide-txt h2 {font-size: 32px;}
    .slider-hero #slider .slide-txt {width: 40%;}
 
    
    .slider-hero .overlay-title p {font-size: 20px;}
    .slider-hero #slider .slide-txt {margin-top: 94px;position:relative;margin-left:0;}
    .slider-hero #slider .slide-txt p {font-size: 20px;margin-left: 0;}
    .slider-hero #slider .slide-txt p.small {
        font-size: 14px;
        margin-bottom:22px;
        margin-top:4px;
        line-height:21px;
    }

    .slider-hero #slider a.ghost-btn-white {font-size: 14px;background-position: 158px 13px;}

    /*featured applications*/
    .featured-applications h2 {font-size: 39px;width: 500px;margin-left: -250px;}
    .featured-applications {padding-bottom: 24px;padding-left:0;padding-right:0;}
    .feature-group-blocks {margin-top: 15px;}
    .feature-group-blocks article h3 a {font-size: 38px;}

    /*featured products*/
    .featured-products .product-price--buy ul li {width: 100%;}
    .featured-products .product-price--buy .product-item-inner {float: none;width: 100%;}
    .product-item-actions .actions-primary {width:100%;}
    .featured-products .action.primary {width: 100%;margin-top:5px;}
    .featured-products .product-item-details .product-item-name {font-size: 16px;}
    .featured-products .tagline{font-size:12px;}
    

    /*featured brands*/
    .featured-brands img {height: 40px;}

    /*seminars*/
    .seminar-block {padding-top: 26px;}
    .seminar-block article h4 {font-size: 34px;}
    .seminar-block article.content {padding-left: 18px;}
    .seminar-block article p {font-size: 16px;width: 86%;margin-left: 23px;}
    .seminar-block a.ghost-btn-white {font-size: 16px;background-position: 213px 14px;}
    
    /*social feed*/
    .crt-widget.crt-widget-branded {padding-bottom: 0px!important;width: 97%;}
    
    /*bottom block section*/
    .bottom-content article {padding: 20px 10px;}
    .bottom-content article .img img{height: 100px;}

}

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

    /*slider*/
    .slider-hero #slider .slide-img {margin-left: -30px;}
    .slider-hero #slider .slide-txt p.small {display:none;}
    .slider-hero #slider .slide-txt h2 {font-size:32px;}
    .slider-hero #slider .slide-txt p {font-size:18px;margin-top:3px;}
    .slider-hero #slider a.ghost-btn-white {margin-left: 8%;width: 75px;display:block;margin-top:10px;}

    /*bottom block section*/
    .bottom-content article {width: 50%;}
    .bottom-content article:last-child {
        width: 80%;
        padding: 10px 4px 9px;
        float: none;
        margin: 0 auto;
        border-top: thin solid #ccc;
    }
    .bottom-content article .img {min-height: 114px;}

}

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


    /*slider*/
    #slider {min-height: 274px;}


    /*featured Applications*/
    .feature-group-blocks article {width: 100%;}
    .feature-group-blocks article h3 a {font-size: 48px;}
    .feature-group-blocks article a {font-size: 20px;margin-left: 9px;padding-left: 14px;}
    .feature-group-blocks article ul {margin-bottom: 0px;}
    .feature-group-blocks article ul li {margin-top: 3px;margin-bottom: 3px;}
    .feature-group-blocks article{min-height: 269px;}

    .feature-group-blocks .featured-group-right .content {float: right;margin-right: 20px;}
    .feature-group-blocks .featured-group-right img {
        width: 55%;
        left: 0;
        margin-left: 1px;
    }
  
    /*featured products*/
    .featured-products h3 a.ghost-btn-blue {padding: 10px 52px 7px 20px;background-position: 190px 14px;}
    .featured-products .grid{padding-bottom:6px;}
    .featured-products .grid .product-item {width: 48.5%;margin-bottom:15px;}
    .featured-products .product-item-details .product-item-name {font-size: 24px;}
    .featured-products .tagline{font-size:14px;}
    
    /*seminars*/
    .seminar-block article p{font-size:14px;line-height: 20px;margin-bottom: 18px;}
    .seminar-block article h4{margin-bottom:10px;font-size:28px;}
    .seminar-block {padding-bottom: 40px;}
    .seminar-block article.content{width:60%;}
    .seminar-block article.img-block{width:36%;}

    /*social feed*/
    .social-feed{display:block;}
    .social-feed .crt-carousel-feed{max-width:780px!important;}

    .featured-products .grid .product-item {
    width: 48.5%;
    margin-bottom: 15px;
    min-height: 485px;
}


}

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


    /*slider*/
    #slider {min-height: 250px;}
    .slider-hero .overlay-title h1 {font-size: 26px;}
    .slider-hero .overlay-title p {margin-left: 92px;}
    .slider-hero #slider .slide-txt {margin-top: 80px;}
    .slider-hero #slider .slide-txt h2 {font-size: 25px;}

    /*featured applications*/
    .featured-applications .title {width: 86%;}
    .featured-applications h2 {font-size: 32px;width: 350px;margin-left: -175px;}
    .feature-group-blocks article h3 {margin-left: 18px;}
    .feature-group-blocks article h3 a {font-size: 40px;}
    .feature-group-blocks .featured-group-right .content {margin-right: 58px;}

    /*featured products*/
    .featured-products h3 {font-size: 22px;width:100%;}

    /*seminars*/
    .seminar-block article.content a {margin-left: 20px;}
}



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


    /*slider*/
    #slider {min-height: auto;padding-bottom: 30px;}
    .slider-hero .overlay-title {
        position: relative;
        top: 0;
        left: 0;
        text-align: center;
        padding-top:2px;
    }
    .slider-hero #slider .slide div {float: none;width:100%;}
    .slider-hero #slider .slide-txt {margin-top: -30px;text-align:center;}
    .slider-hero #slider .slide-img {margin-left: 0;}
    .slider-hero #slider a.ghost-btn-white {margin-left: 0;width: 75px;margin: 0 auto;margin-top: 10px;}

.slider-hero #slider .slide-img img{
	margin-top:0;
margin-left:50px;
}
.slider-hero #slider .slide-txt h2 {
  font-size: 25px;
  margin-top: 20px;
}

    /*featured applications*/
    .featured-applications h2 {
        font-size: 28px;
        width: 310px;
        margin-left: 0;
        left: 0;
        top: -23px;
    }
    .feature-group-blocks article img {opacity: .3;width:76%;}
    .feature-group-blocks .featured-group-right .content{float:none;}
    .feature-group-blocks .featured-group-right img {
    width: 79%;
    margin-left: 88px;
}
    .feature-group-blocks p {font-size: 18px;}

    /*featured products*/
    .featured-products h3 {font-size: 29px;}
    .featured-products h3 span{display:block;margin-top:12px;}
    .featured-products .grid .product-item {
        width: 90.5%;
        margin: 0 auto;
        margin-bottom: 15px;
        float:none;
    }

    /*seminars*/
    .seminar-block {padding-bottom: 5px;}
    .seminar-block article.content{width:100%;padding-bottom:30px;}
    .seminar-block article.img-block{width:60%;margin:0 auto;float:none;}


    /*bottom block section*/
    .bottom-content article{
        width: 90%;
        padding: 10px 4px 9px;
        float: none;
        margin: 0 auto;
        border-top: thin solid #ccc;
    }

    .bottom-content article:last-child {
        width: 90%;
    }


    
}

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

	.slider-hero .overlay-title h1 {
    font-size: 22px;
}
.slider-hero .overlay-title p {
    margin-left: 40px;
}

}



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


    /*slider*/
    .slider-hero .overlay-title p {margin-left: 0;}

    /*featured-applications*/
    .featured-applications{padding:0;}
    .featured-applications .title {width: 100%;padding:0px;}
    .featured-applications h2{position:relative;top:0;}
    .featured-applications .divider{display:none;}

    /*bottom block section*/
    .bottom-content article {width: 95%;}
    .bottom-content article:last-child {width: 95%;}

    /*seminars*/
    .seminar-block article.content {padding-left: 8px;}
    

}