/*
Client: AsiaMalls
Developed by: Convertium Pte Ltd
======================================================================
[-] Global Reset
[-] Navigation
[-] Header
[-] Page Styling
[-] Footer
[-] Bootstrap Override
[-] Media Queries
======================================================================*/
/* Global Reset
======================================================================*/
body, p {color: #000; font-family: 'Open Sans', sans-serif; font-size: 16px; color: #333;}
p {line-height: 24px; margin-bottom: 10px;}
p:last-child {margin-bottom: 0px;}
h1, h2 {font-family: 'Lato', sans-serif;}
h1 {font-size: 40px; font-weight: 900; line-height: 44px; margin: 0px 0px 30px;}
h2 {font-size: 36px; font-weight: 700; line-height: 36px; margin-top: 0px;}
h3 {font-size: 24px; font-weight: 700; line-height: 28px; margin-top: 0px;}
h4 {font-size: 18px; font-weight: 700; line-height: 22px; margin-top: 0px;}
a {color: #0077dc; -webkit-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; transition: all 0.2s ease-in-out 0.2s; text-decoration: underline;}
a:hover, a:focus {color: #00427a; -webkit-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; transition: all 0.2s ease-in-out 0.2s;}
ul.styled {padding-left: 20px;}
.footer {color: #fff;}
.footer a {color: #fff; text-decoration: underline;}
.footer a:hover, .footer a:focus {color: #fff; text-decoration: none;}
.copyright {color: #fff; font-size: 13px; line-height: normal;}

/* Navigation
======================================================================*/
/* Mobile */
.mobile-menu a i {color: #fff; font-size: 30px; position: absolute;}
.nav-toggle i.fa-bars {opacity: 1; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg);}
.nav-toggle i.fa-times {opacity: 0; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg);}
.nav-toggle.active i.fa-bars {opacity: 0;}
.nav-toggle.active i.fa-times {opacity: 1; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg);}
.subnav {margin-bottom: 0px;}
.subnav li {padding: 8px 0px;}
.subnav li a {color: #fff; text-decoration: none;}

/* Desktop */
.logo-text {font-size: 25px; font-family: 'Lato', sans-serif; font-weight: 400; color: #fff; text-decoration: none; margin-left: 20px;}
.main-logo:hover .logo-text {text-decoration: none;}
.nav-links .list-inline a {color: #fff; text-decoration: none;}
.nav-links .list-inline a:hover, .nav-links .list-inline a:focus {color: #d7b165; -webkit-transition: all 0.1s ease-in-out 0.1s; -moz-transition: all 0.1s ease-in-out 0.1s; transition: all 0.1s ease-in-out 0.1s;}
.nav-links .list-inline a.active {border-bottom: 3px solid #d7b165; color: #d7b165;}

/* Header
======================================================================*/
/** Homepage **/
.header-content span.title {display: block; font-size: 45px; color: #fff; font-family: 'Lato', sans-serif; font-weight: 700;}
.header-content span.sub {display: block; font-size: 20px; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 400; margin-bottom: 30px;}
.header-content i {font-size: 20px;}
.bottom-button a, .bottom-button a:hover, .bottom-button-mobile a, .bottom-button-mobile a:hover {color: #fff; text-decoration: none;}
.bottom-button span, .bottom-button-mobile span {display: block; font-size: 14px; margin-bottom: 5px;}
.bottom-button i, .bottom-button-mobile i {font-size: 60px; line-height: 25px;}

/* Page Styling
======================================================================*/
/* Buttons */
.btn-default.primary, .btn-default.secondary {font-family: 'Lato', sans-serif; color: #fff; font-size: 16px; background-image: none; filter: none; border: 0 none; border-radius: 4px; box-shadow: none; text-shadow: none; text-decoration: none; padding: 10px 20px; border-radius: 30px;}
.btn-default.primary {background-color: #ec5300; border-bottom: 3px solid #c64601;}
.btn-default.primary:hover, .btn-default.primary:focus {background-color: #c64601; -webkit-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; transition: all 0.2s ease-in-out 0.2s;}
.btn-default.secondary {background-color: #636363; border-bottom: 3px solid #343434;}
.btn-default.secondary:hover, .btn-default.secondary:focus {background-color: #343434; -webkit-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; transition: all 0.2s ease-in-out 0.2s;}
.btn-default.primary i, .btn-default.secondary i {font-size: 20px;}

/* Price Table Panels */
.panel-price p {margin-bottom: 5px;}
.panel-price .currency-sign {font-size: 30px; vertical-align: top; margin-top: -6px;}
.panel-price .amount {font-size: 50px;}
.panel-price .currency {font-size: 18px; margin-left: 3px;}
.price-panel-normal .panel-price .currency-sign,
.price-panel-normal .panel-price .amount,
.price-panel-normal .panel-price .currency {display: inline-block; font-weight: 600; color: #333; -webkit-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; transition: all 0.2s ease-in-out 0.2s;}
.price-panel-normal:hover .panel-price .currency-sign,
.price-panel-normal:hover .panel-price .amount,
.price-panel-normal:hover .panel-price .currency {color: #ab934d; -webkit-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; transition: all 0.2s ease-in-out 0.2s;}
.panel-footer a.btn.secondary {font-size: 16px;}
/*.price-panel-normal:hover a.btn.secondary {background-color: #ec5300; border-bottom: 3px solid #c64601;}
.price-panel-normal:hover a.btn.secondary:hover, .price-panel-normal:hover a.btn.secondary:focus {background-color: #c64601; -webkit-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; transition: all 0.2s ease-in-out 0.2s;}*/

/* Footer
======================================================================*/
.footer h4 {margin-bottom: 20px;}
.social-media li a {display: block;}
.social-media li a i {font-size: 40px;}
.social-media li a i.fa-linkedin-square {font-size: 41px;}

/* Bootstrap Override
======================================================================*/

/* Media Queries
======================================================================*/
/* Extra Small Devices, Phones */ 
@media only screen and (min-width: 320px) and (max-width : 767px) {
/* Navigation */
.logo-text {font-size: 20px;}
    
/* Header */
/* Homepage */
.header-content span.title {font-size: 28px; line-height: 34px; margin-bottom: 10px;}
.header-content span.sub {font-size: 14px;}
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) and (max-width : 991px) {}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) and (max-width : 1199px) {}

/* Large Desktop */
@media only screen and (min-width : 1200px) {}