/* CSS Document */


@font-face {
    font-family: 'pf_din_textmedium';
    src: url('../fonts/pfdintextmedium-webfont.woff2') format('woff2'),
         url('../fonts/pfdintextmedium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'pf_din_textthin';
    src: url('../fonts/pfdintextthin-webfont.woff2') format('woff2'),
         url('../fonts/pfdintextthin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


html, body {
	height: 100%;
	min-height:100%;
	-webkit-text-size-adjust:none;
	-webkit-font-smoothing: antialiased !important;
	background:#fff;
}

img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

form {
	margin: 0px;
	padding: 0px;
}



body{
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 15px;
	color: #75828d;
}

body.locked{
	overflow:hidden;
	height:100vh;
}

a {
	text-decoration: none;
	outline: none;
	font-family: Arial;
	font-size: 15px;
	color: #75828d;
	cursor:pointer !important;
}

a u{
	text-decoration:none;
}




.clear {
	clear: both;
}

ul, li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	line-height:normal;
	font-size: 15px;
	font-family: Arial;
}

html,body{
	min-height:600px;
}

#wrapper {
	position: relative;
	width:100%;
	min-height:100%;
	padding: 0px;
	margin: 0 auto 0 auto;
	padding:0px 0 0px 0;
	overflow:hidden;
	background: #fff;
	padding:0 0 0px 0;
	min-width:960px;
}




* {
  -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline:none;
}

.mob,
.tabl{
	display:none;
}



/* //////////////////////////////////////////////// */


.page{
	position:relative;
}


.region-content .block{

}

body{
	padding:70px 0 0 0;
}

#branding{
	position:fixed;
	left:50%;
	margin:0 0 0 -590px;
	top:16px;
	height:70px;
	height: 40px;
	line-height: 40px;
	z-index: 110;
	cursor:pointer;
}

#branding img{
	/*width:197px;*/
	width: 306px;
	height:auto;
	vertical-align: middle;
}
#branding-region-two img {
	width: 89px;
	height:auto;
	vertical-align: middle;
}
#branding-region,
#branding-region-two {
	display: inline-block;
}
.cog--mq.mq-branding {
	font-size: 0;
	line-height: 0;
	vertical-align: middle;
  	display: inline-block;
}
#branding-region {
  margin-right: 40px;
}

#header{
	height:70px;
	position:relative;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	z-index: 100;
	background:#fff;
	border-bottom: 1px solid #f2f2f2;
}

#header #header-region{
	margin:0 auto 0 auto;
	max-width:1180px;
	text-align:right;
	
}

#block-cosmote-main-menu li{
	display:inline-block;
	vertical-align:top;
	margin:0px;
	padding:0px;
	position:relative;
}

#block-cosmote-main-menu li ul{
	display:none;
	position:absolute;
	width:240px;
	top:100%;
	left:50%;
	-ms-transform: translate(-50%, -0%);
	-webkit-transform: translate(-50%, -0%);
	transform: translate(-50%, -0%);
	padding:10px 0 0 0;
	
}

#block-cosmote-main-menu li ul li.mob{
	display:none;
}

#block-cosmote-main-menu li:hover ul{
	display:block;
}

#block-cosmote-main-menu li ul li{
	display:block;
	text-align:left;
	background:#fff;
}

#block-cosmote-main-menu li ul li:first-child{
	padding-top:20px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

#block-cosmote-main-menu li ul li:last-child{
	padding-bottom:20px;

	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}



#block-cosmote-main-menu li ul li a{
	display:block;
	padding:15px 30px 15px 70px;
	width:100%;
	font-size:13px;
	color:#192e41;
	font-weight:bold;
	height:auto;
	line-height:normal;
	background-size:auto 25px;
	background-position:28px center;
	background-repeat:no-repeat;
}

#block-cosmote-main-menu li ul li a[data-drupal-link-system-path="node/16"]{
	background-image: url("../images/Business-Analysis-hub_1.png");
	background-position:34px center;
	background-size:auto 26px;
}

#block-cosmote-main-menu li ul li a[data-drupal-link-system-path="node/2"]{
	background-image: url("/sites/default/files/2019-10/Cloud-and-Infrastructure-hub.png");
}

#block-cosmote-main-menu li ul li a[data-drupal-link-system-path="node/25"]{
	background-image: url("/sites/default/files/2019-10/Connectivity-Services-hub.png");
	background-position:30px center;
}

#block-cosmote-main-menu li ul li a[data-drupal-link-system-path="node/26"]{
	background-image: url("/sites/default/files/2019-10/Digital-Workspace-hub.png");
	background-position:30px center;
}

#block-cosmote-main-menu li ul li a[data-drupal-link-system-path="node/13"]{
	background-image: url("/sites/default/files/2019-10/Managed-Services-hub.png");
}

#block-cosmote-main-menu li ul li a[data-drupal-link-system-path="node/27"]{
	background-image: url("/sites/default/files/2019-10/Security-hub.png");
	background-position:32px center;
}




#block-cosmote-main-menu > .menu > li:nth-child(3) > a{
	
	/* background: url("../images/icon-mnu-arrow.png") no-repeat center 50px; */
}

#block-cosmote-main-menu li ul li a.is-active::after{
	display:none;
}




#block-cosmote-main-menu li a i{
	background: url("../images/icon-home.png") no-repeat center center;
	background-size:contain;
	width: 30px;
	height: 30px;
	border:0px !important;
	display:inline-block !important;
	vertical-align:middle;
}


#block-cosmote-main-menu li a{
	display:block;
	height:70px;
	line-height:70px;
	position:relative;
	font-size:11px;
	font-weight:bold;
	color:#828282;
	padding:0 20px 0 20px;
	cursor:pointer;
}

#block-cosmote-main-menu li a.is-active,
#block-cosmote-main-menu li.active a{
	color:#192e41;
}



#block-cosmote-main-menu li a:hover{
	text-decoration:none;
	color:#192e41;
}

#block-cosmote-main-menu li a.is-active::after,
#block-cosmote-main-menu li.active a::after{
	content:"";
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:10px;
	background:#d1d5d9;
}

#block-cosmote-main-menu li ul li a.is-active::after,
#block-cosmote-main-menu li.active ul li a::after{
	display:none !important;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */

#footer{
	background:#0b1a27;
	color:#fff;
	padding:45px 20px 50px 20px;
	position:relative;
}

#footer .region-footer{
	max-width:1180px;
	margin:0 auto 0 auto;
	position:relative;
}


#footer .logo{
	width:200px;
	height:auto;
}

#block-footer-logo{
	display:inline-block;
	vertical-align:top;
	width:300px;
}

#block-cosmote-footer{
	display:inline-block;
	vertical-align:top;
	width:390px;
}

#block-contactus{
	display:inline-block;
	vertical-align:top;
	width:450px;
	color:#c0c0c0;
	font-size:13px;
}

#block-social{
	position:absolute;
	right:0px;
	top:0%;
	text-align:center;
	line-height:30px;
}

#block-social a{
	border:0px !important;
}

#block-cosmote-footer h2,
#block-contactus h2{
	color:#fff;
	font-size:11px;
	font-weight:bold;
	padding:0 0 10px 0;
}

#block-cosmote-footer li{
	display:inline-block;
	vertical-align:top;
	padding:0 20px 0 0 ;
	margin:0px;
}


#block-cosmote-footer a,
#block-contactus a{
	color:#c0c0c0;
	font-size:13px;
}

#block-contactus .row{
	padding:0 0 0 25px;
}

#block-contactus .icon{
	color:#fff;
	font-size:15px;
	float:left;
	margin:0 0 0 -25px;
}

#block-contactus .row-2 .icon{
	margin:0 0 0 -23px;
}


/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */




.node--type-hub-page{
	padding:0px 0 25px 0;
	font-size:27px;
	color:#192e41;
	line-height:39px;
}

.node--type-hub-page p{
	margin:0px;
	padding:0px;

}

.node--type-hub-page header,
.node--type-service header,
.node--type-project header,
.node--type-company header{
	height:460px;
	position:relative;
}

.node--type-hub-page header img,
.node--type-service header img,
.node--type-project header img,
.node--type-company header img{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	object-fit: cover;
}

.node--type-hub-page header h1,
.node--type-service header h1,
.node--type-project header h1,
.node--type-project header h2,
.node--type-company header h1{
	position:absolute;
	left:50%;
	top:50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size:31px;
	font-weight:bold;
	z-index: 10;
	color:#fff;
	width:100%;
	max-width:700px;
	padding:0 20px 0 20px;
	text-align:center;

	font-size:31px;
	font-weight:bold;
	color:#fff;
	text-shadow: 2px 2px 10px #000;
}

.node--type-hub-page header h1 a,
.node--type-service header h1 a,
.node--type-project header h1 a,
.node--type-project header h2 a,
.node--type-company header h1 a{
	font-size:31px;
	font-weight:bold;
	color:#fff;
	text-shadow: 2px 2px 10px #000;
}


.node--type-service header h1 a{
	text-align:center;
	text-shadow: 0px 2px 15px #000000;
}

.node--type-hub-page header h1 a:hover,
.node--type-service header h1 a:hover,
.node--type-project header h1 a:hover,
.node--type-project header h2 a:hover,
.node--type-company header h1 a:hover{
	color:#fff;
	text-decoration:none;
}

.node--type-hub-page .content{
	max-width:1220px;
	margin:0 auto 0 auto;
	padding:50px 20px 0px 20px;
}

.page-node-6 .node--type-hub-page .content{
	max-width:1040px;
	margin:0 auto 0 auto;
	padding:50px 20px 50px 20px;
}


.page-node-4 .node--type-hub-page .content .subtitle{
	display:inline-block;
	vertical-align:top;
	width:600px;
	padding:0 50px 0 0;
}


/*
.page-node-6 .node--type-hub-page .content .subtitle .field--name-field-subtitle{
	font-size: 27px;
    color: #192e41;
    line-height: 39px;
    font-weight:bold;
}
*/
.page-node-4 .node--type-hub-page .content .description{
	display:inline-block;
	vertical-align:top;
	width:560px;
}

/*
.page-node-6 .node--type-hub-page .content .subtitle{
	padding:0 0 10px 0;
}

.page-node-6 .node--type-hub-page .content .description{

}
*/

.page-node-4 .node--type-hub-page .content .description/*,
.page-node-6 .node--type-hub-page .content .description*/{
	font-size:16px;
	line-height:26px;
	color:#727276;
}


.view-hub-services,
#block-views-block-more-services-entity-ref-block-1,
#block-views-block-duplicate-of-hub-services-block-1 {
	max-width:1180px;
	max-width:1206px;
	margin:0 auto 0 auto;
	font-size:0px;
	padding:0 0 50px 0;
}

#block-views-block-more-services-entity-ref-block-1,
#block-views-block-duplicate-of-hub-services-block-1 {
	padding:40px 0 40px 0;
	text-align:center;
}

#block-views-block-more-services-entity-ref-block-1 h2,
#block-views-block-duplicate-of-hub-services-block-1 h2{
	font-size:31px;
	font-weight:bold;
	text-align:center;
	padding:0 0 25px 0;
}




.view-hub-services .views-row,
#block-views-block-more-services-entity-ref-block-1 .views-row,
#block-views-block-duplicate-of-hub-services-block-1 .views-row{
	margin:0 12px 24px 12px;
	border:1px solid #dadce0;
	width:378px;
	width: calc(33.3% - 24px);
	font-size:15px;
	display:inline-block;
	vertical-align:top;
	text-align:center;
}

.view-hub-services .views-row .icon,
#block-views-block-more-services-entity-ref-block-1 .views-row .icon,
#block-views-block-duplicate-of-hub-services-block-1 .views-row .icon{
	height:94px;
	position:relative;
}

.view-hub-services .views-row .icon img,
#block-views-block-more-services-entity-ref-block-1 .views-row .icon img,
#block-views-block-duplicate-of-hub-services-block-1 .views-row .icon img{
	position:absolute;
	left:50%;
	top:50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height:40px;
	width:auto;
	display:block;
}

.view-hub-services .views-row .text,
#block-views-block-more-services-entity-ref-block-1 .views-row .text,
#block-views-block-duplicate-of-hub-services-block-1 .views-row .text{
	line-height:26px;
	padding:0 30px 0 30px;
	min-height:220px;
	position:relative;
}

.view-hub-services .views-row .text h3 a,
#block-views-block-more-services-entity-ref-block-1 .views-row .text h3 a,
#block-views-block-duplicate-of-hub-services-block-1 .views-row .text h3 a{
	font-size:21px;
	color:#192e41;
	font-weight:bold;
	line-height:29px;
	padding:0 0 4px 0;
}

.view-hub-services .views-row .text h3,
#block-views-block-more-services-entity-ref-block-1 .views-row .text h3,
#block-views-block-duplicate-of-hub-services-block-1 .views-row .text h3{
	font-size:21px;
	color:#192e41;
	font-weight:bold;
	line-height:29px;
	font-family:Arial;
}

.view-hub-services .views-row .text .desc,
#block-views-block-more-services-entity-ref-block-1 .views-row .text .desc,
#block-views-block-duplicate-of-hub-services-block-1 .views-row .text .desc{
	font-size:14px;
	line-height:20px;
}

.view-hub-services .views-row .text .btn a,
#block-views-block-more-services-entity-ref-block-1 .views-row .text .btn a,
#block-views-block-duplicate-of-hub-services-block-1 .views-row .text .btn a{
	position:absolute;
	bottom:30px;
	left:50%;
	font-size:14px;
	height:35px;
	line-height:33px;
	border:1px solid #192e41;
	color:#192e41;
	display:block;
	-ms-transform: translate(-50%, -0%);
	-webkit-transform: translate(-50%, -0%);
	transform: translate(-50%, -0%);
	padding:0 15px 0 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	cursor:pointer;

	-webkit-transition: all 200ms;
	   -moz-transition: all 200ms;
	     -o-transition: all 200ms;
	        transition: all 200ms; 
}

.view-hub-services .views-row .text .btn a:hover,
#block-views-block-more-services-entity-ref-block-1 .views-row .text .btn a:hover,
#block-views-block-duplicate-of-hub-services-block-1 .views-row .text .btn a:hover{
	text-decoration:none;
	background:#192e41;
	color:#fff;
}




/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */



.node--type-service{
	
}


.node--type-service .row-first.row-wrapper{
	max-width:1220px;
	margin:0 auto 0 auto;
	padding:45px 20px 62px 20px;
}

.node--type-service .row-first.row-wrapper .icon-title{

}

.node--type-service .row-first.row-wrapper .icon-title .icon{
	display:inline-block;
	vertical-align:middle
}

.node--type-service .row-first.row-wrapper .icon-title .icon img{
	width:35px;
	height:auto;
}

.node--type-service .row-first.row-wrapper .icon-title .small-title{
	display:inline-block;
	vertical-align:middle;
	color:#192e41;
	font-size:24px;
	font-weight:bold;
	padding:0 0 0 10px;
}

.node--type-service .row-first.row-wrapper .subtitle{
	color:#192e41;
	font-size:24px;	
	padding:10px 0 0 0 ;
	line-height:normal;
	line-height:37px;
}

.node--type-service .row-first.row-wrapper .subtitle p{
	margin:0px;
	padding:0px;
}




.node--type-service .features.row-wrapper{
	max-width:1220px;
	margin:0 auto 0 auto;
	padding:0 20px 30px 20px;
	font-size:0px;
}


.node--type-service .features.row-wrapper .field--name-field-features-with-icons .field--name-field-features-with-icons{
	display:inline-block;
	vertical-align:top;
	width:50%;
	margin:0 0 30px 0;
}

.node--type-service .features.row-wrapper .field--name-field-features-with-icons .field--name-field-icon{
	display:inline-block;
	margin:0 20px 0 0;
	vertical-align:middle;
	line-height:normal;
}

.node--type-service .features.row-wrapper .field--name-field-features-with-icons .field--name-field-icon img{
	width:27px;
	height:auto;
}

.node--type-service .features.row-wrapper .field--name-field-features-with-icons .field--name-field-description{
	display:inline-block;
	width:480px;
	vertical-align:middle;
	font-size:15px;
	line-height:23px;
	color:#415163;
}



.node--type-service .features.row-wrapper .field--name-field-features-with-icons .field--name-field-description p{
	margin:0px;
	padding:0px;
}




.node--type-service .text.row-wrapper{
	background:#f4f8fb;
	padding:55px 0 55px 0;
	padding:0px;
	font-size:0px;
	text-align:center;
	min-height:550px;
	margin-bottom:50px;
}

.node--type-service .text.row-wrapper .left{
	width:700px;
	display:inline-block;
	vertical-align:top;
	text-align:left;
	font-size:15px;
	padding:120px 60px 0 0;
	line-height:32px;
}

.node--type-service .text.row-wrapper .left h6{
	font-size:26px;
	line-height:35px;
	padding:0 0 20px 0 ;
	color:#192e41;
}

.node--type-service .text.row-wrapper .left li{
	list-style-type:disc;
	margin:0 0 0 15px;
}

.node--type-service .text.row-wrapper .right{
	width:480px;
	display:inline-block;
	vertical-align:top;
	position:relative;
}

.node--type-service .text.row-wrapper .right img{
	position:absolute;
	display:block;
	left:0px;
	top:55px;
	width:570px;
	height:auto;
}



/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */




#block-views-block-hub-projects-block-1 .hub-projects.promoted{
	max-width:1020px;
	margin:0 auto 0 auto;
	position:relative;
	padding:100px 20px 0 20px;
	min-height:640px;
}

#block-views-block-hub-projects-block-1 .hub-projects.promoted .text {
	padding:0 530px 0 0;
	margin:0 auto 0 auto;
}

#block-views-block-hub-projects-block-1 .hub-projects.promoted .text h1{
	font-size:31px;
	color:#192e41;
	font-weight:bold;
	line-height:40px;
	    padding: 0 0 15px 0;
}

#block-views-block-hub-projects-block-1 .hub-projects.promoted .text p{
	margin:0px;
	padding:0px;
}

#block-views-block-hub-projects-block-1 .hub-projects.promoted .text .teaser{
	font-size:15px;
	line-height:26px;
}

#block-views-block-hub-projects-block-1 .hub-projects.promoted .text .teaser .btn{
	padding:15px 0 0 0;
}

#block-views-block-hub-projects-block-1 .hub-projects.promoted .text .teaser .btn a{
	font-size:14px;
	height:35px;
	line-height:33px;
	border:1px solid #192e41;
	color:#192e41;
	display:inline-block;
	padding:0 15px 0 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	cursor:pointer;

	-webkit-transition: all 200ms;
	   -moz-transition: all 200ms;
	     -o-transition: all 200ms;
	        transition: all 200ms; 
}

#block-views-block-hub-projects-block-1 .hub-projects.promoted .text .teaser .btn a:hover{
	text-decoration:none;
	background:#192e41;
	color:#fff;
}



#block-views-block-hub-projects-block-1 .hub-projects.promoted .text .image{
	position:absolute;
	left:50%;
	top:-30px;
	width:580px;
	height:580px;
}

#block-views-block-hub-projects-block-1 .hub-projects.promoted .text .image a{
	display:block;
}

#block-views-block-hub-projects-block-1 .hub-projects.promoted .project-details{
	position:absolute;
	bottom:60px;
	left:50%;
	-ms-transform: translate(-50%, -0%);
	-webkit-transform: translate(-50%, -0%);
	transform: translate(-50%, -0%);
	width:500px;
	color:#fff;
	text-align:center;
	padding:35px 0 35px 0;
	background:#122e43;
	font-size:0px;

}

#block-views-block-hub-projects-block-1 .hub-projects.promoted .project-name{
	border-left:1px solid #8c99a5;
	width: 260px;
    text-align: left;
}

#block-views-block-hub-projects-block-1 .hub-projects.promoted .client-name,
#block-views-block-hub-projects-block-1 .hub-projects.promoted .project-name{
	display:inline-block;
	vertical-align:top;
	padding:0 24px 0 24px;
	font-size:15px;
	width:180px;
	text-align:left;
}

#block-views-block-hub-projects-block-1 .hub-projects.promoted .project-name{
	width:290px;
}

#block-views-block-hub-projects-block-1 .hub-projects.promoted .client-name .label,
#block-views-block-hub-projects-block-1 .hub-projects.promoted .project-name .label{
	font-size:11px;
	color:#8c99a5;
	font-weight:bold;
}

#block-views-block-hub-projects-block-1 .hub-projects.promoted .client-name .name,
#block-views-block-hub-projects-block-1 .hub-projects.promoted .project-name .name{
	font-size:15px;
	color:#fff;
}







#block-views-block-hub-projects-block-1 > div > .front-block{
	max-width:1180px;
	margin:0 auto 0 auto;
}


.view-hub-projects{
	padding:0 0 20px 0;
}


#block-views-block-hub-projects-block-2{

}


#block-views-block-hub-projects-block-2,
#block-views-block-more-projects-block-2,
#block-views-block-more-projects-entity-ref-block-1 {
	max-width:1204px;
	margin:0 auto 0 auto;
	font-size:0px;
}

#block-views-block-more-projects-block-2,
#block-views-block-more-projects-entity-ref-block-1  {
	padding:55px 0 0 0;
}

#block-views-block-more-projects-block-2 h2,
#block-views-block-more-projects-entity-ref-block-1 h2{
	font-size:31px;
	font-weight:bold;
	text-align:center;
	padding:0 0 40px 0;
}

#block-views-block-hub-projects-block-2  .views-row,
#block-views-block-more-projects-block-2 .views-row,
#block-views-block-more-projects-entity-ref-block-1 .views-row{	
	width:538px;
	width:calc(50% - 64px);
	display:inline-block;
	vertical-align:top;
	/*height:430px;*/
	margin:0 32px 115px 32px;
	font-size:15px;
	position:relative;
	padding:0 0 0px 0;
}

#block-views-block-hub-projects-block-2  .views-row img,
#block-views-block-more-projects-block-2  .views-row img,
#block-views-block-more-projects-entity-ref-block-1 .views-row img{
	display:block;
	width:100%;
	height:100%;
}	

#block-views-block-hub-projects-block-2  .views-row > .text,
#block-views-block-more-projects-block-2  .views-row > .text,
#block-views-block-more-projects-entity-ref-block-1 .views-row > .text,
.carousel#our-projects .carousel-inner .views-row .text{
	display:block;
	width:100%;
	background:#192e41;
	position:absolute;
	/*top:320px;*/
	bottom:-75px;
	right:-20px;
	height:130px;
	padding:0px 160px 0 35px;
	color:#fff;
}	

#block-views-block-hub-projects-block-2  .views-row > .text h3,
#block-views-block-more-projects-block-2  .views-row > .text h3,
#block-views-block-more-projects-entity-ref-block-1 .views-row > .text h3,
.carousel#our-projects .carousel-inner .views-row .text h3{
	font-weight:bold;
	color:#ffffff;
	line-height:29px;
	font-size:19px;
	position:relative;
	top:50%;
	-ms-transform: translate(-0%, -50%);
	-webkit-transform: translate(-0%, -50%);
	transform: translate(-0%, -50%);
}

#block-views-block-hub-projects-block-2  .views-row > .text h3 p,
#block-views-block-more-projects-block-2  .views-row > .text h3 p,
#block-views-block-more-projects-entity-ref-block-1 .views-row > .text h3 p,
.carousel#our-projects .carousel-inner .views-row .text h3 p{
	margin:0px;
	padding:0px;
}

#block-views-block-hub-projects-block-2  .views-row > .text .btn a,
#block-views-block-more-projects-block-2  .views-row > .text .btn a,
#block-views-block-more-projects-entity-ref-block-1 .views-row > .text .btn a,
.carousel#our-projects .carousel-inner .views-row .text .btn a{
	position:absolute;
	top:50%;
	right:35px;
	font-size:14px;
	height:35px;
	line-height:33px;
	border:1px solid #75828d;
	color:#fff;
	display:block;
	-ms-transform: translate(-0%, -50%);
	-webkit-transform: translate(-0%, -50%);
	transform: translate(-0%, -50%);
	padding:0 15px 0 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	cursor:pointer;

	-webkit-transition: all 200ms;
	   -moz-transition: all 200ms;
	     -o-transition: all 200ms;
	        transition: all 200ms; 
}

#block-views-block-hub-projects-block-2 .views-row > .text .btn a:hover,
#block-views-block-more-projects-block-2 .views-row > .text .btn a:hover,
#block-views-block-more-projects-entity-ref-block-1 .views-row > .text .btn a:hover,
.carousel#our-projects .carousel-inner .views-row .text .btn a:hover{
	text-decoration:none;
	background:#75828d;
	color:#fff;
}





/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */





.node--type-project{

}


.node--type-project .need.row-wrapper{
	background:#f4f8fb;
	font-size:0px;
	text-align:center;
	padding:110px 0 40px 0;
}

.node--type-project .need.row-wrapper .logo-subtitle{
	display:inline-block;
	vertical-align:top;
	width:500px;
	font-size:15px;
	text-align:left;
}

.node--type-project .need.row-wrapper .logo-subtitle .logo{
	margin:-60px 0 0 0;
}

.node--type-project .need.row-wrapper .logo-subtitle .logo img{
	height:50px;
	width:auto;
	margin:0 0 5px 0;
}

.node--type-project .need.row-wrapper .logo-subtitle .subtitle,
.node--type-project .need.row-wrapper .logo-subtitle .subtitle h1{
	font-size:31px;
	line-height:40px;
	color:#192e41;
	font-weight:bold;
}

.node--type-project .need.row-wrapper .logo-subtitle .subtitle p,
.node--type-project .need.row-wrapper .logo-subtitle .subtitle h1 p{
	margin:0px;
	padding:0px;
}

.node--type-project .need.row-wrapper .the-need{
	display:inline-block;
	vertical-align:top;
	width:580px;
	font-size:15px;
	text-align:left;
}

.node--type-project .need.row-wrapper .the-need .field__label{
	font-size:18px;
	color:#3b61a6;
	font-weight:bold;
}


.node--type-project .services.row-wrapper{
	max-width:1020px;
	margin:0 auto 0 auto;
	padding:55px 20px 20px 20px;
	font-size:15px;
	line-height:28px;
	color:#75828d;
}

.node--type-project .services.row-wrapper .field__label{
	font-size:18px;
	color:#3b61a6;
	font-weight:bold;
}



.node--type-project .services.row-wrapper li{
	border-top:1px solid #dadce0;
	padding:20px 0 20px 80px;
	position:relative;
}

.node--type-project .services.row-wrapper li img{
	position:absolute;
	left:25px;
	top:50%;

	-ms-transform: translate(-0%, -50%);
	-webkit-transform: translate(-0%, -50%);
	transform: translate(-0%, -50%);

	width:30px;
	height:auto;
}

.node--type-project .services.row-wrapper li:first-child{
	border:0px;
}

.node--type-project .services.row-wrapper li strong{
	font-size:17px;
	font-weight:bold;
	color:#192e41;
	display:block;
}

.node--type-project .services.row-wrapper h6{
	font-size:15px;
	font-weight:bold;
	color:#192e41;
	padding:20px 0 10px 0;
}


.node--type-project .benefits.row-wrapper{
	background:#f4f8fb;
	max-width:1265px;
	margin:0 auto 0 auto;
	padding:33px 0 33px 0;
}

.node--type-project .benefits.row-wrapper .text{
	max-width:1020px;
	margin:0 auto 0 auto;
	padding:0 20px 0 20px;
	font-size:15px;
	line-height:28px;
	color:#75828d;
}

.node--type-project .benefits.row-wrapper .text .field__label{
	font-size:18px;
	color:#3b61a6;
	font-weight:bold;
}

/*
.node--type-project .projects-lists{
	padding:40px 0 0 0;
}

.node--type-project .projects-lists .projects-lists-title{
	font-size:15px;
	font-weight:bold;
	color:#192e41;
	padding:0 0 10px 0;
}

.node--type-project .projects-lists .item{
	border-top:1px solid #dadce0;
	padding:20px 0 20px 30px;
}

.node--type-project .projects-lists .item:first-child{
	border:0px;
}

.node--type-project .projects-lists .item .item-title{
	font-size:17px;
	font-weight:bold;
	color:#192e41;
}
*/





/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */




.nodetype--page #block-cosmote-page-title h1{
	font-size:32px;
	color:#192e41;
	font-weight:bold;
	padding:90px 20px 30px 20px;
	margin:0 auto 0 auto;
	max-width:1020px;
}

.nodetype--page  #block-cosmote-content .field--type-text-with-summary{
	font-size:14px;
	color:#75828d;
	line-height:26px;
	padding:0 20px 100px 20px;
	margin:0 auto 0 auto;
	max-width:1020px;
}

.nodetype--page #block-cosmote-content .field--type-text-with-summary tbody{
	border:0px;
}

.nodetype--page #block-cosmote-content .field--type-text-with-summary table{
	width:100% !important;
	border:0px;
	border-top:1px solid #c8c8c8 !important;
	border-left:1px solid #c8c8c8 !important;
}


.nodetype--page #block-cosmote-content .field--type-text-with-summary table td{
	
	border-right:1px solid #c8c8c8;
	border-bottom:1px solid #c8c8c8;
	padding:10px;
}


.nodetype--page  #block-cosmote-content .field--type-text-with-summary li{
	list-style-type:disc;
	margin:0 0 0 15px;
}


/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */

#block-cosmote-breadcrumbs,
#block-breadcrumbs{
	position:absolute;
	top:55px;
	top: 70px;
	left:0%;
	margin:0;
	font-size:11px;
	font-weight:bold;
	color:#828282;
	z-index: 90;
	background: #fff9;
	height:55px;
	width:100%;
	padding:0px;
	overflow:hidden;
}



#block-cosmote-breadcrumbs ol,
#block-breadcrumbs ol{
	margin:0px;
	padding:0px;
}

#block-cosmote-breadcrumbs nav,
#block-breadcrumbs nav{
	position:absolute;
	top:0px;
	left:50%;
	margin:0 0 0 -590px;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	height:60px;
	line-height:60px;
	height:50px;
	line-height:50px;
}

#block-cosmote-breadcrumbs a,
#block-breadcrumbs a{
	font-size:11px;
	font-weight:bold;
	color:#828282;
}

#block-cosmote-breadcrumbs li,
#block-breadcrumbs li{
	display:inline-block;
	background: url("../images/icon-arrow-grey.png") no-repeat left center;
	background-size:auto 9px;
	padding:0 10px 0 15px;
	color:#828282;
	margin: 0px;
}

#block-cosmote-breadcrumbs li:first-child,
#block-breadcrumbs li:first-child{
	padding:0px 10px 0 0;
	background:none;
} 

.nodetype--hub_page #block-cosmote-breadcrumbs,
.nodetype--hub_page #block-cosmote-breadcrumbs a{
	color:#828282;
}


/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */



.node--type-company .content{
	max-width:1040px;
	margin:0 auto 0 auto;
	padding:50px 20px 50px 20px;
} 

.node--type-company .content .field--type-text-with-summary{
	font-size:14px;
	line-height:26px;
}


.subtitle-quote.row-wrapper,
.page-node-6 .node--type-hub-page .row-wrapper{
	font-size:0px;
	padding:0 0 60px 0;
}

.subtitle-quote.row-wrapper p,
.page-node-6 .node--type-hub-page .row-wrapper p{
	margin:0px;
	padding:0px;
}



.subtitle-quote.row-wrapper .subtitle,
.page-node-6 .node--type-hub-page .content .subtitle{
	display:inline-block;
	vertical-align:top;
	width:400px;
	font-size:32px;
	color:#192e41;
	font-weight:bold;
}


.subtitle-quote.row-wrapper .quote,
.page-node-6 .node--type-hub-page .content .description{
	display:inline-block;
	vertical-align:top;
	width:calc(100% - 400px);
	font-size:18px;
	line-height:29px;
	color:#192e41;
	font-weight:bold;
	position:relative;
}

.subtitle-quote.row-wrapper .quote a,
.page-node-6 .node--type-hub-page .content .description a{
	font-size:18px;
	color:#192e41;
}



.subtitle-quote.row-wrapper .quote::before/*,
.page-node-6 .node--type-hub-page .content .description::before*/{
	content:"";
	position:absolute;
	left: -20px;
    top: 5px;
	background: url("../images/icon-quote1.png") no-repeat center center;
	background-size:contain;
	width: 25px;
	height: 23px;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


.subtitle-quote.row-wrapper .quote > div p:last-child::after/*,
.page-node-6 .node--type-hub-page .content .description p:last-child::after*/{
	content:"";
	background: url("../images/icon-quote2.png") no-repeat center center;
	background-size:contain;
	width: 25px;
	height: 23px;
	display:inline-block;
	vertical-align:middle;
	margin: 0 0px -7px 10px;
}



/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */




body.frontpage .hero{
	height:calc(100vh - 70px);
	height:640px;
	position:relative;
}


body.frontpage .hero::after{
	content:"SCROLL";
	position:absolute;
	bottom:20px;
	left:50%;
	z-index: 30;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	padding:27px 0 0 0;
	background: url("../images/icon-scroll.png") no-repeat center top;
	background-size:8px auto;
}

body.frontpage .hero .view-content{

}

body.frontpage .hero .view-content .item{
	
}

body.frontpage .hero .view-content .item .overlay{
	position:absolute;
	z-index: 20;
	width:410px;
	left:50%;
	top:50%;
	margin:0 0 0 -590px;
	-ms-transform: translate(-0%, -50%);
	-webkit-transform: translate(-0%, -50%);
	transform: translate(-0%, -50%);
	color:#fff;
}

body.frontpage .hero .view-content .item .overlay p{
	margin:0px;
	padding:0px;
}

body.frontpage .hero .view-content .item .overlay h1,
body.frontpage .hero .view-content .item .overlay h2{
	font-size:36px;
	line-height:48px;
	font-weight:bold;
	color:#fff;
	padding: 0 0 10px 0;
}

body.frontpage .hero .view-content .item .overlay .desc{
	font-size:15px;
	line-height:26px;
	color:#fff;
	padding: 0 0 20px 0;
}


body.frontpage .hero .view-content .item .overlay .btn a{
	font-size:14px;
	height:35px;
	line-height:33px;
	border:1px solid #75828d;
	color:#fff;
	display:inline-block;
	padding:0 15px 0 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	cursor:pointer;

	-webkit-transition: all 200ms;
	   -moz-transition: all 200ms;
	     -o-transition: all 200ms;
	        transition: all 200ms; 
}

body.frontpage .hero .view-content .item .overlay .btn a:hover{
	text-decoration:none;
	background:#75828d;
}



body.frontpage .hero .view-content .item .image img{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	object-fit: cover;
	z-index: 10;
	display:block;
}


.feed-icons{
	display:none;
}



/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */



#block-views-block-front-company-block-1{
	padding:70px 0 120px 0;

	max-width: 1500px;
    margin: 0 auto;

}


#block-views-block-front-company-block-1 .item{
	font-size:0px;
	height:620px;
}

#block-views-block-front-company-block-1 .item .image{
	display:inline-block;
	height:620px;
	width:50%;
	vertical-align:middle;
	position:relative;


}

#block-views-block-front-company-block-1 .item .image img{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	object-fit: cover;
	z-index: 10;
	display:block;
}

#block-views-block-front-company-block-1 .item .block-header.right{
	display:inline-block;
	width:50%;
	vertical-align:middle;
	position:relative;
	padding:0 100px 0 120px;
	font-size:14px;
	color:#75828d;
}

#block-views-block-front-services-block-1 .block-header{
	padding:0 20px 50px 20px;
	max-width:1120px;
	margin:0 auto 0 auto;
	width:auto;
}

#block-views-block-front-projects-block-1 .block-header{
	padding:40px 20px 50px 20px;
	max-width:1120px;
	margin:0 auto 0 auto;
	width:auto;
}

#block-views-block-front-company-block-1 .item .block-header.right p,
#block-views-block-front-services-block-1 .block-header p,
#block-views-block-front-projects-block-1 .block-header p,
#block-views-block-front-certifications-block-1 .view-front-certifications .attachment-after .block-header p{
	margin:0px;
	padding:0px;
}

#block-views-block-front-company-block-1 .item .block-header.right .subtitle,
#block-views-block-front-services-block-1 .block-header .subtitle,
#block-views-block-front-projects-block-1 .block-header .subtitle,
#block-views-block-front-certifications-block-1 .view-front-certifications .attachment-after .block-header .subtitle{
	font-size:14px;
	color:#2b2b2b;
	padding-bottom: 10px;

}

#block-views-block-front-company-block-1 .item .block-header.right .title,
#block-views-block-front-services-block-1 .block-header h2,
#block-views-block-front-projects-block-1 .block-header h2,
#block-views-block-front-certifications-block-1 .view-front-certifications .attachment-after .block-header h2{
	font-size:40px;
	font-weight:bold;
	color:#192e41;
	padding-bottom:10px;
}


#block-views-block-front-company-block-1 .item .block-header.right .desc,
#block-views-block-front-services-block-1 .block-header .desc,
#block-views-block-front-projects-block-1 .block-header .desc,
#block-views-block-front-certifications-block-1 .view-front-certifications .attachment-after .block-header .desc{
	padding:0 0 23px 0;
	font-size: 15px;
}

#block-views-block-front-company-block-1 .item .block-header.right .btn a,
#block-views-block-front-services-block-1 .block-header .btn a,
#block-views-block-front-projects-block-1 .block-header .btn a,
#block-views-block-front-certifications-block-1 .view-front-certifications .attachment-after .block-header .btn{
	
	font-size:14px;
	height:35px;
	line-height:33px;
	border:1px solid #192e41;
	color:#192e41;
	display:inline-block;
	padding:0 15px 0 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	cursor:pointer;

	-webkit-transition: all 200ms;
	   -moz-transition: all 200ms;
	     -o-transition: all 200ms;
	        transition: all 200ms; 
}

#block-views-block-front-company-block-1 .item .block-header.right a:hover,
#block-views-block-front-services-block-1 .block-header a:hover,
#block-views-block-front-projects-block-1 .block-header a:hover,
#block-views-block-front-certifications-block-1 .view-front-certifications .attachment-after .block-header .btn:hover{
	text-decoration:none;
	background:#192e41;
	color:#fff;
}


/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */

.carousel-control{
	display:none;
}


.carousel#our-services{
	overflow:hidden;
}


.carousel#our-services .carousel-inner .views-row{
	background:#192e41;
	color:#fff;
	display:inline-block;
	vertical-align:top;
	margin:0 10px 0 0px;
}

.carousel#our-services .carousel-inner .views-row .image img{
	display:block;
	width:100%;
	height:390px;
	object-fit: cover;
}

.carousel#our-services .carousel-inner .views-row .text{
	padding:35px 22px 0 22px;
	height:170px;
	color:#fff;
	font-size:0px;
}

.carousel#our-services .carousel-inner .views-row .text .icon{
	display:block;
	padding:0 0 10px 0;
}

.carousel#our-services .carousel-inner .views-row .text .icon img{
	display:block;
	height:35px;
	width:auto;
}

.carousel#our-services .carousel-inner .views-row .text .title{
	display:inline-block;
	width:245px;
	vertical-align:top;
}

.carousel#our-services .carousel-inner .views-row .text .title,
.carousel#our-services .carousel-inner .views-row .text .title a{
	font-size:19px;
	font-weight:bold;
	color:#fff;
}

.carousel#our-services .carousel-inner .views-row .text .btn{
	display:inline-block;
	width:calc(100% - 245px);
	vertical-align:top;
	margin:-10px 0 0 0;
}


.carousel#our-services .carousel-inner .views-row .text .btn a{
	
	font-size:14px;
	height:35px;
	line-height:33px;
	border:1px solid #75828d;
	color:#fff;
	display:inline-block;
	vertical-align:top;
	padding:0 15px 0 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	cursor:pointer;

	-webkit-transition: all 200ms;
	   -moz-transition: all 200ms;
	     -o-transition: all 200ms;
	        transition: all 200ms; 
}

.carousel#our-services .carousel-inner .views-row .text .btn a:hover{
	text-decoration:none;
	background:#75828d;
	color:#fff;
}



/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */

.carousel#our-projects{
	overflow:hidden;
}

.carousel#our-projects .carousel-inner {
	padding:0 80px 80px 80px;
	font-size:0px;
	max-width:1380px;
	margin:0 auto 0 auto;
}

.carousel#our-projects .carousel-inner .views-row{
	background:#192e41;
	color:#fff;
	display:inline-block;
	width:calc(50% - 66px);
	vertical-align:top;
	margin:0 33px 70px 33px;
	position:relative;
}

.carousel#our-projects .carousel-inner .views-row .image img{
	display:block;
	width:100%;
}


/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */



#block-views-block-front-certifications-block-1{
	background:#f4f8fb url("../images/img-cosmote-white-logo.png") no-repeat right bottom;
	padding: 120px 0 120px 0;
}

#block-views-block-front-certifications-block-1 .view-front-certifications{
	max-width:1220px;
	margin:0 auto 0 auto;
	text-align:center;
	font-size:0px;
	padding:0 20px 0 20px;#block-views-block-front-certifications-block-1 .view-front-certifications

}

#block-views-block-front-certifications-block-1 > div > .view-front-certifications > .view-content{
	display:inline-block;
	vertical-align:bottom;
}

#block-views-block-front-certifications-block-1 > div > .view-front-certifications > .view-content .views-row{
	display:inline-block;
	vertical-align:top;
	margin:0 30px 0 0;
	border:1px solid #e8eaec;
	background:#fff;
	text-align:center;
}

#block-views-block-front-certifications-block-1 > div > .view-front-certifications > .view-content .views-row .text{
	padding:25px 0 25px 0;
	text-align:center;
	border-top:1px solid #e8eaec;
	
}

#block-views-block-front-certifications-block-1 > div > .view-front-certifications > .view-content .views-row .text h3 a{
	font-size:19px;
	font-weight:bold;
	color:#192e41;
}

#block-views-block-front-certifications-block-1 .view-front-certifications .attachment-after{
	display:inline-block;
	vertical-align:bottom;
	padding:0 0 0 90px;
} 




/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */

#block-views-block-hub-certificates-block-1{
	max-width:1220px;
	margin:0 auto 0 auto;
	padding:40px 20px 30px 20px;
}

#block-views-block-hub-certificates-block-1 .view-content{
	font-size:0px;
	margin:0 auto 0 auto;
}

#block-views-block-hub-certificates-block-1 .view-content .views-row{
	display:inline-block;
	vertical-align:top;
	width:calc(50% - 24px);
	font-size:15px;
	margin:0 24px 10px 0px;
	border-bottom:1px solid #f0f0f0;
	padding:10px 0 10px 0;

}

#block-views-block-hub-certificates-block-1 .view-content .views-row .image.left{
	width:177px;
	height:110px;
	border:1px solid #f0f0f0;	
	margin:0 20px 0 0;
	display:inline-block;
	vertical-align:middle;
	overflow:hidden;
}

#block-views-block-hub-certificates-block-1 .view-content .views-row .image.left img{
	height:110px;
	width:auto;
	display:block;
	margin:0 auto 0 auto;
}

#block-views-block-hub-certificates-block-1 .view-content .views-row .text.right{
	display:inline-block;
	vertical-align:middle;
	max-width:320px;
}

#block-views-block-hub-certificates-block-1 .view-content .views-row .text.right .title{
	font-size:18px;
	font-weight:bold;
	color:#192e41;

}

#block-views-block-hub-certificates-block-1 .view-content .views-row .text.right .desc{
	font-size:14px;
	color:#75828d;
}



#block-views-block-hub-certificates-block-1  .pager{
	text-align:center;
	padding:30px 0 0px 0;
}

#block-views-block-hub-certificates-block-1  .pager .button{
	margin:0 auto 0 auto;
	font-size:14px;
	height:35px;
	line-height:33px;
	border:1px solid #192e41;
	color:#192e41;
	display:inline-block;
	padding:0 15px 0 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	cursor:pointer;

	-webkit-transition: all 200ms;
	   -moz-transition: all 200ms;
	     -o-transition: all 200ms;
	        transition: all 200ms; 
}

#block-views-block-hub-certificates-block-1  .button:hover{
	text-decoration:none;
	background:#192e41;
	color:#fff;
}


/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */


#block-views-block-hub-career-block-1{
	padding:0 0 50px 0;
}


#block-views-block-hub-career-block-1 .views-row{
	padding:15px 0 30px 0;
	border-top:1px solid #f0f0f0;
	text-align:center;
	font-size:0px;
	height:170px;
	overflow:hidden;
	position:relative;
}

#block-views-block-hub-career-block-1 .views-row::after{
	content:"";
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:100px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}


#block-views-block-hub-career-block-1 .views-row.active::after{
	display:none;
}



#block-views-block-hub-career-block-1 .views-row.active{
	height:auto;
}

#block-views-block-hub-career-block-1 .views-row .text{
	display:inline-block;
	width:890px;
	vertical-align:top;
	font-size:14px;
	color:#75828d;
	line-height:23px;
	text-align:left;
}

#block-views-block-hub-career-block-1 .views-row .text .desc strong,
#block-views-block-hub-career-block-1 .views-row .text .desc b{
	color:#192e41;
}

#block-views-block-hub-career-block-1 .views-row .text .title{
	font-size:18px;
	font-weight:bold;
	color:#192e41;
	padding:0 0 5px 0;
}

#block-views-block-hub-career-block-1 .views-row .text .subtitle{
	font-size:14px;
	font-weight:bold;
	color:#192e41;
}

#block-views-block-hub-career-block-1 .views-row .text .desc li{
	list-style-type:disc;
	margin:0 0 0 15px;
}

#block-views-block-hub-career-block-1 .views-row .btn{
	display:inline-block;
	width:100px;
	vertical-align:top;
}

#block-views-block-hub-career-block-1 .views-row .btn.open{
	margin-top:50px;
	position:relative;
	z-index: 20;
}

#block-views-block-hub-career-block-1 .views-row .btn.close a{
	width:35px;
	height:35px;
	border:1px solid #192e41;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-size:14px;
	font-weight:bold;
	display:block;
	line-height:35px;
	text-align:center;
	display:none;

	-webkit-transition: all 200ms;
	   -moz-transition: all 200ms;
	     -o-transition: all 200ms;
	        transition: all 200ms; 
}

#block-views-block-hub-career-block-1 .views-row .btn.close{
	display:none;
}

#block-views-block-hub-career-block-1 .views-row.active .btn.close{
	display:inline-block;
	text-align:right;
}
#block-views-block-hub-career-block-1 .views-row.active .btn.close a{
	display:inline-block;
}

#block-views-block-hub-career-block-1 .views-row.active .btn.open{
	display:none;
}

#block-views-block-hub-career-block-1 .views-row .btn.close a:hover{
	background:#192e41;
	color:#fff;
	text-decoration:none;
}

#block-views-block-hub-career-block-1 .views-row .text .btn{
	width:auto;
}

#block-views-block-hub-career-block-1 .views-row .btn.open a,
#block-views-block-hub-career-block-1 .views-row .text .btn a{
	margin:0 auto 0 auto;
	font-size:14px;
	height:35px;
	line-height:33px;
	border:1px solid #192e41;
	color:#192e41;
	display:inline-block;
	
	padding:0 15px 0 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	cursor:pointer;

	-webkit-transition: all 200ms;
	   -moz-transition: all 200ms;
	     -o-transition: all 200ms;
	        transition: all 200ms; 
}

#block-views-block-hub-career-block-1 .views-row .btn.open a{
	display:block;
}

#block-views-block-hub-career-block-1 .views-row .btn.open a:hover,
#block-views-block-hub-career-block-1 .views-row .text .btn a:hover{
	text-decoration:none;
	background:#192e41;
	color:#fff;
}


#block-views-block-hub-career-block-1  .pager{
	text-align:center;
	padding:30px 0 0px 0;
}

#block-views-block-hub-career-block-1  .pager .button{
	margin:0 auto 0 auto;
	font-size:14px;
	height:35px;
	line-height:33px;
	border:1px solid #192e41;
	color:#192e41;
	display:inline-block;
	padding:0 15px 0 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	cursor:pointer;

	-webkit-transition: all 200ms;
	   -moz-transition: all 200ms;
	     -o-transition: all 200ms;
	        transition: all 200ms; 
}

#block-views-block-hub-career-block-1  .button:hover{
	text-decoration:none;
	background:#192e41;
	color:#fff;
}

#block-burger-menu{
	display:none;
}


.error-404{
	background-position:center top !important;
}

.error-404 .header{
	display:none;
}

.error-404 .text{
	position:absolute;
	left:50%;
	top:85%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

}

.error-404 .text,
.error-404 .text a{
	color:#fff;
}


.error-404 .text a{
	font-size:18px;
	font-weight:bold;
	height:45px;
	width:180px;
	text-align:center;
	line-height:43px;
	border:1px solid #fff;
	color:#fff;
	display:inline-block;
	padding:0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	cursor:pointer;

	-webkit-transition: all 200ms;
	   -moz-transition: all 200ms;
	     -o-transition: all 200ms;
	        transition: all 200ms; 
}

.error-404 .text a:hover{
	text-decoration:none;
	background:#fff;
	color:#192e41;
}







/*

#cookiepopup {
	font-family:Arial, Helvetica, sans-serif;
    border-radius: 0;
    bottom: 0;
    display: none;
    height: auto;
    overflow: hidden;
    position: fixed;
    right: 20px;
    bottom: 15px;
    width: 570px;
    z-index: 5000;
    background:#fff;
    padding:0px;
    margin:0px;
    -webkit-box-shadow: 5px 5px 28px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 5px 5px 28px 0px rgba(0,0,0,0.2);
	box-shadow: 5px 5px 28px 0px rgba(0,0,0,0.2);
	min-width: 280px;
	overflow: auto;
    max-height: calc(100% - 30px);

    -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

}
#cookiepopup *, #cookiepopup *:before, #cookiepopup *:after {
    box-sizing: border-box;
}
.cookie_content {
    font-size: 13px;
    line-height:21px;
    color:#888b8d;
    padding: 20px 20px 0 20px;
}
.cookie_content .cookie_title{
	margin: 0px;
    padding: 0px;
    font-size: 19px;
    line-height: 19px;
    color: #192e41;
    padding-bottom: 10px;
    display: block;
    width: 100%;
    font-weight:bold;
    padding-right: 30px;
}
.cookie_content .cookie_subtitle{
	margin: 0px;
    padding: 0px;
    font-size: 12px;
    color: #192e41;
    padding-bottom: 0px;
    font-weight:bold;
    display: block;
    width: 100%;
    padding-right: 30px;
}
.cookie_content p {
	text-align: left;
    padding: 0px;
    margin: 0px;
}
.cookie_wrapper {
    background: #fff none repeat scroll 0 0;
    font-size: 13px;
    line-height:19px;
    color:#192e41;
    padding: 20px 30px 20px 20px;
    text-align: left;
    position:relative;
}
.cookie_closebtn{
	position: absolute;
    right: 10px;
    top: 10px;
    color: #000;
    width: 14px;
    height: 14px;
    background: #000;
    display: none;
}
.cookie_more_link{
	padding-top: 10px;
	display: block;
	color: #509e2f;
	font-weight: bold;
	text-decoration: none;
}
.cookie_btn_wrapper{
	position: relative;
	clear: both;
    text-align:left;
    padding:20px;
	padding-top: 27px;
}

#cookie_info .cookie_btn_wrapper{
	text-align: center
}

.cookie_tab_wrapper{
	display: none;
	position: relative;
}
#cookie_home.cookie_tab_wrapper{
	display: block;
}
.cookie_btn{
  	behavior:none;
	padding: 0 10px;
	height:	40px;
    line-height:40px;
    border:0px;
    color:#fff;
	font-size:14px;         
	background:#192e41;
	text-align:center;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	display:inline-block;
	vertical-align: top;
	margin-right: 10px;
	text-decoration: none;
}

#cookie_info .cookie_btn {
	color:#fff !important;
    behavior: none;
    padding: 0 17px;
}

.cookie_choice_wrapper:nth-child(even) {
   background-color: #fafafa;
}

.cookie_btn.cookie_accept{
    font-weight: bold;
    color:#fff !important;
}

.cookie_btn.cookie_notaccept{
	margin-right: 0px;
	color: #192e41;
	background: #fff;
	border: 1px solid #192e41;
	font-weight: bold;
}
.cookie_btn.cookie_clear{
    color:#192e41;
	background:#fff;
	display: block;
    text-align: left;
    padding: 0;
    padding-top: 4px;
}
#cookie_info .cookie_content{
	padding-bottom: 20px;
}
.cookie_choice{
	display: block;
	width: 100%;
	font-size: 13px;
    line-height:17px;
    color:#192e41;
}
.cookie_choice_top{
	text-align: right;
	padding-right: 10px;
	border-top:1px solid #ececec;
}
.cookie_choice_wrapper{
	border-top:1px solid #ececec;
	position: relative;
}
.cookie_choice_text{
	width: calc(100% - 80px);
	padding: 20px;
	border-right:1px solid #ececec;
}
.cookie_choice_checkbox{
	width: 80px;
    height: 80px;
    display: block;
    position: absolute;
    right: 0px;
    top: 13px;
}
.cookie_choice_title{
	font-size: 14px;
	color: #192e41;
	font-weight: bold;
}
.cookie_more_info{
	display: block;
	color: #888b8d;
	font-size: 12px;
	padding-top: 11px;
}
.cookie_choice_checkbox span{
	position: absolute;
	height: 20px;
	width: 20px;
	left: 30px;
	top:30px;
	cursor: pointer;
	background: url("../images/unchecked.png");
}
.cookie_choice_checkbox span.cookie_checked{
	background: url("../images/checked.png");
	padding: 2px;
	box-sizing: border-box;
}
.cookie_choice_checkbox span.cookie_checked.cookie_necessary{
	opacity: 0.2;
	cursor: default;
}

@media  screen 
and (max-width: 760px) {
	
	#cookiepopup{
		width: 100%;
	    left: 0px;
	    bottom: 0px;
	    right:0px;
	    position: fixed;
	    max-height: 680px;
	    overflow: auto;
	}
    body .cookie_content {
        font-size: 14px;
    }
    body .cookie_btn{
    	font-size: 14px;
    }
	
}
@media  screen 
and (max-width: 300px) {
    body .cookie_content {
        font-size: 10px;
    }
    body .cookie_btn{
    	font-size: 10px;
    }
}
*/


body.ck_locked{
    overflow: hidden;
}

.ck_gdpr{
    color: #394148;
    font-family: Arial;
    font-size: 14px;
    line-height: 22px;
}

.ck_gdpr * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline:none;
}

.ck_gdpr a{
    text-decoration: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
}

.ck_gdpr ul,
.ck_gdpr li {
    margin: 0px;
    padding: 0px;
}

.ck_gdpr li {
    list-style-type:disc;
    margin: 0 0 0 15px;
}

.ck_gdpr .ck_button{
    border: 1px solid #97bd56;
    font-size: 16px;
    font-weight: bold;
    display: block;
    color: #97bd56;
    text-align: center;
    padding: 12px 0;
    background: #ffffff;

    -webkit-transition: all 200ms;
       -moz-transition: all 200ms;
         -o-transition: all 200ms;
            transition: all 200ms;
}

.ck_gdpr .ck_button:hover{
    background: #97bd56;
    color: #fff;
}

.ck_gdpr .ck_lnk{
    font-size: 16px;
    display: block;
    color: #67b5e0;
    padding: 12px 0;
}

.ck_gdpr .ck_lnk:hover{
    text-decoration: underline;
}

.ck_gdpr .ck_scroll{
    overflow: auto;
    padding: 0 80px 0 0;
}

.ck_gdpr table{
    width: 100%;
    background: #f2f2f2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    border-spacing: 0;
    border: 0px;
}

.ck_gdpr table td{
    margin: 0px;
    padding: 5px 10px;
    text-align: center;
    border-left: 1px solid #cdcfd0;
    border-top: 1px solid #cdcfd0;
}

.ck_gdpr table td:first-child{
    border-left: 0px;
}

.ck_gdpr table thead td{
    border-top: 0px;
}


.ck_gdpr .ck_toggler{
    font-size: 15px;
    display: inline-block;
    padding: 0 0 0 55px;
    height: 22px;
    line-height: 22px;
    position: relative;
}

.ck_gdpr .ck_toggler.ck_disabled{
    cursor: default;
}

.ck_gdpr .ck_toggler span{
    font-size: 0px;
}

.ck_gdpr .ck_toggler::before{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 43px;
    height: 22px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    background: #aaaaaa;

    -webkit-transition: all 200ms;
       -moz-transition: all 200ms;
         -o-transition: all 200ms;
            transition: all 200ms;
}

.ck_gdpr .ck_toggler::after{
    content: "";
    position: absolute;
    left: 2px;
    top: 2px;
    width: 18px;
    height: 18px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff;

    -webkit-transition: all 200ms;
       -moz-transition: all 200ms;
         -o-transition: all 200ms;
            transition: all 200ms;
}

.ck_gdpr .ck_toggler.ck_disabled::after{
    opacity: 0.7;
}
.ck_gdpr .ck_toggler.ck_disabled::before{
    opacity: 0.3;
}

.ck_gdpr .ck_toggler.ck_active{
    font-size: 0px;
}

.ck_gdpr .ck_toggler.ck_active span{
    font-size: 15px;
}

.ck_gdpr .ck_toggler.ck_active::before{
    background: #97bd56;
}

.ck_gdpr .ck_toggler.ck_active::after{
    left: 23px;
}








.ck_gdpr .ck_scroll::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 9px;
  background: #eaeaea;
}

.ck_gdpr .ck_scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #3b454e;
  box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.ck_gdpr .ck_scroll::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 9px;
  background: #eaeaea;
}

.ck_gdpr .ck_scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #3b454e;
  box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

/* ///////////////////////////////// */

#ck_cookies{
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: #fff;
    z-index: 9999999;
    

    -ms-transform: translate(0%, 100%);
    -webkit-transform: translate(0%, 100%);
    transform: translate(0%, 100%);

    -webkit-transition: all 900ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
       -moz-transition: all 900ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
         -o-transition: all 900ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
            transition: all 900ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
       -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
         -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
            transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}

#ck_cookies.ck_active{
    -ms-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);

}

#ck_cookies .ck_row{
    /*max-width: 1140px;*/
    margin: 0 auto 0 auto;
    padding: 25px 40px 20px 40px;
    font-size: 0px;
}

#ck_cookies .ck_col_l,
#ck_cookies .ck_col_r{
    display: inline-block;
    font-size: 14px;
    vertical-align:top;
    width: calc(100% - 250px);
    padding: 0 40px 0 0;
}

#ck_cookies .ck_col_r{
    width: 250px;
    padding: 0 20px 0 20px;
    text-align: center;
}



#ck_cookies .ck_col_r .ck_button{
    margin: 0 0 15px 0;
}


#ck_cookies .ck_title{
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 10px 0;
}

#ck_cookies .ck_text{
    padding: 0 0 10px 0;
}


#ck_cookies .ck_scroll{
    height: 90px;
    
}


#ck_cookies_popup{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 99999999;
    display: none;
}

#ck_cookies_popup .ck_content{
    position:absolute;
    left:50%;
    top:50%;
    background: #fff;
    width: 870px;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    font-size: 0px;
}

.ck_gdpr .ck_close{
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 15px;
    height: 15px;
}

.ck_gdpr  .ck_close::after,
.ck_gdpr  .ck_close::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 3px;
    background: #3d5265;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ck_gdpr  .ck_close::before{
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


#ck_cookies_popup .ck_content .ck_buttons{
    height: 100px;
    background: #eaeaea;
    padding: 25px 10px 25px 10px;
    text-align: center;
    display: flex;
    flex-direction: row-reverse;
}

#ck_cookies_popup .ck_content .ck_buttons .ck_button{
    display: inline-block;
    vertical-align: middle;
    width: 29%;
    margin: 0 2% 0 2%;
}


#ck_cookies_popup .ck_content .ck_tab_area{
    height: 500px;
    padding: 55px 12px 30px 30px;
    overflow: hidden;
}



#ck_cookies_popup .ck_content .ck_tab_area .ck_col_l{
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    width: 270px;
    padding: 0 25px 0 0;
}

#ck_cookies_popup .ck_content .ck_tab_area .ck_col_r{
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 270px);
}

#ck_cookies_popup .ck_content .ck_tab_area .ck_col_l .ck_tab_menu{
    padding: 0 20px 0 0;
    position: relative;
    margin: 0 0 55px 0;
    display: block;
    position: relative;
}

#ck_cookies_popup .ck_content .ck_tab_area .ck_col_l .ck_tab_menu.ck_active{
    color: #509e2f;
    font-weight: bold;
}

#ck_cookies_popup .ck_content .ck_tab_area .ck_col_l .ck_tab_menu.ck_active:after {
    left: calc(100% - 7px);
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-left-color: #509e2f;
    border-width: 7px;
    margin-top: -7px;
}


#ck_cookies_popup .ck_content .ck_tab_area .ck_tab{
    display: none;
    position: relative;
    height: 415px;
    padding: 0 30px 0 0;
}

#ck_cookies_popup .ck_content .ck_tab_area .ck_tab.ck_active{
    display: block;
}



@media  screen and (max-height:640px) and (min-width:960px) {
    
    #ck_cookies_popup .ck_content .ck_tab_area{
        height: 350px;
    }

    #ck_cookies_popup .ck_content .ck_tab_area .ck_col_l .ck_tab_menu{
        margin: 0 0 20px 0;
    }

    #ck_cookies_popup .ck_content .ck_tab_area .ck_tab{
        height: 275px;
    }

    #ck_cookies_popup .ck_content .ck_buttons{
        height: 80px;
        padding-top: 15px;
        padding-bottom: 15px;
    }


}


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


    #ck_cookies .ck_col_r {
        width: 220px;
        padding: 0 10px 0 10px;
    }

    #ck_cookies .ck_col_l{
        width: calc(100% - 220px);
        padding: 0 10px 0 0;
    }

    #ck_cookies .ck_scroll {
        height: 170px;
    }

    .ck_gdpr .ck_scroll{
        padding: 0 20px 0 0;
    }

    #ck_cookies_popup .ck_content{
        width: 90%;
    }

    #ck_cookies_popup .ck_content .ck_tab_area .ck_col_l{
        width: 200px;
    }

    #ck_cookies_popup .ck_content .ck_tab_area .ck_col_r{
        width: calc(100% - 200px);
    }
    

    .ck_gdpr table{
        font-size: 11px;
    }

    .ck_gdpr table tbody td{
        word-break: break-word;
    }
}


@media  screen and (max-width:767px){
    
    
    
    .ck_gdpr .ck_button{
        font-size: 14px;
    }

    .ck_gdpr .ck_lnk {
        font-size: 12px;
        padding: 3px 0;
    }

    #ck_cookies .ck_col_l{
        display: block;
        width: auto;
        padding: 0 0 15px 0;
    }

    #ck_cookies .ck_col_r{
        display: block;
        width: auto;
        
    }

    #ck_cookies .ck_scroll{
        height: 58px;
    }

    #ck_cookies .ck_col_l, #ck_cookies .ck_col_r{
        font-size: 12px;
        line-height: normal;
    }

    #ck_cookies .ck_row {
        padding: 20px 10px 10px 10px;
    }

    #ck_cookies .ck_col_r .ck_button{
        margin: 0 5px 10px 5px;
        width: 46%;
        display: inline-block;
    }
    
    #ck_cookies_popup{
        overflow: auto;
    }

    #ck_cookies_popup .ck_content .ck_buttons .ck_button{
        display: block;
        width: auto;
        margin: 15px 0 0  0;
    }


    #ck_cookies_popup .ck_content{
        width: 98%;
        position: relative;
        -ms-transform: translate(-0%, -0%);
        -webkit-transform: translate(-0%, -0%);
        transform: translate(-0%, -0%);
        top: auto;
        left: auto;
        margin: 20px auto 20px auto;
    }

    #ck_cookies_popup .ck_content .ck_buttons{
        height: auto;
        padding: 1px 10px 15px 10px;
        flex-direction: column;
    }

    #ck_cookies_popup .ck_content .ck_tab_area{
        height: auto;
        padding: 55px 15px 30px 15px;
    }


    #ck_cookies_popup .ck_content .ck_tab_area .ck_col_l{
        width: auto;
        display: block;
        padding: 50px 15px 0px 15px;
        position: absolute;
        top: 50px;
        left: 0px;
        width: 100%;
        background: #fff;
        z-index: 10;
        
        overflow: hidden;
        border-top: 1px solid #eaeaea;
        border-bottom: 1px solid #eaeaea;
        max-height: 50px;
        overflow: hidden;

        -webkit-transition: all 600ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
           -moz-transition: all 600ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
             -o-transition: all 600ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
                transition: all 600ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

        -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
           -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
             -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
                transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
    }

    #ck_cookies_popup .ck_content .ck_tab_area .ck_col_l.ck_active{
        -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
        box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
        max-height: 250px;
    }

    #ck_cookies_popup .ck_content .ck_tab_area .ck_col_l .ck_tab_menu.ck_active:after{
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    #ck_cookies_popup .ck_content .ck_tab_area .ck_col_l .ck_tab_menu.ck_active:after{
        left: calc(100% - 32px);
    }

    #ck_cookies_popup .ck_content .ck_tab_area .ck_col_l .ck_tab_menu.ck_active{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        padding-left: 15px;
    }

    #ck_cookies_popup .ck_content .ck_tab_area .ck_col_r{
        width: auto;
        display: block;
        font-size: 14px;
        padding: 60px 0 0 0;
    }

    #ck_cookies_popup .ck_content .ck_tab_area .ck_col_l .ck_tab_menu{
        margin: 0 0 0px 0;
        padding: 15px 0 15px 0;
        border-bottom: 1px solid #eaeaea;
    }

    #ck_cookies_popup .ck_content .ck_tab_area .ck_col_l .ck_tab_menu br{
        display: none;
    }

    #ck_cookies_popup .ck_content .ck_tab_area .ck_tab{
        height: auto;
        padding: 0px;
    }

    .ck_gdpr table td {
        padding: 4px 2px;
    }
    
    #ck_cookies .ck_col_r{
        padding: 0px;
    }

    #ck_cookies_popup .ck_content{
        overflow: hidden; 
    }

    #ck_cookies .ck_title{
        font-size: 16px;
        padding-right: 20px;
    }


}




/*Cosmote - Generic Css*/
.ck_gdpr .ck_button {
    border-color:#3d5265;
    color: #3d5265;
}

.ck_gdpr .ck_button:hover {
    background: #3d5265;
    color: #fff;
}

.ck_gdpr .ck_scroll::-webkit-scrollbar {
    background: #171717;
}

.ck_gdpr .ck_scroll::-webkit-scrollbar-thumb {
    background-color: #3d5265;
    box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.ck_gdpr .ck_scroll::-webkit-scrollbar {
    background: #eaeaea;
}

.ck_gdpr .ck_scroll::-webkit-scrollbar-thumb {
    background-color: #3d5265;
    box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

#ck_cookies {
    background: #fff;
}


.ck_gdpr{
    color: #3d5265;
}

.ck_gdpr .ck_lnk {
    color: #3d5265;
}


#ck_cookies_popup .ck_content .ck_tab_area .ck_col_l .ck_tab_menu.ck_active {
    color: #3d5265;
}

#ck_cookies_popup .ck_content .ck_tab_area .ck_col_l .ck_tab_menu.ck_active:after {
    border-left-color: #3d5265;
}


.ck_gdpr table {
    background: #eaeaea;
}

.ck_gdpr .ck_toggler.ck_active::before {
    background: #3d5265;
}






.custom-news-list{
	
}

.custom-news-list .view-content{
	font-size: 0px;
	padding: 0 20px;
	text-align: left;
	margin: -40px auto 0 auto;
	margin: 20px auto 0 auto;
	max-width: 1240px;
	position: relative;
	z-index: 10;
}

.custom-news-list > .view-header .image{
	position: relative;
}

.custom-news-list > .view-header .image h1{
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 50px;
	line-height: 140%;
	color: #fff;
	-ms-transform: translate(-0%, -50%);
	-webkit-transform: translate(-0%, -50%);
	transform: translate(-0%, -50%);
}

.custom-news-list > .view-header .image img{
	width: 100%;
	height: auto;
	object-fit: cover;
	height: 440px;
}


.custom-news-list .view-content .views-row{
	display: inline-block;
	width: 380px;
	vertical-align: top;
	margin: 0 10px 20px 10px;
}


.custom-news-list .news-item .news-photo img{
	height: 300px;
	display: block;
	object-fit: cover;
	width: 100%;
}



.custom-news-list .news-item .news-content{
	height: 235px;
	color: #fff;	
	background: #182F41;
	padding: 20px 20px 0 20px;
}

.custom-news-list .news-item .news-content .news-date{
	font-size: 15px;
	color: #C0C0C0;
	padding: 0 0 8px 0;
}

.custom-news-list .news-item .news-content .news-title{
	font-weight: bold;
	font-size: 18px;
	line-height: 140%;
	height: 105px;
	overflow: hidden;
	margin: 0 0 20px 0;
}

.custom-news-list .news-item .news-content .news-title a{
	color: inherit;
	font-size: inherit;
	text-decoration: none !important;
}

.custom-news-list .news-item .news-content .news-more{
	
	font-size:14px;
	height:35px;
	line-height:33px;
	border:1px solid #75828d;
	color:#fff;
	display:inline-block;
	vertical-align:top;
	padding:0 15px 0 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	cursor:pointer;

	-webkit-transition: all 200ms;
	   -moz-transition: all 200ms;
	     -o-transition: all 200ms;
	        transition: all 200ms; 
}

.custom-news-list .news-item .news-content .news-more:hover{
	text-decoration:none;
	background:#75828d;
	color:#fff;
}



.nodetype--article article{
	max-width: 1220px;
	padding: 65px 20px 40px 20px;
	margin: 0 auto;
}

.nodetype--article article .articleImage {
	padding: 0 0 30px 0;
}

.nodetype--article article .articleImage img{
	height: 400px;
	width: 100%;
	object-fit: cover;	
	border-radius: 20px;
}


.nodetype--article article > h2{
	font-weight: bold;
	font-size: 31px;
	line-height: 140%;
	color: #182F41;
	padding: 0 0 25px 0;
	max-width: 820px;
	margin: 0 auto;
}

.nodetype--article article > .content{
	font-size: 15px;
	line-height: 150%;
	color: #75828D;
	max-width: 820px;
	margin: 0 auto;
}

.nodetype--article article > .content a{
	text-decoration: underline;
}

.nodetype--article article > .content h2,
.nodetype--article article > .content h3,
.nodetype--article article > .content h4,
.nodetype--article article > .content h5,
.nodetype--article article > .content h6{
	font-weight: bold;
	font-size: 18px;
	line-height: 140%;
	color: #3B61A6;
	margin: 0px;
	padding: 30px 0 20px 0;
}

.nodetype--article article > .content ul,
.nodetype--article article > .content ol,
.nodetype--article article > .content li{
	margin: 0px;
	padding: 0px;
}

.nodetype--article article > .content ul li{
	list-style-type: disc;
	margin: 3px 0 3px 15px;
}

.nodetype--article article > .content ol li{
	list-style-type: decimal;
	margin: 3px 0 3px 15px;
}



#block-views-block-more-articles-block-1{
	background: #F5F8FB;
	padding: 30px 0px 40px 0px;
	text-align: center;
}


#block-views-block-more-articles-block-1 h2{
	font-weight: bold;
	font-size: 24px;
	line-height: 140%;
	color: #182F41;
	padding: 0 0 30px 0;

}

#block-views-block-more-articles-block-1 .custom-news-list .view-content{
	margin-top: 0px;
}

@media screen and (max-width: 1240px) {
	.custom-news-list .view-content{
		
	}

	.custom-news-list .view-content .views-row{
		width: calc(33.33% - 10px);
		margin: 0 5px 10px 5px;
	}
}




@media screen and (max-width: 1200px) {
	
	#branding,
	#block-cosmote-breadcrumbs nav,
	#block-breadcrumbs nav,
	body.frontpage .hero .view-content .item .overlay{
		margin:0px;
		left:20px;
	}


	#block-views-block-front-certifications-block-1 .view-front-certifications .attachment-after{
		padding:0px;
	}

	#block-cosmote-footer{
		width:340px;
	}


	#block-views-block-hub-projects-block-1 .hub-projects.promoted .text .image{
		width:520px;
		top:0px;
	}


}


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

	#block-views-block-front-certifications-block-1 .view-front-certifications .attachment-after{
		width:390px;
	}

	#block-views-block-front-certifications-block-1 > div > .view-front-certifications > .view-content .views-row{
		margin:0 15px 0 0;
	}

	#block-views-block-front-certifications-block-1 > div > .view-front-certifications > .view-content .views-row .image img{
		width:248px;
	}

	#block-views-block-front-certifications-block-1 {
	    padding: 120px 0 200px 0;
	    background-size: 300px auto;
	}

	#block-footer-logo{
		width:260px;
	}

	#block-cosmote-footer {
	    width: 280px;
	}

	#block-contactus{
		width:320px;
	}

	.view-hub-services .views-row .text h3 a,
	#block-views-block-more-services-entity-ref-block-1 .views-row .text h3 a,
	#block-views-block-duplicate-of-hub-services-block-1 .views-row .text h3 a{
		font-size:18px;
		line-height:22px;
	}

	.node--type-project .need.row-wrapper .logo-subtitle{
		width:420px;
	}

	.node--type-project .need.row-wrapper .the-need{
		width:500px;
	}

	#block-views-block-hub-certificates-block-1 .view-content .views-row .text.right{
		max-width:220px;
	}

	#block-views-block-hub-projects-block-1 .hub-projects.promoted{
		padding-top:20px;
		min-height:600px;
	}


	#block-views-block-hub-projects-block-1 .hub-projects.promoted .text .image{
		width:430px;
		top:0px;
	}

}




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

	

	#block-views-block-front-company-block-1 .item .block-header.right{
		padding: 0 20px 0 30px;
	}

	#block-views-block-front-company-block-1 .item .image{
		height:350px;
	}

	#block-views-block-front-company-block-1 .item{
		height:auto;
	}

	#block-views-block-front-company-block-1 {
	    padding: 70px 0 70px 0;
	}

	.carousel#our-projects .carousel-inner .views-row{
		width: calc(50vw - 66px);
	}

	.carousel#our-services .carousel-inner .views-row{
		width:300px;	
	}

	.view-hub-services .views-row, 
	#block-views-block-more-services-entity-ref-block-1 .views-row,
	#block-views-block-duplicate-of-hub-services-block-1 .views-row{
		margin:0 5px 10px 5px;
		width: calc(33.3% - 20px);
	}

	.view-hub-services .views-row .icon, 
	#block-views-block-more-services-entity-ref-block-1 .views-row .icon,
	#block-views-block-duplicate-of-hub-services-block-1 .views-row .icon{
		height:80px;
	}

	.view-hub-services .views-row .text h3,
	.view-hub-services .views-row .text h3 a, 
	#block-views-block-more-services-entity-ref-block-1 .views-row .text h3,
	#block-views-block-more-services-entity-ref-block-1 .views-row .text h3 a,
	#block-views-block-duplicate-of-hub-services-block-1 .views-row .text h3,
	#block-views-block-duplicate-of-hub-services-block-1 .views-row .text h3 a {
	    font-size: 17px;
	    line-height: 19px;
	}

	.node--type-service .features.row-wrapper .field--name-field-features-with-icons .field--name-field-description{
		width:auto;
		padding-right:20px;
	}

	#block-views-block-hub-projects-block-1 .hub-projects.promoted{
		padding-top:0px;
	}

	#block-views-block-hub-projects-block-1 .hub-projects.promoted .text {
	    padding: 0 400px 0 0;
	}

	#block-views-block-hub-projects-block-1 .hub-projects.promoted .text h1 {
	    font-size: 26px;
	    line-height: 36px;
	    padding: 0 0 15px 0;
	}

	#block-views-block-hub-projects-block-2 .views-row > .text, 
	#block-views-block-more-projects-block-2 .views-row > .text, 
	#block-views-block-more-projects-entity-ref-block-1 .views-row > .text, 
	.carousel#our-projects .carousel-inner .views-row .text{
		position:relative;
		top:auto;
		bottom:auto;
		right:auto;
		padding:20px;
		height:auto;
		min-height:182px;
	}

	#block-views-block-hub-projects-block-2 .views-row > .text h3, 
	#block-views-block-more-projects-block-2 .views-row > .text h3,
	#block-views-block-more-projects-entity-ref-block-1 .views-row > .text h3,
	.carousel#our-projects .carousel-inner .views-row .text h3{
		position:relative;
		top: auto;
	    -ms-transform: translate(-0%, -0%);
	    -webkit-transform: translate(-0%, -0%);
	    transform: translate(-0%, -0%);
		padding:0 0 20px 0;
	}
	
	

	#block-views-block-hub-projects-block-2 .views-row > .text .btn, 
	#block-views-block-more-projects-block-2 .views-row > .text .btn,
	#block-views-block-more-projects-entity-ref-block-1 .views-row > .text .btn,
	.carousel#our-projects .carousel-inner .views-row .text .btn{
		height:auto;
	}

	#block-views-block-hub-projects-block-2 .views-row > .text .btn a, 
	#block-views-block-more-projects-block-2 .views-row > .text .btn a,
	#block-views-block-more-projects-entity-ref-block-1 .views-row > .text .btn a,
	.carousel#our-projects .carousel-inner .views-row .text .btn a{
		position:relative;
		top:auto;
		right:auto;
		display:inline-block;
		-ms-transform: translate(-0%, -0%);
	    -webkit-transform: translate(-0%, -0%);
	    transform: translate(-0%, -0%);
	}

	#block-views-block-hub-projects-block-2 .views-row, 
	#block-views-block-more-projects-block-2 .views-row,
	#block-views-block-more-projects-entity-ref-block-1 .views-row{	
		height:auto;
		width: calc(50% - 20px);
		margin:0 10px 20px 10px;
	}

	#block-views-block-hub-projects-block-2 .view-content, 
	#block-views-block-more-projects-block-2 .view-content,
	#block-views-block-more-projects-entity-ref-block-1 .view-content{
		padding-left:10px;
		padding-right:10px;
	}

	#block-views-block-hub-career-block-1 .views-row .text{
		width: 630px;
	}

	#block-views-block-hub-certificates-block-1 .view-content .views-row{
		width:auto;
		display:block;
		margin:0 0 20px 0;
	}



	.carousel#our-services .carousel-inner .views-row .text .title{
		display:block;
		width:auto;
		padding:0 0 10px 0;
	}

	.carousel#our-services .carousel-inner .views-row .text .btn{
		display:block;
		width:auto;
		margin:0px;
	}

	.carousel#our-services .carousel-inner .views-row .text{
		padding:20px;
	}

	.carousel#our-projects .carousel-inner .views-row{
		margin:0 20px 0 0;
	}

	.carousel#our-projects .carousel-inner{
		padding:0 0px 100px 10px;
	}



	#block-views-block-front-certifications-block-1 > div > .view-front-certifications{
		display:flex;
		flex-direction: column;
		padding:0 20px 0 20px;
	}

	#block-views-block-front-certifications-block-1 > div > .view-front-certifications .view-front-certifications{
		padding:0;
	}
	

	#block-views-block-front-certifications-block-1 > div > .view-front-certifications > .view-content{
		display:block;
		order:2;
		width:auto;
	}

	#block-views-block-front-certifications-block-1 .view-front-certifications .attachment-after{
		display:block;
		order:1;
		width:auto;
		padding:0 0 40px 0;
	}

	#block-views-block-front-certifications-block-1 {
	    padding: 50px 0 100px 0;
	}

	#footer .region-footer{
		display:flex;
		flex-direction: column;
	}

	#footer  #block-footer-logo{
		order:1;
		padding:0 0 30px 0;
		width:auto;
	}

	#footer  #block-cosmote-footer{
		order:3;
		padding:0 0 0px 0;
		width:auto;
	}

	#footer  #block-contactus{
		order:2;
		padding:0 0 30px 0;
		width:auto;
	}

	.view-hub-services .views-row, 
	#block-views-block-more-services-entity-ref-block-1 .views-row,
	#block-views-block-duplicate-of-hub-services-block-1 .views-row {
	    width: calc(50% - 20px);
	}

	.node--type-project .need.row-wrapper .the-need{
		width:400px;
	}

	.node--type-project .need.row-wrapper .logo-subtitle{
		width:330px;
	}

	#block-views-block-hub-projects-block-1 .hub-projects.promoted {
	   
	    min-height: 569px;
	}

	#block-views-block-hub-projects-block-1 .hub-projects.promoted .text .image{
		width:350px;
		top:40px;
	}







	#header{
		height:60px;
	}

	body{
	    padding: 60px 0 0 0;
	}

	#branding img {
	    width: 169px;
	}

	#branding{
		top:13px;
	}

	#block-burger-menu{
		display:block;
		right:20px;
		top:16px;
		position:absolute;
	}

	.burger-menu{
		display:block;
		width:25px;
		height:25px;
		position:relative;
	}

	.burger-menu span{
		position:absolute;
		top:50%;
		left:0px;
		width:100%;
		height:1px;
		background:#192e41;
	}

	.burger-menu span:nth-child(1){
		margin:-5px 0 0 0;
	}

	.burger-menu span:nth-child(3){
		margin:5px 0 0 0;
	}


	#block-cosmote-main-menu{
		display:none;
		position:absolute;
		right:0px;
		top:0px;
		width:100%;
		height:auto;
		text-align:left;
		background:none;
	}

	#block-cosmote-main-menu.active::before{
		content:"";
		position:absolute;
		top:60px;
		left:0px;
		width:100%;
		height:calc(100vh - 60px);
		background:rgba(25,46,65,0.9);
	}

	#block-cosmote-main-menu li{
		display:block;
		background:#fff;
	}

	#block-cosmote-main-menu li ul li{
		display:block;
		background:#f4f8fb;
	}

	

	#block-cosmote-main-menu li a{
		font-size:17px;
		font-weight:bold;
		color: #192e41;
	}

	#block-cosmote-main-menu li ul li a{
		font-size:13px;
		padding: 15px 70px 15px 20px;
	}

	

	#block-cosmote-main-menu li ul li:first-child,
	#block-cosmote-main-menu li ul li:last-child{
		padding:0px;
	}

	#block-cosmote-main-menu > .menu > li:first-child{
		position:absolute;
		top: -6px;
    	right: 53px;
		height:60px;
		width:60px;
		border:0px;
	}

	#block-cosmote-main-menu.active{
		display:block;
		height:100vh;
		overflow:auto;
		padding:60px 0 0 0;
	}

	#block-cosmote-main-menu li a.is-active::after{
		display:none;
	}

	#block-cosmote-main-menu > .menu > li:nth-child(3) > a{
		background-position:90% center;
	}


	#block-cosmote-main-menu > .menu > li:nth-child(3) > a.active{
		background-image: url("../images/icon-mnu-arrow-active.png");
	}


	#block-cosmote-main-menu li{
		border-bottom:1px solid #e5e5e5;
	}

	#block-cosmote-main-menu li ul li{
		border:0px;
		border-top:1px solid #e5e5e5;
	}

	#block-cosmote-main-menu li ul{
		display:block;
		position:relative;
		width: auto;
	    top: auto;
	    left: auto;
	    -ms-transform: translate(-0%, -0%);
	    -webkit-transform: translate(-0%, -0%);
	    transform: translate(-0%, -0%);
	    padding: 0px 0 0 0;
	    display:none; 
	}


	#block-cosmote-main-menu li ul li a{
		background-position:92% center !important;
		background-size: auto 22px;
	}

	#block-cosmote-main-menu li ul li a[data-drupal-link-system-path="node/16"]{
		background-position:91% center !important;
	}
	#block-cosmote-main-menu li ul li a[data-drupal-link-system-path="node/27"] {
	    background-position:90.5% center !important;
	}


	#block-cosmote-main-menu li:hover ul{
		display:none;
	}

	#block-cosmote-main-menu li ul.active,
	#block-cosmote-main-menu li:hover ul.active{
		display:block;
	}

	

	.burger-menu.active span:nth-child(2){
		display:none;
	}

	.burger-menu.active span:nth-child(1){
		-ms-transform: rotate(-45deg);
	    -webkit-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	    margin:0px;
	}

	.burger-menu.active span:nth-child(3){
		-ms-transform: rotate(45deg);
	    -webkit-transform: rotate(-5deg);
	    transform: rotate(45deg);
	    margin:0px;
	}


	.custom-news-list .view-content .views-row{
		width: calc(50% - 10px);
	}


}

 


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

	

	
	body.frontpage .hero .view-content .item .overlay{
		width:calc(100% - 40px);
	}

	body.frontpage .hero{
		height:580px;
	}

	body.frontpage .hero .view-content .item .overlay h1,
	body.frontpage .hero .view-content .item .overlay h2 {
	    font-size: 28px;
	    line-height: 42px;
	    padding: 0 0 10px 0;
	}

	#block-views-block-front-company-block-1 {
	    padding: 45px 0 45px 0;
	}

	#block-views-block-front-company-block-1 .item{
		display:flex;
		flex-direction: column;
	}

	#block-views-block-front-company-block-1 .item .image{
		display:block;
		order:2;
		width:100%;
	}

	#block-views-block-front-company-block-1 .item .block-header.right{
		display:block;
		order:1;
		width:100%;
		padding:0 20px 50px 20px;
	}

	#block-views-block-front-company-block-1 .item .block-header.right .title, 
	#block-views-block-front-services-block-1 .block-header h2, 
	#block-views-block-front-projects-block-1 .block-header h2, 
	#block-views-block-front-certifications-block-1 .view-front-certifications .attachment-after .block-header h2 {
	    font-size: 40px;
	    font-weight: bold;
	    color: #192e41;
	    padding: 15px 0 10px 0;
	}

	#block-views-block-front-company-block-1 .item .block-header.right .title{
		padding:7px 0 0 0;
	}

	#block-views-block-front-company-block-1 .item .block-header.right .desc, #block-views-block-front-services-block-1 .block-header .desc, #block-views-block-front-projects-block-1 .block-header .desc, #block-views-block-front-certifications-block-1 .view-front-certifications .attachment-after .block-header .desc{
		font-size:14px;
		line-height:26px;
	}

	#block-views-block-front-company-block-1 .item .block-header.right .title, 
	#block-views-block-front-services-block-1 .block-header h2, 
	#block-views-block-front-projects-block-1 .block-header h2, 
	#block-views-block-front-certifications-block-1 .view-front-certifications .attachment-after .block-header h2{
		font-size:26px;
		line-height:44px;
	}

	.carousel#our-services .carousel-inner .views-row .image img{
		height:300px;
	}


	.node--type-hub-page header, .node--type-service header, .node--type-project header, .node--type-company header{
		height:340px;
	}

	.node--type-hub-page header h1, .node--type-service header h1, .node--type-project header h1,.node--type-project header h2, .node--type-company header h1{
		font-size:26px;
	}
	
	.node--type-hub-page .content {
	    padding: 35px 20px 0px 20px;
	}

	.node--type-hub-page{
		font-size:21px;
		line-height:30px;
	}

	.node--type-hub-page p{
		display:inline;
	}

	.view-hub-services .views-row, 
	#block-views-block-more-services-entity-ref-block-1 .views-row,
	#block-views-block-duplicate-of-hub-services-block-1 .views-row{
		width: calc(100% - 40px);
		display:block;
		margin:0 auto 20px auto;
		height:auto;

	}

	.view-hub-services .views-row .text h3 a, 
	#block-views-block-more-services-entity-ref-block-1 .views-row .text h3 a,
	#block-views-block-duplicate-of-hub-services-block-1 .views-row .text h3 a {
	    font-size: 21px;
	    line-height: 29px;
	}

	.view-hub-services .views-row .text, 
	#block-views-block-more-services-entity-ref-block-1 .views-row .text,
	#block-views-block-duplicate-of-hub-services-block-1 .views-row .text{
		min-height:20px;
		padding:0 20px 80px 20px;
	}

	.view-hub-services .views-row .text .desc, 
	#block-views-block-more-services-entity-ref-block-1 .views-row .text .desc,
	#block-views-block-duplicate-of-hub-services-block-1 .views-row .text .desc{
		padding:2px 0 0 0;
	}


	#block-views-block-hub-projects-block-2 .views-row, 
	#block-views-block-more-projects-block-2 .views-row,
	#block-views-block-more-projects-entity-ref-block-1 .views-row{
		width: 100%;
		display:block;
		margin:0 auto 20px auto;
	}

	#block-views-block-hub-projects-block-1 .hub-projects.promoted .text{
		padding:0 0 20px 0;
	}

	#block-views-block-hub-projects-block-1 .hub-projects.promoted .text .teaser{
		padding:0 0 40px 0;
	}

	#block-views-block-hub-projects-block-1 .hub-projects.promoted .text .image{
		position:relative;
		width:auto;
		height:auto;
		left:auto;
		top:auto;
		margin:0 -20px 0 -20px;
	}



	#block-views-block-hub-projects-block-1 .hub-projects.promoted .text .image img{
		display:block;
		width:100%;
		height:auto;
	}

	#block-views-block-hub-projects-block-1 .hub-projects.promoted .project-details{
		position:relative;
		height:auto;
		bottom:auto;
		left:auto;
		width:auto;
		display:block;
		-ms-transform: translate(-0%, -0%);
	    -webkit-transform: translate(-0%, -0%);
	    transform: translate(-0%, -0%);
	    margin:0 -20px 0 -20px;
	}

	#block-views-block-hub-projects-block-2 .view-content, 
	#block-views-block-more-projects-block-2 .view-content,
	#block-views-block-more-projects-entity-ref-block-1 .view-content {
	    padding-left: 20px;
	    padding-right: 20px;
	}

	#block-views-block-hub-projects-block-1 .hub-projects.promoted .project-name{
		width:auto;
	}

	
	.slick-prev, 
	.slick-next{
		top:auto;
		bottom:-80px;
		width:44px;
		height:44px;
		border:0px;
		left:auto;
		right:0px;
		box-shadow: 0 0 0px 0 rgba(0,0,0,0);
	}



	.slick-prev{
		right:auto;
		left:0px;
	}
	
	.slick-prev::before, 
	.slick-next::before{
		width:44px;
		height:44px;
		background: url("../images/icon-mob-next.png") no-repeat center center !important;
		border:0px;

	}

	.slick-prev::before{
		-ms-transform: rotate(-180deg);
	    -webkit-transform: rotate(-180deg);
	    transform: rotate(-180deg);
	}

	.carousel#our-services,
	.carousel#our-projects{
		padding-bottom:20px;
	}

	.carousel#our-projects .carousel-inner {
	    padding: 0 0px 70px 0px;
	}

	.slick-dots{
		bottom:-45px;
	}
	
	.slick-dots li{
		width:8px;
		height:8px;
		margin:0px 6px 0 6px;
		padding:0px;
	}

	.slick-dots li button {
	    box-shadow: 0 0 0px 0 rgba(0,0,0,0);
		width:8px;
		height:8px;
		background:#d1d5d9;
	}

	.slick-dots li.slick-active button{
		background:#192e41;
		width:12px;
		height:12px;
	}

	.slick-dots li button:before{
		display:none;
	}

	
	#block-views-block-front-projects-block-1 .slick-next, #block-views-block-front-projects-block-1 .slick-prev{
		top:auto;
		bottom:-7px;
	}

	#block-views-block-front-projects-block-1 .slick-dots{
		
		bottom:25px;
	}

	#block-views-block-front-certifications-block-1 > div > .view-front-certifications > .view-content{
		margin:0 -20px 0 0;
	}

	.carousel#our-services .carousel-inner .views-row .text{
		position:relative;
	}
	.carousel#our-services .carousel-inner .views-row .text .icon{
		position:absolute;
		top:-25px;
		left:20px;
		width:50px;
		height:50px;
		background:#192e41;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
		padding:10px 0 0 0;
	}

	.carousel#our-services .carousel-inner .views-row .text .icon img{
		margin:0 auto 0 auto;
		height:28px;
	}

	.carousel#our-services .carousel-inner .views-row .text .title{
		padding-top:20px;
	}

	.subtitle-quote.row-wrapper .subtitle,
	.page-node-6 .node--type-hub-page .content .subtitle{
		display:block;
		width:auto;
		padding:0 0 50px 0;
		font-size:21px;
	}

	.subtitle-quote.row-wrapper .quote,
	.page-node-6 .node--type-hub-page .content .description{
		display:block;
		width:auto;
	}

	.subtitle-quote.row-wrapper .quote::before,
	.page-node-6 .node--type-hub-page .content .description::before {
	    left: 5px;
	    top: -14px;
	}
/*
	.subtitle-quote.row-wrapper .quote > div p:last-child::after{
		position:absolute;
		right:20px;
		bottom:0px;
	}
*/
	.node--type-company .content{
		padding:30px 20px 30px 20px;
	}


	.nodetype--article article{
		padding-top: 30px;
	}

	.custom-news-list > .view-header .image img{
		height: 300px;
	}

	.custom-news-list > .view-header .image h1{
		font-size: 40px;
	}


	#block-cosmote-breadcrumbs,
	#block-breadcrumbs{
		left: auto;
		top: auto;
		min-height: 30px;
		height: auto;
		overflow: visible;
		position: relative;
		margin: 15px 0 0 0;
	}

	#block-cosmote-breadcrumbs nav, #block-breadcrumbs nav{
		height: auto;
		min-height: 30px;
		line-height: 160%;
	}

	#block-cosmote-breadcrumbs li, #block-breadcrumbs li{
		display: inline;
	}

	
	.nodetype--hub_page #block-cosmote-breadcrumbs,
	.nodetype--hub_page #block-cosmote-breadcrumbs a,
	.nodetype--page #block-cosmote-breadcrumbs,
	.nodetype--page #block-cosmote-breadcrumbs a{
		color:#122e43;
	}

	.nodetype--hub_page #block-cosmote-breadcrumbs li,
	.nodetype--page #block-cosmote-breadcrumbs li{
		background-image: url("../images/icon-arrow-blue.png");
	}

	.nodetype--hub_page #block-cosmote-breadcrumbs li:first-child,
	.nodetype--page #block-cosmote-breadcrumbs li:first-child {
	    background: none;
	}

	.node--type-hub-page{
		padding:0 0 20px 0;
	}

	
	#block-views-block-hub-certificates-block-1 .view-content .views-row .image.left{
		display:block;
		margin:0 0 20px 0;
	}

	.page-node-4 .node--type-hub-page .content .subtitle/*, .page-node-6 .node--type-hub-page .content .subtitle*/{
		width:auto;
		display:block;
	}

	.page-node-4 .node--type-hub-page .content .description/*, .page-node-6 .node--type-hub-page .content .description*/{
		width:auto;
		display:block;
	}

	.page-node-4 .node--type-hub-page .content .description p/*, 
	.page-node-6 .node--type-hub-page .content .description p*/{
		display:inline;
	}

	.page-node-4 .node--type-hub-page .content .description br/*, 
	.page-node-6 .node--type-hub-page .content .description br*/{
		display:none;
	}
	

	#block-views-block-hub-career-block-1 .views-row{
		padding:15px 20px 80px 20px;
		height:230px;
	}

	#block-views-block-hub-career-block-1 .views-row .text{
		width:auto;
	}

	#block-views-block-hub-career-block-1 .views-row .btn.open{
		display:block;
		position:absolute;
		bottom:20px;
		left:20px;
	}

	#block-views-block-hub-career-block-1 .views-row::after{
		bottom:50px;
	}

	#block-views-block-hub-career-block-1 .views-row::before {
	    content: "";
	    position: absolute;
	    bottom: 0px;
	    left: 0px;
	    width: 100%;
	    height: 50px;
	    background:#fff;
	}

	#block-views-block-hub-career-block-1 .views-row.active::before {
		display:none;
	}

	#block-views-block-hub-career-block-1 .views-row .btn.close{
	    
	    position: absolute;
	    top: 20px;
	    right: 20px;
	    background:#fff;
	}

	.node--type-project .need.row-wrapper .logo-subtitle .subtitle,
	.node--type-project .need.row-wrapper .logo-subtitle .subtitle h1{
		font-size:21px;
		line-height:30px;
	}

	.node--type-project .need.row-wrapper .logo-subtitle .subtitle p,
	.node--type-project .need.row-wrapper .logo-subtitle .subtitle h1 p{
		display:inline;
	}

	.node--type-project .need.row-wrapper .the-need{
		width:auto;
		display:block;
		padding:30px 20px 0 20px;
	}

	.node--type-project .services.row-wrapper li{
		padding:60px 0 20px 0px;
	}

	.node--type-project .services.row-wrapper li img {
		position: absolute;
		left: 0px;
		top: 17px;
		-ms-transform: translate(-0%, -0%);
		-webkit-transform: translate(-0%, -0%);
		transform: translate(-0%, -0%);
		width: 30px;
		height: auto;
	}



	.node--type-service .text.row-wrapper .left{
		width:auto;
	}

	.node--type-service .text.row-wrapper .right img{
		width:100%;
	}
	

	.node--type-service .text.row-wrapper .right{
		width:auto;
	}

	.node--type-service .row-first.row-wrapper .icon-title .small-title{
		font-size:18px;
	}

	.node--type-service .row-first.row-wrapper {
	    padding: 30px 20px 30px 20px;
	}

	.node--type-service .row-first.row-wrapper .icon-title .icon img {
	    width: 25px;
	    height: auto;
	}

	.node--type-service .row-first.row-wrapper .subtitle {
	    font-size: 21px;
	    line-height: 30px;
	}

	.node--type-service .row-first.row-wrapper .subtitle p{
		display:inline;
	}

	.node--type-service .features.row-wrapper .field--name-field-features-with-icons .field--name-field-features-with-icons{
		display:block;
		width:auto;
		padding:0 0 0px 60px;
	}

	.node--type-service .features.row-wrapper .field--name-field-features-with-icons .field--name-field-icon{
		margin:0 0 0 -50px;
		float:left;
	}

	.node--type-service .features.row-wrapper .field--name-field-features-with-icons .field--name-field-description{
		font-size:13px;
	}

	.node--type-service .text.row-wrapper{
		display:flex;
		flex-direction:column;
	}

	.node--type-service .text.row-wrapper .left{
		padding:20px;
		order:2;
		display:block;
		width:auto;
		font-size:13px;
		line-height:28px;
	}

	.node--type-service .text.row-wrapper .right{
		order:1;
		display:block;
		width:auto;
	}

	.node--type-service .text.row-wrapper .right img {
	    position: relative;
	    display: block;
	    left: auto;
	    top: auto;
	    width: 100%;
	    height: auto;
	}

	.node--type-service .text.row-wrapper {
	    padding: 0px 0 30px 0;
	    min-height:20px;
	}

	.node--type-service .text.row-wrapper .left h6 {
	    font-size: 21px;
	    line-height: 30px;
	}
	#block-views-block-more-services-entity-ref-block-1 h2,
	#block-views-block-duplicate-of-hub-services-block-1 h2{
		font-size:21px;
	}




	


	.carousel#our-projects .carousel-inner .views-row{
		margin:0px 10px 0 0;
	}

	.carousel#our-services, .carousel#our-projects{
		padding-left:10px;
	}

	
	#block-cosmote-main-menu li a.is-active::after, #block-cosmote-main-menu li.active a::after{
		display:none !important;
	}

	#block-views-block-hub-projects-block-1 .hub-projects.promoted .client-name, 
	#block-views-block-hub-projects-block-1 .hub-projects.promoted .project-name{
		width:50%;
	}

	
	/* extra css*/
	#block-views-block-front-projects-block-1 .block-header h2 {
	    line-height: 34px;
	}

	body.frontpage .hero .view-content .item .overlay .btn a {
	    border: 1px solid #fff;
	}

	#block-cosmote-main-menu li ul li:first-child {
	    border-top-left-radius: 0;
	    border-top-right-radius: 0;
	}

	#block-cosmote-main-menu li ul li a {
	    padding: 16px 70px 16px 20px;
	}

	#block-cosmote-main-menu li a {
	    font-size: 15px;
	}

	.node--type-service .row-first.row-wrapper .icon-title .small-title {
	    max-width: 290px;
	}
	/* */


	#block-views-block-front-company-block-1 .item .block-header.right .desc p, 
	#block-views-block-front-services-block-1 .block-header .desc p, 
	#block-views-block-front-projects-block-1 .block-header .desc p, 
	#block-views-block-front-certifications-block-1 .view-front-certifications .attachment-after .block-header .desc p{
		display:inline;
	}

	#block-views-block-front-company-block-1 .item .block-header.right .desc br, 
	#block-views-block-front-services-block-1 .block-header .desc br, 
	#block-views-block-front-projects-block-1 .block-header .desc br, 
	#block-views-block-front-certifications-block-1 .view-front-certifications .attachment-after .block-header .desc br{
		display:none;
	}



	#block-cosmote-main-menu li ul li.mob{
		display:block;
		padding:20px;
	}
	

	#block-cosmote-main-menu li ul li .view-all{
		display:block;
		font-size: 14px;
	    height: 35px;
	    line-height: 33px;
	    border: 1px solid #192e41;
	    color: #192e41;
	    display: block;
	    -webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
	    border-radius: 3px;
	    text-align:center;
		font-size:14px;
	}



	.nodetype--page #block-cosmote-content .field--type-text-with-summary table td{
		font-size:12px;
		line-height:16px;
		padding:3px;
	}



	.custom-news-list .view-content .views-row{
		width: 100%;
		margin: 0 0 10px 0;
	}

	.custom-news-list .news-item .news-photo img{
		height: 260px;
	}

	.custom-news-list .view-content{
		padding: 0 10px;
	}

	.nodetype--article article > h2 {
	    font-size: 24px;
	}


	#block-views-block-more-articles-block-1{
		padding: 30px 0px 20px 0px;
	}




}






/*extra css*/



/*#block-cosmote-footer ul li:last-child {
display: block;
margin-top: 10px;
}
#block-cosmote-footer ul li:last-child a::after {
content: "\f08c";
width: 25px;
height: 20px;
display: inline-block;
border-radius: 20px;
background-color: #fff;
margin-left: 10px;
font: normal normal normal 15px/1 FontAwesome;
text-align: center;
position: relative;
padding-top: 5px;
color: #0b1a27;
}*/

.nodetype--project .services.row-wrapper h6 {
font-weight: normal;
color: #75828d;
}
.nodetype--project .services.row-wrapper h6 strong {
font-weight: normal;
color: #75828d;
}
@media only screen and (max-width: 1000px) {
    #block-social {
position: relative;
display: inline-block;
}
}

.page-node-6 #block-views-block-hub-career-block-1 {
display: none;
}

.node--type-hub-page header h1, .node--type-service header h1, .node--type-project header h1, .node--type-project header h2, .node--type-company header h1 {
font-size: 50px;
}

.page-node-33 .node--type-project header h2 {
    font-size: 39px;
}

.page-node-33 .node--type-project header h2 {
    max-width: 1430px;
}

.page-node-31 .node--type-project header h2 {
    font-size: 46px;
}

.page-node-31 .node--type-project header h2 {
    max-width: 1400px;
}
.page-node-5 .view-hub-services .views-row .text .desc {
    font-size: 16px;
    line-height: 20px;
}

 .page-node-6 .node--type-hub-page .content .subtitle {
    width: 330px;
}


body.frontpage .hero .view-content .item .overlay .desc {
    font-size: 17px;
}
.carousel#our-projects .carousel-inner .views-row:nth-child(10) .text h3 {
transform: translate(-0%, -33%);
}	
.page-node-6 .node--type-hub-page .content .description {
    width: calc(100% - 330px);
}
.page-node-17 .node--type-project header h2 {
    max-width: 1200px;
}
/*.page-node-7 #block-views-block-hub-projects-block-1 .hub-projects.promoted .project-details {
    bottom: 35px;
    left: 80%;
}*/


.page-node-7 #block-views-block-hub-projects-block-1 .hub-projects.promoted .project-details {
    bottom: 25px;
}

@media screen and (max-width: 1139px) {
    .page-node-7 #block-views-block-hub-projects-block-1 .hub-projects.promoted .project-details {
        bottom: 55px;
    }
}

@media screen and (max-width: 959px) {
    #block-views-block-hub-projects-block-1 .hub-projects.promoted .text {
        padding: 0 530px 0 0;
	}
	.page-node-6 .node--type-hub-page .content .description {
		width:100%;
	}
}

@media screen and (max-width: 941px) {
    .page-node-7 #block-views-block-hub-projects-block-1 .hub-projects.promoted .project-details {
        bottom: 22px;
    }
    .page-node-7 #block-views-block-hub-projects-block-1 .hub-projects.promoted .text h1 {
        height: 170px;
    }
    .page-node-7 #block-views-block-hub-projects-block-1 .hub-projects.promoted .project-details {
        left: 66%;
    }
}

@media screen and (max-width: 767px) {
    .page-node-7 #block-views-block-hub-projects-block-1 .hub-projects.promoted .text {
        padding: 0 0 0 0;
    }
    .page-node-7 #block-views-block-hub-projects-block-1 .hub-projects.promoted .project-details {
        left: 0;
    }
    .page-node-7 #block-views-block-hub-projects-block-1 .hub-projects.promoted .text .image img {
        width: 100%;
    }
}
.page-node-29 .node--type-project header h2 {
    font-size: 39px;
}
.page-node-29 .node--type-project header h2 {
    max-width: 1300px;
}

.view-hub-projects .view-header{
	padding: 10px 35px;
}
.view-hub-projects .view-header h3{
	font-weight: bold;
    color: #192e41;
    line-height: 29px;
    font-size: 19px;
}
.view-hub-projects .view-header p{
	font-size: 12px;
	color: #192e41;
}

@media screen and (max-width: 959px){
	.view-hub-projects .view-header{
		padding: 10px 20px;
	}
}




@media screen and (max-width: 1200px){
	.node--type-service .text.row-wrapper .right{
		order:1;
		display:none;
		width:auto;
	}
	
	.node--type-service .text.row-wrapper .right img {
		position: relative;
		display: none;
		left: auto;
		top: auto;
		width: 100%;
		height: auto;
	}
}


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



.node--type-service .text.row-wrapper{
	display:flex;
	flex-direction:column;
}

.node--type-service .text.row-wrapper .left{
	padding:20px;
	order:2;
	display:block;
	width:auto;
	font-size:13px;
	line-height:28px;
}

.node--type-service .text.row-wrapper .right{
	order:1;
	display:block;
	width:auto;
}

.node--type-service .text.row-wrapper .right img {
	position: relative;
	display: block;
	left: auto;
	top: auto;
	width: 100%;
	height: auto;
}

.node--type-service .text.row-wrapper {
	padding: 0px 0 30px 0;
	min-height:20px;
}

.node--type-service .text.row-wrapper .left h6 {
	font-size: 21px;
	line-height: 30px;
}
#block-views-block-more-services-entity-ref-block-1 h2,
#block-views-block-duplicate-of-hub-services-block-1 h2{
	font-size:21px;
}



}












.logged-in #block-cosmote-local-tasks {
    display: block;
    position: relative;
    padding-top: 65px;
}


.logged-in #block-cosmote-local-tasks ul li{
	display: inline-block;
    padding: 0px 10px;
}

body.toolbar-fixed .toolbar-oriented .toolbar-bar{
	position: absolute;
}




.benefits .field__item ul{
	list-style-type: circle !important;
    display: block;
    padding-left: 20px;
}

.benefits .field__item ul li{
	list-style: disc;
}













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




	.node--type-hub-page header h1, .node--type-service header h1, .node--type-project header h1, .node--type-project header h2, .node--type-company header h1 {
		font-size: 40px;
	}


}


/* CASPER ADDITION */

#block-contactus {
    max-width: 380px;
}
.contact-wrapper {
    max-width: 1220px;
    margin: 0 auto;
}
.contact-half {
    max-width: 590px;
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
    padding-top: 30px;
}
#map {
    height: 265px;
    width: 578px;
}

.contact-wrapper .contact-half .icon {
    width: 25px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}
.contact-wrapper .contact-half .icon img{
    margin:auto;
}
.contact-wrapper .contact-half .text {
	display: inline-block;
	vertical-align: middle;
}
.contact-wrapper .contact-half .text .address-1 {
	max-width: 500px;
	line-height: 15px;
}

.node--type-company .content .field--type-text-with-summary {
    font-size: 16px;
}



@media screen and (max-width: 1176px){
	#branding img {
		width: 244px;
	}
	#branding-region-two img {
		width: 71px;
	}
	#branding-region {
		margin-right: 20px;
	}
}
@media screen and (max-width: 1076px){
	#branding img {
		width: 184px;
	}
	#branding-region-two img {
		width: 54px;
	}
	/*#branding-region {
		margin-right: 0;
	}*/

}
@media screen and (max-width: 1076px){
	#branding img {
		/*width: 290px;*/
	}
}
@media screen and (max-width: 1030px){
	#branding img {
		/*width: 260px;*/
	}
}
@media screen and (max-width: 1020px){
	#branding img {
		/*width: 330px;*/
	}
}
@media screen and (max-width: 959px){
	#branding img {
		width: 244px;
	}
	#branding-region-two img {
		width: 71px;
	}
	#branding img {
		/*width: 430px;*/
	}
	#block-contactus {
	    max-width: 100%;
	}
	#block-social {
		line-height: 90px;
	  	height: 90px;
	}
	#footer #block-footer-logo {
		padding: 15px 0px 30px 0;
	}
}
@media screen and (max-width: 615px){
	.contact-wrapper .contact-half:nth-child(2) {
		width: 100%;
	}
	#map {
		width: 100%;
	}
	
	.contact-wrapper .contact-half .map-responsive {
	    overflow:hidden;
	    padding-bottom:56.25%;
	    position:relative;
	    height:0;
	}

	.contact-wrapper .contact-half .map-responsive iframe {
	    left:0;
	    top:0;
	    height:100%;
	    width:100%;
	    position:absolute;
	}

}
@media screen and (max-width: 590px){
	.contact-wrapper .contact-half .text .address-1 {
		max-width: 380px;
	}
}
@media screen and (max-width: 460px){
	.contact-wrapper .contact-half .text .address-1 {
		max-width: 280px;
	}
	.contact-wrapper .contact-half .icon:nth-child(2) {
		vertical-align: top;
	}
	
}
@media screen and (max-width: 500px){
	#branding img {
		/*width: 260px;*/
	}
}
@media screen and (max-width: 415px){
	#branding img {
		width: 184px;
	}
	#branding-region-two img {
		width: 54px;
	}
	#branding img {
		/*width: 240px;*/
	}
}
@media screen and (max-width: 360px){
	.contact-wrapper .contact-half .text .address-1 {
		max-width: 240px;
	}
}


.page-node-9 #cookie-policy {
	text-decoration: underline;
	cursor: pointer !important;
}

.page-node-9 #cookie-policy:hover {
	color: #000;
}


/* FOOTER LOGOS */
#footer .footer.one {
	width: 114px;
}
#footer .footer.two {
	width: 87px;
	margin-left: 42px;
}



.video-embed-field-responsive-video {
    position: relative;
}

.video-embed-field-responsive-video:after {
    content: '';
    display: block;
    padding-bottom: 56.25%;
}

.video-embed-field-responsive-video iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}

.video-embed-field-responsive-modal {
    max-width: 100%;
}

.video-embed-field-lazy {
    cursor: pointer;
    position: relative;
}

.video-embed-field-lazy img {
    width: 100%;
}

.video-embed-field-lazy-play {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url(/modules/video_embed_field/css/icons/play.svg) no-repeat;
    cursor: pointer;
    background-size: 72px 72px;
}