html,
body {
overflow-x: hidden; /*Prevent scroll on narrow devices */
font-family: 'Karla Regular';
}
a{
text-decoration:none;
}
a:active,
a:hover {
outline: 0;
text-decoration:none;
}
a {
color: inherit;
}
a:visited {
color: inherit;
}
a:hover, a:focus, a:active {
color: inherit;
}
a:hover, a:active {
outline: 0;
}
.bg-brown{
background-color: #D5C7AD;
}
.bg-brown-dark{
background-color: #8D5A38;
}
.bg-blue{
background-color: #000;
}
.bg-blue-dark{
background-color: #15415E;
}
.text-curly{
color: #158467;
}
.text-red{
color: red;
}
.text-brown{
color: #D5C7AD;
}
.text-brown-dark{
color: #8D5A38;
}
.text-blue{
color: #48B6FF;
}
.text-blue-dark{
color: #15415E;
}
/*button*/
.btn-curly {
color: ##000 !important;
background-color: #ffc107 !important;
border: none !important;
cursor: pointer !important;
padding: 8px 22px !important;
border-radius: 5px !important;
font-family: 'Karla Regular' !important;
}
.btn-curly:hover {
color: #fff !important;
background-color: #000 !important;
border-color: #0e2b3e !important;
}
/*button*/
.btn-blue-light-m {
color: #15415e !important;
background-color: #ffc107;
border: none;
cursor: pointer;
/*padding: 7px 38px;*/
border-radius: 5px;
font-family: 'Karla Regular';
font-size: 18px;
}
.btn-blue-light {
color: #fff !important;
background-color: #48B6FF;
border: none;
cursor: pointer;
padding: 9px 38px;
border-radius: 5px;
font-family: 'Karla Regular';
font-size: 20px;
}
.btn-blue-light:hover, .btn-blue-light-m:hover, .btn-blue-light-s:hover {
color: #fff !important;
background-color: #00368d;
border-color: #008ae6;
}
.bg-default{
position: fixed;
z-index: -1;
}
.bg-default img{
height: 100vh;
width: 100%;
}
.bg-blue-muda{
background-color: #D6EFFF;
}
.btn-blue-light-s{
color: #fff !important;
background-color: #054cbd;
border: none;
cursor: pointer;
padding: 8px 20px;
border-radius: 5px;
font-family: 'Karla Regular';
font-size: 14px;
}
@media only screen and (min-width: 1440px) {
/* for sumo sized (mac) screens */
.responsive-product{
margin-top: 0;
}
}
/* Mobile Screen */
@media only screen and (max-width: 767px) {
.responsive-product{
margin: 0 auto;
}
}
/* Mobile Screen */
@media only screen and (min-width: 360px) {
.responsive-product h4{
margin: 0 auto;
margin-top: 35px;
margin-bottom: 15px;
}
}