/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 06 - BUTTON STYLE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.border-white { border: 1px solid #fff; }

.bg-grey { background: #2d3e50; border: 2px solid #2d3e50; }

.c-button { position: relative; display: inline-block; -moz-border-radius: 25px; border-radius: 25px; text-align: center; padding: 16px 20px; font-size: 12px; text-transform: uppercase; line-height: 14px; font-weight: 700; }

.c-button img { vertical-align: middle; margin-right: 5px; }

.c-button.bg-grey:hover { background: none; color: #fff; }

.c-button.bg-white:hover { background: none; color: #fff; }

.c-button:hover .img-hov { opacity: 1; }

.c-button.small { font-size: 12px; padding: 11px 18px; -moz-border-radius: 6px; border-radius: 6px; }

.c-button.big { padding: 17px 20px; }

.c-button.b-26 { height: 26px; font-size: 10px; line-height: 23px; font-weight: 400; padding: 0 15px; letter-spacing: 0.5px; }

.c-button.b-30 { height: 30px; font-family: 'Open Sans', sans-serif; font-size: 10px; line-height: 28px; font-weight: 400; padding: 0 18px; }

.c-button.b-40 { height: 40px; font-size: 10px; line-height: 36px; padding: 0 18px; }

.c-button.b-40.b-1 { line-height: 38px; }

.c-button.b-40 img { position: relative; top: -2px; }

.c-button.b-50 { height: 50px; line-height: 47px; padding: 0 19px; }

.c-button.b-60 { height: 60px; line-height: 54px; padding-top: 0px; padding-bottom: 0px; }

.c-button.b-60 .fa { position: relative; top: 2px; font-size: 20px; margin-right: 5px; }

.c-button.full { width: 100%; padding-left: 5px; padding-right: 5px; }

.c-button.custom-icon .img-hov { display: none; }

.c-button.custom-icon:hover .img-hide { display: none; }

.c-button.custom-icon:hover .img-hov { display: inline; }

.c-button.bg-aqua { color: #fff; border: 2px solid #ff6600; }
.c-button.bg-aqua:hover {background: none; border: 2px solid #fff;}
.c-button.bg-white { color: #2d3e50; border: 2px solid #fff; }

.c-button.bg-green { color: #fff; border: 2px solid #66BB6A; text-transform: uppercase; }

.c-button.bg-red { color: #fff; border: 2px solid #EF4836; }

.c-button.bg-sea { color: #fff; border: 2px solid #00e5ff; }

.c-button.bg-sea-t { color: #222; border: 2px solid #00e5ff; background: transparent; }

.c-button.bg-grey-2 { color: #bebebe; border: 2px solid #f8f8f8; }

.c-button.bg-grey-3-t { background: transparent; color: #eee; border: 2px solid #eee; }

.c-button.bg-grey-3-t1 { background: transparent; color: #bebebe; border: 1px solid #bebebe; }

.c-button.bg-grey-5-t { background: transparent; color: #a4a4a4; border: 2px solid #eaeaea; }

.c-button.bg-blue { color: #fff; border: 2px solid #23b0e8; }

.c-button.bg-blue-t { background: transparent; color: #23b0e8; border: 2px solid #23b0e8; }

.c-button.bg-blue-2 { color: #fff; border: 2px solid #1593d0; }

.c-button.bg-blue-3 { color: #fff; border: 2px solid #206ab0; }

.c-button.bg-blue-7 { color: #fff; border: 2px solid #1e4389; }

.c-button.bg-blue-8 { color: #fff; border: 2px solid #28a9e2; }

.c-button.bg-dr-blue { color: #fff; border: 2px solid #2D3E50; }

.c-button.bg-dr-blue-2 { color: #fff; border: 2px solid #022C54; }

.c-button.bg-tr-1 { color: #fff; border: 2px solid rgba(255, 255, 255, 0.33); }

.c-button.bg-red-3 { color: #fff; border: 2px solid #d73240; }

.c-button.bg-orange { color: #fff; border: 2px solid #FF6600; }

.c-button.color-grey-3 { color: #bebebe; }

.c-button.color-dark-2 { color: #222; }

.c-button.color-dr-blue { color: #2D3E50; }

.c-button.transparent { background: transparent; }

.c-button.brd-grey { border: 2px solid #dedede; }

.c-button.hv-aqua:hover { background: #ff6600; color: #fff; border-color: #ff6600; }

.c-button.hv-aqua-o:hover { background: transparent; color: #ff6600; }

.c-button.hv-white:hover { color: #222; background: #fff; border-color: #fff; }

.c-button.hv-white-o:hover { background: transparent; color: #fff; }

.c-button.hv-green:hover { background: #66BB6A; color: #fff; border-color: #66BB6A; }

.c-button.hv-green-o:hover { background: transparent; color: #66BB6A; }

.c-button.hv-red:hover { background: #EF4836; color: #fff; border-color: #EF4836; }

.c-button.hv-red-o:hover { background: transparent; color: #EF4836; border-color: #EF4836; }

.c-button.hv-sea-t:hover { background: #00e5ff; color: #fff; }

.c-button.hv-sea:hover { background: #00e5ff; color: #fff; border-color: #00e5ff; }

.c-button.hv-sea-o:hover { background: transparent; color: #00e5ff; }

.c-button.hv-grey-3-t:hover { background: #bebebe; color: #fff; }

.c-button.hv-grey-5-t:hover { background: #eaeaea; color: #fff; }

.c-button.hv-blue:hover { background: #23b0e8; color: #fff; border-color: #23b0e8; }

.c-button.hv-blue-o:hover { background: transparent; color: #23b0e8; border-color: #23b0e8; }

.c-button.hv-blue-2:hover { background: #1593d0; color: #fff; border-color: #1593d0; }

.c-button.hv-blue-2-o:hover { background: transparent; color: #1593d0; }

.c-button.hv-blue-3-o:hover { background: transparent; color: #206ab0; }

.c-button.hv-blue-3-f:hover { background: #206ab0; color: #fff; border-color: #206ab0; }

.c-button.hv-blue-7-o:hover { background: transparent; color: #1e4389; }

.c-button.hv-blue-8-o:hover { background: transparent; color: #28a9e2; }

.c-button.hv-dr-blue:hover { background: #2D3E50; color: #fff; border-color: #2D3E50; }

.c-button.hv-dr-blue-o:hover { background: transparent; color: #2D3E50; }

.c-button.hv-dr-blue-2:hover { background: #022C54; color: #fff; }

.c-button.hv-dr-blue-2-o:hover { background: transparent; color: #022C54; }

.c-button.hv-red-3:hover { background: #d73240; color: #fff; border-color: #d73240; }

.c-button.hv-red-3-o:hover { background: transparent; color: #d73240; }

.c-button.hv-orange:hover { background: #FF6600; color: #fff; border-color: #FF6600; }

.c-button.hv-orange-o:hover { background: transparent; color: #FF6600; }

.c-button.hv-transparent:hover { background: transparent; }

.c-button.hv-o:hover { opacity: 0.6; }

.c-button.b-1 { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; }

.button-s-2 { padding: 10px; -moz-border-radius: 6px; border-radius: 6px; font-size: 12px; text-transform: uppercase; line-height: 12px; color: #fff; font-weight: 400; letter-spacing: 1px; position: relative; display: inline-block; }
a:focus, a:hover {color: inherit;}
.button-s-2:hover {background: #fff; }


.c-button.bg-dr-blue-2:disabled {
    opacity: 0.3;
}

.c-button.hv-dr-blue-2-o:disabled:hover {
   opacity: 0.3;
}

.c-button.hv-dr-blue-2-o:disabled {
    opacity: 0.3;
}