@font-face {font-family:"LatoRegular";
            src:url("../../css/fonts/Lato-Regulard41d.eot?") format("eot"),
                url("../../css/fonts/Lato-Regular.woff") format("woff"),
                url("../../css/fonts/Lato-Regular.ttf") format("truetype"),
                url("../../css/fonts/Lato-Regular.html#Lato-Bold") format("svg");
            font-weight:normal;
            font-style:normal;
}
@font-face {font-family:"LatoBold";
            src:url("../../css/fonts/Lato-Regulard41d.eot?") format("eot"),
                url("../../css/fonts/Lato-Bold.woff") format("woff"),
                url("../../css/fonts/Lato-Bold.ttf") format("truetype"),
                url("../../css/fonts/Lato-Bold.html#Lato-Bold") format("svg");
            font-weight:normal;
            font-style:normal;
}

a:active, a:focus, a:hover {
    background: transparent !important;
}

.list2 {
    margin-left: 5px;
    padding-left: 20px;
}
.list2 li {
    list-style-type: none;
    margin-bottom: 12px;
}
.list2 .phone:before {
    position: absolute;
    left: 7px;
    width: 30px;
    height: 30px;
    background: url(../../images/phone.png) no-repeat center center;
    content: "";
    margin-top: -6px;
}
.clients a{
text-align:center
}
.list2 .address:before {
    position: absolute;
    z-index: 100000;
    left: 7px;
    top: -7px;
    position: absolute;
    width: 30px;
    height: 30px;
    background: url(../../images/location.png) no-repeat center center;
    content: "";
}

.list2 .mobile:before {
    
    position: absolute;
    z-index: 100000;
    left: 7px;
    width: 30px;
    height: 30px;
    background: url(../../images/mobile.png) no-repeat center center;
    content: "";
    margin-top: -6px;
}
.list2 .email:before {
    position: absolute;
    left: 7px;
    width: 30px;
    height: 30px;
    background: url(../../images/email.png) no-repeat center center;
    content: "";
    margin-top: -5px;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
    -ms-content-zooming: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);

}

body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-family: "LatoRegular", sans-serif;
    font-size: 16px;
    color: #414142;
    overflow-y: scroll;
overflow-x:hidden
}
.txt-belowLogo-mobile{
	font-size: 12px;
    color: #55565a;
    font-weight: bold;
   padding-top: 25%;
}
.exclusiveP-center{
	display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
	
}

@media (max-width: 768px) {
	.txt-belowLogo-mobile {
    font-size: 10px;
    color: #48474a;
    font-weight: bold;
    padding-top: 13%;
    text-align: initial;
		
}	
}
@media (max-width: 695px) {
	.txt-belowLogo-mobile {
    font-size: 10px;
    color: #48474a;
    font-weight: bold;
    padding-top: 14%;
    text-align: initial;
}
	}
@media (max-width: 628px) {
	.txt-belowLogo-mobile {
    font-size: 10px;
    color: #48474a;
    font-weight: bold;
    padding-top: 15%;
    text-align: initial;
}
	}
@media (max-width: 583px) {
	.txt-belowLogo-mobile {
    font-size: 10px;
    color: #48474a;
    font-weight: bold;
    padding-top: 17%;
    text-align: initial;
}
	}
@media (max-width: 547px) {
	.txt-belowLogo-mobile {
    font-size: 10px;
    color: #48474a;
    font-weight: bold;
    padding-top: 18%;
    text-align: initial;
}
	}
@media (max-width: 511px) {
	.txt-belowLogo-mobile {
    font-size: 10px;
    color: #48474a;
    font-weight: bold;
    padding-top: 20%;
    text-align: initial;
}
	}
@media (max-width: 480px) {
	.txt-belowLogo-mobile {
    font-size: 10px;
    color: #48474a;
    font-weight: bold;
    padding-top: 21%;
    text-align: initial;
}
	}
@media (max-width: 450px) {
	.txt-belowLogo-mobile {
    font-size: 10px;
    color: #48474a;
    font-weight: bold;
    padding-top: 23%;
    text-align: initial;
}
	}
@media (max-width: 430px) {
	.txt-belowLogo-mobile {
    font-size: 10px;
    color: #48474a;
    font-weight: bold;
    padding-top: 25%;
    text-align: initial;
}
	}
@media (max-width: 415px) {
	.txt-belowLogo-mobile {
    font-size: 10px;
    color: #48474a;
    font-weight: bold;
    padding-top: 26%;
    text-align: initial;
}
	}
@media (max-width: 390px) {
	.txt-belowLogo-mobile {
    font-size: 10px;
    color: #48474a;
    font-weight: bold;
    padding-top: 28%;
    text-align: initial;
}
	}
@media (max-width: 375px) {
	.txt-belowLogo-mobile {
    font-size: 10px;
    color: #48474a;
    font-weight: bold;
    padding-top: 30%;
    text-align: initial;
}
	}
@media (max-width: 355px) {
	.txt-belowLogo-mobile {
    font-size: 10px;
    color: #48474a;
    font-weight: bold;
    padding-top: 32%;
    text-align: initial;
}
	}
@media (max-width: 320px) {
	.txt-belowLogo-mobile {
    font-size: 10px;
    color: #48474a;
    font-weight: bold;
    padding-top: 34%;
    text-align: initial;
}
	}
@media (min-width: 768px) {

body::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
    display: block;
}

body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #ed1f24;
}


body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

	
}

a, a:hover, a:active, a:visited, a:focus{
    text-decoration: none;
    color: inherit;
}

header{
    background: #fff;
    width: 100%;
    height: 120px;
    border-bottom: 3px solid #ce202e;
    top: 0; 
    z-index: 12;
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#fullpage{
    margin-top: 80px;
}
.navbar-brand{
    padding: 5px 0;
}

.bgimg{
    height: 450px;
    background-size: cover !important;
    background-attachment: fixed;
}

.projects {
    border: 1px solid #c6c6c673;
    margin: 10px 10px;
    height: 150px;
    width: calc(100% - 10px);
    overflow: hidden;

}

.list li {
    list-style-image: url(../../images/list.png);
    margin-left: 36px;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}


.nav-item {
    float: none !important;
}
.nav li a:hover, .nav li a:active, .nav li a:focus{
background : transparent !important;
}

.latobold{
    font-family: "LatoBold",sans-serif;
}

footer{
    margin: 30px 0px;
	font-size: 14px;
}

.h1, h1 {
    margin-top: 0px;
    margin-bottom: 30px;
}
.titleheader{
    margin-top: 40px;
}
p {
    margin: 10px 0 10px;
}
.big-img-left{
    border-left : 2px solid #e42b27;
}

.big-img-right{
    border-right : 2px solid #e42b27;
}

.scope{
    margin: 20px 0px;
    display: none;
}
.scope:first-child{
    margin-top:0px;

}
.h2, h2 {

    font-weight: bold;
}
.titleScope:before,.titleScopeMini:before,.bglabel:before {

    position: relative;
    z-index: 11;
    left: -10px;
    top: -5px;
}

.bglabel:before,.titleScope:before{
    
    display: inline-flex;
    content: "";

    width: 70px;
    height: 2px;
    z-index: 2;
    -webkit-animation: sk-scaleout 1.0s ease-in-out;
    background: linear-gradient(to left, rgba(206, 32, 46, 1) 50%, rgba(206, 32, 46, 0) 50%);
    background-size: 200% 100%;
    background-position: -70px 0px;
    -moz-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    animation: line-scroll 3s ease-in-out forwards infinite;
}
.bglabel 
{
margin-left:-50px
}
@-webkit-keyframes line-scroll {
    0% {
    background-position: -70px 0px;
   }
    80% {
    background-position: 0 0px;
   }
    100% {
    background-position: 70px 0px;
   }
   }
   @-moz-keyframes line-scroll {
    0% {
    background-position: -70px 0px;
   }
    80% {
    background-position: 0 0px;
   }
    100% {
    background-position: 70px 0px;
   }
   }
   @-ms-keyframes line-scroll {
    0% {
    background-position: -70px 0px;
   }
    80% {
    background-position: 0 0px;
   }
    100% {
    background-position: 70px 0px;
   }
   }
   @keyframes line-scroll {
    0% {
    background-position: -70px 0px;
   }
    80% {
    background-position: 0 0px;
   }
    100% {
    background-position: 70px 0px;
   }
   }
.titleScopeMini:before {
    content: url(../../images/list.png);
}
.titleScope{
    font-size: 30px;
    font-family: "LatoBold",sans-serif;
    margin-bottom: 20px;
    margin-left: -50px;
}

.titleProj.titleScopeMini{
    font-size: 20px;
    font-family: "LatoBold",sans-serif;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 20px;
}


.titlered{
    color:#ce202e; /*#e42b27;*/
    font-family: "LatoBold",sans-serif;
}
.text-center
{
	text-align:center
}
.overlay-mini-text  {
    display: inline-block;
    float: none;
    padding: 15px 0;

}
.z-index-50
{
	z-index:50
}
.overlay-text {

    position: absolute;
    width:38%; /*important*/
    bottom:150px; /*important*/
    padding: 25px;
    z-index: 2;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
}
.desc-solution p:first-child
{
	margin-top:0
}
.desc-solution 
{
	margin-top:0;
	text-align:justify
}
.overlay-text:hover img {
    transform: scale(1.1);
 
}
.overlay-text img {
    transition: all 0.5s ease-in-out;
    max-width: 120px;
}

   
.overlay-mini-text:before,.overlay-text:before, .overlay-mini-text:after,.overlay-text:after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    border: 3px solid transparent;
    width: 0;
    height: 0;
}

       .overlay-mini-text:after,.overlay-text:after {
    bottom: 0;
    right: 0;
    animation:border 2s  forwards ease-in-out, borderColor 2s  forwards ease-in-out
}
.overlay-mini-text:before,.overlay-text:before {
    top: 0;
    left: 0;
    border-top-color: #ce202e;
    border-right-color: #ce202e;
    animation: border 5s  forwards ease-in-out;
}

@keyframes border {
  0% {
    width: 0;
    height: 0;
  }
  25% {
    width: 100%;
    height: 0;
  }
  50% {
    width: 100%;
    height: 100%;
  }
  100% {
    width: 100%;
    height: 100%;
  }
}
@keyframes borderColor {
  0% {
  
    border-bottom-color: #ce202e;
    border-left-color: #ce202e;
   
  }
  50% {
  
    border-bottom-color: #ce202e;
    border-left-color: #ce202e;
  }
  51% {
    border-bottom-color: transparent;
    border-left-color: transparent;
  }
  100% {

    border-bottom-color: #ce202e;
    border-left-color: #ce202e;
  }
  }
  
.flex-row {
    display: flex  !important;
    justify-content: center;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
.flex-column {
    display: flex !important;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    align-items: center;
}




.overlay-mini-text h1 {
    margin-bottom: 10px;
}


.security .row {
    margin-top: 0;
    margin-bottom: 20px;
    position: relative;
}

.distance {
    font-family: "LatoBold",sans-serif;
}

.scopemore{
    padding:  20px 0;
    margin: 10px 0;
    background: #63778a;
    color: #ffffff;
    display: none;
}

ul.border-left {
    margin: 20px 0px;
}

.border-left li {
    border-left: 2px solid #e42b27;
    padding-left: 10px;
}

.border-left h4 {
    font-weight: bold;
    font-family: "LatoBold",sans-serif;
}
.title {
    margin: 10px 0;
}

.mini{
    font-size: 13px;
}

.mini p {
    margin: 10px 0;
}


.margin20,.parts{
    margin-top: 20px;
}
.slick-slide
{
	text-align:center
}
.img-responsive {
    display: inline-block !important;
	max-width:100%;


}
.navbar-brand .img-responsive
{
	/*width:147px;*/
	width: 200px;
}
#titleBar {
    position: absolute;
    top: 40px;
    left: 0;
    right: 40px;
    height: 40px;
    text-align: center;
}

.mobile #titleBar {
    height: 50px;
    right: 50px;
}

section{
    margin :20px 0px;
}
.grey{
    color: #282828;
}

/* If there is a fullscreen button the title bar must make space for it */
body.fullscreen-enabled #titleBar {
    right: 80px;
}

body.fullscreen-enabled.mobile #titleBar {
    right: 100px;
}

/* If there are multiple scenes the title bar must make space for the scene list toggle */
body.multiple-scenes #titleBar {
    left: 40px;
}

body.multiple-scenes.mobile #titleBar {
    left: 50px;
}

#titleBar .sceneName {
    width: 100%;
    height: 100%;
    line-height: 30px;
    padding: 5px;
    background-color: rgb(58,68,84);
    background-color: rgba(58,68,84,0.8);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.mobile #titleBar .sceneName {
    line-height: 40px;
}

#fullscreenToggle {
    display: none;
    position: absolute;
    top: 80px;
    right: 0;
    width: 40px;
    height: 40px;
    padding: 5px;
    background-color: rgb(103,115,131);
    background-color: rgba(103,115,131,0.8);
}

.mobile #fullscreenToggle {
    width: 50px;
    height: 50px;
}

body.fullscreen-enabled #fullscreenToggle {
    display: block;
}

#fullscreenToggle .icon {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
}

.mobile #fullscreenToggle .icon {
    top: 10px;
    right: 10px;
}

#fullscreenToggle .icon.on {
    display: none;
}

#fullscreenToggle .icon.off {
    display: block;
}

#fullscreenToggle.enabled .icon.on {
    display: block;
}

#fullscreenToggle.enabled .icon.off {
    display: none;
}

#autorotateToggle {
    display: block;
    position: absolute;
    top: 80px;
    right: 0;
    width: 40px;
    height: 40px;
    padding: 5px;
    background-color: rgb(103,115,131);
    background-color: rgba(103,115,131,0.8);
}

.mobile #autorotateToggle {
    width: 50px;
    height: 50px;
}

/* If there is a fullscreen button, autorotate must placed a bit to the left */
body.fullscreen-enabled #autorotateToggle {
    right: 40px;
}

body.fullscreen-enabled.mobile #autorotateToggle {
    right: 50px;
}

#autorotateToggle .icon {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
}
.amb-holding
{
	padding-top:23px;
	display:block
}
.amb-holding:before{
content:'' !important;
}
#navbar
{
	float:right;
	padding-right:0
}
.mobile #autorotateToggle .icon {
    top: 10px;
    right: 10px;
}

#autorotateToggle .icon.on {
    display: none;
}

#autorotateToggle .icon.off {
    display: block;
}

#autorotateToggle.enabled .icon.on {
    display: block;
}

#autorotateToggle.enabled .icon.off {
    display: none;
}

#sceneListToggle {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    padding: 5px;
    background-color: rgb(103,115,131);
    background-color: rgba(103,115,131,0.8);
}

.mobile #sceneListToggle {
    width: 50px;
    height: 50px;
}

#sceneListToggle .text {
    position: absolute;
    top: 5px;
    left: 15px;
    width: 100%;
    line-height: 30px;
}

#sceneListToggle .icon {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
}

.mobile #sceneListToggle .icon {
    top: 10px;
    right: 10px;
}

#sceneListToggle .icon.on {
    display: none;
}

#sceneListToggle .icon.off {
    display: block;
}

#sceneListToggle.enabled .icon.on {
    display: block;
}

#sceneListToggle.enabled .icon.off {
    display: none;
}

#sceneList {
    position: absolute;
    top: 0;
    left: -220px;
    padding-top: 40px;
    width: 220px;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    margin-left: 0;

}

.mobile #sceneList {
    padding-top: 50px;
}

#sceneList .scenes {
    width: 100%;
    background-color: rgb(58,68,84);
    background-color: rgba(58,68,84,0.8);
}

.mobile #sceneList {
    width: 100%;
    height: 100%;
    left: -100%;
}

.mobile #sceneList.enabled {
    margin-left: 100%;
}

.mobile #sceneList .scenes {
    height: 100%;
}

#sceneList.enabled {
    margin-left: 220px;
}

#sceneList .scene {
    display: block;
    width: 100%;
    height: 30px;
}

.mobile #sceneList .scene {
    height: 40px;
}

#sceneList .scene .text {
    width: 100%;
    height: 100%;
    padding: 0 15px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile #sceneList .scene .text {
    line-height: 40px;
}

.no-touch #sceneList .scene:hover {
    background-color: rgb(103,115,131);
    background-color: rgba(103,115,131,0.8);
}

#sceneList .scene.current {
    background-color: rgb(103,115,131);
    background-color: rgba(103,115,131,0.8);
}

/* Hide scene list when only a single scene exists */
body.single-scene #sceneList, body.single-scene #sceneListToggle {
    display: none;
}

/* Link hotspot */

.link-hotspot {
    width: 60px;
    height: 60px;
    margin-left: -30px;
    margin-top: -30px;
    opacity: 0.9;
    transition: opacity 0.2s;
}

.no-touch .link-hotspot:hover {
    opacity: 1;
}

.mobile .link-hotspot {
    width: 70px;
    height: 70px;
}

.link-hotspot-icon {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.link-hotspot-tooltip {
    position: absolute;
    left: 100%;
    top: 14px; /* ( 60 - (16 + 2*8) ) / 2 */

    margin-left: 3px;

    font-size: 16px;

    max-width: 300px;

    padding: 8px 10px;

    border-radius: 5px;

    background-color: rgb(58,68,84);
    background-color: rgba(58,68,84,0.8);

    color: #fff;

    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;

    cursor: pointer;

    opacity: 0;

    -ms-transform: translateX(-8px);
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);

    transition: -ms-transform 0.3s,
        -webkit-transform 0.3s,
        transform 0.3s,
        opacity 0.3s;
}

.mobile .link-hotspot {
    top: 19px; /* ( 70 - (16 + 2*8) ) / 2 */
}

.no-touch .link-hotspot:hover .link-hotspot-tooltip {
    opacity: 1;
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

/* Prevent tooltip from triggering */
.link-hotspot-tooltip {
    pointer-events: none;
}
.no-touch .link-hotspot:hover .link-hotspot-tooltip {
    pointer-events: all;
}

/* Fallback mode without pointer-events (IE8-10) */
.tooltip-fallback .link-hotspot-tooltip {
    display: none;
}
.no-touch .tooltip-fallback .link-hotspot:hover .link-hotspot-tooltip {
    display: block;
}

/* Info hotspot */

.info-hotspot {
    line-height: 1.2em;
    opacity: 0.9;
    transition: opacity 0.2s 0.2s;

}

.no-touch .info-hotspot:hover {
    opacity: 1;
    transition: opacity 0.2s;
}

.info-hotspot.visible {
    opacity: 1;
}

.info-hotspot .info-hotspot-header {

    cursor: pointer;

}

.mobile .info-hotspot .info-hotspot-header {
    width: 50px;
    height: 50px;
    border-radius: 25px;
}

.desktop.no-touch .info-hotspot .info-hotspot-header:hover {
    width: 260px;
    border-radius: 5px;

}

.desktop .info-hotspot.visible .info-hotspot-header,
.desktop.no-touch .info-hotspot.visible .info-hotspot-header:hover {
    width: 260px;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;

}

.info-hotspot .info-hotspot-icon-wrapper {
    width: 100px;
    height: 100px;
}

.mobile .info-hotspot .info-hotspot-icon-wrapper {
    width: 30px;
    height: 30px;
}


.info-hotspot .info-hotspot-icon {
    width: 100%;
    height: 100%;

}

.info-hotspot .info-hotspot-title-wrapper {
    position: absolute;
    left: 90px;
    top: 85px;
    width: 0;
    height: 35px;
    padding: 0;
    overflow: hidden;
    background: url(../../images/label.png) no-repeat;
    text-align: center;
    z-index: 1;
    font-size: 14px;
    color : #fff;
}

.desktop .info-hotspot.visible .info-hotspot-title-wrapper,
.desktop.no-touch .info-hotspot .info-hotspot-header:hover .info-hotspot-title-wrapper {
    width: 220px;
    padding: 0 5px;

}

.info-hotspot .info-hotspot-title-wrapper:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.info-hotspot .info-hotspot-title {
    display: inline-block;
    vertical-align: middle;
    color #fff;
    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.info-hotspot .info-hotspot-close-wrapper {
    position: absolute;
    left: 260px;
    top: 100px;
    height: 40px;
    width: 40px;
    border-top-right-radius: 5px;
    background-color: rgb(78,88,104);
    visibility: hidden;
    -ms-transform: perspective(200px) rotateY(90deg);
    -webkit-transform: perspective(200px) rotateY(90deg);
    transform: perspective(200px) rotateY(90deg);
    -ms-transform-origin: 0 50% 0;
    -webkit-transform-origin: 0 50% 0;
    transform-origin: 0 50% 0;
    transition: -ms-transform 0.3s 0.3s,
        -webkit-transform 0.3s 0.3s,
        transform 0.3s 0.3s,
        visibility 0s 0.6s;
    -webkit-transition: -webkit-transform 0.3s 0.3s,
        visibility 0s 0.6s;
}

.desktop .info-hotspot.visible .info-hotspot-close-wrapper {
    visibility: visible;
    -ms-transform: perspective(200px) rotateY(0deg);
    -webkit-transform: perspective(200px) rotateY(0deg);
    transform: perspective(200px) rotateY(0deg);
    transition: -ms-transform 0.3s,
        -webkit-transform 0.3s,
        transform 0.3s,
        visibility 0s 0s;
    -webkit-transition: -webkit-transform 0.3s,
        visibility 0s 0s;
}

.info-hotspot .info-hotspot-close-icon {
    width: 70%;
    height: 70%;
    margin: 15%;
}

.info-hotspot .info-hotspot-text {
    position: absolute;
    height: auto;
    max-height: 200px;
    width: 220px;
    top: 140px;
    left: 80px;
    padding: 10px;
    padding: 10px;
    background-color: rgb(58,68,84);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow-y: auto;
    visibility: hidden;
    -ms-transform: perspective(200px) rotateX(-90deg);
    -webkit-transform: perspective(200px) rotateX(-90deg);
    transform: perspective(200px) rotateX(-90deg);
    -ms-transform-origin: 50% 0 0;
    -webkit-transform-origin: 50% 0 0;
    transform-origin: 50% 0 0;
    transition: -ms-transform 0.3s,
        -webkit-transform 0.3s,
        transform 0.3s,
        visibility 0s 0.3s;
    -webkit-transition: -webkit-transform 0.3s,
        visibility 0s 0.3s;

    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.desktop .info-hotspot.visible .info-hotspot-text {
    visibility: visible;
    -ms-transform: perspective(200px) rotateX(0deg);
    -webkit-transform: perspective(200px) rotateX(0deg);
    transform: perspective(200px) rotateX(0deg);
    transition: -ms-transform 0.3s 0.3s,
        -webkit-transform 0.3s 0.3s,
        transform 0.3s 0.3s,
        visibility 0s 0s;
    -webkit-transition: -webkit-transform 0.3s 0.3s,
        visibility 0s 0s;
}

/* Info hotspot modal */

.desktop .info-hotspot-modal {
    display: none;
}

.info-hotspot-modal {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 11000 !important;
    background-color: rgba(0,0,0,.5);
    line-height: 1.2em;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease-in-out 0.5s,
        visibility 0s 0.7s;
}

.info-hotspot-modal.visible {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.2s ease-in-out,
        visibility 0s 0s;
}

.info-hotspot-modal .info-hotspot-header {
    position: absolute;
     top: 50%;
    margin-top: -25px;
    left: 10px;
    right: 10px;
    width: auto;
    height: 50px;
    background-color: trans !important;
    background: url(../../images/label4.png) no-repeat top left;
    opacity: 1;

}

.info-hotspot-modal.visible .info-hotspot-header {
    opacity: 1;

}

.info-hotspot-modal .info-hotspot-icon-wrapper {
    width: 50px;
    height: 50px;
}

.info-hotspot-modal .info-hotspot-icon {
    width: 90%;
    height: 90%;
    margin: 5%;
}

.info-hotspot-modal .info-hotspot-title-wrapper {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    /* width: auto; */
    /* height: 40px; */
    /* padding: 0 10px; */
    float: left;
    font-size: 15px;
    padding: 0;
    height : 35px;
}

.info-hotspot-modal .info-hotspot-title-wrapper:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.info-hotspot-modal .info-hotspot-title {
    display: inline-block;
    vertical-align: middle;
	line-height:42px;
padding-left:5px;
    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text;
    color: #fff;
}

.info-hotspot-modal .info-hotspot-close-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background-color: rgb(78,88,104);
    background-color: rgba(78,88,104,0.8);
    cursor: pointer;
}

.info-hotspot-modal .info-hotspot-close-icon {
    width: 70%;
    height: 70%;
    margin: 15%;
}

.info-hotspot-modal .info-hotspot-text {
    position: absolute;
    top: 110px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    padding: 10px;
    background-color: rgb(58,68,84);
    background-color: rgba(58,68,84,0.8);
    overflow-y: auto;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;

    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.info-hotspot-modal.visible .info-hotspot-text {
    opacity: 1;
    transition: opacity 0.3s ease-in-out 0.4s;
}

/* View control buttons */

.viewControlButton {
    display: none;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 40px;
    height: 40px;
    padding: 5px;
    background-color: rgb(237,31,36);
    background-color: rgba(237,31,36,0.8);
}

body.view-control-buttons .viewControlButton {
    display: block;
}

/* Hide controls when width is too small */
@media (max-width: 600px) {
    body.view-control-buttons .viewControlButton {
        display: none;
    }
}

.viewControlButton .icon {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
}

/* Center is at margin-left: -20px */
.viewControlButton-1 {
    margin-left: -145px;
}
.viewControlButton-2 {
    margin-left: -95px;
}
.viewControlButton-3 {
    margin-left: -45px;
}
.viewControlButton-4 {
    margin-left: 5px;
}
.viewControlButton-5 {
    margin-left: 55px;
}
.viewControlButton-6 {
    margin-left: 105px;
}
.nav>li>a{
    padding: 30px 5px;
}
.navbar-nav>li>a:hover,.navbar-nav>li>button:hover {
    background: transparent;
}

.navbar-toggler {
    color: #000;
}

.navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.navbar-toggler {
    outline: 0;
    border-width: 0;
    background: transparent;
}

.navbar-toggler {
    font-size: 1.25rem;
    line-height: 1;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-top: 20px;
    vertical-align: middle;
    content: "";
    background: url(../../images/menu.png) no-repeat center center transparent;
    background-size: 100% 100%;
}
.navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

.loadMore{
    border: 2px solid #ce202e;
    padding: 7px 53px;
    margin: 10px 0;
    color: #ce202e;
    font-family: "LatoBold",sans-serif;
    background: linear-gradient(to right, #ce202e 50%, #fff 50%);
    background-size: 205% 100%;
    background-position: 99% 0%;
    text-transform: initial;

    transition: all .7s ease;


}
.loadMore:hover {
    outline: none;
    background-position: 1% 100%;
    color: #fff;
    opacity: 1;
    transform: translate(0);
    transition: transform .6s, opacity .59s;
    transition-timing-function: ease;
}

            .display-icon {
              
    width: 80px;
    height: 120px;
    margin: 0 auto;
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    border-radius: 50%;
    background: transparent;
    transition: all .2s ease-in-out;
            }

            .display-icon svg{
                position: absolute;
    top: -25%;
    left: -25%;
    fill: none;
    width: calc(150% - 2px);
    height: calc(150% - 2px);

            }

 .display-icon svg circle:nth-child(1) {
                stroke-width: 2px;
                stroke: #ce202e; /* #ed1f24;*/
                stroke-linecap: round;
                stroke-dasharray: 140% 200%;
                stroke-dashoffset: -170%;
                transition: all .2s ease-in-out;
 }

.display-icon svg circle:nth-child(2) {
                stroke-width: 2px;
                stroke: #ce202e;/*#ed1f24;*/
                stroke-linecap: round;
                stroke-dasharray: 40% 20% 80% 165%;
                stroke-dashoffset: -8%;
                transition: all .2s ease-in-out;
  }
.display-icon:hover  svg circle:nth-child(1) {
    stroke-dasharray: 140% 200%;
    stroke-dashoffset: -90%;
}
.display-icon:hover svg circle:nth-child(2) {
    stroke-dasharray: 20% 60% 65% 163%;
    stroke-dashoffset: 63%;
}



		hr {
    content: "";
    /* top: -10px; */
    width: 150px;
    height: 2px;
    z-index: 2;
    -webkit-animation: sk-scaleout 1.0s ease-in-out;
    background: linear-gradient(to left, rgba(231, 36, 31, 1) 50%, rgba(231, 36, 31, 0) 50%);
    background-size: 200% 100%;
    background-position: -150px 0px;
    -moz-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    animation: line-animation 3s ease-in-out forwards infinite;
	    margin: 10px auto;
}

		@-webkit-keyframes line-animation {
    0% {
    background-position: -150px 0px;
   }
    80% {
    background-position: 0 0px;
   }
    100% {
    background-position: 150px 0px;
   }
   }
   @-moz-keyframes line-animation {
    0% {
    background-position: -150px 0px;
   }
    80% {
    background-position: 0 0px;
   }
    100% {
    background-position: 150px 0px;
   }
   }
   @-ms-keyframes line-animation {
    0% {
    background-position: -150px 0px;
   }
    80% {
    background-position: 0 0px;
   }
    100% {
    background-position: 150px 0px;
   }
   }
   @keyframes line-animation {
    0% {
    background-position: -150px 0px;
   }
    80% {
    background-position: 0 0px;
   }
    100% {
    background-position: 150px 0px;
   }
   }
   
     .display-team{
	     width: 142px;
    height: 142px;
    margin: 0 auto;
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    border-radius: 50%;
    background: transparent;
    transition: all .2s ease-in-out;
	}
.position {
    font-family: "LatoBold",sans-serif;
    font-weight: bold;
    font-size: 15px;
}
.display-team img{
    border-radius: 50%;
    width: 140px;
    height: 140px;
}
.display-team svg{

    position: absolute;
    top: 0;
    left: 0;
    fill: none;
    width: calc(100% );
    height: calc(100% );
	}

.display-team circle {

  stroke: #ed1f24;
  stroke-width: 1.5px;
  stroke-dasharray: 250;
  stroke-dashoffset: 1000;
  animation: rotate 5s linear infinite;
}

@keyframes rotate {
  to {
    stroke-dashoffset: 0;
  }
}
.nameemployee {
    font-size: 25px;
	font-weight: bold;
	margin-top: 25px;
}

.description{
    margin-top: 10px;
	text-align:justify
	}
	
.full-description{
display: none;
}
	
.nav-pills>li {
    float: left;
    width: 24%;
    padding-left: 1%;
    text-align: center;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover,.nav-pills>li>a:hover {
    background: transparent;
    color: #e42b27;
    border: 1px solid #c8c8c8;
    border-radius: 0px;
}


.nav-pills>li>a {
    background: #e42b27;
    color: #fff;
    padding: 20px 5px;
    margin: 7px 0px;
    border-radius: 0px;
}

.sharing li {
    display: inline-block;
    margin-right: 5px;
    margin-top: 0;
}

.contact {
    background: #63778a;
    padding: 20px 0px;
    color: #fff;
}

.navmenu li > a:hover {
    background: transparent;
}

.dropdown-menu {
    position: relative;
    top: 0; 
    left: 0;
    float: none; 
    font-size: inherit;
    background: transparent;
    border: 0;
    box-shadow: 0 0 0 ;
    padding: 2px 0;
    margin: 0;
}


#burger {

    display: none;
}
.burgerlabel {
    height: 40px;
    width: 40px;
    z-index: 5;
    margin-top: 34px;
    margin-left: 10px;
    background : url(../../images/menu.png) no-repeat center center transparent;
}
/*   .burgerlabel span {
     position: absolute;
     width: 100%;
     height: 2px;
     top: 50%;
     margin-top: -1px;
     left: 0;
     display: block;
     background: #020304;
     transition: .5s;
   }
   .burgerlabel span:first-child {
     top: 3px;
   }
   .burgerlabel span:last-child {
     top: 16px;
   }
*/
body label:hover {
    cursor: pointer;
}
body #burger:checked + label span {
    opacity: 0;
    top: 50%;
}

body #burger:checked + .burgerlabel {
    background :url(../../images/menu-close.png) no-repeat center center transparent;
    opacity: 1;

}
/*  body #burger:checked + label span:first-child {
    opacity: 1;
    transform: rotate(405deg);
  }
  body #burger:checked + label span:last-child {
    opacity: 1;
    transform: rotate(-405deg);
  }*/

.dropdown-menu>li>a{
    padding: 2px 0px;
        line-height: 1.8 !important;
}
.slicknav_open .burgerlabel {
    background: url(../../images/menu-close.png) no-repeat center center transparent;
}

nav {
    background: rgba(255,255,255,0.96);
    position: absolute;
    width: 100%;
    left: 0;
    top: 120px;
    z-index: 3;

    overflow: hidden;
    display: none;



}
.navmenu a.active:before,.navmenu li a:hover:before {
    position: absolute;
    z-index: 100000;
    left: -40px;

    top: -5px;
    content: url(../../images/list.png);
}

.navmenu li a.active {
    text-decoration: none;
    color: #000;
    font-weight: 700;
    font-size: 18px;
    font-family: "BoldLato",sans-serif;
}

.navmenu li > a.active:before {
position: absolute;
    z-index: 100000;
    left: -41px;
    top: -5px;
    content: url(../../images/list.png);
}
.navmenu  {

    margin : 40px 0 40px 0;

}
nav > ul > li {
    opacity: 1;
    transition: .5s;
    transition-delay: 0s;
}
.navmenu li > a {
    text-decoration: none;
    color: #000;
    font-weight: 700;
    font-family: "BoldLato",sans-serif;
    display: inline-block;
    position : relative;
    font-size: 18px;
    line-height:2;


}
.navmenu li li a {
    font-weight: normal;    line-height: 1.4em !important;
}
body #burger:checked ~ nav {
    display: block;
    transition-delay: 0s;
    z-index: 2;

}
body #burger:checked ~ nav > ul > li {
    opacity: 1;
    transition-delay: .5s;
}
/*
li.dropdown:hover ul,li.dropdown:focus ul,li.dropdown:active ul {
    display: block;
}*/
.order1{
    order: 1;
}
.order2{
    order: 2;
}

.floatleft{
    float: left;
}
.floatright{
    float: right;
}
.add-plus:before {
    content: "\ea0a";
}

span.slicknav_parent-link {
    cursor: pointer;
}
/*
.slicknav_parent span:before {
    position: absolute;
    top: 5px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #000;
    content: '';
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.slicknav_parent span:after {
    position: absolute;
    top: 8px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #000;
    content: '';
}*/

.icon-plus {
    font-size: 40px;
    transition: all .2s ease-in-out;
    width: 49px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    display: block;
    margin: auto;
    display: flex;
    align-content: center;
    transform: scale(1.1);
    color: #ce202e;
    justify-content: center;
    flex-direction: column;
}

.floatleft:before, .floatright:before, .floatleft:after, .floatright:after {
    clear: both;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    content: " ";
}

.icon-plus:hover {
    transform: scale(1.2);

}
.icon-plus:before {
    content: "\e905";
}

.nav>li>a:hover {
    background: transparent;
}

.float-label-control { position: relative; margin-bottom: 1.5em; }
.float-label-control ::-webkit-input-placeholder { color: transparent; }
.float-label-control :-moz-placeholder { color: transparent; }
.float-label-control ::-moz-placeholder { color: transparent; }
.float-label-control :-ms-input-placeholder { color: transparent; }
.float-label-control input:-webkit-autofill,
.float-label-control textarea:-webkit-autofill { background-color: transparent !important; -webkit-box-shadow: 0 0 0 1000px white inset !important; -moz-box-shadow: 0 0 0 1000px white inset !important; box-shadow: 0 0 0 1000px white inset !important; }
.float-label-control input, .float-label-control textarea, .float-label-control label { font-size: 1.3em; box-shadow: none; -webkit-box-shadow: none; }
.float-label-control input:focus,
.float-label-control textarea:focus { box-shadow: none; -webkit-box-shadow: none; border-bottom-width: 2px; padding-bottom: 0; }
.float-label-control textarea:focus { padding-bottom: 4px; }
.float-label-control input, .float-label-control textarea { display: block; width: 100%; padding: 0.1em 0em 1px 0em; border: none; border-radius: 0px; border-bottom: 1px solid #aaa; outline: none; margin: 0px; background: none; }
.float-label-control textarea { padding: 0.1em 0em 5px 0em; }
.float-label-control label { position: absolute; font-weight: normal; top: -1.0em; color: #b0b0b0; z-index: -1; font-size: 0.85em; -moz-animation: float-labels 300ms none ease-out; -webkit-animation: float-labels 300ms none ease-out; -o-animation: float-labels 300ms none ease-out; -ms-animation: float-labels 300ms none ease-out; -khtml-animation: float-labels 300ms none ease-out; animation: float-labels 300ms none ease-out; /* There is a bug sometimes pausing the animation. This avoids that.*/ animation-play-state: running !important; -webkit-animation-play-state: running !important; }
.float-label-control input.empty + label,
.float-label-control textarea.empty + label { top: 0.1em; font-size: 1.5em; animation: none; -webkit-animation: none; }
.float-label-control input:not(.empty) + label,
.float-label-control textarea:not(.empty) + label { z-index: 1; }
.float-label-control input:not(.empty):focus + label,
.float-label-control textarea:not(.empty):focus + label { color: #b0b0b0; }
.float-label-control.label-bottom label { -moz-animation: float-labels-bottom 300ms none ease-out; -webkit-animation: float-labels-bottom 300ms none ease-out; -o-animation: float-labels-bottom 300ms none ease-out; -ms-animation: float-labels-bottom 300ms none ease-out; -khtml-animation: float-labels-bottom 300ms none ease-out; animation: float-labels-bottom 300ms none ease-out; }
.float-label-control.label-bottom input:not(.empty) + label,
.float-label-control.label-bottom textarea:not(.empty) + label { top: 3em; }

.form-control:focus {
    border-color: #aaa;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,0,0,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,0,0,.6);
}

  .imgbg {
                position: relative;
                overflow: hidden;
                transition: all .2s ease-in-out;
                flex: 0 0 100%;
                max-width: 100%;
                background-color: white;
            }

            .imgbg img{
                display: block;
                position: relative;
                min-width: 101%;
                /* height: 101%; */
                top: 50%;
                /* left: 50%; */

                z-index: 1;
                transition: all .6s ease-in-out;
                transform: translateX(0%) translateY(0%) scale(1);
                transform-origin: bottom;
                z-index: 1;
            }
            .imgbg:hover img{
                transform: scale(1.2);
                /*transform: translateX(-50%) translateY(-50%) scale(1.1);*/
            }


@keyframes float-labels {
    0% { opacity: 1; color: #b0b0b0;  font-size: 1.5em; }
    20% { font-size: 1.5em; opacity: 0; }
    50% { opacity: 0; font-size: 0.85em; }
    100% { opacity: 1; }
}

@-webkit-keyframes float-labels {
    0% { opacity: 1; color: #b0b0b0; font-size: 1.5em; }
    20% { font-size: 1.5em; opacity: 0; }
    50% { opacity: 0; font-size: 0.85em; }
    100% { opacity: 1; }
}

@keyframes float-labels-bottom {
    0% { opacity: 1; color: #b0b0b0; font-size: 1.5em; }
    20% { font-size: 1.5em; opacity: 0; }

    50% { opacity: 0; font-size: 0.85em; }
    100% {  opacity: 1; }
}

@-webkit-keyframes float-labels-bottom {
    0% { opacity: 1; color: #b0b0b0; top: 0.1em; font-size: 1.5em; }
    20% { font-size: 1.5em; opacity: 0; }
    50% { opacity: 0; font-size: 0.85em; }
    100% { opacity: 1; }
}

@media (min-width: 768px) {

    .col-sm-15 {
        width: 20%;
        float: left;
    }
    .col-md-6{
        width: 49%;
        float:left;
    }
}

@media  (min-width: 769px) and (max-width: 990px)  {
    .overlay-text {
        background : rgba(255,255,255,0.5);
        width: 42%;
        bottom: 140px;
    }


    .security .floatleft, .security .floatright {
        width: 98%;
        padding-left: 0;
        margin-left: 1%;
        padding-right: 0;
        margin-right: 1%;
        float: none;
        position: relative;
        bottom: 0;

    }
    .bgimg{
        height: 400px;
    }

}

@media (max-width: 990px) {
    .sharing li{
        margin-bottom: 10px;
    }
    .overlay-mini-text {
        background: rgba(255,255,255,0.4);
    }
    .contact .col-md-5:last-child {
        margin-top: 20px;
    }

    .col-md-15 {
        float: left;
    }
    

}

@media (max-width: 650px) {
    .overlay-mini-text {
        position: relative; 
        bottom: 0;
        padding: 25px;
      
        background: rgba(255,255,255,0.4);
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
        margin-bottom: 10px;
    }

}

@media (max-width: 768px) {
	.navbar-brand{padding:0;margin-top:15px;}
	.navbar-header
	{
		margin:0 !important;
		text-align:center;
		position:relative;
		z-index:500;
		
	}
	.burgerlabel
	{
		margin-right:15px !important;
	}
	#navbar
	{

		text-align:center;
		padding:0;
		margin:0
	}
	.nav
	{
		float:none !important;
		display:inline-block;
		position:relative;
		z-index:500
	}
	.slicknav_menu
	{
		position:absolute;
		right:0;
		z-index:50;
		width:100%
	}
	  .navbar-header{
        width: 80%;
    }
	.amb-holding
	{
		padding-bottom:23px;
	}
.slicknav_menu {
    padding:  0px !important;
}
.navmenu li > a {
    line-height: 2;
}
.dropdown-menu>li>a {
    line-height: 1.6 !important;
}


.slicknav_nav li:last-child{
    padding-bottom : 0px;
}
.slicknav_nav li
{
padding-bottom:5px;
}
nav
{
background:rgba(255,255,255,0.9)
}
.navmenu{margin:0}
  
    #navbar{
        float: right;
    }

    .nav li{
        float: left;
    }


    .navbar-nav{
        margin : 0;
    }
    .nav{
        float: left;
    }

    .contact {
        padding-left: 5px;
        padding-right: 5px;
    }
   
    .h1, h1 {
        margin-top: 10px;
    }
    .floatleft,.floatright{
        width: 98%;
        padding-left: 0;
        margin-left: 1%;
        padding-right: 0;
        margin-right: 1%;


    }

    .nav-pills>li>a{
        height: 85px;
    }


    .sb-search {
        min-width: 30px;
    }

    .sb-search-input{
        padding: 27px 31px 20px 28px !important; 
    }

    .overlay-text {
        position: relative;
        width: 80%;
        bottom: 0;
        margin-left: 10%;
        margin-right: 10%;

    }
    .overlay-text .text-right {
    text-align: center;
}

.overlay-text img {
    transition: all 0.5s ease-in-out;
    max-width: 100%;
}
    .projects{
        margin: 5px;
    }

    footer,footer .text-right {
        text-align: center;
        font-size: 14px;
    }

    header{
        position: relative;
    }
    #fullpage {
        margin-top: 0px;
    }
    .col-md-6 {

        width: 100%;
    }
    .order1,.order2{
        order: 1;
    }
    .flex-row{
        display: block !important;
    }
.clients .flex-row{
        display: flex !important;
    }
    .titleScope{
        margin-top: 20px;
        margin-left:0;
    }
    .titleheader {
        margin-top: 20px; 
        margin-bottom : 20px;
    }

    .col-md-15 {
        width: 33%;
    }
 
  


.navmenu li a.active {
    margin-left: 0px;
}

.bgimg{
    height : 200px;
}

.info-hotspot-modal .info-hotspot-header {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 10px;
    right: 10px;
    width: auto;
    height: 40px;

    background: #ed1f24;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
  
}
.info-hotspot-modal .info-hotspot-icon-wrapper {
   width: 25px;
height: 25px;
float: left;
margin:8px 6px;

}

.info-hotspot-modal .info-hotspot-title-wrapper {
 
    position: relative;
top: auto;
right: auto;
left:auto;
    float: left;
    font-size: 15px;
    padding: 0;
}
.info-hotspot-modal .info-hotspot-close-wrapper {
position: absolute;


    top: -6px;
    right: -5px;


width: 30px;
margin: 5px;
height: 30px;
background: transparent;
cursor: pointer;
float: left;
}

.info-hotspot-modal .info-hotspot-close-icon {
    width: 70%;
    height: 70%;
    margin: 15%;
}
}

@media (max-width: 500px) {
  
    .slicknav_menu{
        float: none;
    }
    .burgerlabel{
        margin: 0;
    }
    .nav{
     float: right;
    padding-top: 15px;
    margin-right: 15px;
    }
    .sb-search {
        height: 37px;
        margin-top: 25px;
    }
    .sb-search-input{
        padding: 15px 31px 0px 28px !important;
        height: 30px;
    }
    .nav>li>a {
            padding: 3px 5px;
    }

   
    .h1, h1 {
        margin-bottom: 10px;
    }
    .overlay-text h2 {
    font-size: 22px;
}
}
@media (max-width: 480px) {
    nav {

    top: 153px;
}
    .overlay-mini-text {
        position: relative; 
        bottom: 0;
        padding: 25px;
        background: rgba(255,255,255,0.4);
        width: 92%;
        margin-left: 4%;
        margin-top: 20px;
    }
    .col-md-15 {
        width: 50%;
    }
}

@media (max-width: 450px) {
    header{
        height:155px;

    }

    .column{
        display: none;
    }

    .burgerlabel {
        margin-top: 25px;
    }

    .nav>li>a {
        padding: 5px 5px;
    }

   #autorotateToggle,#fullscreenToggle{
        top: 60px;
    }

}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
	    .col-md-33 {
        width: 33.33%;
        float: left;
    }
}
.certifications .projects{
height:550px;
}
.certifications .projects img{
max-width:100%
}
@media (max-width: 992px) {
    .list2 .address:before {
    margin-top: -4px;
    position: absolute;
    width: 25px;
    height: 25px;
    background: url(../../images/location.png) no-repeat center center;
    background-size: cover;
}
  
    .list2 .email:before {
    left: 16px;
    width: 20px;
    height: 20px;
    background-size: cover;
    margin-top: 0px;
    }
    .list2 .phone:before {
    left: 12px;
    width: 25px;
    height: 25px;
    background-size: cover;
}
.list2 .mobile:before {

    left: 12px;
    width: 25px;
    height: 25px;
    background: url(../../images/mobile.png) no-repeat center center;
    content: "";
    background-size: cover;
    margin-top: -6px;
}
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }

}


.displaynone
{
	display:none
}
#contact-form .vError , #careers-form .vError , .box-form .form-inner .input-wrapper label .vError , #contact-form1 .vError
{
	border-bottom:1px solid red;
}

.FormResult  , .FormResult1
{
	color:green;
	padding-bottom:2rem;
	text-align:center;
        width: 100%;
    display: inline-block;
}
.form-error
{
	color:red;
}

.certifification h2
{
margin-bottom:40px
}
#contact-form
{
margin-top:25px;
}

.projects img
{
transition: all .2s ease-in-out;
max-width:140px}
.projects:hover img
{
transform: scale(1.1);
}
.sharing
{
padding-left:0
}

.display-icon circle:nth-child(2) {
    stroke-width: 2px;
    stroke: #ed1f24;
    stroke-linecap: round;
    stroke-dasharray: 40% 20% 80% 165%;
    stroke-dashoffset: -8%;
    transition: all .2s ease-in-out;
}

.readMore {
    border: 2px solid #e42b27;
    padding: 7px 53px;
    margin: 10px 0;
    color: #e42b27 !important;
    font-family: "LatoBold",sans-serif;
}
.relative
{
	position:relative
}
.solutions-back
{
	position:absolute;
	top:40px;
	left:0;
	z-index:10;
	

	 color: #ce202e !important;
}

.solutions-back i
{

    font-family: "LatoBold",sans-serif;
	font-style:normal;
		font-weight: normal;
    line-height: 1.8em !important;
}

.clients-logo img
{
	max-width:80%;
}

.img-responsive1
{

	max-height:500px;max-width:100%;
}
.slick-dots li button:before
{
	font-size:12px !important;
}
.slick-dots li.slick-active button:before
{
	color:#e42b27!important
}
.slick-dots li
{
	margin:0 !important
}
.social_menu_link
{
	display:none !important
}
@media (min-width: 768px) {

.img-responsive1
{
	max-width:100%;
	max-height:auto;
}	
}
.proj-slick img{
display:inline-block !important
}

.social_icon a {
    color: #bcbcbc;
    font-size: 18px;
}
.social_link
{
	margin-top: 20px;
	margin-right:0
}
.social_link a
{
	padding:5px;
}


.news .col-6 {
    display: inline-block;
    width: calc(50% - 5px);
    vertical-align: top;
	padding-right: 15px;
    padding-left: 15px;
}
.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.news-box {
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
    float: left;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out;
}
.news-box-href:hover img {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    -webkit-transition: all 0.5s ease-in-out;
}
.news-box img {
    max-width: 100%;
}
.news-box-href img {
    transition: all 0.5s ease-in-out;
}
.news-box-href {
    display: inline-block;
    overflow: hidden;
}
.news-box-information
{
	margin-bottom:20px;
}
.news-box-title {
    padding-bottom: 0;
    margin-bottom: 0;margin-top:0;
    line-height: 1.6;    font-size: 26px;
}
.news-box-desc {
    text-align: justify;
}.about-button {
    display: inline-block;
    cursor: pointer;
	border: 2px solid #e42b27;
    padding: 7px 53px;
    margin: 10px 0;
    color: #e42b27 !important;
    font-family: "LatoBold",sans-serif;
    background: linear-gradient(to right, #e42b27 50%, #fff 50%);
    background-size: 205% 100%;
    background-position: 99% 0%;
    text-transform: initial;
    transition: all .7s ease;    margin-top: 2rem;
}
.txt-cntr {
    text-align: center;
}

a:hover.about-button {
    color: #fff;
}
a:hover.about-button {
    background: #e42b27 !important;
	color:#FFF !important;
   /* transform: translateY(-4px);*/
}
.pb-3, .py-3 {
    padding-bottom: 1rem!important;
}
.pt-3, .py-3 {
    padding-top: 1rem!important;
}
.news
{
	margin-top:5px;
}
.footer_right
{
	width:100%;
	display:inline-block
}
.social-buttons a{
font-size:20px;
}

.blog_details img
{
	max-width:100%;
}

.blog_details .container
{
	margin:0
}
.blog_details_img
{

	    display: inline-block;
		width:100%
}
.fr{
	float:right;
}
.blog_details_desc
{
	margin-top:20px;
}
.teleblue
{
	padding-right:0
}
.newsletter_text
{
padding: 0 0 30px 0;
    display: inline-block;
    width: 100%;


}
.contact_email_a
{	
	padding-right: 0;
    display: inline-block;
    /*width: 11%;*/
}
.contact_email
{
    display: inline-block;
    width: 12%;
}
@media (max-width: 1199px) {
	/*.contact_email_a {
    width: 12.5%;*/
}
}
@media (max-width: 991px) {
/*	.contact_email_a {
    width: 16%;
}*/
	.contact_email {
    display: inline-flex;
}
}
@media (max-width: 730px) {
/*	.contact_email_a {
    width: 17%;
}*/
}
@media (max-width: 687px) {
	/*.contact_email_a {
    width: 19%;
}*/
}
@media (max-width: 614px) {
/*	.contact_email_a {
    width: 21%;
}*/
}
@media (max-width: 556px) {
/*	.contact_email_a {
    width: 23%;
}*/
}
@media (max-width: 508px) {
/*	.contact_email_a {
    width: 25%;
}*/
}
@media (max-width: 467px) {
	/*.contact_email_a {
    width: 27%;
}*/
}
@media (max-width: 432px) {
/*	.contact_email_a {
    width: 30%;
}*/
}
@media (max-width: 432px) {
/*	.contact_email_a {
    width: 33%;
}*/
}
@media (max-width: 354px) {
/*	.contact_email_a {
    width: 36%;
}*/
}
@media (max-width: 324px) {
/*	.contact_email_a {
    width: 39%;
}*/
}
@media (max-width: 768px) {
	nav {
    background: rgba(255,255,255,0.95);
}
	.news .col-6{width:100%}
	.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
	.social_menu_link a {
    margin: 0 10px;
}
	.social_link{display:none}
	.social_menu_link
{
	display:block !important
}
	
}