@import url('https://fonts.googleapis.com/css?family=Montserrat:300,500,700');

/* W3C Markup, IE10 Release Preview */ 
h1,h3 {font-size:20px;font-weight:500;margin-bottom:20px;margin-top:0;color:#12324A;text-transform:uppercase}
h1 span,h3 span {font-size:14px;color:#12324A;display:block;line-height:1;}
h2 {font-size:16px;font-weight:300;margin-bottom:10px;margin-top:0;}
h4 {font-size:20px;}
p {font-size:15px;font-weight:300;margin-bottom:20px;line-height:1.4;}
p.smallmargin {margin-bottom:10px;color:#12324a}
.intro p,p.intro {font-size:15px;}
.normal p,p.normal {font-size:15px;}
a {color:#22c969;-webkit-transition: color 0.5s ease;     transition: color 0.5s ease;}
a:hover,a.active {color:#22c969;text-decoration:none;}
b,strong {font-weight:500;}
ul {margin:0 0 15px 15px;padding:0;}

.container ul, .container-fluid ul {line-height:1.4;font-size:15px;}
ol {line-height:1.4;font-size:15px;margin-left:15px;padding-left:0;}
.container ul li, .container-fluid ul li {padding-bottom:5px;}
ol li {padding-bottom:5px;}

/* Bootstrap overrides */
body {font-family: 'Montserrat', sans-serif;font-weight:300;line-height:1.3;color:#63666a}
.navbar {background-color:rgba(18,51,74,1);min-height:70px;z-index:9999;margin-bottom:0;border-radius:0}
.nav {width:100%}
.navbar-toggle {    float:left;margin-right:0;margin-left:5px;margin-top:0;padding-top:28px;padding-bottom:17px;margin-bottom:0;}
.navbar-toggle .icon-bar {background-color:#FFFFFF}
.navbar-collapse {border-top: none;    -webkit-box-shadow: none;    box-shadow: none;}
.navbar-brand.visible-xs {    float: right;}
.navbar-brand > img {    height:41px;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {    background-color: transparent;    border-color: transparent;}
.dropdown-menu > li > a {    color: #FFFFFF;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {        color: #FFFFFF;    background-color: transparent;}
.dropdown-submenu {list-style:none;}
.dropdown-submenu > li > a {    color: #FFFFFF;padding-left:15px;}
.nav > li > a {color:#FFFFFF;font-size:14px;font-weight:500;-webkit-transition: color 0.5s ease;     transition: color 0.5s ease;}
.nav > li > a:focus, .nav > li > a:hover {    background-color: transparent;color:#FFFFFF}
.navbar .subnav {position:absolute;top:79px;left:0;right:0;padding:0;background-color:rgba(18,51,74,1);border-top:1px solid #FFFFFF;line-height:1.6;visibility:hidden;opacity:0;transition: visibility 0s, opacity 0.2s linear;}
.subnav ul {list-style:none !important}

/* Layout */
.fullwidth {padding:0}
.fullwidth img{width:100%}
.relative {position:relative}
.visible-xxs {display:none;}
.top-buffer {padding-top:30px;}
.top-buffer40 {padding-top:40px;}
.top-buffer50 {padding-top:50px;}
.top-buffer60 {padding-top:60px;}
.top-buffer90 {padding-top:90px;}
.top-buffer-panel {padding-top:60px;}
.bottom-buffer,.bottom-buffer-xs {padding-bottom:30px;}
.bottom-buffer10 {padding-bottom:10px;}
.bottom-buffer16 {padding-bottom:16px;}
.bottom-buffer20 {padding-bottom:20px;}
.bottom-buffer30 {padding-bottom:30px;}
.bottom-buffer40 {padding-bottom:40px;}
.bottom-buffer60 {padding-bottom:60px;}
.bottom-buffer70 {padding-bottom:70px;}
.bottom-buffer-panel {padding-bottom:40px;}
.bottom-buffer-panel-small {padding-bottom:10px;}

.text-center .img-responsive {margin:0 auto;}
.carousel-caption {left:0;right:0;position:absolute;bottom:65px;left:0;right:0;top:auto;text-align:left;padding:0;text-shadow:none;}
.carousel-caption.bottom {top:auto;} 
/*.carousel-caption-inner {position:relative;  top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);}*/
.carousel-caption h1{margin-bottom:20px;}
.carousel-mask {position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.30)}
#mainCarousel .item {height:200px;background-position:center center;background-size:cover;}
#mainCarousel h1,#mainCarousel h3 {color:#FFFFFF}
#mainCarousel h1 span,#mainCarousel h3 span{color:#FFFFFF}
.carousel-indicators {    bottom: 30px;}
.carousel-indicators li {    width: 40px;    height: 22px;    border: none;    border-radius: 0;background-color:transparent;margin:0 1px 0 0 !important;background-image:url(../images/carousel-indicator.jpg);margin:0 1px 0 0 !important;background-repeat:no-repeat;background-position:-40px 10px;-webkit-transition: none;     transition: none;background-repeat:no-repeat;}
.carousel-indicators li.active {    width: 40px;    height: 22px;    border: none;    border-radius: 0;background-color:transparent;background-position:0 10px;-webkit-transition: background-position 8s;     transition: background-position 8s;}
.scrolldown {position:absolute;bottom:5px;left:0;right:0;text-align:center;font-size:32px;color:#FFFFFF;cursor:pointer;z-index:9900}
.scrolldown:hover {color:#22c969}
.btnPlus {display:inline-block;border:none;background-color:transparent;background-image:url('../images/icons/1-SLATE/CRYSTAL-PLUS SIGN - SLATE NEG.svg');background-size:25px 25px;background-repeat:no-repeat;height:25px;background-position:center left;color:transparent;padding-left:35px;font-size:13px;font-weight:500;-webkit-transition: all 0.5s;     transition: all 0.5s;text-decoration:none !important;text-transform:uppercase;text-align:left;display:table-cell;vertical-align:middle;line-height:14px;color:#12324a}
.btnPlus:hover {background-image:url('../images/icons/2-GREEN/CRYSTAL-PLUS SIGN - GREEN NEG.svg');color:#22c969}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*.btnPlus.twoLine {font-size:12px;line-height:13px;}*/

.bg-slate .btnPlus {background-image:url('../images/icons/2-GREEN/CRYSTAL-PLUS SIGN - GREEN NEG.svg');color:#FFFFFF;}
.bg-slate .btnPlus:hover {background-image:url('../images/icons/2-GREEN/CRYSTAL-PLUS SIGN - GREEEN POS.svg');}

.projectPanels .btnPlus {background-image:url('../images/icons/0-WHITE/CRYSTAL-PLUS SIGN - WHITE NEG.svg');}
.projectPanels .btnPlus:hover {color:#FFFFFF;background-image:url('../images/icons/0-WHITE/CRYSTAL-PLUS SIGN - WHITE POS.svg');}

.cta .btnPlus {background-image:url('../images/icons/0-WHITE/CRYSTAL-PLUS SIGN - WHITE NEG.svg');color:#FFFFFF;}
.cta .btnPlus:hover {color:#FFFFFF;background-image:url('../images/icons/0-WHITE/CRYSTAL-PLUS SIGN - WHITE POS.svg');}

.header{padding-top:25px;font-weight:500;}
.header .container{position:relative}
.header-nav {padding:0 0 30px 0;color:#000000;}
.header-nav a {color:#000000}
.header-nav.white {color:#22c969}
.header-nav.white a {color:#FFFFFF}

.home-panel1-icon {float:left;width:65px;margin-right:30px;padding-top:23px;}
.home-panel1-icon img{width:65px;}
.home-panel1-icon img:hover {fill: #FF931E; stroke: #ED1C24; }
.home-panel1-content {float:left;width:calc(100% - 95px);padding-top:25px;}
.home-panel1-content h4 a {color:#12324A}
.home-panel1-content a.learnmore {font-weight:500;}
.home-panel1-content a.learnmore:hover {color:#22c969;text-decoration:none}
.home-panel1-bg {background-image:url('../images/home-panel1-bg.png');background-size:contain;background-position:center right;position:absolute;top:0;right:0;bottom:0;width:30%;background-repeat:no-repeat;}
.services-panel1-bg {background-image:url('../images/CRYSTAL-WEBSITE–3000x2000px –OurServices-DEVICES.png');background-size:contain;background-position:center right;position:absolute;top:0;right:0;bottom:0;width:30%;background-repeat:no-repeat;}

.home-panel2-icon {float:left;width:65px;margin-right:30px;padding-top:20px;}
.home-panel2-icon img {width:65px;}
.home-panel2-content {float:left;width:calc(100% - 95px);padding-top:10px;}
.home-panel2-content a.learnmore {font-weight:500;color:#FFFFFF;-webkit-transition: all 0.5s;     transition: all 0.5s;text-decoration:none;}
.home-panel2-content a.learnmore:hover {color:#22c969;text-decoration:none}

.home-panel2-link {display:block;height:65px;padding-left:90px;background-repeat:no-repeat;color:#FFFFFF;line-height:65px;font-weight:500;margin-bottom:20px;}
.home-panel2-link:nth-child(1){background-image:url('../images/icons/CRYSTAL-WHITE-ADVICE PLANNING.svg');}
.home-panel2-link:nth-child(1):hover{background-image:url('../images/icons/CRYSTAL-ICON-GREEN-ADVICE PLANNING.svg');}
.home-panel2-link:nth-child(2){background-image:url('../images/icons/CRYSTAL-WHITE-_SUPPORT-ICON-50x50px.svg');}
.home-panel2-link:nth-child(2):hover{background-image:url('../images/icons/CRYSTAL-GREEN-_SUPPORT-ICON-50x50px.svg');}
.home-panel2-link:nth-child(3){background-image:url('../images/icons/CRYSTAL-WHITE-TRAINING.svg');}
.home-panel2-link:nth-child(3):hover{background-image:url('../images/icons/CRYSTAL-ICON-GREEN-TRAINING.svg');}
.home-panel2-link:nth-child(4){background-image:url('../images/icons/CRYSTAL-WHITE-iPAD.svg');}
.home-panel2-link:nth-child(4):hover{background-image:url('../images/icons/CRYSTAL-ICON-GREEN-iPAD.svg');}
.home-panel2-link:nth-child(5){background-image:url('../images/icons/CRYSTAL-WHITE-_WIFI-ICON-50x50px.svg');}
.home-panel2-link:nth-child(5):hover{background-image:url('../images/icons/CRYSTAL-GREEN-_WIFI-ICON-50x50px.svg');}
.home-panel2-link:hover {color:#22c969;text-decoration:none}

.connect {background-color:#522098;color:#FFFFFF;padding-bottom:28px;}
.connect h3, .connect h3 span{color:#FFFFFF;}
.connect input[type=email],.connect input[type=text] {border:1px solid #FFFFFF;background-color:transparent;height:38px;font-size:16px;color:#e0e0e0;line-height:38px;padding:0 10px;width:calc(100% - 164px);font-weight:400;max-width:400px;font-weight:300;}
.connect input:nth-child(1) {display:none !important;}
.connect input[type=submit] {border:1px solid #FFFFFF;height:38px;font-size:16px;font-weight:500;color:#FFFFFF;line-height:38px;padding:0 10px;width:90px;margin-left:20px;-webkit-transition: all 0.5s;     transition: all 0.5s;background-color:transparent;font-size:14px;text-transform:uppercase}
.connect input[type=submit]:hover {background-color:#522098;color:#522098;background-color:#FFFFFF}
.connect button {border:1px solid #FFFFFF;height:38px;font-size:16px;font-weight:500;color:#FFFFFF;line-height:38px;padding:0 10px;width:90px;margin-left:20px;-webkit-transition: all 0.5s;     transition: all 0.5s;background-color:transparent;font-size:14px;text-transform:uppercase}
 .rc, .rc div {display: inline-block;}
.grecaptcha-badge {display: none !important}
.connect button:hover {background-color:#522098;color:#522098;background-color:#FFFFFF}

.cta {background-color:#e93250;color:#FFFFFF;padding:30px;}
.cta h3, .cta h3 span{color:#FFFFFF;margin-bottom:10px}
.cta.side h3 {margin-bottom:20px}
.cta.side h3 span {margin-bottom:0}
.cta input[type=email],.cta input[type=text] {border:1px solid #FFFFFF;background-color:transparent;height:38px;font-size:16px;color:#e0e0e0;line-height:38px;padding:0 10px;width:calc(100% - 164px);font-weight:400;max-width:400px;font-weight:300;}
.cta input:nth-child(1) {display:none !important;}
.cta input[type=submit],.cta button {border:1px solid #FFFFFF;height:38px;font-size:16px;font-weight:500;color:#FFFFFF;line-height:38px;padding:0 10px;width:90px;margin-left:20px;-webkit-transition: all 0.5s;     transition: all 0.5s;background-color:transparent;font-size:14px;text-transform:uppercase}
.cta input[type=submit]:hover,.cta button:hover {background-color:#522098;color:#522098;background-color:#FFFFFF}

.cta-col {padding:30px 30px 15px 30px;color:#FFFFFF;}
.cta-col h3,.cta-col h3 span{color:#FFFFFF !important;}
.cta-col h3 {font-size:20px;}


.social-btns a {float:left;display:block;background-image:url('../images/icons-white.png');width:35px;height:35px;background-size:35px;margin-right:10px;margin-bottom:20px;}
.social-btns a.icon-twitter {background-image:url('../images/icons/WHITE-SOCIAL/CRYSTAL-WHITE_TWITTER-ICON-50x50px.svg')}
.social-btns a.icon-linkedin {background-image:url('../images/icons/WHITE-SOCIAL/CRYSTAL-WHITE_LINKEDN-ICON-50x50px.svg')}
.social-btns a.icon-instagram {background-image:url('../images/icons/WHITE-SOCIAL/CRYSTAL-WHITE_INSTA-ICON-50x50px.svg')}
.social-btns a.icon-youtube {background-image:url('../images/icons/WHITE-SOCIAL/CRYSTAL-WHITE_YOUTUBE-ICON-50x50px.svg')}
.social-btns a.icon-email {background-image:url('../images/icons/WHITE-SOCIAL/CRYSTAL-WHITE_MAIL-ICON-50x50px.svg')}
.social-btns a.icon-twitter:hover {background-image:url('../images/icons/WHITE-SOCIAL/CRYSTAL-WHITE_TWITTER-ICON-50x50px copy.svg')}
.social-btns a.icon-linkedin:hover {background-image:url('../images/icons/WHITE-SOCIAL/CRYSTAL-WHITE_LINKEDN-ICON-50x50px copy.svg')}
.social-btns a.icon-instagram:hover {background-image:url('../images/icons/WHITE-SOCIAL/CRYSTAL-WHITE_INSTA-ICON-50x50px copy.svg')}
.social-btns a.icon-youtube:hover {background-image:url('../images/icons/WHITE-SOCIAL/CRYSTAL-WHITE_YOUTUBE-ICON-50x50px copy.svg')}
.social-btns a.icon-email:hover {background-image:url('../images/icons/WHITE-SOCIAL/CRYSTAL-WHITE_MAIL-ICON-50x50px copy.svg')}

.cta-col .social-btns a {margin-bottom:15px}
.cta-col .social-btns a:last-child {margin-right:0}
.cta-col .social-btns a.icon-twitter {background-image:url('../images/icons/WHITE-SOCIAL/CRYSTAL-WHITE_TWITTER-ICON-50x50px copy.svg')}
.cta-col .social-btns a.icon-linkedin {background-image:url('../images/icons/WHITE-SOCIAL/CRYSTAL-WHITE_LINKEDN-ICON-50x50px copy.svg')}
.cta-col .social-btns a.icon-instagram {background-image:url('../images/icons/WHITE-SOCIAL/CRYSTAL-WHITE_INSTA-ICON-50x50px copy.svg')}
.cta-col .social-btns a.icon-youtube {background-image:url('../images/icons/WHITE-SOCIAL/CRYSTAL-WHITE_YOUTUBE-ICON-50x50px copy.svg')}
.cta-col .social-btns a.icon-twitter:hover {background-image:url('../images/icons/WHITE-SOCIAL/CRYSTAL-WHITE_TWITTER-ICON-50x50px.svg')}
.cta-col .social-btns a.icon-linkedin:hover {background-image:url('../images/icons/WHITE-SOCIAL/CRYSTAL-WHITE_LINKEDN-ICON-50x50px.svg')}
.cta-col .social-btns a.icon-instagram:hover {background-image:url('../images/icons/WHITE-SOCIAL/CRYSTAL-WHITE_INSTA-ICON-50x50px.svg')}
.cta-col .social-btns a.icon-youtube:hover {background-image:url('../images/icons/WHITE-SOCIAL/CRYSTAL-WHITE_YOUTUBE-ICON-50x50px.svg')}


.social-btns.slate a.icon-twitter {background-image:url('../images/icons/SLATE-SOCIAL/CRYSTAL-SLATE_TWITTER-ICON-50x50px.svg')}
.social-btns.slate a.icon-linkedin {background-image:url('../images/icons/SLATE-SOCIAL/CRYSTAL-SLATE_LINKEDN-ICON-50x50px.svg')}
.social-btns.slate a.icon-instagram {background-image:url('../images/icons/SLATE-SOCIAL/CRYSTAL-SLATE_INSTA-ICON-50x50px.svg')}
.social-btns.slate a.icon-youtube {background-image:url('../images/icons/SLATE-SOCIAL/CRYSTAL-SLATE_YOUTUBE-ICON-50x50px.svg')}
.social-btns.slate a.icon-email {background-image:url('../images/icons/SLATE-SOCIAL/CRYSTAL-SLATE_MAIL-ICON-50x50px.svg')}
.social-btns.slate a.icon-twitter:hover {background-image:url('../images/icons/SLATE-SOCIAL/CRYSTAL-SLATE_TWITTER-ICON-50x50px copy.svg')}
.social-btns.slate a.icon-linkedin:hover {background-image:url('../images/icons/SLATE-SOCIAL/CRYSTAL-SLATE_LINKEDN-ICON-50x50px copy.svg')}
.social-btns.slate a.icon-instagram:hover {background-image:url('../images/icons/SLATE-SOCIAL/CRYSTAL-SLATE_INSTA-ICON-50x50px copy.svg')}
.social-btns.slate a.icon-youtube:hover {background-image:url('../images/icons/SLATE-SOCIAL/CRYSTAL-SLATE_YOUTUBE-ICON-50x50px copy.svg')}
.social-btns.slate a.icon-email:hover {background-image:url('../images/icons/SLATE-SOCIAL/CRYSTAL-SLATE_MAIL-ICON-50x50px copy.svg')}

.team-member-container {float:left;width:100%;padding-right:15px;padding-left:15px;padding-bottom:30px;}
.team-member-details {padding-right:15px;padding-left:15px;padding-bottom:30px;}
.team-member {display:block;color:#113249;background-color:#FFFFFF;}
.team-member p {font-size:18px;}
a.team-member {-webkit-transition: all 0.5s;     transition: all 0.5s;}
a.team-member:hover {background-color:#22c969;color:#FFFFFF;text-decoration:none;}
a.team-member.leadership:hover {background-color:#12324a;}
a.team-member.sales:hover {background-color:#22c969;}
a.team-member.nodept:hover {background-color:#22c969;}
a.team-member.event:hover {background-color:#44bbdc;}
a.team-member.app:hover {background-color:#522098;}
a.team-member.logistics:hover {background-color:#e93250;}
a.team-member.finance:hover {background-color:#63666a;}
.team-member img{width:100%}
.team-member .details {position:relative;padding:10px;}
a.team-member .details {height:140px;}
.team-member p {font-weight:500;}
a.team-member p {margin-bottom:30px;}
.team-member p span {font-size:14px;display:block;font-weight:300;}
.team-member .showmore {position:absolute;display:block;bottom:15px;left:10px;background-image:url('../images/icons/2-GREEN/CRYSTAL-PLUS SIGN - GREEN NEG.svg');background-repeat:no-repeat;height:25px;line-height:25px;padding-left:30px;font-size:12px;color:#FFFFFF;font-weight:700;background-size:25px 25px;}
.team-member:hover .showmore{background-image:url('../images/icons/2-GREEN/CRYSTAL-PLUS SIGN - GREEEN POS.svg');}

a.team-member.leadership .showmore {background-image:url('../images/icons/1-SLATE/CRYSTAL-PLUS SIGN - SLATE NEG.svg');}
a.team-member.leadership:hover .showmore{background-image:url('../images/icons/0-WHITE/CRYSTAL-PLUS SIGN - WHITE NEG.svg');}
a.team-member.sales .showmore {background-image:url('../images/icons/2-GREEN/CRYSTAL-PLUS SIGN - GREEN NEG.svg');}
a.team-member.sales:hover .showmore{background-image:url('../images/icons/0-WHITE/CRYSTAL-PLUS SIGN - WHITE NEG.svg');}
a.team-member.nodept .showmore {background-image:url('../images/icons/2-GREEN/CRYSTAL-PLUS SIGN - GREEN NEG.svg');}
a.team-member.nodept:hover .showmore{background-image:url('../images/icons/0-WHITE/CRYSTAL-PLUS SIGN - WHITE NEG.svg');}
a.team-member.event .showmore {background-image:url('../images/icons/3-AQUA/CRYSTAL-PLUS SIGN - AQUA NEG.svg');}
a.team-member.event:hover .showmore{background-image:url('../images/icons/0-WHITE/CRYSTAL-PLUS SIGN - WHITE NEG.svg');}
a.team-member.app .showmore {background-image:url('../images/icons/4-PURPLE/CRYSTAL-PLUS SIGN - PURPLE NEG.svg');}
a.team-member.app:hover .showmore{background-image:url('../images/icons/0-WHITE/CRYSTAL-PLUS SIGN - WHITE NEG.svg');}
a.team-member.logistics .showmore {background-image:url('../images/icons/6-RASPBERRY/CRYSTAL-PLUS SIGN - RASPBERRY NEG.svg');}
a.team-member.logistics:hover .showmore{background-image:url('../images/icons/0-WHITE/CRYSTAL-PLUS SIGN - WHITE NEG.svg');}
a.team-member.finance .showmore {background-image:url('../images/icons/5-GREY/CRYSTAL-PLUS SIGN - GREY NEG.svg');}
a.team-member.finance:hover .showmore{background-image:url('../images/icons/0-WHITE/CRYSTAL-PLUS SIGN - WHITE NEG.svg');}

.team-member .social-icons a{display:inline-block;width:25px;height:25px;background-size:25px 25px;margin-right:10px;}
.team-member .social-icons .icon-twitter {background-image:url('../images/icons/WHITE-SOCIAL/CRYSTAL-WHITE_TWITTER-ICON-50x50px.svg');}
.team-member .social-icons .icon-twitter:hover {background-image:url('../images/icons/WHITE-SOCIAL/CRYSTAL-WHITE_TWITTER-ICON-50x50px copy.svg')}
.team-member .social-icons .icon-linkedin {background-image:url('../images/icons/WHITE-SOCIAL/CRYSTAL-WHITE_LINKEDN-ICON-50x50px.svg');}
.team-member .social-icons .icon-linkedin:hover {background-image:url('../images/icons/WHITE-SOCIAL/CRYSTAL-WHITE_LINKEDN-ICON-50x50px copy.svg')}
.team-member .social-icons .icon-instagram {background-image:url('../images/icons/WHITE-SOCIAL/CRYSTAL-WHITE_INSTA-ICON-50x50px.svg');}
.team-member .social-icons .icon-instagram:hover {background-image:url('../images/icons/WHITE-SOCIAL/CRYSTAL-WHITE_INSTA-ICON-50x50px copy.svg')}
.team-member .social-icons .icon-youtube {background-image:url('../images/icons/WHITE-SOCIAL/CRYSTAL-WHITE_YOUTUBE-ICON-50x50px.svg');}
.team-member .social-icons .icon-youtube:hover {background-image:url('../images/icons/WHITE-SOCIAL/CRYSTAL-WHITE_YOUTUBE-ICON-50x50px copy.svg')}
.team-member .social-icons .icon-email {background-image:url('../images/icons/WHITE-SOCIAL/CRYSTAL-WHITE_MAIL-ICON-50x50px.svg');}
.team-member .social-icons .icon-email:hover {background-image:url('../images/icons/WHITE-SOCIAL/CRYSTAL-WHITE_MAIL-ICON-50x50px copy.svg')}

.team-links {background-color:#FFFFFF;padding:10px 30px;line-height:32px;font-weight:700;font-size:16px;background-color:#9d9d9d}
.team-links button,.team-links a{display: inline-block;border-radius:0;color:#12324a;font-size:12px;text-align:center;width:100px;border:none;margin:5px 0;width:100%;background-color:#FFFFFF;}
.team-links a:hover, .team-links a.active {    background-color: #12324a;    color: #FFFFFF;}
.btn-leadership:hover,.btn-leadership.active {background-color:#12324a !important;color:#FFFFFF;}
.btn-sales:hover,.btn-sales.active {background-color:#22c969 !important;color:#FFFFFF;}
.btn-event:hover,.btn-event.active {background-color:#44bbdc !important;color:#FFFFFF;}
.btn-app:hover,.btn-app.active {background-color:#522098 !important;color:#FFFFFF;}
.btn-logistics:hover,.btn-logistics.active {background-color:#e93250 !important;color:#FFFFFF;}
.btn-finance:hover,.btn-finance.active {background-color:#63666a !important;color:#FFFFFF;}
div.team-member.leadership,.bg-leadership {background-color:#12324a;color:#FFFFFF}
.bg-leadership .header-nav,.bg-leadership .header-nav a {color:#FFFFFF}
div.team-member.sales,.bg-sales {background-color:#22c969;color:#FFFFFF}
div.team-member.nodept,.bg-nodept {background-color:#22c969;color:#FFFFFF}
div.team-member.event,.bg-event {background-color:#44bbdc;color:#FFFFFF}
div.team-member.app,.bg-app {background-color:#522098;color:#FFFFFF}
div.team-member.logistics,.bg-logistics {background-color:#e93250;color:#FFFFFF}
div.team-member.finance,.bg-finance {background-color:#63666a;color:#FFFFFF}

.grid-sizer {width:20%}

.instafeed {padding-top:50px;background-color:#FFFFFF;}
.instafeed h3{margin-bottom:60px;}
.instafeed .icon{float:right;background-image:url(../images/social-icons-slate.png);background-size:280px;height:40px;width:40px;margin-top:-20px;background-position:-80px -40px;}

.blog-post {display:block;color:#113249;background-color:#FFFFFF;-webkit-transition: all 0.5s;     transition: all 0.5s;text-decoration:none;}
.bg-white .blog-post {background-color:#F5F5F5;}
.blog-post:hover {background-color:#12324a;color:#FFFFFF;text-decoration:none;}
.blog-post-image {width:100%;height:0;padding-bottom:54%;background-size:cover;background-position:center center;}
.blog-post-summary {padding:15px 15px 45px 15px;position:relative;}
.blog-post h2 {font-size:16px;font-weight:500;color:#12324A;margin-bottom:20px;line-height:1.4;}
.blog-post:hover h2 {color:#FFFFFF}
.blog-post p {line-height:1.5;font-size:14px;}
.blog-post .showmore {position:absolute;display:block;bottom:15px;left:15px;background-image:url('../images/icons/1-SLATE/CRYSTAL-PLUS SIGN - SLATE NEG.svg');background-repeat:no-repeat;height:25px;line-height:25px;padding-left:30px;font-size:12px;color:#FFFFFF;font-weight:500}
.bg-white .blog-post .showmore {color:#F5F5F5;}
.blog-post:hover .showmore{background-image:url('../images/icons/0-WHITE/CRYSTAL-PLUS SIGN - WHITE POS.svg');}
.blog-post .date {position:absolute;display:block;bottom:15px;right:15px;height:25px;line-height:25px;font-size:12px;}
.blog-post:hover .date {color:#FFFFFF;}
.blog-posts h3 {line-height:1.4}
h3 a.pull-right {color: #12324A;font-size:16px;padding-top:10px;}

.projectPanel {display:block;background-size:cover;background-position:center center;width:100%;height:0;padding-bottom:80%;position:relative;clear:both;}
.projectPanelMask {position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transition: background-color 0.5s;     transition: background-color 0.5s;background-color:rgba(0,0,0,0.2)}
.projectPanelCaption {position:absolute;bottom:40px;;left:15px;right:15px;color:#FFFFFF;}
.projectPanelCaption.full {left:0 !important;right:0 !important}
.projectPanelCaption h1,.projectPanelCaption h3,.projectPanelTitle h1,.projectPanelTitle h3 {color:#FFFFFF}
.projectPanelCaption h3 {margin-bottom:10px}
.projectSummary {max-height:0;overflow:hidden;-webkit-transition: max-height 3s;     transition: max-height 3s;}
.projectSummary h3{-webkit-transition: font-size 5s;     transition: font-size 5s;}
.projectPanel:hover h3 {/*font-size:20px*/}
.projectPanel button {border:none;background-color:transparent;background-image:url(../images/plus-white.png);background-size:25px;background-repeat:no-repeat;height:25px;line-height:25px;color:transparent;padding-left:35px;font-size:14px;font-weight:500;-webkit-transition: all 0.5s;     transition: all 0.5s;}
.projectPanel:hover .btnPlus {color:#FFFFFF;background-image:url('../images/icons/0-WHITE/CRYSTAL-PLUS SIGN - WHITE POS.svg');}
.projectPanel:hover .projectPanelMask {background-color:rgba(0,0,0,0.5)}
.projectPanelTitle {position:absolute;bottom:40px;left:0;right:0;color:#FFFFFF;}

.caseStudyPanel {display:block;background-size:cover;background-position:center center;width:100%;height:0;padding-bottom:60%;position:relative;clear:both;margin-bottom:15px;}
.caseStudyPanel.eventPanel {padding-bottom:100%;}
.caseStudyPanelMask {position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transition: background-color 0.5s;     transition: background-color 0.5s;background-color:rgba(0,0,0,0.4)}
.caseStudyPanelCaption {position:absolute;bottom:15px;left:15px;right:15px;color:#FFFFFF;z-index:9950;}
.eventPanel .caseStudyPanelCaption {bottom:60px;}
.eventPanel.casePanel .caseStudyPanelCaption {bottom:15px;}
.eventPanel .caseStudyPanelCaption h3 span{font-size:14px;font-weight:500;}
.eventLogo {position: absolute;top:20px;right:20px;z-index:9500;}
.eventLogo img{max-height: 75px;}
.caseStudyPanelCaption.full {left:0 !important;right:0 !important}
.caseStudyPanelCaption h1,.caseStudyPanelCaption h3,.caseStudyPanelTitle h1,.caseStudyPanelTitle h3 {color:#FFFFFF}
.caseStudyPanelCaption h3 {text-transform: none !important;line-height:1.4}
.caseStudyPanelCaption h3 span{line-height:1.6}
.caseStudyPanelCaption h3 span{font-weight:500;}
.caseStudySummary {max-height:0;overflow:hidden;-webkit-transition: max-height 3s;     transition: max-height 3s;}
.caseStudySummary h3{-webkit-transition: font-size 5s;     transition: font-size 5s;}
.caseStudySummary p{font-weight:300;}	
.caseStudyPanelCaption h3 {font-size:15px;}
.caseStudyPanelCaption h3 strong{font-size:16px;}
.caseStudyCategory {font-size:13px;margin-bottom:10px;color:#22c969;text-transform: uppercase;font-weight:500;}
.caseStudyPanel:hover h3 {/*font-size:20px*/}
.caseStudyPanel button {border:none;background-color:transparent;background-image:url(../images/plus-white.png);background-size:25px;background-repeat:no-repeat;height:25px;line-height:25px;color:transparent;padding-left:35px;font-size:14px;font-weight:500;-webkit-transition: all 0.5s;     transition: all 0.5s;}
.caseStudyPanel .btnPlus {border:none;background-color:transparent;background-image:url(../images/plus-white.png);background-size:25px;background-repeat:no-repeat;height:25px;line-height:25px;color:transparent;padding-left:35px;font-size:12px;font-weight:500;-webkit-transition: all 0.5s;     transition: all 0.5s;}
.caseStudyPanel:hover .btnPlus {color:#FFFFFF;background-image:url('../images/icons/0-WHITE/CRYSTAL-PLUS SIGN - WHITE POS.svg');}
.caseStudyPanel:hover .caseStudyPanelMask {background-color:rgba(0,0,0,0.6)}
.caseStudyPanel.eventPanel:hover .caseStudyPanelMask {background-color:rgba(18,51,74,1)}
.caseStudyPanel.casePanel:hover .caseStudyPanelMask {background-color:rgba(0,0,0,0.5)}
.caseStudyPanelTitle {position:absolute;bottom:40px;left:0;right:0;color:#FFFFFF;}
.eventLabel {position: absolute;bottom:15px;right:0;left:15px;color:#FFFFFF;display:inline-block;padding:5px 10px;background-color:#44BBDC;font-weight:700;}
.eventLabel.masterclass {background-color:#22C969}
.eventLabel.event {background-color:#522098}
.eventLabel.partner-event {background-color:#e93250}
.videoLink {min-height:300px}
.videoLink img {max-width:75px}


.quicklinks a {display:block;height:250px;color:#FFFFFF;padding:0 30px;font-size:20px;font-weight:500;text-decoration:none;position:relative;background-image:url('../images/quicklink1.jpg');background-size:cover;background-repeat:no-repeat;background-position:center center;}
.quicklinkMask{position:absolute;top:0;bottom:0;left:0;right:0;z-index:900;-webkit-transition: background-color 1s;     transition: background-color 1s;background-color:rgba(0,0,0,0.4);}
.quicklinks a:hover .quicklinkMask{background-color:rgba(34,201,105,0.8);}
.quicklinkDetail{position:absolute;bottom: 30px;z-index:1000;}
.quicklinks a span {display:block}
.quicklinks .btnPlus {background-image:url('../images/icons/0-WHITE/CRYSTAL-PLUS SIGN - WHITE NEG.svg');color:#FFFFFF;}
.quicklinks a:hover .btnPlus {color:#FFFFFF;background-image:url('../images/icons/0-WHITE/CRYSTAL-PLUS SIGN - WHITE NEG.svg');}
.quicklinkDetail div {font-size:15px;line-height:1.4;font-weight:300;margin-bottom:20px;padding-right:30px;}

.testimonial {	padding:100px 15px 40px 15px;	color:#FFFFFF;background: #42cb6a; /* Old browsers */background: -moz-linear-gradient(left, #42cb6a 0%, #5bb9db 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left, #42cb6a 0%,#5bb9db 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, #42cb6a 0%,#5bb9db 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42cb6a', endColorstr='#5bb9db',GradientType=1 ); /* IE6-9 */position:relative;}
.testimonial .quote {width:42px;height:34px;background-image:url(../images/icons/WHITE-SOCIAL/CRYSTAL-WHITE_SPEECH-ICON-50x50px.svg);background-size:42px 42px;position:absolute;top:60px;left:15px;}
.testimonial p.quoteContent {font-size:16px}

.news-meta p {font-size:12px;padding-top:8px;font-weight:500;}
.news-meta .icon {display:inline-block;width:35px;height:35px;background-size:35px 35px;margin-right:5px;}

.news-meta a.icon-twitter {background-image:url('../images/icons/SLATE-SOCIAL/CRYSTAL-SLATE_TWITTER-ICON-50x50px copy.svg')}
.news-meta a.icon-linkedin {background-image:url('../images/icons/SLATE-SOCIAL/CRYSTAL-SLATE_LINKEDN-ICON-50x50px copy.svg')}
.news-meta a.icon-facebook {background-image:url('../images/icons/CRYSTAL-SLATE_FACEBOOK-ICON-50x50px-SOLID.svg')}
.news-meta a.icon-email {background-image:url('../images/icons/SLATE-SOCIAL/CRYSTAL-SLATE_MAIL-ICON-50x50px copy.svg')}
.news-meta a.icon-twitter:hover {background-image:url('../images/icons/SLATE-SOCIAL/CRYSTAL-SLATE_TWITTER-ICON-50x50px.svg')}
.news-meta a.icon-linkedin:hover {background-image:url('../images/icons/SLATE-SOCIAL/CRYSTAL-SLATE_LINKEDN-ICON-50x50px.svg')}
.news-meta a.icon-facebook:hover {background-image:url('../images/icons/CRYSTAL-SLATE_FACEBOOK-ICON-50x50px-OUTLINE.svg')}
.news-meta a.icon-email:hover {background-image:url('../images/icons/SLATE-SOCIAL/CRYSTAL-SLATE_MAIL-ICON-50x50px.svg')}

.news-article img{max-width:100%;height:auto !important}
.news-article h3 {font-size:16px;margin-top:20px;margin-bottom:10px;}
.news-article hr {    border-top: 1px solid #474747;}
img.right {max-width:65%;margin-left:30px;float:right;padding-bottom:15px;}

.lower-nav {padding:25px 0;font-size:14px;font-weight: 500;}
.lower-nav.white {color:#FFFFFF;}
.lower-nav.white a{color:#FFFFFF;}
.lower-nav.black {color:#000000;}
.lower-nav.black a{color:#000000;}

.infographics {text-align:center;}
.infographics div {display:inline-block;border-left:5px solid #FFFFFF;width:100%;}
.infographics div img{max-width:100%;}
.infographics div.first {border:none}
.infographics.twoUp div {width:calc(50% - 5px)}
.infographics.threeUp div {width:calc(33.333% - 10px)}
.infographics.fourUp div {width:calc(25% - 15px)}

.case-study-gallery img {width:100%}

.formGroup {clear:both;padding-bottom:10px;}
#formContact label {font-weight:300 !important;font-size:14px;}
#formContact input[type=text],#formContact input[type=email],#formContact textarea,#formContact select{border:1px solid #12324a;background-color:#FFFFFF;display:block;width:100%;max-width:560px;font-size:14px;padding:5px 10px;}
#formContact textarea {height:120px}
#formContact input[type=submit] {border:1px solid #12324a;background-color:#FFFFFF;padding:8px 5px;font-size:12px;font-weight:500;}
#formContact input[type=submit]:hover {color:#FFFFFF;background-color:#12324a}
#map {height:250px;}
#formContact .formGroup:nth-child(6) {display:none !important;}

.our-reach {background-image:url(../images/global.jpg);background-position:bottom right;background-size:cover;background-repeat:no-repeat}

footer {background-color:#333333;color:#FFFFFF;padding:35px 0;font-weight:300;}
footer p{font-size:14px;}
footer a{color:#FFFFFF;}
footer a:hover{color:#FFFFFF;}
footer .links {font-size:12px;line-height:18px;}
footer .links a{display:block;}
footer .legal p,footer .legal a {font-size:10px;color:#9D9D9D}
footer .social-btns {padding-top:30px}

/* Format */
.copy-xsmall {font-size:10px;line-height:12px;-webkit-text-size-adjust: 100%;}
.copy-white,.copy-white span,.copy-white h3,.copy-white p {color:#FFFFFF}
.copy-white a {color:#22c969}
.copy-white.cta a {color:#FFFFFF}
.copy-white a:hover {color:#22c969;}
.blog-posts strong {font-weight:500 !important}
.bg-grey {background-color:#E0E0E0 }
.bg-lightgrey {background-color:#F5F5F5 }
.bg-white {background-color:#FFFFFF }
.bg-darkgrey {background-color:#63666a}
.bg-blue {background-color:#44bbdc}
.copy-blue {color:#44bbdc}
.copy-slate {color:#12324a}
.bg-slate {background-color:#12324a}
.bg-darkgrey {background-color:#636569}
.bg-purple {background-color:#522098}
.bg-green {background-color:#22c969}
.bg-red {background-color:#e93250}
.whiteout {color:#FFFFFF;background-color:tranparent;padding:7px 15px;display:inline-block;font-weight:500;border:1px solid #FFFFFF;-webkit-transition: all 0.5s;     transition: all 0.5s;text-decoration:none;text-transform:uppercase;}
.whiteout.copy-blue {color:#44bbdc !important}
.whiteout:hover {background-color:#FFFFFF !important;color:#12324a !important;text-decoration:none;}

.blueout {background-color:#44bbdc;color:#FFFFFF;padding:7px 15px;display:inline-block;font-weight:500;border:1px solid #FFFFFF;-webkit-transition: all 0.5s;     transition: all 0.5s;text-decoration:none;text-transform:uppercase;}
.blueout:hover {background-color:#FFFFFF;color:#44bbdc !important;text-decoration:none;}

.slateout {background-color:transparent;color:#12324a;padding:7px 15px;display:inline-block;font-weight:500;border:1px solid #12324a;-webkit-transition: all 0.5s;     transition: all 0.5s;text-decoration:none;text-transform:uppercase;}
.slateout:hover {background-color:#12324a;color:#FFFFFF !important;text-decoration:none;}

.greenout {background-color:transparent;color: #22c969;padding:7px 15px;display:inline-block;font-weight:500;border:1px solid #12324a;-webkit-transition: all 0.5s;     transition: all 0.5s;text-decoration:none;text-transform:uppercase;}
.greenout:hover {background-color:#12324a;color:#FFFFFF !important;text-decoration:none;}

.icon-panel {min-height:35px;padding-left:70px;background-position:top left;background-repeat:no-repeat;background-size:35px 35px;display:block;padding-top:8px;font-size:16px;}
.icon-panel.no-buffer {padding-top:0;background-position:left 5px;}
.icon-panel.large {min-height:65px;padding-left:76px;background-size:65px 65px;margin-bottom:20px;}
.icon-panel h3 {margin-bottom:5px;padding-top:13px;}
a.icon-panel:hover {color:#22c969;font-weight:500;text-decoration:none;}
.icon-panel.address {background-image:url('../images/icons/SLATE-SOCIAL/CRYSTAL-SLATE_ADDRESS-ICON-50x50px.svg');}
.icon-panel.telephone {background-image:url('../images/icons/SLATE-SOCIAL/CRYSTAL-SLATE_PHONE-ICON-50x50px.svg');}
a.icon-panel.telephone:hover {background-image:url('../images/icons/GREEN-SOCIAL/CRYSTAL-GREEN_PHONE-ICON-50x50px copy.svg');}
.icon-panel.email {background-image:url('../images/icons/SLATE-SOCIAL/CRYSTAL-SLATE_MAIL-ICON-50x50px.svg');}
a.icon-panel.email:hover {background-image:url('../images/icons/GREEN-SOCIAL/CRYSTAL-GREEN_MAIL-ICON-50x50px copy.svg');}

.image-panel {height:0;padding-bottom:33%;overflow:hidden}
.image-panel.threeUp div {width:33.33333%;height:0;padding-bottom:33.33333%;background-size:cover;background-position:center center;display:inline-block;}
.image-panel img {display:block;}

.formThanks {display:none}
#contactThanks {color:#FFFFFF;padding:15px 15px 18px 15px;background: #e33451; background: -moz-linear-gradient(left, #e33451 0%, #50258e 100%); background: -webkit-linear-gradient(left, #e33451 0%,#50258e 100%); background: linear-gradient(to right, #e33451 0%,#50258e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e33451', endColorstr='#50258e',GradientType=1 );width:calc(100% - 185px);font-size:20px;}
#contactThanks span{font-size:30px;}

.clients-panel .icon-panel {font-size:14px;}
.clients-panel .icon-panel p{font-size:14px;}
.clients-panel .twoCol {  -webkit-column-width: 100px; /* Chrome, Safari, Opera */    -moz-column-width: 100px; /* Firefox */    column-width: 100px;-webkit-column-count: 2; /* Chrome, Safari, Opera */    -moz-column-count: 2; /* Firefox */    column-count: 2;text-align:left;max-width:450px;line-height:24px;}

.panel-close {font-weight:500;color:#22c969}
.panel-open {padding-bottom:30px;}
.panel-open a{font-weight:500;-webkit-transition: all 0.5s;     transition: all 0.5s;}
.panel-open a:hover{color:#22c969}
.panel-collapse {display:none;padding-bottom:30px;}
.panel-collapse a{color:#22c969;-webkit-transition: all 0.5s;     transition: all 0.5s;font-weight:500;}

.our-approach-panel {padding-bottom:60px;}
.our-approach-icon {float:left;width:100px;}
.our-approach-icon img{max-width:65px;display:block;margin:0 auto;}
.our-approach-content {padding-top:14px;width:calc(100% - 100px);float:left;line-height:1.4;}

.client-logo {width:145px;height:120px;float:left;text-align:center;}
.client-logo img {max-width:85%;max-height:90%;position:relative;  top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);}

.background-image {display:none}

.tableIcons td {vertical-align:top;padding-top:8px;}
.tableIcons img {width:73px;padding-right:10px;margin-top:-8px;}
.tableIcons.our-approach img {width:123px;padding-right:60px;}
.tableIcons.our-approach td p {font-size:15px;}
.tableIcons.our-approach td p.intro {font-size:20px;}
.tableIcons td p.intro {font-size:18px !important;margin-bottom:5px !important;color: #12324A !important;line-height:1.1 !important}
.bg-slate .tableIcons td p.intro {color: #FFFFFF !important}
.tableIcons.bullets td {vertical-align:middle;padding-bottom:20px;padding-top:0;font-size:14px;text-transform:uppercase;font-weight:500}
.tableIcons.bullets img {margin-top:0;}

/*Modal*/
.modal-content.container {padding-left:30px;padding-right:30px;border-radius:0;border:none;background-color:#22c969;z-index:9999;max-width:490px;color:#FFFFFF;padding-bottom:10px;}
.modal-dialog {width:100%}
.modal-header {    position:absolute;top:5px;right:10px;border-bottom: none;padding:0;}

.modal {z-index:9999;}
.modal-header span{    font-size:28px;}
.modal-header .close {        font-size: 28px;opacity:1;}
.modal-header .close img{border:none !important;margin:0;width:18px;}
.vertical-alignment-helper {    display:table;    height: 100%;    width: 100%;    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */}
.vertical-align-center {    /* To center vertically */    display: table-cell;    vertical-align: middle;    pointer-events:none;}
.modal-content {    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */    height:inherit;    /* To center horizontally */    margin: 0 auto;    pointer-events: all;z-index:9999;}
.modal-content p{font-size:16px;margin-bottom:15px;font-weight:400;}
.modal-content h2{font-size:20px;font-weight:700;margin-bottom:10px;}
.modal-content form p{font-size:12px;margin-top:15px;line-height:18px;}
.modal-content input[type=email] {width:calc(100% - 110px);height:36px;line-height:36px;display:block;border:1px solid #FFFFFF;float:left;background-color:transparent;padding-left:10px;font-weight: 400;}
.modal-content input[type=submit] {width:100px;background-color:transparent;border:1px solid #FFFFFF;height:36px;line-height:36px;display:block;float:right;font-size:14px;font-weight:700;}
.modal-content input[type=checkbox] {border:1px solid #FFFFFF;}
.modal-backdrop {background-color:rgb(50,62,72)}
.modalSignupThanks {display: none}
.modalSignupThanks a{color:#FFFFFF;}

.playBtn {position:absolute;top:50%;left:50%;width:98px;height:69px;margin-left:-49px;margin-top:-35px;z-index:9950}
.blog-post-container .playBtn {top:25% !important;}

/* Extra small devices (phones, less than 768px) */
@media (max-width: 479px) {
  .visible-xxs {   display: block !important;  }
  .hidden-xxs {    display: none !important;  }
  .centar-teksta { text-align: center; }
}

/* Very Small devices (mobiles, 480px and up) */
@media (min-width: 480px) {
	.team-member-container {width:50%;}
	.centar-teksta { text-align: center; }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.gutter-10.row {  margin-right: -5px;  margin-left: -5px;}
	.gutter-10 > [class^="col-"], .gutter-10 > [class^=" col-"] {  padding-right: 5px;  padding-left: 5px;}
	.gutter-20.row {  margin-right: -10px;  margin-left: -10px;}
	.gutter-20.row {  margin-right: -10px;  margin-left: -10px;}
	.gutter-16 > [class^="col-"], .gutter-18 > [class^=" col-"] {  padding-right: 8px;  padding-left: 8px;}
	.gutter-16 > [class^="col-"], .gutter-16 > [class^=" col-"] {  padding-right: 8px;  padding-left: 8px;}
	#blog-posts,.blog-posts {padding-left:7px;padding-right:7px}
	.top-buffer-panel {padding-top:90px;}
	.bottom-buffer-panel {padding-bottom:70px;}
	.bottom-buffer-panel-small {padding-bottom:40px;}
	.bottom-buffer-xs {padding-bottom:0}
	.social-btns a {margin-bottom:0}
	.team-links span {width:100px;float:left;margin:5px 0;}
	.filter-links {padding-right:15px;}
	.filter-links span {width:100%;}
	.team-links button {margin:0 10px;float:left;width:calc(17% - 40px)}
	.team-links a {width:auto;padding-left:10px;padding-right:10px;}
	.narrow {padding-left:120px;padding-right:130px;}
	h1,h3,.cta-col h3 {font-size:30px;}	
	
	.tableIcons.our-approach td p.intro {font-size:40px !important;}	
	h1 span,h3 span {font-size:20px;}
	h2 {font-size:20px;}
	.header-nav {position:absolute;bottom:25px;right:15px}
	.header-nav {padding:10px 0 0 0;}
	.instafeed .icon{background-size:350px;height:50px;width:50px;margin-top:-25px;background-position:-100px -50px;}
	#mainCarousel .item {height:330px;}
	#mainCarousel h2 {line-height:1.2;}
	.carousel-caption {bottom:95px;}
	.projectPanel {padding-bottom:40%;}
	.projectPanel.half {width:50%;float:left;clear:none;}
	.projectPanel:hover .projectSummary {max-height:250px;}
	.projectPanelCaption {left:60px;right:60px}
	.projectPanelCaption.home {    left: 120px;    right: 120px;}
	
	.caseStudyPanelCaption {left:30px;right:30px;bottom:30px;}
	.caseStudyPanelCaption.home {    left: 120px;    right: 120px;}
	.caseStudySummary p{font-size:14px;line-height:1.5;}	
	.caseStudyPanelCaption h3 span{font-size:18px}
	.caseStudyPanel.eventPanel {padding-bottom:60%;}
	.eventPanel .caseStudyPanelCaption {bottom:30px !important;}
	.eventPanel.caseStudyPanelCaption {bottom:30px;}
	.eventLabel {left:auto;padding:8px 20px 10px 8px;width:160px;bottom:30px;}
	.eventPanel.casePanel .caseStudyPanelCaption {bottom:30px;}
	.blog-post-summary {padding:30px 30px 60px 30px;}
	.blog-post .showmore {bottom:30px;left:30px;}
	.quicklinks a {height:300px;width:33.33333%;float:left;}
	.quicklinks span {font-size:16px;}
	
	.testimonial {	padding:60px 180px 45px 180px;	}
	.testimonial .quote {top:60px;left:120px;}
	.testimonial p.quoteContent {font-size:18px;line-height:1.4;}
	.carousel-indicators {    bottom: 35px;}
	.scrolldown {bottom:15px;}
	.team-member-container {width:33%;}
	.team-member-details {float:left;width:calc(67% - 30px);}
	#formContact {padding-top:7px;}
	#formContact label {width:140px;float:left;margin-right:30px;font-size:16px;}
	#formContact input[type=text],#formContact input[type=email],#formContact textarea,#formContact select{width:calc(100% - 170px);float:left;}
	#formContact input[type=submit] {margin-left:170px;}
	#formContact textarea {height:180px}
	#map {height:400px;}
	.icon-panel h3 {padding-top:13px}
	h3.small {font-size:18px}
	.icon-panel p {font-size:16px;}
	.tableIcons td p {font-size:16px;}
	.tableIcons.bullets td {font-size:18px;}
	.tableIcons.large td p.intro {font-size:30px !important;}
	.connect {background-image:url(../images/bg-connect.png);background-position:center center;background-size:5000px;background-repeat:repeat-y;padding-top:20px;}
	.newsletter-signup,.cta-signup {padding-left:120px;}
	footer .social-btns a {width:35px;height:35px;background-size:35px 35px;display:inline-block;}
	.text-sm-right {text-align:right}
	.client-logo {width:185px;height:155px;}
	.blog-post .date {bottom:30px;right:30px;}
	.cta {padding:50px 0;}
	.cta.side {padding:30px;}
	.videoLink img {max-width:200px}
	.centar-teksta { text-align: center; }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.header{padding-top:100px;}
	.navbar {height:80px;}
	.navbar-fix {position:fixed;top:0}
	.navbar .container-fluid {padding-right:0;}
	.navbar-nav {height:41px;}
	.navbar-nav ul{display:none;}
	.open > .dropdown-menu {    display: none;}
	.navbar-nav > li  {width:13%;text-align:left;vertical-align:middle;height:41px;margin-top:19px;position:relative;/*border-left:1px solid #FFFFFF*//*background-image:url(../images/nav.png);*/border-left:1px solid #22c969;background-position:center left;background-repeat:no-repeat;}
	.navbar-nav > li > a {display:block;text-align:left;position:relative;  top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);word-spacing: 500px; padding:0 0 0 10px;line-height:17px;cursor:default}
	.navbar-brand {        height: 41px;    padding: 0;width:9%;padding-top:19px;text-align:center;}
	.navbar-brand > img {    margin:0 auto;}
	.subnavInner {width:100%;padding:0 15px;}
	.navbar.active:hover .subnav {visibility:visible !important;opacity:1 !important;padding:40px 0 40px 15px;height:auto;display:block;}
	.subnavCol {float:left;width:13%;border-right:1px solid #FFFFFF}
	.subnavCol:first-child {width:9%;margin-left:-15px;}
	.subnavCol:last-child {border-right:none;width:calc(13% + 15px)}
	.subnav ul {margin-bottom:-10px;margin-left:10px;padding-right:10px;}
	.subnav li {padding-bottom:14px;font-size:14px;color:#FFFFFF;}
	.subnav li ul {margin-top:4px;display:none;margin-left:6px;}
	.subnav li:hover ul,.subnav li.open ul {display:block;}
	.subnav li ul li{padding-bottom:3px !important;font-size:12px;}
	.subnav a{color:#FFFFFF;display:block;transition:color 0.5s ease-in-out;-webkit-transition:color 0.5s ease-in-out ;cursor:pointer;line-height:18px;}
	.subnav a:hover, .subnav a.active{color:#22c969;text-decoration:none;}
	.navMarkers {position:absolute;top:77px;left:0;right:0;padding:0 0 0 15px;display:block;}
	.navMarkersCol {float:left;width:13%;display:inline-block;height:3px;}
	.navMarkersCol.active {background-color:#22c969}
	.navbar:hover .navMarkersCol.active {background-color:transparent !important;}
	.navMarkersCol:first-child {width:9%;margin-left:-15px;}
	.navMarkersCol:last-child {border-right:none;width:calc(13% + 15px)}
	#mainCarousel .item {background-position:top 60px center;}
	#mainCarousel.teamCarousel .item {background-position:center center;}
	
	.centar-teksta { text-align: left; }



	.navbar-nav > li  {width:16%;text-align:left;vertical-align:middle;height:41px;margin-top:19px;position:relative;/*border-left:1px solid #FFFFFF*//*background-image:url(../images/nav.png);*/border-left:1px solid #22c969;background-position:center left;background-repeat:no-repeat;}
	.navbar-nav > li:nth-child(2)  {width:16%;}
	.navbar-nav > li:nth-child(3)  {width:16%;}
	.navbar-nav > li:nth-child(4)  {width:12%;}
	.navbar-nav > li:nth-child(6)  {width:12%;}
	.navbar-nav > li:last-child  {width:12%;}
	.navbar-nav > li > a {display:block;text-align:left;position:relative;  top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);word-spacing: 500px; padding:0 0 0 10px;line-height:17px;cursor:default;}

	.subnavCol {float:left;width:16%;border-right:1px solid #FFFFFF}
	.subnavCol:nth-child(2)  {width:16%;}
	.subnavCol:nth-child(3)  {width:16%;}
	.subnavCol:nth-child(4)  {width:12%;}
	.subnavCol:nth-child(6)  {width:12%;}
	.subnavCol:first-child {width:9%;margin-left:-15px;}
	.subnavCol:last-child {border-right:none;width:calc(13% + 15px)}





	.team-links span {width:100px;float:left;}	
	.team-links button {margin:0 10px;float:left;width:calc(17% - 52px)}
	h1,h3,.cta-col h3 {font-size:30px;}	
	.tableIcons.our-approach td {padding-bottom:15px;padding-top:15px}
	.tableIcons.our-approach td p.intro {font-size:30px !important;margin-bottom:20px !important}	
	.instafeed .icon{background-size:385px;height:55px;width:55px;margin-top:-25px;background-position:-110px -55px;}
	#mainCarousel .item {height:405px;}
	.quicklinks a {padding:0 60px;height:350px;}
	.quicklinkDetail{bottom: 60px;}
	.testimonial {	padding:85px 180px 68px 180px;	}
	.testimonial .quote {top:85px;}
	.testimonial p {font-size:15px;}
	.testimonial p.quoteContent {font-size:20px}
	.carousel-caption {bottom:90px;}
	.team-member-container {width:25%;}	
	.team-member-details {width:calc(75% - 30px);}
	.text-md-right {text-align:right}
	footer .social-btns {padding-top:88px}
	footer .social-btns {text-align:right}
	footer .social-btns a {width:25px;height:25px;background-size:25px 25px;display:inline-block;text-align:right;float:right;margin-right:0;margin-left:8px;}
	.our-approach-icon {float:left;width:125px;}
	.our-approach-content {width:calc(100% - 125px);}
	.btnPlus {color:transparent}
	.bg-slate .btnPlus {color:transparent}
	.quicklinks .btnPlus {background-image:url('../images/icons/2-GREEN/CRYSTAL-PLUS SIGN - GREEN NEG.svg');color:transparent;}
	.background-image {display:block;position:absolute;right:0;top:0;bottom:0;background-size:contain;width:35%;background-repeat:no-repeat;background-position:bottom right;}
	.background-image-middle {background-position:center right;}
	.home-panel2-link {font-size:20px;}
	.projectPanelCaption {bottom:40px;}
	.caseStudyPanel {padding-bottom:35%;margin-bottom:16px}
	.caseStudyPanel.slim {padding-bottom:25%;margin-bottom:0 !important}
	.caseStudyPanel.half {width:calc(50% - 8px);float:left;clear:none;}
	.caseStudyPanels .caseStudyPanel.half:nth-child(2n+1) {margin-right:8px;}
	.caseStudyPanels .caseStudyPanel.half:nth-child(2n) {margin-left:8px;}
	.caseStudyPanel.half.left {margin-right:8px;margin-left:0 !important;}
	.caseStudyPanel.half.right {margin-left:8px;margin-right:0 !important}	
	.caseStudyPanel:hover .caseStudySummary {max-height:250px;}
	.caseStudyPanelCaption {bottom:30px;font-size:15px;font-weight:500;}
	.caseStudyPanel.eventPanel {padding-bottom:40%;}
	.blog-post-summary h2 {font-size:18px;}
	.caseStudyPanelCaption h3 {font-size:18px;}
	.blog-post-summary h2 strong {font-size:20px;}
	.caseStudyPanelCaption h3 strong{font-size:20px;}
	.caseStudyCategory {font-size:15px;}
	.eventPanel .caseStudyPanelCaption h3 span{font-size:15px;font-weight:500;}
	.caseStudySummary p{font-size:15px;}	
	.projectSummary p{font-size:18px;max-width:65%;}
	.client-logo {width:215px;height:180px;}
	
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	.header{padding-top:112px;padding-bottom:12px;}
	.narrow {padding-left:120px;padding-right:130px;}
	.navbar-nav > li > a {padding-left:20px;}
	.subnav ul {margin-left:20px;padding-right:20px;}
	.instafeed .icon{background-size:420px;height:60px;width:60px;margin-top:-25px;background-position:-120px -60px;}
	#mainCarousel .item {height:460px;}
	#mainCarousel h1,#mainCarousel h3 {font-size:50px;line-height:50px;}
	#mainCarousel h1 span,#mainCarousel h3 span{font-size:24px;line-height:24px;}
	#mainCarousel h2 {font-size:24px;}
	.quicklinks a {height:400px;}
	.quicklinks a span {font-size:20px;}
	.quicklinkDetail div {max-width:75%;margin-top:10px;margin-bottom:20px;}
	.testimonial p.quoteContent {font-size:22px;max-width:70%;}
	.projectPanelCaption .learnMore {margin-top:20px;}
	/*
	.caseStudyPanel {margin-bottom:30px}	
	.caseStudyPanel.half {width:calc(50% - 15px);}
	.caseStudyPanel.half:nth-child(2n+1) {margin-right:15px;}
	.caseStudyPanel.half:nth-child(2n) {margin-left:15px;}
	*/
	.caseStudyPanel {padding-bottom:30%;}
	.caseStudyPanel.eventPanel {padding-bottom:30%;}
	.caseStudyPanelCaption .learnMore {margin-top:20px;}
	#map {height:500px;}
	footer .social-btns {padding-top:73px}
	footer .social-btns a {width:35px;height:35px;background-size:35px 35px;}
/*	.navbar-nav > li > a {word-spacing: 0;}*/

.centar-teksta { text-align: left; }
}

@media (min-width: 1500px) { 
	.narrow {padding-left:180px;padding-right:180px;}
	.newsletter-signup,.cta-signup {padding-left:180px;}
	.projectPanelCaption.home {    left: 180px;    right: 180px;}
	.quicklinks a {height:550px;}
	.team-member-container {width:20%;}	
	.team-member-details {width:calc(80% - 30px);}
	.team-links button {width:calc(17% - 56px)}
	.caseStudyPanel {padding-bottom:25%;}
	.caseStudyPanel.eventPanel {padding-bottom:25%;}
	
	.centar-teksta { text-align: left; }
}