@font-face {
  font-family: 'mymainfont';
  src: url("../../../../fonts/Ar/DesignVersion3/GEFlow-regular.otf") format("opentype"), url("../../../../fonts/Ar/DesignVersion3/GEFlow-regular.ttf") format("truetype"), url("../../../../fonts/Ar/DesignVersion3/GEFlow-regular.woff") format("woff"), url("../../../../images/fonts/Ar/DesignVersion3/GEFlow-regular.svg") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'mymainfont';
  src: url("../../../../fonts/Ar/DesignVersion3/GEFlow-Bold.otf") format("opentype"), url("../../../../fonts/Ar/DesignVersion3/GEFlow-Bold.ttf") format("truetype"), url("../../../../fonts/Ar/DesignVersion3/GEFlow-Bold.woff") format("woff"), url("../../../../images/fonts/Ar/DesignVersion3/GEFlow-Bold.svg") format("svg");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: "mysecfont";
  src: url("../../../../fonts/Ar/DesignVersion3/DINNextLTArabic-Regular.eot");
  src: url("../../../../fonts/Ar/DesignVersion3/DINNextLTArabic-Regular--66041b0b62d59b1e.eot") format("embedded-opentype"), url("../../../../images/fonts/Ar/DesignVersion3/DINNextLTArabic-Regular.svg") format("svg"), url("../../../../fonts/Ar/DesignVersion3/DINNextLTArabic-Regular.woff") format("woff"), url("../../../../fonts/Ar/DesignVersion3/DINNextLTArabic-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: "mysecfont";
  src: url("/fonts/Ar/DesignVersion3/DINNextLTArabic-Bold.eot.eot");
  src: url("../../../../fonts/Ar/DesignVersion3/DINNextLTArabic-Bold.eot") format("embedded-opentype"), url("../../../../images/fonts/Ar/DesignVersion3/DINNextLTArabic-Bold.svg") format("svg"), url("../../../../fonts/Ar/DesignVersion3/DINNextLTArabic-Bold.woff") format("woff"), url("../../../../fonts/Ar/DesignVersion3/DINNextLTArabic-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'fontello';
  src: url("../../../../fonts/Ar/DesignVersion3/fontello--b87f830a57c1212a.eot");
  src: url("../../../../fonts/Ar/DesignVersion3/fontello--b87f830a57c1212a.eot") format("embedded-opentype"), url("../../../../fonts/Ar/DesignVersion3/fontello--b87f830a57c1212a.woff2") format("woff2"), url("../../../../fonts/Ar/DesignVersion3/fontello--b87f830a57c1212a.woff") format("woff"), url("../../../../fonts/Ar/DesignVersion3/fontello--b87f830a57c1212a.ttf") format("truetype"), url("../../../../images/fonts/Ar/DesignVersion3/fontello--b87f830a57c1212a.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-twitter:before {
  content: '\f099'; }

/* 'ï‚™' */
.icon-facebook:before {
  content: '\f09a'; }

/* 'ï‚š' */
.icon-rss:before {
  content: '\f09e'; }

/* 'ï‚ž' */
.icon-linkedin:before {
  content: '\f0e1'; }

/* '' */
.icon-youtube:before {
  content: '\f167'; }

/* 'ï…§' */
.icon-gplus:before {
  content: '\f30f'; }

/* '' */
/*===============Main Style================*/
* {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
  font-family: 'mymainfont'; }

ul, p {
  margin-bottom: 0px; }

h1, h2, h3, h4, h5, h6 {
  margin: 0px; }

a:hover, a:focus {
  outline: none;
  text-decoration: none; }

.homeContent {
  display: none; }

.clear:after {
  content: "";
  display: block;
  clear: both; }

.internalContent * {
	font-family: "mysecfont"; 
  }

/*===============Header================*/
header {
  padding: 25px 0px;
  background: #113952 url("../../../../images/designVersion3/Login/header-bg.jpg") no-repeat top center;
  background-size: cover;
  border-bottom: #6d92a6 5px solid;
  position: relative; }
  header .primary-logo {
    display: block;
    text-align: center; }
  header .img-responsive {
    display: inline-block; }
  header .dropdown {
    width: 100%;
    text-align: left;
    font-size: 18px;
    font-family: "mysecfont"; }
    header .dropdown button {
      background: transparent;
      border: none;
      color: #fff;
      padding: 0px; }
      header .dropdown button:focus {
        outline: none; }
      header .dropdown button img {
        margin-left: 7px; }
    header .dropdown .dropdown-menu {
      left: 0px;
      right: auto;
      text-align: right; }
      header .dropdown .dropdown-menu a {
        color: #404040; }
  header h2 {
    color: #ffde39;
    font-size: 26px;
    text-align: left;
    margin-top: 15px; 
	font-family: mymainfont;
	}
  header .menu-toggle {
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: #6d92a6 url("../../../../images/designVersion3/Login/menu.png") no-repeat center;
    width: 42px;
    height: 30px;
    background-size: 24px 19px;
    cursor: pointer; }

/*===============Bread Crumb================*/
.breadcrumb {
  padding: 0px;
  background: transparent;
  margin: 10px 0px 15px; }
  .breadcrumb li {
    color: #6d92a6;
    font-size: 18px; }
    .breadcrumb li a {
      color: #404040; }
    .breadcrumb li + li:before {
      color: #404040;
      content: ">"; }

/*===============Side Menu================*/
aside .panel-group {
  border-width: 1px 12px 1px 1px;
  border-style: solid;
  border-color: #c5c5c5; }
  aside .panel-group .panel {
    border: none;
    margin: 0px !important;
    border-radius: 0px; }
    aside .panel-group .panel .panel-heading {
      padding: 0px;
      border-radius: 0px;
      background: #fff url("../../../../images/designVersion3/Login/list-bg.png") center bottom no-repeat;
      transition: 0.2s ease-in-out;
      -webkit-transition: 0.2s ease-in-out; }
      aside .panel-group .panel .panel-heading a {
        padding: 12px 15px 18px;
        font-size: 18px;
        display: block;
        background-color: #113952;
        color: #fff;
        font-weight: bold; }
        aside .panel-group .panel .panel-heading a.collapsed {
          color: #113952;
          background-color: transparent;
          font-weight: normal; }
      aside .panel-group .panel .panel-heading:hover a {
        color: #fff;
        font-weight: bold;
        background: #113952; }
    aside .panel-group .panel .panel-body {
      padding: 0px;
      background-color: #eaeaea; }
      aside .panel-group .panel .panel-body ul li a {
        display: block;
        padding: 5px 15px 10px;
        color: #404040;
        font-size: 16px;
        transition: 0.2s ease-in-out;
        -webkit-transition: 0.2s ease-in-out; }
        aside .panel-group .panel .panel-body ul li a:hover {
          padding-right: 30px; }

/*===============Models================*/
.model .cont {
  display: inline-table;
  width: 100%;
  border-bottom: #6d92a6 9px solid;
  margin-bottom: 30px; }
  .model .cont .cont-img {
    display: table-cell;
    width: 50%;
    text-align: center;
    vertical-align: middle;
    height: 365px;
    background: #efefef url("../../../../images/designVersion3/Login/model-bg.png") center top no-repeat;
    background-size: cover;
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    border-color: #ccc;
    padding: 20px; }
    .model .cont .cont-img img {
      max-width: 100%;
      display: inline-block; }
  .model .cont .cont-txt {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    padding: 30px 20px;
    border-width: 1px 0px 0px 1px;
    border-style: solid;
    border-color: #dfdfdf; }
    .model .cont .cont-txt h3 {
      font-size: 22px;
      font-weight: bold;
      color: #113952;
      margin-bottom: 30px;
      line-height: 24px; }
    .model .cont .cont-txt ul li {
      color: #404040;
      font-size: 16px;
      padding: 5px 17px 5px 5px;
      background: url("../../../../images/designVersion3/Login/right-arrow.png") center right no-repeat; }

.opened .model .cont .cont-img {
  height: 300px; }

/*===============Form================*/
.form .title {
  margin-bottom: 20px; }
  .form .title h2 {
    color: #707070;
    font-size: 24px;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 15px;
    position: relative; }
    .form .title h2:before, .form .title h2:after {
      content: "";
      position: absolute;
      bottom: 0px;
      right: 0px;
      height: 5px; }
    .form .title h2:before {
      background: #b8cad4;
      width: 112px; }
    .form .title h2:after {
      background: #6d92a6;
      width: 20px; }
.form .row {
  margin-right: -9px;
  margin-left: -9px; }
  .form .row [class*="col-xs-"] {
    padding-right: 9px;
    padding-left: 9px; }
.form label {
  display: block;
  color: #404040;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 10px; }
  .form label .astresk {
    color: red;
    margin-right: 5px; }
  .astresk {
    color: red;
    margin-right: 5px; 
    font-size:16px;
  }
  .form label .dfn {
    float: left;
    color: #6d92a6; }
    .form label .dfn span {
      font-family: tahoma;
      font-size: 15px; }
.form input[type="text"], .form input[type="password"], .form input[type="email"], .form textarea, .form select {
  display: block;
  padding: 10px 10px 15px;
  border: #d8d8d8 1px solid;
  width: 100%;
  font-size: 16px;
  background: #f7f7f7; }
.form select {
  padding: 7px 10px 14px; }
.form .btns {
  margin-bottom: 30px; }
  .form .btns .btn {
    padding: 6px 40px 10px;
    color: #fff;
    background: #6d92a6;
    font-weight: bold;
    font-size: 16px;
    float: left;
    border-radius: 0px;
    transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    margin-right: 15px; }
  .form .btns .dfn {
    float: left;
    font-size: 16px;
    color: #606060;
    line-height: 30px; }
    .form .btns .dfn .astresk {
      color: red;
      margin-left: 5px;
      float: right;
      margin-top: 5px; }

table {
  text-align: right; }
  table thead th {
    color: #fff;
    font-size: 18px;
    background: #6d92a6;
    padding: 5px 8px 10px; }
  table tbody tr td {
    font-size: 14px;
    color: #404040;
    padding: 10px 8px; }
  table tbody tr:nth-child(odd) td {
    background: transparent; }
  table tbody tr:nth-child(even) td {
    background: #f1f1f1; }

.pagination {
  display: inline-block; }
  .pagination li a {
    color: #404040;
    font-size: 15px;
    padding: 4px 12px 8px; }
  .pagination li.active a {
    color: #fff;
    background: #6d92a6; }

.alert {
  padding: 1px 45px 5px 10px;
  position: relative;
  line-height: 32px;
  border-radius: 0px;
  font-size: 16px;
  color: #404040;
  max-width: 500px;
  margin-right: auto;
  margin-left: auto; }
  .alert img {
    position: absolute;
    right: 10px;
    top: 8px; }
  .alert.alert-success {
    border-color: #b9d188; }
  .alert.alert-info {
    border-color: #99c7de; }
  .alert.alert-warning {
    border-color: #f5d77d; }
  .alert.alert-danger {
    border-color: #f5d0c4; }
  .alert .dismiss {
    cursor: pointer;
    line-height: 30px;
    display: inline-block;
    padding: 0px 5px;
    font-size: 16px;
    position: absolute;
    left: 10px;
    top: 0px; }

/*===============login================*/
	.loginBg{
		background: url("../../../../images/designVersion3/Login/login.png") no-repeat 100%;
		background-size:cover;
	}
	
	.login{
		margin:60px auto;
		width:90%;
	}
	
	.login .round{
		border-right: 2px solid #e4e4e4;
		padding-right: 20px;
		margin-bottom: 55px;
		height:430px;
	}
	
	.login .round h4{
		color:#6d92a6;
		font-size:28px;
		margin-bottom: 10px;
		font-family: mymainfont;
	}
	.login .round p{
		color: #404040;
		font-size: 17px;
		line-height: 25px;
		margin-bottom:35px;
		text-align:justify;
	}
	
	.login .round  .business{
		width: 85%;
		margin: auto;
	}
	
	.login .round a img{
		display:block;
		margin:0 auto 15px;
	}
	
	.login .round a span{
		color:#6d92a6;
		font-size:14px;
		font-weight:bold;
		text-align: center;
		display: block;
	}
	
	.login .nav-tabs {
		border-bottom:2px solid #6d92a6;
		margin-bottom: 30px;
	}
	
	.login .nav li {
		margin-bottom:-2px;
	}
	
	.login .nav li a {
		color:#6d92a6;
		font-size:15px;
		border-radius:0;
		border:0;
		padding: 8px 17px 5px;
		font-family: mymainfont;
	}
	
	.login .nav li.active a,.login .nav li:hover a  {
		background-color:#6d92a6;
		color:#fff;
	}
	.login  .nav-tabs > li.active > a,.login .nav-tabs > li.active > a:hover,.login  .nav-tabs > li.active > a:focus {
		border: 0;
	}
	
	.login input{
		border: 1px solid #ddd;
		font-size: 18px;
		color:#606060;
		padding-right:50px;
		padding-left:30px;
		width:100%;
		height:50px;
		margin-bottom:10px;
		/*transition: all 1s linear;*/
	}
        .login select {
            font-size: 15px !important;
            width: 100% !important;
            padding-right: 45px !important
        }
            #MainContent_btnNewUser, #MainContent_LoginButton {
    height: 40px;
}

.login input[type="text"] {
    background: url("../../../../images/designVersion3/Login/username.png") no-repeat #f7f7f7 95%;
    padding-bottom: 6px;
    font-size: 15px;
}
.login input[type="password"] {
    background: url("../../../../images/designVersion3/Login/password.png") no-repeat #f7f7f7 95%;
    margin-bottom: 15px;
    font-size: 15px;
}

#ctl00_MainContent_RadCaptcha3_CaptchaTextBox, #MainContent_txtTransID, #MainContent_txtMemberID, #ctl00_MainContent_RadCaptcha1_CaptchaTextBox,
#MainContent_txtCRNumber, #MainContent_txtIdNumber, #ctl00_MainContent_RadCaptcha4_CaptchaTextBox {
    background: none !important;
}

#MainContent_txtTransID, #MainContent_txtMemberID, #MainContent_txtCRNumber, #MainContent_txtIdNumber, #MainContent_ddlRetrieveTo {
    padding-right: 20px !important;
}
#ctl00_MainContent_RadCaptcha1_CaptchaTextBox, #ctl00_MainContent_RadCaptcha4_CaptchaTextBox, #ctl00_MainContent_RadCaptcha3_CaptchaTextBox {
    text-align: center !important;
}
.login input:focus {
    /*background-position:3%;*/
}
	
	.login .forget {
		color:#6d92a6;
		font-size:21px;
		border-bottom: 1px solid #6d92a6;
		padding-right: 3px;
		margin-bottom: 12px;
		display: inline-block;
		transition: all 1s linear;
        float:left;
	}

.login .forget1 {
    color: #6d92a6;
    font-size: 21px;
    border-bottom: 1px solid #6d92a6;
    padding-right: 3px;
    margin-bottom: 12px;
    display: inline-block;
    transition: all 1s linear;
    float: right;
}
	
	.login .forget:hover {
		color:#233E51;
		border-bottom: 2px solid #233E51;
	}
	
	.login input[type="submit"]{
		background-color:#6d92a6;
		color:#fff;
		padding:0 0 2px;
	}
	
	.login input[type="submit"]:hover{
		background: #233E51;
	}
        
        .userBtn {
            width: 50% !important;
            margin-left: 8px;
        }
	
	.userBtn:last-of-type{
		margin-left:0px;
	}
	
/*===============Footer================*/
footer {
  padding-bottom: 15px;
  background: #233e51; }
  footer * {
    font-family: "mysecfont"; }
  footer .footer-nav {
    text-align: center;
    border-bottom: #395162 1px solid;
    margin-bottom: 25px; }
    footer .footer-nav li {
      display: inline-block;
      padding: 25px 10px; }
      footer .footer-nav li a {
		color: rgba(255,255,255,.8);
        font-size: 16px; }
  footer .social {
    overflow: hidden; }
    footer .social li {
      float: right;
      margin-left: 4px; }
      footer .social li a i {
        display: block;
        width: 40px;
        height: 40px;
        border-radius: 100%;
        line-height: 40px;
        background: #fff;
        color: #6d92a6;
        transition: 0.2s ease-in-out;
        text-align: center;
        font-size: 20px; }
        footer .social li a i:hover {
          color: #fff; }
        footer .social li a i.icon-twitter:hover {
          background: #00a9f1; }
        footer .social li a i.icon-linkedin:hover {
          background: #006db3; }
        footer .social li a i.icon-facebook:hover {
          background: #365397; }
        footer .social li a i.icon-youtube:hover {
          background: #ff3333; }
        footer .social li a i.icon-rss:hover {
          background: #f26522; }
        footer .social li a i.icon-gplus:hover {
          background: #e0452c; }
  footer .copy {
    color: #fff;
    font-style: normal;
    font-size: 14px;
    margin-top: 15px;
    display: block; }
  footer .support {
    color: #fff; }
    footer .support p {
      font-size: 21px; }
      footer .support p.phone {
        font-size:29px;
        font-weight: bold;
        margin-top: 5px; 
		color:#FADC41;
	}
      footer .support p.mail {
        font-size: 14px; }

/*****************Media Queries********************/
@media screen and (min-width: 1024px) {
  aside .panel-group {
    min-width: 263px; }

  .rightBlock, .leftBlock {
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out; }

  .rightBlock {
    width: 25%;
    opacity: 1; }
    .rightBlock.opened {
      width: 0px;
      overflow: hidden;
      padding: 0px;
      opacity: 0; }

	.leftBlock {
		min-width: 75%; 
		min-height:712px;
	}
    .leftBlock.opened {
      min-width: 100%; } }
@media screen and (max-width: 1024px) {
  header {
    padding-bottom: 50px; }

  #layout aside .panel-group {
    border-width: 1px; }
    #layout aside .panel-group .panel {
      border-bottom: #c5c5c5 1px solid; }
      #layout aside .panel-group .panel .panel-heading {
        background: none; }
  #layout .rightBlock {
    width: 100%;
    display: none;
    opacity: 1;
    overflow: auto; }
  #layout .model .cont {
    display: block; }
    #layout .model .cont .cont-img, #layout .model .cont .cont-txt {
      display: block;
      width: 100%; }
    #layout .model .cont .cont-img {
      height: 180px;
      border-width: 1px; }
      #layout .model .cont .cont-img img {
        height: 100%; }
    #layout .model .cont .cont-txt {
      padding: 10px 20px;
      height: 215px;
      border-width: 0px 1px 1px 1px;
      border-color: #ccc; }
      #layout .model .cont .cont-txt h3 {
        margin-bottom: 15px; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
   .model .col-xs-12 {
		width: 50%; 
	} 
	.userBtn {
		width: 48% !important;
		margin-left: 13px;
	}
	.login .nav li a {
		padding: 10px 20px 8px;
	}
}
@media screen and (max-width: 768px) {
  header .primary-logo {
    display: block;
    text-align: left; }
  header .dropdown {
    float: right;
    width: auto;
    margin-top: 15px; }
    header .dropdown .dropdown-menu {
      left: auto;
      right: 0px; }
  header h2 {
    float: left; }
  header .logos {
    width: 50%; }
    header .logos img {
      display: inline-block; }

  footer .logo {
    text-align: center;
    margin-top: 20px; }
  footer .copy {
    text-align: center;
    margin-bottom: 10px; }
  footer .social {
    text-align: center; }
    footer .social li {
      float: none;
      display: inline-block; }
  footer .footer-nav li {
    padding: 10px; 
	} 
	.userBtn {
		width:100% !important;
	}
	.login .nav li a{
		font-size:13px;
		padding: 10px 15px 8px;
	}
	.login .round h4{
		font-size:21px;
	}
	.business a.pull-right{
		float:none !important;
	}
	.login .round a img{
		height:70px;
	}
	.login .round  .business{
		width:100%;
	}
}
@media screen and (max-width: 450px) {
    header .dropdown button {
		font-size: 14px; 
	}
    header h2 {
		font-size: 24px;
		margin-top: 20px; 
	} 
	.userBtn{
		width:100% !important;
	}
	.login .round h4{
		font-size:16px;
	}
	.login .round p{
		font-size:14px;
	}
	.nav-tabs > li{
		float:none;
	}
	.login .nav li a {
		font-size: 20px;
		margin-left: 0;
		border-bottom: 2px solid #6d92a6;
		text-align: center;
	}
	.login input,.login .round a span{
		font-size:14px;
	}
	.login input{
		margin-bottom:12px;
	}
}

.radCaptcha img {
    margin-right: 155px !important;
    padding-bottom: 5px;
}
.radCaptcha p
{
    
    padding-bottom:5px;
}
.tab-pane .radCaptcha span
{
        padding-right: 170px !important;
    padding-bottom: 5px;
    top: -10px;
    position: relative;
    font-weight: bolder;
    font-size: 15px;
}
.radCaptcha span
{
    color: Red !important;
}
.radCaptcha Label
{
    display:none;
    padding-bottom:5px;
    border: 0px !important;
}
.radCaptcha p
{
    padding-bottom:5px !important;
    border: 0px !important;
}
.radCaptchaLogin img
{
    padding-right: 270px !important; 
    width:inherit  !important
}
.radCaptchaLogin p {
    padding-top: 10px !important;
    padding-right: 190px !important;
}
.radCaptchaLogin1 img
{
    margin-right: 260px !important; 
    padding-bottom:10px;
}
.radCaptchaLogin1 p
{
    
    padding-right:189px;
}
.radCaptchaLogin1 span
{
    padding-right: 273px !important;
    padding-bottom: 5px;
    top: -10px;
    position: relative;
    font-weight: bolder;
    font-size: 15px;
    color: Red !important;
}
.radCaptchaLogin1 Label
{
    display:none !important;
    padding-bottom:5px;
    border: 0px !important;
}
.rcRefreshImage {
    
    background-image: url(../../../../images/refresh-icon.png);
    background-repeat: no-repeat;
    height: 15px;
    padding-left: 380px;
    width: 120px;
    text-indent: -9999px;
    width: 20px;
    top: -35px;
    /* bottom: -1000px; */
    position: relative;
}
div#LoginUser_RadCaptcha1_ctl01 {
    height: 60px !important;
}
p.frmSpan
{
    font-size: 16px !important;
    margin-bottom: 10px !important; 
}
.radio label{
    display: inline-block;
    margin-left: 10px;
}
.form label {
    display: inline-block;
    padding: 5px;
}
.validationAlert
{
    font-size:20px !important;
    color: Red !important;
}
.tab-pane span {
    padding: 10px !important;
    top: -10px;
    position: relative;
    font-size: 14px;
}
/*# sourceMappingURL=internal.css.map */

.login select {
    border: 1px solid #ddd;
    font-size: 20px;
    color: #606060;
    padding-right: 45px;
    padding-left: 30px;
    width: 98%;
    height: 50px;
    margin-bottom: 15px;
    background: #f7f7f7;
}

/*.app-badge {
    height: 45px;
    width: auto;
    margin: 0 5px;
    transition: transform 0.2s ease-in-out;
    vertical-align: middle;
}

.app-badge.google {
    height: 45px;
    aspect-ratio: 3 / 1; 
}

.app-badge.apple {
    height: 45px;
}

.app-badge:hover {
    transform: scale(1.05);
}*/

.app-badge {
    height: 45px;
    width: auto;
    /*margin: 0 5px;*/
    transition: transform 0.2s ease-in-out;
    vertical-align: middle;
}

    .app-badge.google {
        height: 45px;
        /*aspect-ratio: 3 / 1;*/ /* forces better balance for Google Play badge */
    }

    .app-badge.apple {
        height: 45px;
    }

    .app-badge:hover {
        transform: scale(1.05);
    }
    .app-badge.google {
        height: 61px;
    }