



.our-portfolio{padding:60px 0}.our-portfolio .contactus h3{color:#000;font-size:22px;line-height:22px;font-family:open sans,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;margin:0;padding-bottom:18px;border-bottom:1px solid #e8e8e8;margin-bottom:18px;position:relative}

#masterContent{margin-bottom:30px;padding:70px 0}.mp{display:block;top:26px;z-index:0}.refLine{padding:70px 0}.refHolder{width:100%;position:relative;min-height:368px}.refHolder>div.mobile{right:75%}

.slider-resp-design>div.mobile,.refHolder>div.mobile{background-image:url(../img/slider-responsive-mobile.png);padding:39px 24px 55px 15px;z-index:2}.refHolder>div.desktop{right:0}.slider-resp-design>div.desktop,.refHolder>div.desktop{background-image:url(../img/slider-responsive-desktop.png);margin-bottom:5px;padding:17px 60px 120px}

.refHolder>div{position:absolute;bottom:0}

.slider-resp-design>div,.refHolder>div{display:inline-block;vertical-align:bottom;background-size:cover}

.refLine:nth-child(2n+1){background:#ededed}.refHolder>div.tablet{right:50%;bottom:0;margin-right:0;position:absolute}

.slider-resp-design>div.tablet,.refHolder>div.tablet{background-image:url(../img/slider-responsive-tablet.png);margin-bottom:17px;margin-right:-80px;padding:20px 27px 31px 19px;position:relative;z-index:1}

.refInfo{padding-top:0}#masterRight h3{color:#59595b;font-size:24px;font-weight:300;line-height:32px}

.refInfo h3{font-size:36px!important;letter-spacing:.3px;font-weight:600!important;color:#000;margin:0 0 10px}

.refInfo .refDate{font-size:18px;color:#17749b;letter-spacing:.3px;margin-bottom:10px}#masterRight h4{color:#000;font-weight:300;font-size:24px}#masterRight p{margin:0 0 30px;line-height:28px}#masterRight ul.techno{width:100%;list-style:none}#masterRight ul{margin:0 0 30px;line-height:28px;list-style:url(https://www.marthub.com/) inside;padding:0}#masterRight ul.techno li{float:left;margin-right:15px}#masterRight ul.techno li i{color:#9d031d;margin-right:6px}

.refInfo .refLogo{width:auto;margin:0 auto;max-width:100%;-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.8;transition:.5s ease;-moz-transition:.5s ease;-webkit-transition:.5s ease}
.refInfo .refLink
{
	padding: 11px 21px 9px 56px;
    font-size: 14px;
    border-radius: 1px;
    max-width: 100%;
    overflow: hidden;
    color: #fff;
    letter-spacing: .3px;
    background: #9d031d url(../img/link.png) no-repeat left 20px center;
    float: right;
    margin-top: 50px;
    text-transform: uppercase;
}

.refLine:hover .refInfo .refLogo{-webkit-filter:grayscale(0);filter:grayscale(0);opacity:1}

.refHolder{width:100%;position:relative;min-height:368px}

.slider-resp-design img,.refHolder img{object-fit:cover;object-position:center top;transition:1s ease;-moz-transition:1s ease;-webkit-transition:1s ease}

.slider-resp-design img:hover,.refHolder img:hover{object-position:center bottom;transition:1s ease;-moz-transition:1s ease;-webkit-transition:1s ease}

.slider-resp-design>div,.refHolder>div{display:inline-block;vertical-align:bottom;background-size:cover}

.refHolder>div{position:absolute;bottom:0}

.refHolder>div.mobile{right:75%}.slider-resp-design>div.mobile>img,.refHolder>div.mobile>img{height:143px;width:95px}

.refHolder>div.tablet{right:50%;bottom:0;margin-right:0;position:absolute}.slider-resp-design>div.tablet>img,

.refHolder>div.tablet>img{height:212px;width:163px}.slider-resp-design>div.desktop>img,.refHolder>div.desktop>img{height:236px;width:417px}





