/* GLOBAL CSS - USED IN ALL PAGES */
html, body {overflow: auto;}

body {
	margin:0;
	padding:0;
}

/*NEW FONT FAMILY*/
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
	color: #333; /* Edited by M parent portal 2022 */
	font-family: 'Roboto', sans-serif;
}


h1, h2 {font-weight: 500;}


#back-to-top {
    position: fixed;
    bottom: 20px;
    left: 20px; /* 22032023 */
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #333333;
    color: #ffffff;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
    display:block;
}
#back-to-top:hover {
    background: #333333;
}
#back-to-top.show {
    opacity: 1;
}

/** SST APP NOTIF STYLES **/
.forios, .forandroid {display:none;}
#appModal{ background-color: rgba(0, 0, 0, 0.6);}
#appModal .modal-dialog{margin-top:0; width:100%;}

.app-content{
	background-color: transparent;
	border:0px;
	border-radius:0px;
	-webkit-box-shadow:0 0 0;
	box-shadow:0 0 0;
}

.app-content .modal-header {padding:15px 15px 30px 10px; border-bottom: 0px;}
.app-content button.close{color:#ffffff; opacity:1;}

.app-content .modal-body{color:#ffffff; text-align:center; padding:0px 20px; font-size:12px; line-height:13px;}
.app-content .modal-body img{max-width: 100%; width:43%;}
.app-content .modal-body img#forios {width:60%;}
.app-content .modal-body #app-header{display:block; margin-bottom:8px; color:#40c7ff; font-weight: bold; font-size: 18px; line-height:24px;}

.app-install {
	position:fixed;
	z-index:1051;
	width:100%; 
	bottom:0; 
	background-color: #2fbbf5; 
	padding:10px 10px 5px 10px;
	color:#ffffff;
	font-size:13px;
	line-height: 18px;
	visibility: hidden;
}

.app-install .install-btn {padding:8px; border:1px solid #ffffff;}
.install-btn  a{color: #ffffff;}
/** END SST APP NOTIF STYLES **/

.navmenu-nav.dropdown-menu { position:relative; }
.h, .table-h {display:none;}
.w {display: block;}
.h-mob, .h-mob-os {display:none;}
.w-mob, .w-mob-os {display:block;}
.w-tab {display:none;}
.invisible {visibility: visible;}
.web-visible{visibility: hidden;}
.fl {float:left !important;}
.fr {float:right !important;}


.container{
	width:100%;
	/*max-width: none !important;*/
	margin:0 auto;
}

	.container-fluid{
		margin:0;
		padding:0;
		margin-top:60px;
		/*padding-bottom:50px;*/
	}

	.row{
		width:100%;
		margin:0;
		padding:0;
	}


	/* Headliners */

	.headline{
	  display: block; 
	  margin: 50px 0 25px 0; 
	  border-bottom: 0;
	}

	.headline-trial{
	  display: block; 
	  margin: 25px 0; 
	  border-bottom: 0;
	}


	.headline h3, .headline h2, .headline h1{ /*Amended 30 july 2014*/
	  margin: 0 0 -2px 0;
	  padding-bottom: 5px;
	  display: inline-block;
	}

	.trial-headline{
		clear:both;
	  float:left !important;
	  border-bottom:2px solid #72c02c;
	  margin: 0 0 10px 0 ;
	  padding-bottom: 5px;
	  display: block;
	  font-size:20px;
	  color:#317eac;
	}

	.headline.none{
		margin-top:0px; 
	}


	/* Navigation Bar */

	#top-nav{
		width:100%;
		height:60px;
		background:#18a2e3;
		position:fixed;
		top:0;
		z-index:100;
	}

	/* added divider in mobile nav menu */
    .divider {height:1px; background-color:#080808; width: 100%;}

	.dropdown-header{
		font-size:14px;
		color:#317eac;
	}

	.navbar{
		box-shadow:none;
		border:none;
		background:#18a2e3;
		width:100%;
		margin-bottom:0px;
	}	

	.navbar li a span{
		line-height: 50px;
	}

	.navbar-brand{
	  width:120px;
	  line-height:30px;
	  background:url(../images/logo.png) no-repeat;
	  background-size: 100%;
	  height: 50px;
	 }

	/*Added 29 July 2014*/
	.navbar li a span.badge{
		line-height: normal;
		font-size: 9px;
		background:#cc0000;
		position:absolute;
		right:15px;
	}
	.navbar li a span.glyphicon{
		line-height: normal;
	}

	.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
		background:#2fa4e7;
	}

	.dropdown-menu .dropdown-menu{
		background:#efefef;
	}
	.dropdown-menu{
		padding:0px;
	}
	.dropdown-menu li a{
		padding-top:5px;
		padding-bottom:5px;
	}

	.dropdown a.dropdown-toggle.head{
		padding-top:12px;
		padding-bottom:12px;

	}

	.dropdown-menu .divider{
		margin:0px;
	}

	.dropdown-menu > .active.sub > a, .dropdown-menu > .active.sub > a:hover, .dropdown-menu > .active.sub > a:focus{
		background:#afafaf;
	}


	/* Image header in every page */
	.img-header-banner { 
		height: 205px; 
		background-repeat: no-repeat !important;
		background-size: cover !important;
	}

	.img-header-banner h1 {
		color: #ffffff;
		font-weight: bold;
		font-size: 40px;
	}

	/* Image header with breadcrumb */

	.img-header-banner .breadcrumb {
		padding: 8px 0;
		margin-bottom: 15px;
		list-style: none;
		background: none;
	}

	.img-header-banner .breadcrumb i {
		padding-left: 5px;  
	}

	.img-header-banner .breadcrumb li, .img-header-banner .breadcrumb li a {
		color: #dddddd;
	}

	.img-header-banner .breadcrumb > li + li:before {
		content: none;
	}

	.img-header-banner .breadcrumb li.active{
		font-weight: bold;
		color: #ffffff;
	}


	/* FAQ, ABOUT and TERMS at the bottom of every page*/

	#faq-and-terms{
		background:#252528;
		position: fixed;
		bottom:0;
		height:40px;
		z-index:50;
	}

	#faq-and-terms ul{
		list-style-type: none;
		float:right;
	}

	#faq-and-terms ul li{
		float:left;
		border-right:1px solid #666;
		margin:10px 0px 10px 0px;
		padding:0px 10px 0px 10px;
	}


	/* CSS for modals in all pages */
	#login .modal-header, #confirm .modal-header {
		background-color: #18a2e3;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}
	#dnc .modal-header { /*dnc modal*/
		background-color: #dd5600;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
	}
	#welcome .modal-header { /*welcome modal*/
		background-color: #549cc9;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		color:#fff;
	}

	#login .modal-title, #confirm .modal-title, #dnc .modal-title{
		color:#fff;
	}

	#login textarea{
		resize:none;
	}

	#signupModal.modal-header{
		background-color: #85bd47;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;  
	}

	#desc{
		padding:10px 10px 10px 15px;
		background:#efefef;
	}
	#dnc #desc{
		background:url(../images/dnc_main.jpg) 0px -40px;
		height:170px;
	}
	#confirm .modal-footer{
		margin:0;
		padding-top:0px;
		border-top:none;	
	}
	#confirm .modal-body{
		padding-bottom:0px;
	}
	#confirm .modal-body table{
		border-left: unset;
		border-right: unset;
		border-bottom: unset;
	}
	#confirm .modal-body .note{
		padding:0;
	}
	#confirm .modal-body .new{
		color:#b94c4a;
	}

	/*New Modal*/
	/*Alert modal*/
	.alertmodal-container {
	  padding: 30px;
	  padding-top: 30px;
	  max-width: 350px;
	  width: 100% !important;
	  background-color: #F7F7F7;
	  margin: 0 auto;
	  border-radius: 2px;
	  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	  overflow: hidden;
	  font-family: 'Roboto', sans-serif;
	}

	.alertmodal-container h1 {
	  text-align: center;
	  font-size: 22px;
	  font-family: 'Roboto', sans-serif;
	}

	.alertmodal-container h3 {
	  margin-top:10px;
	}

	.alertmodal-container button[type=button], .alertmodal-container a[type=button] {
	  background-color: #126a9c;
	  border: 0;
	  padding: 8px 8px;
	  color: #fff;
	  margin: 0 auto;
	  display: block;
	  border-radius: 3px;
	  opacity: unset;
	}

	.alertmodal-container button[type=button].disabled-modal-btn{
	  background-color: #364c58;
	  pointer-events: none;
	}

	.alertmodal-container p { margin-top: 10px; }

	.alertmodal {
	  text-align: center;
	  font-size: 14px;
	  font-weight: 700;
	  height: 36px;
	  padding: 0 8px;
	  display: inline; 
	  width: 100%;
	}

	.alertmodal-btn {
	  border: 0px;
	  color: #fff;
	  text-shadow: 0 1px rgba(0,0,0,0.1); 
	  background-color: #4d90fe;
	  padding: 17px 0px;
	  font-size: 14px;
	  display: inline; 
	  width: 100%;
	}

	.btn-left {
	  padding-right: 5px; 
	  padding-left: 0px;
	}

	.btn-right {
	  padding-left: 5px; 
	  padding-right: 0px;
	}

	.btn-center { 
	  width: 50%;
	  text-align: center;
	  margin: 0 auto;
	  float: unset;
    }

	.alertmodal-btn:hover {
	  border: 0px;
	  text-shadow: 0 1px rgba(0,0,0,0.3);
	  background-color: #357ae8;
	}

	.alertmodal-container a {
	  text-decoration: none;
	  color: #666;
	  text-align: center;
	  display: inline-block;
	  opacity: 0.6;
	  transition: opacity ease 0.5s;
	} 

	.alertmodal-container i { font-size:60px;  padding-bottom: 5px; }
	.alertmodal-container.default i { color: #ebebeb; }
	.alertmodal-container.primary i { color: #18a2e3; }
	.alertmodal-container.warning i { color: #ea8429; }
	.alertmodal-container.danger i { color: #de363c; }
	.alertmodal-container.success i { color: #36c75a; }
	.alertmodal-container.info i { color: #5bc0de; }

	.modal-extra{
	  font-size: 13px;
	}

	.modal {
	  text-align: center;
	  padding: 0!important;
	  overflow-y: hidden !important;
	}

	.modal:before {
	  content: '';
	  display: inline-block;
	  height: 100%;
	  vertical-align: middle;
	  margin-right: -4px;
	}

	.modal-dialog {
	  display: inline-block;
	  text-align: left;
	  vertical-align: middle;
	}
	/*End of alert modal*/
	/*End of new modal*/

	/*5 COLUMN GRID*/
	.col-xs-5ths,
	.col-sm-5ths,
	.col-md-5ths,
	.col-lg-5ths {
	    position: relative;
	    min-height: 1px;
	    padding-right: 10px;
	    padding-left: 10px;
	}

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

/*Added 29 July 2014*/
	#mob-nav li a span.badge{
		line-height: normal;
		font-size: 11px;
		background:#cc0000;
	}

/*to fix offset for mobile*/
.topbarheight {
	color:#fff;
	padding-top:180px;
}

a.topbarheight:hover{color:#ffffff; text-decoration: none;}

.tablescroll {
	max-height:550px;
	overflow-y:auto;
	margin-bottom:20px;
}

.tablescroll .table{margin-bottom:0px;}

.noleftrightpadding {
	padding-left: 0;
	padding-right: 0;
}

span.notif{float:right;margin-left:5px;margin-top:19px;width:10px;height:10px;border-radius:100px;background-color:#cc0000;}
#mob-nav span.notif{margin-top:5px;margin-left:0px;}

.bounce-7 {
      animation-duration: 2s;
      animation-iteration-count: 3;
      animation-name: bounce-7;
      animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
}
@keyframes bounce-7 {
      0%   { transform: scale(1,1)      translateY(0); }
      10%  { transform: scale(1.1,.9)   translateY(0); }
      30%  { transform: scale(.9,1.1)   translateY(-10px); }
      50%  { transform: scale(1.05,.95) translateY(0); }
      57%  { transform: scale(1,1)      translateY(-7px); }
      64%  { transform: scale(1,1)      translateY(0); }
      100% { transform: scale(1,1)      translateY(0); }
}
.bounce-7.notif{animation-iteration-count: infinite;}

/* update by H 8 June */

/* write up */

.short-writeup {
    margin-top: 30px;
    padding-left: 15px;
    margin-bottom: 30px;
}

.dropdown {
  position: relative;
}

nav#mob-nav {
    overflow: initial;
}

/*drop down */


h1.emptyanchor{
  position: absolute;
}

.dropdown.courses {
    float: left;
    margin-top: 22px;
}

.dropdown.courses ul.dropdown-menu.navmenu-nav li:last-child {
    padding-bottom: 5px;
}

.dropdown.courses button:focus {
    border: 0px;
    outline: none;
    box-shadow: none;
}

.dropdown.courses ul.nav.navmenu-nav ul.dropdown-menu li {
    border-top: 0px;
}

.dropdown.courses li a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.dropdown.courses ul.dropdown-menu li:first-child{
	border-top: 0px;
}

.dropdown.courses ul.dropdown-menu.navmenu-nav li a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.dropdown.courses span{
    letter-spacing: 1px;
}

.dropdown.courses ul.dropdown-menu{
    border-radius:4px;
}

.dropdown.courses ul.dropdown-menu li {
    border-top: 1px solid #e2e2e2;
    padding-top: 0px;
    padding-bottom: 0px;
}

.dropdown.courses ul.dropdown-menu li:first-child{
	border-top: 0px;
}

.dropdown.courses ul.dropdown-menu li:first-child a:hover,
.dropdown.courses ul.dropdown-menu li:first-child a:focus{
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}

.dropdown.courses button.btn-primary {
    background: none;
    border: 0px;
}

ul.navmenu-nav ul.dropdown-menu li a{
	padding-top: 10px;
	padding-bottom: 10px;
}

.courses {
    margin-top: 20px;
}




/** For SAMSUNG GALAXY FOLD **/
@media screen and (max-width: 319px) {
	.img-header-banner {height: 150px; }
	.img-header-banner h1 { font-size: 29px; margin-top: 25px; } /* edited by H 210223 */
}

/** FOR SAMSUNG S2 **/
/**@media screen and (device-width: 320px) and (device-height: 534px) and (-webkit-device-pixel-ratio: 1.5){
  .col-md-12#app-popup-content img{width:45%;}
}**/
@media screen and (min-width: 320px) {
	.img-header-banner {height: 150px; }
	.img-header-banner h1 { font-size: 27px; margin-top: 55px; }
	.img-header-banner .video-img { width: 221px; overflow: hidden; }

	.img-header-banner.top-bc h1 { font-size: 30px; margin-top: 0; }
	.img-header-banner.top-bc .breadcrumb { margin-top: 35px; }
	.img-header-banner.top-bc .breadcrumb li a { color: #ffffff; }

	.img-header-banner-mob { background-color: #eeeeee; }
	.img-header-banner-mob.top-bc h3 { margin-top: 0; }
	.img-header-banner-mob.top-bc .breadcrumb {
	   	background-color: unset;
	    margin-bottom: 0;
	}
	.img-header-banner-mob.top-bc ol li a { color: #000000; }

	.footer_copyright span{display: block;} /* Edited by M 11032022 */
	
}

@media screen and (min-width: 360px) {
	.app-content .modal-body img, .app-content .modal-body img#forios{max-width: 100%; width:65%;}
	.app-content .modal-body #app-header{display:block; margin-bottom:8px; color:#40c7ff; font-weight: bold; font-size: 24px; line-height:29px;}
	.app-content .modal-body{font-size:14px; line-height:20px;}
}

@media screen and (min-width: 481px) {
	.img-header-banner h1 { font-size: 35px; }									   
	.w-mob-os {display:none;}
	.w-tab {display:block;}

	.footer_copyright span{display: initial;} /* Edited by M 11032022 */
}

/*PHONE. SCREENS 768PX 0NWARDS*/
@media screen and (min-width: 768px) {
	.w-mob{display:none;}
	.h-mob {display:block;}

	/** SST APP NOTIF STYLES **/
	.app-content .modal-body img{max-width: 100%; width:47%;}
	.app-content .modal-body img#forios{width:55%;}
	/** END SST APP NOTIF STYLES **/

	.img-header-banner h1 { font-size: 40px; }
	.img-header-banner.top-bc h1 { margin-top: 5px; }
	.img-header-banner.top-bc .breadcrumb {margin-top: 40px;}

	.navbar-toggle{display:block;}
	.navbar-collapse.collapse{display:none !important;}

	.navbar-nav >li>a {padding-right: 10px;padding-left:10px;}

	.fl, .fr {float:none !important;}

	/*5 COLUMN GRID*/
	.col-sm-5ths {
        width: 20%;
        float: left;
    }
}

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


	.img-header-banner .breadcrumb {
		padding: 0px 0 5px 0;
		margin-bottom: 0px;
		line-height: 15px;
	}
	.img-header-banner .breadcrumb li { font-size: 13px; }
 }

 @media screen and (max-width: 320px){
.blocks.course-overview-info.col-md-12 .hr-text:after {
    line-height: 35px;
    font-size: 25px;
}
}

 
/*FOR NAVBAR.*/
@media screen and (min-width: 896px) {
	#back-to-top.show{opacity:0;}
	#back-to-top{height: 0; width:0;}

	.w-tab {display:none;}
	.h-mob {display:block;}
	.h-mob-os {display:block;}
	.navbar-toggle{display:none;}
	#top-nav{height:80px;}
	.navbar-collapse.collapse{display:block !important;}
	
    /*to fix offset for desktop*/
	.topbarheight {
		color:#fff;
		padding-top:100px;
	}
	.img-header-banner { height: 205px; }
	.img-header-banner h1 { margin-top: 90px; }
	.img-header-banner.top-bc h1 { margin-top: 0; }
	.img-header-banner.top-bc .breadcrumb { margin-top: 55px; }
	.img-header-banner .video-img { width: auto; }								  								   
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 736px)
  and (orientation: landscape) {
    .img-header-banner-mob {
      display: none !important;
    }

    .img-header-banner.top-bc .mob-landscape h1 {
      font-size: 24px;
      margin-top: 5px;
    }

    .img-header-banner.top-bc .mob-landscape .breadcrumb {
      margin-top: 45px;
    }
}

/*DESKTOPS*/
@media screen and (min-width: 992px) {

	.h {display:block;}
	.table-h {display:table-cell;}
	.w {display:none;}
	.invisible {visibility: hidden;}
	.web-visible{visibility: visible;}

	.container{
		width:100%;
	/*width:1200px;*/
	/*max-width: none !important;*/
	margin:0 auto;
	}

	.container-fluid{
		margin:0;
		padding:0;
		margin-top:60px;
		padding-bottom:0;
	}

	.app-content .modal-body img{max-width: 100%; width:25%;}
	/*.app-install {display:none;}*/

	.row{
		width:100%;
		margin:0;
		padding:0;
	}


	/* Headliners */

	.headline{
	  display: block; 
	  margin: 50px 0 25px 0; 
	  
	}

	.headline-trial{
	  display: block; 
	  margin: 20px 0; 
	}

	.headline h3, .headline h2, .headline h1{ /*Amended 30 july 2014*/
	  
	  margin: 0 0 -2px 0;
	  padding-bottom: 5px;
	  display: inline-block;
	}

	.trial-headline {
	  clear:none;
	  float:left !important;
	  border-bottom:2px solid #72c02c;
	  margin: 0 0 -2px 0;
	  padding-bottom: 5px;
	  display: inline-block;
	  font-size:30px;
	  color:#317eac;
	}

	.headline.none{
		margin-top:0px; 
	}

	.img-header-banner h1 { margin-top: 90px; }								

	/* Navigation Bar */

	#top-nav{height:80px;}

	.dropdown-header{
		font-size:14px;
		color:#317eac;
	}

	.navbar{
		box-shadow:none;
		border:none;
		background:#18a2e3;
		/*width:90%;*/
		width:100%;
		margin-bottom:0px;
	}	

	.navbar li a span{
		line-height: 50px;
		letter-spacing: 1px;
	}

	.navbar-brand{
	  width:180px;
	  line-height:30px;
	  background:url(../images/logo.png) no-repeat;
	  background-size:95%;
	  height:80px;
	}

	/*Added 29 July 2014*/
	.navbar li a span.badge{
		line-height: normal;
		font-size: 9px;
		background:#cc0000;
		position:absolute;
		right:15px;
	}
	.navbar li a span.glyphicon{
		line-height: normal;
	}

	.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
		background:#2fa4e7;
	}

	.dropdown-menu .dropdown-menu{
		background:#efefef;
	}
	.dropdown-menu{
		padding:0px;
	}
	.dropdown-menu li a{
		padding-top:5px;
		padding-bottom:5px;
	}

	.dropdown a.dropdown-toggle.head{
		padding-top:12px;
		padding-bottom:12px;

	}

	.dropdown-menu .divider{
		margin:0px;
	}

	.dropdown-menu > .active.sub > a, .dropdown-menu > .active.sub > a:hover, .dropdown-menu > .active.sub > a:focus{
		background:#afafaf;
	}


	/* FAQ, ABOUT and TERMS at the bottom of every page*/

	#faq-and-terms{
		background:#252528;
		position: fixed;
		bottom:0;
		height:40px;
	}

	#faq-and-terms ul{
		list-style-type: none;
		float:right;
	}

	#faq-and-terms ul li{
		float:left;
		border-right:1px solid #666;
		margin:10px 0px 10px 0px;
		padding:0px 10px 0px 10px;
	}




	/* CSS for modals in all pages */
	#login .modal-header, #confirm .modal-header {
		background-color: #18a2e3;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}
	#dnc .modal-header { /*dnc modal*/
		background-color: #dd5600;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
	}
	#welcome .modal-header { /*welcome modal*/
		background-color: #549cc9;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		color:#fff;
	}

	#login .modal-title, #confirm .modal-title, #dnc .modal-title{
		color:#fff;
	}

	#login textarea{
		resize:none;
	}

	#signupModal.modal-header{
		background-color: #85bd47;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;  
	}

	#desc{
		padding:10px 10px 10px 15px;
		background:#efefef;
	}
	#dnc #desc{
		background:url(../images/dnc_main.jpg) 0px -40px;
		height:170px;
	}
	#confirm .modal-footer{
		margin:0;
		padding-top:0px;
		border-top:none;	
	}
	#confirm .modal-body{
		padding-bottom:0px;
	}
	#confirm .modal-body table{
		border-left: unset;
		border-right: unset;
		border-bottom: unset;
	}
	#confirm .modal-body .note{
		padding:0;
	}
	#confirm .modal-body .new{
		color:#b94c4a;
	}

	/*5 COLUMN GRID*/
	.col-md-5ths {
        /*width: 20%;*/
        width:234px;
        float: left;
    }
}

/*DESKTOPS LARGE SCREEN*/
@media screen and (min-width: 1200px) {
	.container {width:1200px;}

	.navbar-nav >li>a {padding-right: 15px;padding-left:15px;}

	.col-lg-5ths {
        width: 20%;
        float: left;
    }
}

/*** ADD in for FOOTER in several pages M 11032022 ***/
/* Footer */
footer .container .row {
  padding-bottom: 20px;
}

footer{
 background-color: #f7f7f7;
 padding: 40px 0px 20px 0px;
}

footer .our-apps{
 /* padding-top: 15px;*/
 padding-top: 0px; /*Edited by M 16042021*/
}

.logo{
  color:#FFF;
  font-weight:800;
  font-size:30px;
}

.adress span , .contact span , .footer_social span{
 color: #646464;
 font-weight: bolder; 
 padding-top:10px;
 padding-bottom:5px; 
 display: block;
 text-transform: uppercase;
 font-size: 11px;
 letter-spacing: 1.2px;
}

.adress li p , .contact li a , .footer_social li a, .contact li{
  color: #646464;
  letter-spacing: 0.5px;
  text-decoration: none;
  font-size: 12px;
}

.adress, .contact , .footer_social{
  list-style: none;
}

.footer_social li{
  float:left;
  padding-right: 5px;
}

.footer_bottom {
  font-family: inherit !important;
  font-size: 12px !important;
  line-height: 14px !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center;
  border-top: 1px solid #DDDDDD !important;
  padding: 8px 0 !important;
  margin-top: 20px;
  -webkit-flex-direction: row !important;
  -ms-flex-direction: row !important;
  -webkit-align-items: center !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-align: center !important;
  -webkit-box-align: center !important;
}

.footer_copyright{
  padding: 15px 0px 0px 0px; /* Edited by M 11032022 */
  color:#646464;
}

/* End of Footer */

/*Top Header*/
.img-header-banner  {
      background: url('../images/staticpage_header_bg.png') no-repeat, linear-gradient(180deg, rgba(24,163,227,1) 10%, rgba(0,142,227,1) 48%, rgba(18,114,190,1) 100%);
      background-position: center center;
      background-size: auto !important;
}

.icon_right_holder img {
    width: 90%;
}

.icon_right_holder {
    position: absolute;
    right: 0px;
    top: 59px;
}



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

.icon_right_holder {
    display: none;
}

.icon_right_holder img {
    max-width: 75%;
}

.icon_right_holder {
    position: absolute;
    right: -100px;
    top: -28px;
    display: none;
}

.img-header-banner {
      background: url('../images/staticpage_header_bg_mobile.png') no-repeat, linear-gradient(180deg, rgba(24,163,227,1) 10%, rgba(0,142,227,1) 48%, rgba(18,114,190,1) 100%);
      background-position: center center;
      background-size: auto !important;
}

}

@media screen and (max-width: 992px) and (orientation: portrait){
.icon_right_holder {
    position: absolute;
    right: 0px;
    top: -54px;
}

}

@media screen and (max-width: 992px) and (orientation: landscape){

.img-header-banner {
      background: url('../images/staticpage_header_bg_mobile_landscape.png') no-repeat, linear-gradient(180deg, rgba(24,163,227,1) 10%, rgba(0,142,227,1) 48%, rgba(18,114,190,1) 100%);
      background-position: center center;
      background-size: auto !important;
}

.icon_right_holder {
    position: absolute;
    right: 0px;
    top: -14px;
}

.icon_right_holder img {
    width: 60%;
}


}

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

.img-header-banner {
      background: url('../images/staticpage_header_bg_480.png') no-repeat, linear-gradient(180deg, rgba(24,163,227,1) 10%, rgba(0,142,227,1) 48%, rgba(18,114,190,1) 100%);
      background-position: center center;
      background-size: auto !important;
}

}

@media screen and (max-width: 320px){
	.img-header-banner {
      background: url('../images/staticpage_header_bg_320.png') no-repeat, linear-gradient(180deg, rgba(24,163,227,1) 10%, rgba(0,142,227,1) 48%, rgba(18,114,190,1) 100%);
      background-position: center center;
      background-size: auto !important;
}
}

@media screen and (min-width: 540px) and (max-width: 768px) and (orientation: portrait){

.img-header-banner{
	background: url('../images/staticpage_header_bg_ipad_portrait.png') no-repeat, linear-gradient(180deg, rgba(24,163,227,1) 10%, rgba(0,142,227,1) 48%, rgba(18,114,190,1) 100%);
      background-position: center center;
      background-size: auto !important;
}
}


@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
	.img-header-banner {
      background: url('../images/staticpage_header_bg_mobile_landscape.png') no-repeat, linear-gradient(180deg, rgba(24,163,227,1) 10%, rgba(0,142,227,1) 48%, rgba(18,114,190,1) 100%);
      background-position: center center;
      background-size: auto !important;
}
}

/*FONT*/
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/global/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/global/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/global/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/global/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/global/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/global/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/global/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/global/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/global/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/global/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/global/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/global/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/global/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/global/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(../fonts/global/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(../fonts/global/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(../fonts/global/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(../fonts/global/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(../fonts/global/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(../fonts/global/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(../fonts/global/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*End of Font*/