Template:UofC Calgary
/********************************* COMPONENTS
- /
/*** General reset
- /
/* Set default body */ body {
color: #5c6873; font-family: "Roboto Condensed", sans-serif; padding: 0px !important; margin: 0px !important; font-weight: 300; font-size: 17px;
}
a {
outline: none !important; -webkit-transition: back 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;
}
a:focus, a:hover, a:active {
outline: none !important; text-decoration: none;
}
/*
Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, you can optionally include the following CSS and JavaScript to work around this problem until Microsoft issues a fix.
- /
@-webkit-viewport {
width: device-width;
} @-moz-viewport {
width: device-width;
} @-ms-viewport {
width: device-width;
} @-o-viewport {
width: device-width;
} @viewport {
width: device-width;
} /*
Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, following CSS code applied
- /
@-ms-viewport {
width: auto !important;
} h6 {
color: #3f444a; font-size: 12px; margin: 5px 0;
}
h5 {
color: #3f444a; font-size: 14px; margin: 7px 0;
}
h4 {
color: #3f444a; font-size: 16px; margin: 8px 0;
}
h3 {
color: #3f444a; font-size: 18px; margin: 10px 0;
}
h2 {
color: #3f444a; font-size: 20px; margin: 10px 0;
}
h1 {
color: #3f444a; font-size: 22px; margin: 10px 0;
}
.c-reset {
padding: 0; margin: 0;
}
.c-hide {
display: none;
}
.c-overflow-hide {
overflow: hidden;
}
/* linkify buttons */ .c-link {
background: 0; border: 0; outline: none;
}
.c-border {
border: 1px solid #eeeeee;
}
.c-no-border {
border: 0 !important;
}
.c-shadow {
box-shadow: 0px 3px 18px -5px rgba(0, 0, 0, 0.3);
}
.c-square {
-webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0;
}
.c-margin-t-5 {
margin-top: 5px;
}
.c-margin-t-8 {
margin-top: 8px;
}
.c-margin-t-10 {
margin-top: 10px;
}
.c-margin-t-15 {
margin-top: 15px;
}
.c-margin-t-20 {
margin-top: 20px;
}
.c-margin-t-25 {
margin-top: 25px;
}
.c-margin-t-30 {
margin-top: 30px;
}
.c-margin-t-40 {
margin-top: 40px;
}
.c-margin-t-50 {
margin-top: 50px;
}
.c-margin-t-60 {
margin-top: 60px;
}
.c-margin-t-80 {
margin-top: 80px;
}
.c-margin-b-5 {
margin-bottom: 5px;
}
.c-margin-b-10 {
margin-bottom: 10px;
}
.c-margin-b-15 {
margin-bottom: 15px;
}
.c-margin-b-20 {
margin-bottom: 20px;
}
.c-margin-b-25 {
margin-bottom: 25px;
}
.c-margin-b-30 {
margin-bottom: 30px;
}
.c-margin-b-40 {
margin-bottom: 40px;
}
.c-margin-b-50 {
margin-bottom: 50px;
}
.c-margin-b-60 {
margin-bottom: 60px;
}
.c-margin-b-80 {
margin-bottom: 80px;
}
.c-margin-b-100 {
margin-bottom: 100px;
}
.c-margin-r-40 {
margin-right: 40px;
}
.c-padding-10 {
padding: 10px;
}
.c-padding-20 {
padding: 20px;
}
.c-font-oswald {
font-family: 'Oswald', sans-serif; font-style: normal;
}
.c-center, .c-font-center {
text-align: center;
}
.c-right, .c-font-right {
text-align: right;
}
.c-font-thin {
font-weight: 300 !important;
}
.c-font-slim {
font-weight: 400 !important;
}
.c-font-sbold {
font-weight: 500 !important;
}
.c-font-bold {
font-weight: 600 !important;
}
.c-font-uppercase {
text-transform: uppercase;
}
.c-font-lowercase {
text-transform: initial !important;
}
.c-font-title {
color: #3f444a !important;
}
.c-font-subtitle {
color: #5c6873 !important;
}
.c-font-10 {
font-size: 10px;
}
.c-font-11 {
font-size: 11px;
}
.c-font-12 {
font-size: 12px;
}
.c-font-13 {
font-size: 13px;
}
.c-font-14 {
font-size: 14px;
}
.c-font-15 {
font-size: 15px;
}
.c-font-16 {
font-size: 16px;
}
.c-font-17 {
font-size: 17px;
}
.c-font-18 {
font-size: 18px;
}
.c-font-19 {
font-size: 19px;
}
.c-font-20 {
font-size: 20px;
}
.c-font-21 {
font-size: 21px;
}
.c-font-22 {
font-size: 22px;
}
.c-font-23 {
font-size: 23px;
}
.c-font-24 {
font-size: 24px;
}
.c-font-25 {
font-size: 25px;
}
.c-font-26 {
font-size: 26px;
}
.c-font-27 {
font-size: 27px;
}
.c-font-28 {
font-size: 28px;
}
.c-font-29 {
font-size: 29px;
}
.c-font-30 {
font-size: 30px;
}
.c-font-31 {
font-size: 31px;
}
.c-font-32 {
font-size: 32px;
}
.c-font-33 {
font-size: 33px;
}
.c-font-34 {
font-size: 34px;
}
.c-font-35 {
font-size: 35px;
}
.c-font-36 {
font-size: 36px;
}
.c-font-37 {
font-size: 37px;
}
.c-font-38 {
font-size: 38px;
}
.c-font-39 {
font-size: 39px;
}
.c-font-40 {
font-size: 40px;
}
.c-font-41 {
font-size: 41px;
}
.c-font-42 {
font-size: 42px;
}
.c-font-43 {
font-size: 43px;
}
.c-font-44 {
font-size: 44px;
}
.c-font-45 {
font-size: 45px;
}
.c-font-46 {
font-size: 46px;
}
.c-font-47 {
font-size: 47px;
}
.c-font-48 {
font-size: 48px;
}
.c-font-49 {
font-size: 49px;
}
.c-font-50 {
font-size: 50px;
}
.c-font-51 {
font-size: 51px;
}
.c-font-52 {
font-size: 52px;
}
.c-font-53 {
font-size: 53px;
}
.c-font-54 {
font-size: 54px;
}
.c-font-55 {
font-size: 55px;
}
.c-font-56 {
font-size: 56px;
}
.c-font-57 {
font-size: 57px;
}
.c-font-58 {
font-size: 58px;
}
.c-font-59 {
font-size: 59px;
}
.c-font-60 {
font-size: 60px;
}
.c-font-61 {
font-size: 61px;
}
.c-font-62 {
font-size: 62px;
}
.c-font-63 {
font-size: 63px;
}
.c-font-64 {
font-size: 64px;
}
.c-font-65 {
font-size: 65px;
}
.c-font-66 {
font-size: 66px;
}
.c-font-67 {
font-size: 67px;
}
.c-font-68 {
font-size: 68px;
}
.c-font-69 {
font-size: 69px;
}
.c-font-70 {
font-size: 70px;
}
.c-font-71 {
font-size: 71px;
}
.c-font-72 {
font-size: 72px;
}
.c-font-73 {
font-size: 73px;
}
.c-font-74 {
font-size: 74px;
}
.c-font-75 {
font-size: 75px;
}
.c-font-76 {
font-size: 76px;
}
.c-font-77 {
font-size: 77px;
}
.c-font-78 {
font-size: 78px;
}
.c-font-79 {
font-size: 79px;
}
.c-font-80 {
font-size: 80px;
}
.c-font-81 {
font-size: 81px;
}
.c-font-82 {
font-size: 82px;
}
.c-font-83 {
font-size: 83px;
}
.c-font-84 {
font-size: 84px;
}
.c-font-85 {
font-size: 85px;
}
.c-font-86 {
font-size: 86px;
}
.c-font-87 {
font-size: 87px;
}
.c-font-88 {
font-size: 88px;
}
.c-font-89 {
font-size: 89px;
}
.c-font-90 {
font-size: 90px;
}
.c-line-height-10 {
line-height: 10px;
}
.c-line-height-11 {
line-height: 11px;
}
.c-line-height-12 {
line-height: 12px;
}
.c-line-height-13 {
line-height: 13px;
}
.c-line-height-14 {
line-height: 14px;
}
.c-line-height-15 {
line-height: 15px;
}
.c-line-height-16 {
line-height: 16px;
}
.c-line-height-17 {
line-height: 17px;
}
.c-line-height-18 {
line-height: 18px;
}
.c-line-height-19 {
line-height: 19px;
}
.c-line-height-20 {
line-height: 20px;
}
.c-line-height-21 {
line-height: 21px;
}
.c-line-height-22 {
line-height: 22px;
}
.c-line-height-23 {
line-height: 23px;
}
.c-line-height-24 {
line-height: 24px;
}
.c-line-height-25 {
line-height: 25px;
}
.c-line-height-26 {
line-height: 26px;
}
.c-line-height-27 {
line-height: 27px;
}
.c-line-height-28 {
line-height: 28px;
}
.c-line-height-29 {
line-height: 29px;
}
.c-line-height-30 {
line-height: 30px;
}
.c-line-height-31 {
line-height: 31px;
}
.c-line-height-32 {
line-height: 32px;
}
.c-line-height-33 {
line-height: 33px;
}
.c-line-height-34 {
line-height: 34px;
}
.c-line-height-35 {
line-height: 35px;
}
.c-line-height-36 {
line-height: 36px;
}
.c-line-height-37 {
line-height: 37px;
}
.c-line-height-38 {
line-height: 38px;
}
.c-line-height-39 {
line-height: 39px;
}
.c-line-height-40 {
line-height: 40px;
}
/* Font Colors */ .c-font-white {
color: #FFFFFF !important;
} .c-font-white small {
color: #FFFFFF !important;
}
.c-font-white-hover:hover {
color: #FFFFFF !important;
}
.c-font-black {
color: #000000 !important;
} .c-font-black small {
color: #000000 !important;
}
.c-font-black-hover:hover {
color: #000000 !important;
}
.c-font-regular {
color: #7f8c97 !important;
} .c-font-regular small {
color: #7f8c97 !important;
}
.c-font-regular-hover:hover {
color: #7f8c97 !important;
}
.c-font-green {
color: #32c5d2 !important;
} .c-font-green small {
color: #32c5d2 !important;
}
.c-font-green-hover:hover {
color: #32c5d2 !important;
}
.c-font-green-1 {
color: #52c9ba !important;
} .c-font-green-1 small {
color: #52c9ba !important;
}
.c-font-green-1-hover:hover {
color: #52c9ba !important;
}
.c-font-green-2 {
color: #5dc09c !important;
} .c-font-green-2 small {
color: #5dc09c !important;
}
.c-font-green-2-hover:hover {
color: #5dc09c !important;
}
.c-font-green-3 {
color: #84c68f !important;
} .c-font-green-3 small {
color: #84c68f !important;
}
.c-font-green-3-hover:hover {
color: #84c68f !important;
}
.c-font-red {
color: #eb5d68 !important;
} .c-font-red small {
color: #eb5d68 !important;
}
.c-font-red-hover:hover {
color: #eb5d68 !important;
}
.c-font-red-1 {
color: #cd6262 !important;
} .c-font-red-1 small {
color: #cd6262 !important;
}
.c-font-red-1-hover:hover {
color: #cd6262 !important;
}
.c-font-red-2 {
color: #e7505a !important;
} .c-font-red-2 small {
color: #e7505a !important;
}
.c-font-red-2-hover:hover {
color: #e7505a !important;
}
.c-font-red-3 {
color: #d05163 !important;
} .c-font-red-3 small {
color: #d05163 !important;
}
.c-font-red-3-hover:hover {
color: #d05163 !important;
}
.c-font-yellow {
color: #FF6B57 !important;
} .c-font-yellow small {
color: #FF6B57 !important;
}
.c-font-yellow-hover:hover {
color: #FF6B57 !important;
}
.c-font-yellow-1 {
color: #c8d046 !important;
} .c-font-yellow-1 small {
color: #c8d046 !important;
}
.c-font-yellow-1-hover:hover {
color: #c8d046 !important;
}
.c-font-yellow-2 {
color: #c5bf66 !important;
} .c-font-yellow-2 small {
color: #c5bf66 !important;
}
.c-font-yellow-2-hover:hover {
color: #c5bf66 !important;
}
.c-font-yellow-3 {
color: #c5b96b !important;
} .c-font-yellow-3 small {
color: #c5b96b !important;
}
.c-font-yellow-3-hover:hover {
color: #c5b96b !important;
}
.c-font-blue {
color: #3498DB !important;
} .c-font-blue small {
color: #3498DB !important;
}
.c-font-blue-hover:hover {
color: #3498DB !important;
}
.c-font-blue-1 {
color: #5e9cd1 !important;
} .c-font-blue-1 small {
color: #5e9cd1 !important;
}
.c-font-blue-1-hover:hover {
color: #5e9cd1 !important;
}
.c-font-blue-2 {
color: #5893dd !important;
} .c-font-blue-2 small {
color: #5893dd !important;
}
.c-font-blue-2-hover:hover {
color: #5893dd !important;
}
.c-font-blue-3 {
color: #57bfe1 !important;
} .c-font-blue-3 small {
color: #57bfe1 !important;
}
.c-font-blue-3-hover:hover {
color: #57bfe1 !important;
}
.c-font-purple {
color: #b771b0 !important;
} .c-font-purple small {
color: #b771b0 !important;
}
.c-font-purple-hover:hover {
color: #b771b0 !important;
}
.c-font-purple-1 {
color: #a962bb !important;
} .c-font-purple-1 small {
color: #a962bb !important;
}
.c-font-purple-1-hover:hover {
color: #a962bb !important;
}
.c-font-purple-2 {
color: #aa67a3 !important;
} .c-font-purple-2 small {
color: #aa67a3 !important;
}
.c-font-purple-2-hover:hover {
color: #aa67a3 !important;
}
.c-font-purple-3 {
color: #ac3773 !important;
} .c-font-purple-3 small {
color: #ac3773 !important;
}
.c-font-purple-3-hover:hover {
color: #ac3773 !important;
}
.c-font-brown {
color: #8a7f68 !important;
} .c-font-brown small {
color: #8a7f68 !important;
}
.c-font-brown-hover:hover {
color: #8a7f68 !important;
}
.c-font-brown-1 {
color: #685e47 !important;
} .c-font-brown-1 small {
color: #685e47 !important;
}
.c-font-brown-1-hover:hover {
color: #685e47 !important;
}
.c-font-brown-2 {
color: #7a6a61 !important;
} .c-font-brown-2 small {
color: #7a6a61 !important;
}
.c-font-brown-2-hover:hover {
color: #7a6a61 !important;
}
.c-font-brown-3 {
color: #9d8b81 !important;
} .c-font-brown-3 small {
color: #9d8b81 !important;
}
.c-font-brown-3-hover:hover {
color: #9d8b81 !important;
}
.c-font-dark {
color: #2f353b !important;
} .c-font-dark small {
color: #2f353b !important;
}
.c-font-dark-hover:hover {
color: #2f353b !important;
}
.c-font-dark-1 {
color: #525e64 !important;
} .c-font-dark-1 small {
color: #525e64 !important;
}
.c-font-dark-1-hover:hover {
color: #525e64 !important;
}
.c-font-dark-2 {
color: #31383c !important;
} .c-font-dark-2 small {
color: #31383c !important;
}
.c-font-dark-2-hover:hover {
color: #31383c !important;
}
.c-font-dark-3 {
color: #41515b !important;
} .c-font-dark-3 small {
color: #41515b !important;
}
.c-font-dark-3-hover:hover {
color: #41515b !important;
}
.c-font-grey {
color: #eeeeee !important;
} .c-font-grey small {
color: #eeeeee !important;
}
.c-font-grey-hover:hover {
color: #eeeeee !important;
}
.c-font-grey-1 {
color: #f7f7f7 !important;
} .c-font-grey-1 small {
color: #f7f7f7 !important;
}
.c-font-grey-1-hover:hover {
color: #f7f7f7 !important;
}
.c-font-grey-2 {
color: #677083 !important;
} .c-font-grey-2 small {
color: #677083 !important;
}
.c-font-grey-2-hover:hover {
color: #677083 !important;
}
.c-font-grey-3 {
color: #7f8c97 !important;
} .c-font-grey-3 small {
color: #7f8c97 !important;
}
.c-font-grey-3-hover:hover {
color: #7f8c97 !important;
}
/* Background Colors */ .c-bg-white {
background-color: #FFFFFF !important;
} .c-bg-white.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(255, 255, 255, 0.04) !important;
} .c-bg-white.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(255, 255, 255, 0.4) !important;
} .c-bg-white.c-bg-white-font {
color: #2f353b !important;
}
.c-bg-white-hover:hover {
background-color: #FFFFFF !important;
}
.c-border-white-hover:hover {
border-color: #FFFFFF !important;
}
.c-bg-after-white:after {
background-color: #FFFFFF !important;
}
.c-bg-before-white:before {
background-color: #FFFFFF !important;
}
.c-bg-black {
background-color: #000000 !important;
} .c-bg-black.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(0, 0, 0, 0.04) !important;
} .c-bg-black.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(0, 0, 0, 0.4) !important;
} .c-bg-black.c-bg-black-font {
color: #ffffff !important;
}
.c-bg-black-hover:hover {
background-color: #000000 !important;
}
.c-border-black-hover:hover {
border-color: #000000 !important;
}
.c-bg-after-black:after {
background-color: #000000 !important;
}
.c-bg-before-black:before {
background-color: #000000 !important;
}
.c-bg-regular {
background-color: #7f8c97 !important;
} .c-bg-regular.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(127, 140, 151, 0.04) !important;
} .c-bg-regular.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(127, 140, 151, 0.4) !important;
} .c-bg-regular.c-bg-regular-font {
color: #ffffff !important;
}
.c-bg-regular-hover:hover {
background-color: #7f8c97 !important;
}
.c-border-regular-hover:hover {
border-color: #7f8c97 !important;
}
.c-bg-after-regular:after {
background-color: #7f8c97 !important;
}
.c-bg-before-regular:before {
background-color: #7f8c97 !important;
}
.c-bg-green {
background-color: #32c5d2 !important;
} .c-bg-green.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(50, 197, 210, 0.04) !important;
} .c-bg-green.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(50, 197, 210, 0.4) !important;
} .c-bg-green.c-bg-green-font {
color: #ffffff !important;
}
.c-bg-green-hover:hover {
background-color: #32c5d2 !important;
}
.c-border-green-hover:hover {
border-color: #32c5d2 !important;
}
.c-bg-after-green:after {
background-color: #32c5d2 !important;
}
.c-bg-before-green:before {
background-color: #32c5d2 !important;
}
.c-bg-green-1 {
background-color: #52c9ba !important;
} .c-bg-green-1.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(82, 201, 186, 0.04) !important;
} .c-bg-green-1.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(82, 201, 186, 0.4) !important;
} .c-bg-green-1.c-bg-green-1-font {
color: #ffffff !important;
}
.c-bg-green-1-hover:hover {
background-color: #52c9ba !important;
}
.c-border-green-1-hover:hover {
border-color: #52c9ba !important;
}
.c-bg-after-green-1:after {
background-color: #52c9ba !important;
}
.c-bg-before-green-1:before {
background-color: #52c9ba !important;
}
.c-bg-green-2 {
background-color: #5dc09c !important;
} .c-bg-green-2.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(93, 192, 156, 0.04) !important;
} .c-bg-green-2.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(93, 192, 156, 0.4) !important;
} .c-bg-green-2.c-bg-green-2-font {
color: #ffffff !important;
}
.c-bg-green-2-hover:hover {
background-color: #5dc09c !important;
}
.c-border-green-2-hover:hover {
border-color: #5dc09c !important;
}
.c-bg-after-green-2:after {
background-color: #5dc09c !important;
}
.c-bg-before-green-2:before {
background-color: #5dc09c !important;
}
.c-bg-green-3 {
background-color: #84c68f !important;
} .c-bg-green-3.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(132, 198, 143, 0.04) !important;
} .c-bg-green-3.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(132, 198, 143, 0.4) !important;
} .c-bg-green-3.c-bg-green-3-font {
color: #ffffff !important;
}
.c-bg-green-3-hover:hover {
background-color: #84c68f !important;
}
.c-border-green-3-hover:hover {
border-color: #84c68f !important;
}
.c-bg-after-green-3:after {
background-color: #84c68f !important;
}
.c-bg-before-green-3:before {
background-color: #84c68f !important;
}
.c-bg-red {
background-color: #eb5d68 !important;
} .c-bg-red.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(235, 93, 104, 0.04) !important;
} .c-bg-red.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(235, 93, 104, 0.4) !important;
} .c-bg-red.c-bg-red-font {
color: #ffffff !important;
}
.c-bg-red-hover:hover {
background-color: #eb5d68 !important;
}
.c-border-red-hover:hover {
border-color: #eb5d68 !important;
}
.c-bg-after-red:after {
background-color: #eb5d68 !important;
}
.c-bg-before-red:before {
background-color: #eb5d68 !important;
}
.c-bg-red-1 {
background-color: #cd6262 !important;
} .c-bg-red-1.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(205, 98, 98, 0.04) !important;
} .c-bg-red-1.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(205, 98, 98, 0.4) !important;
} .c-bg-red-1.c-bg-red-1-font {
color: #ffffff !important;
}
.c-bg-red-1-hover:hover {
background-color: #cd6262 !important;
}
.c-border-red-1-hover:hover {
border-color: #cd6262 !important;
}
.c-bg-after-red-1:after {
background-color: #cd6262 !important;
}
.c-bg-before-red-1:before {
background-color: #cd6262 !important;
}
.c-bg-red-2 {
background-color: #e7505a !important;
} .c-bg-red-2.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(231, 80, 90, 0.04) !important;
} .c-bg-red-2.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(231, 80, 90, 0.4) !important;
} .c-bg-red-2.c-bg-red-2-font {
color: #ffffff !important;
}
.c-bg-red-2-hover:hover {
background-color: #e7505a !important;
}
.c-border-red-2-hover:hover {
border-color: #e7505a !important;
}
.c-bg-after-red-2:after {
background-color: #e7505a !important;
}
.c-bg-before-red-2:before {
background-color: #e7505a !important;
}
.c-bg-red-3 {
background-color: #d05163 !important;
} .c-bg-red-3.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(208, 81, 99, 0.04) !important;
} .c-bg-red-3.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(208, 81, 99, 0.4) !important;
} .c-bg-red-3.c-bg-red-3-font {
color: #ffffff !important;
}
.c-bg-red-3-hover:hover {
background-color: #d05163 !important;
}
.c-border-red-3-hover:hover {
border-color: #d05163 !important;
}
.c-bg-after-red-3:after {
background-color: #d05163 !important;
}
.c-bg-before-red-3:before {
background-color: #d05163 !important;
}
.c-bg-yellow {
background-color: #FF6B57 !important;
} .c-bg-yellow.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(255, 107, 87, 0.04) !important;
} .c-bg-yellow.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(255, 107, 87, 0.4) !important;
} .c-bg-yellow.c-bg-yellow-font {
color: #ffffff !important;
}
.c-bg-yellow-hover:hover {
background-color: #FF6B57 !important;
}
.c-border-yellow-hover:hover {
border-color: #FF6B57 !important;
}
.c-bg-after-yellow:after {
background-color: #FF6B57 !important;
}
.c-bg-before-yellow:before {
background-color: #FF6B57 !important;
}
.c-bg-yellow-1 {
background-color: #c8d046 !important;
} .c-bg-yellow-1.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(200, 208, 70, 0.04) !important;
} .c-bg-yellow-1.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(200, 208, 70, 0.4) !important;
} .c-bg-yellow-1.c-bg-yellow-1-font {
color: #ffffff !important;
}
.c-bg-yellow-1-hover:hover {
background-color: #c8d046 !important;
}
.c-border-yellow-1-hover:hover {
border-color: #c8d046 !important;
}
.c-bg-after-yellow-1:after {
background-color: #c8d046 !important;
}
.c-bg-before-yellow-1:before {
background-color: #c8d046 !important;
}
.c-bg-yellow-2 {
background-color: #c5bf66 !important;
} .c-bg-yellow-2.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(197, 191, 102, 0.04) !important;
} .c-bg-yellow-2.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(197, 191, 102, 0.4) !important;
} .c-bg-yellow-2.c-bg-yellow-2-font {
color: #ffffff !important;
}
.c-bg-yellow-2-hover:hover {
background-color: #c5bf66 !important;
}
.c-border-yellow-2-hover:hover {
border-color: #c5bf66 !important;
}
.c-bg-after-yellow-2:after {
background-color: #c5bf66 !important;
}
.c-bg-before-yellow-2:before {
background-color: #c5bf66 !important;
}
.c-bg-yellow-3 {
background-color: #c5b96b !important;
} .c-bg-yellow-3.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(197, 185, 107, 0.04) !important;
} .c-bg-yellow-3.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(197, 185, 107, 0.4) !important;
} .c-bg-yellow-3.c-bg-yellow-3-font {
color: #ffffff !important;
}
.c-bg-yellow-3-hover:hover {
background-color: #c5b96b !important;
}
.c-border-yellow-3-hover:hover {
border-color: #c5b96b !important;
}
.c-bg-after-yellow-3:after {
background-color: #c5b96b !important;
}
.c-bg-before-yellow-3:before {
background-color: #c5b96b !important;
}
.c-bg-blue {
background-color: #3498DB !important;
} .c-bg-blue.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(52, 152, 219, 0.04) !important;
} .c-bg-blue.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(52, 152, 219, 0.4) !important;
} .c-bg-blue.c-bg-blue-font {
color: #ffffff !important;
}
.c-bg-blue-hover:hover {
background-color: #3498DB !important;
}
.c-border-blue-hover:hover {
border-color: #3498DB !important;
}
.c-bg-after-blue:after {
background-color: #3498DB !important;
}
.c-bg-before-blue:before {
background-color: #3498DB !important;
}
.c-bg-blue-1 {
background-color: #5e9cd1 !important;
} .c-bg-blue-1.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(94, 156, 209, 0.04) !important;
} .c-bg-blue-1.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(94, 156, 209, 0.4) !important;
} .c-bg-blue-1.c-bg-blue-1-font {
color: #ffffff !important;
}
.c-bg-blue-1-hover:hover {
background-color: #5e9cd1 !important;
}
.c-border-blue-1-hover:hover {
border-color: #5e9cd1 !important;
}
.c-bg-after-blue-1:after {
background-color: #5e9cd1 !important;
}
.c-bg-before-blue-1:before {
background-color: #5e9cd1 !important;
}
.c-bg-blue-2 {
background-color: #5893dd !important;
} .c-bg-blue-2.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(88, 147, 221, 0.04) !important;
} .c-bg-blue-2.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(88, 147, 221, 0.4) !important;
} .c-bg-blue-2.c-bg-blue-2-font {
color: #ffffff !important;
}
.c-bg-blue-2-hover:hover {
background-color: #5893dd !important;
}
.c-border-blue-2-hover:hover {
border-color: #5893dd !important;
}
.c-bg-after-blue-2:after {
background-color: #5893dd !important;
}
.c-bg-before-blue-2:before {
background-color: #5893dd !important;
}
.c-bg-blue-3 {
background-color: #57bfe1 !important;
} .c-bg-blue-3.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(87, 191, 225, 0.04) !important;
} .c-bg-blue-3.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(87, 191, 225, 0.4) !important;
} .c-bg-blue-3.c-bg-blue-3-font {
color: #ffffff !important;
}
.c-bg-blue-3-hover:hover {
background-color: #57bfe1 !important;
}
.c-border-blue-3-hover:hover {
border-color: #57bfe1 !important;
}
.c-bg-after-blue-3:after {
background-color: #57bfe1 !important;
}
.c-bg-before-blue-3:before {
background-color: #57bfe1 !important;
}
.c-bg-purple {
background-color: #b771b0 !important;
} .c-bg-purple.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(183, 113, 176, 0.04) !important;
} .c-bg-purple.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(183, 113, 176, 0.4) !important;
} .c-bg-purple.c-bg-purple-font {
color: #ffffff !important;
}
.c-bg-purple-hover:hover {
background-color: #b771b0 !important;
}
.c-border-purple-hover:hover {
border-color: #b771b0 !important;
}
.c-bg-after-purple:after {
background-color: #b771b0 !important;
}
.c-bg-before-purple:before {
background-color: #b771b0 !important;
}
.c-bg-purple-1 {
background-color: #a962bb !important;
} .c-bg-purple-1.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(169, 98, 187, 0.04) !important;
} .c-bg-purple-1.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(169, 98, 187, 0.4) !important;
} .c-bg-purple-1.c-bg-purple-1-font {
color: #ffffff !important;
}
.c-bg-purple-1-hover:hover {
background-color: #a962bb !important;
}
.c-border-purple-1-hover:hover {
border-color: #a962bb !important;
}
.c-bg-after-purple-1:after {
background-color: #a962bb !important;
}
.c-bg-before-purple-1:before {
background-color: #a962bb !important;
}
.c-bg-purple-2 {
background-color: #aa67a3 !important;
} .c-bg-purple-2.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(170, 103, 163, 0.04) !important;
} .c-bg-purple-2.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(170, 103, 163, 0.4) !important;
} .c-bg-purple-2.c-bg-purple-2-font {
color: #ffffff !important;
}
.c-bg-purple-2-hover:hover {
background-color: #aa67a3 !important;
}
.c-border-purple-2-hover:hover {
border-color: #aa67a3 !important;
}
.c-bg-after-purple-2:after {
background-color: #aa67a3 !important;
}
.c-bg-before-purple-2:before {
background-color: #aa67a3 !important;
}
.c-bg-purple-3 {
background-color: #ac3773 !important;
} .c-bg-purple-3.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(172, 55, 115, 0.04) !important;
} .c-bg-purple-3.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(172, 55, 115, 0.4) !important;
} .c-bg-purple-3.c-bg-purple-3-font {
color: #ffffff !important;
}
.c-bg-purple-3-hover:hover {
background-color: #ac3773 !important;
}
.c-border-purple-3-hover:hover {
border-color: #ac3773 !important;
}
.c-bg-after-purple-3:after {
background-color: #ac3773 !important;
}
.c-bg-before-purple-3:before {
background-color: #ac3773 !important;
}
.c-bg-brown {
background-color: #8a7f68 !important;
} .c-bg-brown.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(138, 127, 104, 0.04) !important;
} .c-bg-brown.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(138, 127, 104, 0.4) !important;
} .c-bg-brown.c-bg-brown-font {
color: #ffffff !important;
}
.c-bg-brown-hover:hover {
background-color: #8a7f68 !important;
}
.c-border-brown-hover:hover {
border-color: #8a7f68 !important;
}
.c-bg-after-brown:after {
background-color: #8a7f68 !important;
}
.c-bg-before-brown:before {
background-color: #8a7f68 !important;
}
.c-bg-brown-1 {
background-color: #685e47 !important;
} .c-bg-brown-1.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(104, 94, 71, 0.04) !important;
} .c-bg-brown-1.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(104, 94, 71, 0.4) !important;
} .c-bg-brown-1.c-bg-brown-1-font {
color: #ffffff !important;
}
.c-bg-brown-1-hover:hover {
background-color: #685e47 !important;
}
.c-border-brown-1-hover:hover {
border-color: #685e47 !important;
}
.c-bg-after-brown-1:after {
background-color: #685e47 !important;
}
.c-bg-before-brown-1:before {
background-color: #685e47 !important;
}
.c-bg-brown-2 {
background-color: #7a6a61 !important;
} .c-bg-brown-2.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(122, 106, 97, 0.04) !important;
} .c-bg-brown-2.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(122, 106, 97, 0.4) !important;
} .c-bg-brown-2.c-bg-brown-2-font {
color: #ffffff !important;
}
.c-bg-brown-2-hover:hover {
background-color: #7a6a61 !important;
}
.c-border-brown-2-hover:hover {
border-color: #7a6a61 !important;
}
.c-bg-after-brown-2:after {
background-color: #7a6a61 !important;
}
.c-bg-before-brown-2:before {
background-color: #7a6a61 !important;
}
.c-bg-brown-3 {
background-color: #9d8b81 !important;
} .c-bg-brown-3.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(157, 139, 129, 0.04) !important;
} .c-bg-brown-3.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(157, 139, 129, 0.4) !important;
} .c-bg-brown-3.c-bg-brown-3-font {
color: #ffffff !important;
}
.c-bg-brown-3-hover:hover {
background-color: #9d8b81 !important;
}
.c-border-brown-3-hover:hover {
border-color: #9d8b81 !important;
}
.c-bg-after-brown-3:after {
background-color: #9d8b81 !important;
}
.c-bg-before-brown-3:before {
background-color: #9d8b81 !important;
}
.c-bg-dark {
background-color: #2f353b !important;
} .c-bg-dark.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(47, 53, 59, 0.04) !important;
} .c-bg-dark.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(47, 53, 59, 0.4) !important;
} .c-bg-dark.c-bg-dark-font {
color: #ffffff !important;
}
.c-bg-dark-hover:hover {
background-color: #2f353b !important;
}
.c-border-dark-hover:hover {
border-color: #2f353b !important;
}
.c-bg-after-dark:after {
background-color: #2f353b !important;
}
.c-bg-before-dark:before {
background-color: #2f353b !important;
}
.c-bg-dark-1 {
background-color: #525e64 !important;
} .c-bg-dark-1.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(82, 94, 100, 0.04) !important;
} .c-bg-dark-1.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(82, 94, 100, 0.4) !important;
} .c-bg-dark-1.c-bg-dark-1-font {
color: #ffffff !important;
}
.c-bg-dark-1-hover:hover {
background-color: #525e64 !important;
}
.c-border-dark-1-hover:hover {
border-color: #525e64 !important;
}
.c-bg-after-dark-1:after {
background-color: #525e64 !important;
}
.c-bg-before-dark-1:before {
background-color: #525e64 !important;
}
.c-bg-dark-2 {
background-color: #31383c !important;
} .c-bg-dark-2.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(49, 56, 60, 0.04) !important;
} .c-bg-dark-2.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(49, 56, 60, 0.4) !important;
} .c-bg-dark-2.c-bg-dark-2-font {
color: #ffffff !important;
}
.c-bg-dark-2-hover:hover {
background-color: #31383c !important;
}
.c-border-dark-2-hover:hover {
border-color: #31383c !important;
}
.c-bg-after-dark-2:after {
background-color: #31383c !important;
}
.c-bg-before-dark-2:before {
background-color: #31383c !important;
}
.c-bg-dark-3 {
background-color: #41515b !important;
} .c-bg-dark-3.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(65, 81, 91, 0.04) !important;
} .c-bg-dark-3.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(65, 81, 91, 0.4) !important;
} .c-bg-dark-3.c-bg-dark-3-font {
color: #ffffff !important;
}
.c-bg-dark-3-hover:hover {
background-color: #41515b !important;
}
.c-border-dark-3-hover:hover {
border-color: #41515b !important;
}
.c-bg-after-dark-3:after {
background-color: #41515b !important;
}
.c-bg-before-dark-3:before {
background-color: #41515b !important;
}
.c-bg-darkblue {
background-color: #233237 !important;
}
.c-bg-yellow { background-color: #EAC67A !important; }
.c-bg-grey {
background-color: #eeeeee !important;
} .c-bg-grey.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(238, 238, 238, 0.04) !important;
} .c-bg-grey.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(238, 238, 238, 0.4) !important;
} .c-bg-grey.c-bg-grey-font {
color: #6e6e6e !important;
}
.c-bg-grey-hover:hover {
background-color: #eeeeee !important;
}
.c-border-grey-hover:hover {
border-color: #eeeeee !important;
}
.c-bg-after-grey:after {
background-color: #eeeeee !important;
}
.c-bg-before-grey:before {
background-color: #eeeeee !important;
}
.c-bg-grey-1 {
background-color: #f7f7f7 !important;
} .c-bg-grey-1.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(247, 247, 247, 0.04) !important;
} .c-bg-grey-1.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(247, 247, 247, 0.4) !important;
} .c-bg-grey-1.c-bg-grey-1-font {
color: #777777 !important;
}
.c-bg-grey-1-hover:hover {
background-color: #f7f7f7 !important;
}
.c-border-grey-1-hover:hover {
border-color: #f7f7f7 !important;
}
.c-bg-after-grey-1:after {
background-color: #f7f7f7 !important;
}
.c-bg-before-grey-1:before {
background-color: #f7f7f7 !important;
}
.c-bg-grey-2 {
background-color: #677083 !important;
} .c-bg-grey-2.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(103, 112, 131, 0.04) !important;
} .c-bg-grey-2.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(103, 112, 131, 0.4) !important;
} .c-bg-grey-2.c-bg-grey-2-font {
color: #ffffff !important;
}
.c-bg-grey-2-hover:hover {
background-color: #677083 !important;
}
.c-border-grey-2-hover:hover {
border-color: #677083 !important;
}
.c-bg-after-grey-2:after {
background-color: #677083 !important;
}
.c-bg-before-grey-2:before {
background-color: #677083 !important;
}
.c-bg-grey-3 {
background-color: #7f8c97 !important;
} .c-bg-grey-3.c-bg-opacity {
/* RGBa with 0.04 opacity */ background-color: rgba(127, 140, 151, 0.04) !important;
} .c-bg-grey-3.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */ background-color: rgba(127, 140, 151, 0.4) !important;
} .c-bg-grey-3.c-bg-grey-3-font {
color: #ffffff !important;
}
.c-bg-grey-3-hover:hover {
background-color: #7f8c97 !important;
}
.c-border-grey-3-hover:hover {
border-color: #7f8c97 !important;
}
.c-bg-after-grey-3:after {
background-color: #7f8c97 !important;
}
.c-bg-before-grey-3:before {
background-color: #7f8c97 !important;
}
/* Border Colors */ .c-border-white {
border-color: #FFFFFF !important;
}
.c-border-left-white {
border-left-color: #FFFFFF !important;
}
.c-border-right-white {
border-right-color: #FFFFFF !important;
}
.c-border-black {
border-color: #000000 !important;
}
.c-border-left-black {
border-left-color: #000000 !important;
}
.c-border-right-black {
border-right-color: #000000 !important;
}
.c-border-regular {
border-color: #7f8c97 !important;
}
.c-border-left-regular {
border-left-color: #7f8c97 !important;
}
.c-border-right-regular {
border-right-color: #7f8c97 !important;
}
.c-border-green {
border-color: #32c5d2 !important;
}
.c-border-left-green {
border-left-color: #32c5d2 !important;
}
.c-border-right-green {
border-right-color: #32c5d2 !important;
}
.c-border-green-1 {
border-color: #52c9ba !important;
}
.c-border-left-green-1 {
border-left-color: #52c9ba !important;
}
.c-border-right-green-1 {
border-right-color: #52c9ba !important;
}
.c-border-green-2 {
border-color: #5dc09c !important;
}
.c-border-left-green-2 {
border-left-color: #5dc09c !important;
}
.c-border-right-green-2 {
border-right-color: #5dc09c !important;
}
.c-border-green-3 {
border-color: #84c68f !important;
}
.c-border-left-green-3 {
border-left-color: #84c68f !important;
}
.c-border-right-green-3 {
border-right-color: #84c68f !important;
}
.c-border-red {
border-color: #eb5d68 !important;
}
.c-border-left-red {
border-left-color: #eb5d68 !important;
}
.c-border-right-red {
border-right-color: #eb5d68 !important;
}
.c-border-red-1 {
border-color: #cd6262 !important;
}
.c-border-left-red-1 {
border-left-color: #cd6262 !important;
}
.c-border-right-red-1 {
border-right-color: #cd6262 !important;
}
.c-border-red-2 {
border-color: #e7505a !important;
}
.c-border-left-red-2 {
border-left-color: #e7505a !important;
}
.c-border-right-red-2 {
border-right-color: #e7505a !important;
}
.c-border-red-3 {
border-color: #d05163 !important;
}
.c-border-left-red-3 {
border-left-color: #d05163 !important;
}
.c-border-right-red-3 {
border-right-color: #d05163 !important;
}
.c-border-yellow {
border-color: #FF6B57 !important;
}
.c-border-left-yellow {
border-left-color: #FF6B57 !important;
}
.c-border-right-yellow {
border-right-color: #FF6B57 !important;
}
.c-border-yellow-1 {
border-color: #c8d046 !important;
}
.c-border-left-yellow-1 {
border-left-color: #c8d046 !important;
}
.c-border-right-yellow-1 {
border-right-color: #c8d046 !important;
}
.c-border-yellow-2 {
border-color: #c5bf66 !important;
}
.c-border-left-yellow-2 {
border-left-color: #c5bf66 !important;
}
.c-border-right-yellow-2 {
border-right-color: #c5bf66 !important;
}
.c-border-yellow-3 {
border-color: #c5b96b !important;
}
.c-border-left-yellow-3 {
border-left-color: #c5b96b !important;
}
.c-border-right-yellow-3 {
border-right-color: #c5b96b !important;
}
.c-border-blue {
border-color: #3498DB !important;
}
.c-border-left-blue {
border-left-color: #3498DB !important;
}
.c-border-right-blue {
border-right-color: #3498DB !important;
}
.c-border-blue-1 {
border-color: #5e9cd1 !important;
}
.c-border-left-blue-1 {
border-left-color: #5e9cd1 !important;
}
.c-border-right-blue-1 {
border-right-color: #5e9cd1 !important;
}
.c-border-blue-2 {
border-color: #5893dd !important;
}
.c-border-left-blue-2 {
border-left-color: #5893dd !important;
}
.c-border-right-blue-2 {
border-right-color: #5893dd !important;
}
.c-border-blue-3 {
border-color: #57bfe1 !important;
}
.c-border-left-blue-3 {
border-left-color: #57bfe1 !important;
}
.c-border-right-blue-3 {
border-right-color: #57bfe1 !important;
}
.c-border-purple {
border-color: #b771b0 !important;
}
.c-border-left-purple {
border-left-color: #b771b0 !important;
}
.c-border-right-purple {
border-right-color: #b771b0 !important;
}
.c-border-purple-1 {
border-color: #a962bb !important;
}
.c-border-left-purple-1 {
border-left-color: #a962bb !important;
}
.c-border-right-purple-1 {
border-right-color: #a962bb !important;
}
.c-border-purple-2 {
border-color: #aa67a3 !important;
}
.c-border-left-purple-2 {
border-left-color: #aa67a3 !important;
}
.c-border-right-purple-2 {
border-right-color: #aa67a3 !important;
}
.c-border-purple-3 {
border-color: #ac3773 !important;
}
.c-border-left-purple-3 {
border-left-color: #ac3773 !important;
}
.c-border-right-purple-3 {
border-right-color: #ac3773 !important;
}
.c-border-brown {
border-color: #8a7f68 !important;
}
.c-border-left-brown {
border-left-color: #8a7f68 !important;
}
.c-border-right-brown {
border-right-color: #8a7f68 !important;
}
.c-border-brown-1 {
border-color: #685e47 !important;
}
.c-border-left-brown-1 {
border-left-color: #685e47 !important;
}
.c-border-right-brown-1 {
border-right-color: #685e47 !important;
}
.c-border-brown-2 {
border-color: #7a6a61 !important;
}
.c-border-left-brown-2 {
border-left-color: #7a6a61 !important;
}
.c-border-right-brown-2 {
border-right-color: #7a6a61 !important;
}
.c-border-brown-3 {
border-color: #9d8b81 !important;
}
.c-border-left-brown-3 {
border-left-color: #9d8b81 !important;
}
.c-border-right-brown-3 {
border-right-color: #9d8b81 !important;
}
.c-border-dark {
border-color: #2f353b !important;
}
.c-border-left-dark {
border-left-color: #2f353b !important;
}
.c-border-right-dark {
border-right-color: #2f353b !important;
}
.c-border-dark-1 {
border-color: #525e64 !important;
}
.c-border-left-dark-1 {
border-left-color: #525e64 !important;
}
.c-border-right-dark-1 {
border-right-color: #525e64 !important;
}
.c-border-dark-2 {
border-color: #31383c !important;
}
.c-border-left-dark-2 {
border-left-color: #31383c !important;
}
.c-border-right-dark-2 {
border-right-color: #31383c !important;
}
.c-border-dark-3 {
border-color: #41515b !important;
}
.c-border-left-dark-3 {
border-left-color: #41515b !important;
}
.c-border-right-dark-3 {
border-right-color: #41515b !important;
}
.c-border-grey {
border-color: #eeeeee !important;
}
.c-border-left-grey {
border-left-color: #eeeeee !important;
}
.c-border-right-grey {
border-right-color: #eeeeee !important;
}
.c-border-grey-1 {
border-color: #f7f7f7 !important;
}
.c-border-left-grey-1 {
border-left-color: #f7f7f7 !important;
}
.c-border-right-grey-1 {
border-right-color: #f7f7f7 !important;
}
.c-border-grey-2 {
border-color: #677083 !important;
}
.c-border-left-grey-2 {
border-left-color: #677083 !important;
}
.c-border-right-grey-2 {
border-right-color: #677083 !important;
}
.c-border-grey-3 {
border-color: #7f8c97 !important;
}
.c-border-left-grey-3 {
border-left-color: #7f8c97 !important;
}
.c-border-right-grey-3 {
border-right-color: #7f8c97 !important;
}
.c-content-app-1 {
padding: 0;
margin: 0;
width: 100%; }
.c-content-app-1 > .c-diagram {
width: 100%;
position: relative;
min-height: 420px;
margin-top: 150px; }
.c-content-app-1 > .c-diagram > .c-wireframe {
position: absolute;
width: 207px;
height: 420px;
left: 50%;
margin-left: -103.5px; }
.c-content-app-1 > .c-diagram > .c-lines-1 {
position: absolute;
height: 368px;
width: 428px;
left: 50%;
margin-left: -224px;
top: -60px; }
.c-content-app-1 > .c-diagram > .c-lines-2 {
position: absolute;
height: 362px;
width: 422px;
left: 50%;
margin-left: -220px;
top: -56px; }
.c-content-app-1 > .c-diagram > .c-phone-img {
position: absolute;
background-color: #ffffff;
width: 182px;
height: 324px;
left: 50%;
margin-left: -91px;
top: 48px; }
.c-content-app-1 > .c-diagram > .c-box {
width: 250px; }
.c-content-app-1 > .c-diagram > .c-box > h3 {
font-weight: bold;
letter-spacing: 1px; }
.c-content-app-1 > .c-diagram > .c-point-1 {
position: absolute;
left: 50%;
margin-left: -450px;
top: 7px;
text-align: right; }
.c-content-app-1 > .c-diagram > .c-point-2 {
position: absolute;
left: 50%;
margin-left: 180px;
top: -67px; }
.c-content-app-1 > .c-diagram > .c-point-3 {
position: absolute;
left: 50%;
margin-left: -490px;
top: 280px;
text-align: right; }
.c-content-app-1 > .c-diagram > .c-point-4 {
position: absolute;
left: 50%;
margin-left: 220px;
top: 180px; }
@media (max-width: 991px) {
/* 991px */
.c-content-app-1 > .c-diagram {
margin-top: 60px; }
.c-content-app-1 > .c-diagram > .c-lines-1 {
display: none; }
.c-content-app-1 > .c-diagram > .c-lines-2 {
display: none; }
.c-content-app-1 > .c-diagram > .c-wireframe {
position: relative;
margin: auto;
top: auto;
left: auto; }
.c-content-app-1 > .c-diagram > .c-box {
position: relative;
margin: auto;
top: auto;
left: auto;
padding: 40px 0;
text-align: left; }
.c-content-app-1 > .c-diagram > .c-box.c-app-left {
width: 48%;
float: left; }
.c-content-app-1 > .c-diagram > .c-box.c-app-right {
width: 48%;
float: right; } }
@media (max-width: 767px) {
/* 767px */
.c-content-app-1 > .c-diagram > .c-box.c-app-left {
width: 100%; }
.c-content-app-1 > .c-diagram > .c-box.c-app-right {
width: 100%; } }
.c-bg-img-center {
background-repeat: no-repeat; background-position: center; background-size: cover;
}
.c-bg-img-top {
background-repeat: no-repeat; background-position: top; background-size: cover;
}
.c-bg-img-bottom-right {
background-repeat: no-repeat; background-position: right bottom; background-size: cover;
}
.c-bg-img-top-center {
background-repeat: no-repeat; background-position: top center; background-size: cover;
}
.c-bg-none, .c-bg-transparent {
background: none;
}
.c-pos-relative {
position: relative;
}
.c-bg-parallax {
background-attachment: fixed; background-position: center center; background-size: cover; background-color: transparent; min-height: 100%;
}
.c-opacity-0 {
opacity: 0; filter: alpha(opacity=0);
}
.c-opacity-01 {
opacity: 0.1; filter: alpha(opacity=10);
}
.c-opacity-02 {
opacity: 0.2; filter: alpha(opacity=20);
}
.c-opacity-03 {
opacity: 0.2; filter: alpha(opacity=20);
}
.c-opacity-04 {
opacity: 0.4; filter: alpha(opacity=40);
}
.c-opacity-05 {
opacity: 0.5; filter: alpha(opacity=50);
}
.c-opacity-06 {
opacity: 0.6; filter: alpha(opacity=60);
}
.c-opacity-07 {
opacity: 0.7; filter: alpha(opacity=70);
}
.c-opacity-08 {
opacity: 0.8; filter: alpha(opacity=80);
}
.c-opacity-1 {
opacity: 1; filter: alpha(opacity=100);
}
.c-layout-page:before, .c-layout-page:after {
content: " "; display: table;
} .c-layout-page:after {
clear: both;
}
.c-layout-page-loading * {
visibility: hidden;
} .c-layout-page-loading .c-content-loader {
visibility: visible; display: block; position: fixed; top: 50%; left: 50%;
}
.c-layout-header:before, .c-layout-header:after {
content: " "; display: table;
} .c-layout-header:after {
clear: both;
} .c-layout-header .c-topbar:before, .c-layout-header .c-topbar:after {
content: " "; display: table;
} .c-layout-header .c-topbar:after {
clear: both;
} .c-layout-header .c-topbar .c-top-menu {
display: inline-block; padding: 0; margin: 0;
} .c-layout-header-hi .c-topbar .c-top-menu {
display: inline-block; padding: 50; margin: 0;
} .c-layout-header .c-topbar .c-top-menu.c-pull-left {
float: left;
} .c-layout-header .c-topbar .c-top-menu.c-pull-right {
float: right;
} .c-layout-header .c-topbar .c-top-menu > .c-icons, .c-layout-header .c-topbar .c-top-menu > .c-links, .c-layout-header .c-topbar .c-top-menu > .c-ext {
float: left; display: inline-block; height: 44px; padding: 0; margin: 0; list-style-type: none;
} .c-layout-header .c-topbar .c-top-menu > .c-icons > li, .c-layout-header .c-topbar .c-top-menu > .c-links > li, .c-layout-header .c-topbar .c-top-menu > .c-ext > li {
display: inline-block;
} .c-layout-header .c-topbar .c-top-menu > .c-icons > li {
padding: 11px 3px 11px 3px;
} .c-layout-header .c-topbar .c-top-menu > .c-icons > li > a {
font-size: 14px;
} .c-layout-header .c-topbar .c-top-menu > .c-icons > li > a > i {
font-size: 15px; padding: 6px 6px;
} .c-layout-header .c-topbar .c-top-menu > .c-icons > li > span {
font-size: 15px;
} .c-layout-header .c-topbar .c-top-menu > .c-icons > li > a:active, .c-layout-header .c-topbar .c-top-menu > .c-icons > li > a:hover, .c-layout-header .c-topbar .c-top-menu > .c-icons > li > a:focus {
cursor: pointer; text-decoration: none;
} .c-layout-header .c-topbar .c-top-menu > .c-links > li {
padding: 10px 3px 8px 3px;
} .c-layout-header .c-topbar .c-top-menu > .c-links > li > a:not(.btn), .c-layout-header .c-topbar .c-top-menu > .c-links > li > span {
font-size: 15px;
} .c-layout-header .c-topbar .c-top-menu > .c-links > li > a:not(.btn) > i, .c-layout-header .c-topbar .c-top-menu > .c-links > li > span > i {
font-size: 16px;
} .c-layout-header .c-topbar .c-top-menu > .c-links > li > a:not(.btn):active, .c-layout-header .c-topbar .c-top-menu > .c-links > li > a:not(.btn):hover, .c-layout-header .c-topbar .c-top-menu > .c-links > li > a:not(.btn):focus {
cursor: pointer; text-decoration: none;
} .c-layout-header .c-topbar .c-top-menu > .c-links > li.c-divider {
position: relative; font-size: 13px; top: -1px;
} .c-layout-header .c-topbar .c-top-menu > .c-ext > li {
margin: 0; padding: 0;
} .c-layout-header .c-topbar .c-top-menu > .c-ext > li > a > i {
font-size: 15px; position: relative; top: 3px;
} .c-layout-header .c-topbar .c-top-menu > .c-ext > li.c-lang {
margin: 8px 10px 0 15px;
} .c-layout-header .c-topbar .c-top-menu > .c-ext > li.c-lang.c-last {
margin-right: 0;
} .c-layout-header .c-topbar .c-top-menu > .c-ext > li.c-lang > a {
display: inline-block; float: left; padding: 7px 7px 5px 7px; height: 28px; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px;
} .c-layout-header .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu {
-webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; min-width: 155px; padding: 0; margin: 0;
} .c-layout-header .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li {
padding: 0;
} .c-layout-header .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li > a {
letter-spacing: 1px; font-size: 12px; font-weight: 500; text-transform: uppercase; padding: 8px 12px;
} .c-layout-header .c-topbar .c-top-menu > .c-ext > li.c-search {
margin-top: 8px;
} .c-layout-header .c-topbar .c-top-menu > .c-ext > li.c-search > form {
float: left; padding: 0; margin: 0; position: relative;
} .c-layout-header .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control {
font-weight: 400; border: 0; border-radius: 0; padding: 4px 14px 2px 6px; height: 28px; font-size: 12px; text-transform: uppercase;
} .c-layout-header .c-topbar .c-top-menu > .c-ext > li.c-search > form > i {
cursor: pointer; font-size: 13px; position: absolute; top: 8px; right: 8px;
} .c-layout-header .c-navbar:before, .c-layout-header .c-navbar:after {
content: " "; display: table;
} .c-layout-header .c-navbar:after {
clear: both;
} .c-layout-header .c-brand {
transition: all 0.2s; display: inline-block;
} .c-layout-header .c-brand.c-pull-left {
float: left;
} .c-layout-header .c-brand.c-pull-right {
float: right;
} .c-layout-header .c-brand > .c-hor-nav-toggler {
display: none;
} .c-layout-header .c-brand > .c-search-toggler {
display: none;
} .c-layout-quick-search-shown .c-layout-header .c-brand {
display: none;
} .c-layout-header .c-brand .c-desktop-logo {
display: block; position:inherit;
} .c-layout-header .c-brand .c-desktop-logo-inverse {
display: none;
} .c-layout-header .c-quick-search {
display: none; padding: 0; margin: 0; transition: all 0.2s; position: relative;
} .c-layout-header .c-quick-search:before, .c-layout-header .c-quick-search:after {
content: " "; display: table;
} .c-layout-header .c-quick-search:after {
clear: both;
} .c-layout-quick-search-shown .c-layout-header .c-quick-search {
display: block; transition: all 0.2s;
} .c-layout-header .c-quick-search > .form-control {
display: block; font-size: 22px; font-weight: 400; border: 0; background: transparent; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0;
} .c-layout-header .c-quick-search > .form-control::-ms-clear {
display: none;
} .c-layout-header .c-quick-search > .form-control:focus, .c-layout-header .c-quick-search > .form-control:active {
box-shadow: none;
} .c-layout-header .c-quick-search > span {
display: inline-block; position: absolute; font-size: 36px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
} .c-layout-header .c-quick-search > span:hover {
cursor: pointer;
}
@media (min-width: 1300px) {
/* 1300px */
.c-layout-header.c-no-border {
border-bottom: 0 !important;
}
.c-layout-header .c-topbar > .container-fluid {
padding: 0 50px;
}
.c-layout-header .c-navbar {
line-height: 0px;
}
.c-layout-header .c-navbar > .container {
position: relative;
}
.c-layout-header .c-navbar > .container-fluid {
position: relative;
padding: 0 50px;
}
.c-layout-header .c-brand {
margin: 20px 0px 0px 0px;
}
.c-layout-header .c-brand .c-desktop-logo-inverse {
display: none;
}
.c-layout-header .c-brand .c-desktop-logo {
display: inline-block;
}
.c-layout-header .c-brand .c-mobile-logo {
display: none;
}
.c-layout-header .c-quick-search > .form-control {
padding: 10px 0;
height: 100px;
}
.c-layout-header .c-quick-search > span {
top: 50px;
right: -2px;
}
.c-layout-header-fullscreen.c-layout-header-static .c-layout-header,
.c-layout-header-fixed .c-layout-header {
top: 0;
position: fixed;
z-index: 9995;
width: 100%;
}
.c-layout-header-fixed .c-layout-page {
margin-top: 75px;
}
.c-layout-header-fixed.c-layout-header-topbar .c-layout-page {
margin-top: 144px;
}
.c-layout-header-fullscreen .c-layout-page,
.c-layout-header-fullscreen.c-layout-header-fixed.c-layout-header-topbar .c-layout-page {
margin-top: 0;
}
.c-page-on-scroll.c-layout-header-static .c-layout-header {
display: none;
}
.c-page-on-scroll.c-layout-header-fixed .c-layout-header {
line-height: 0px;
}
.c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-topbar {
transition: all 0.2s;
display: none;
}
.c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-brand {
transition: margin 0.2s;
margin: 22px 0 19px 0;
}
.c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-brand .c-desktop-logo {
display: none;
}
.c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-brand .c-desktop-logo-inverse {
display: block;
}
.c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-mega-menu {
line-height: 0px;
padding: 20px 0px 0px 0px;
}
.c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-mega-menu .nav.navbar-nav > li > .c-link {
transition: all 0.2s;
padding: 23px 15px 21px 15px;
min-height: 65px;
}
.c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-mega-menu .nav.navbar-nav > li > .c-quick-sidebar-toggler {
transition: all 0.2s;
padding: 26px 0 24px 15px;
}
.c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-mega-menu .nav.navbar-nav > li > .c-btn {
transition: all 0.2s;
margin: 15px 15px 16px 15px;
}
.c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-mega-menu .nav.navbar-nav > li > .c-btn-icon {
transition: all 0.2s;
margin: 6px 5px 7px 5px;
}
.c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-quick-search > .form-control {
font-size: 22px;
padding: 10px 0;
height: 65px;
}
.c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-quick-search > span {
font-size: 36px;
top: 33px;
}
} @media (max-width: 1300px) {
/* 991px */
.c-layout-header {
margin: 0;
}
.c-layout-header .c-topbar {
margin: 0;
}
.c-layout-header .c-navbar > .container {
position: relative;
padding: 0;
}
.c-layout-header .c-brand {
float: none !important;
display: block;
margin: 15px 15px 15px 15px;
}
.c-layout-header .c-brand .c-desktop-logo-inverse {
display: none;
}
.c-layout-header .c-brand > .c-hor-nav-toggler {
display: inline-block;
background: none;
border: 0;
margin: 3px 0 0 0;
padding: 0;
float: right;
outline: none;
}
.c-layout-header .c-brand > .c-hor-nav-toggler > .c-line {
width: 15px;
display: block;
height: 2px;
padding: 0px;
margin: 3px 0;
}
.c-layout-header .c-brand > .c-hor-nav-toggler > .c-line:first-child {
margin-top: 4px;
}
.c-layout-header .c-brand > .c-search-toggler {
display: inline-block;
background: none;
border: 0;
margin: 0px 25px 0 0;
padding: 0;
float: right;
outline: none;
height: 20px;
width: 20px;
}
.c-layout-header .c-brand > .c-search-toggler > i {
font-size: 14px;
}
.c-layout-header .c-brand .c-desktop-logo {
display: none;
}
.c-layout-header .c-quick-search {
position: relative;
}
.c-layout-header .c-quick-search > .form-control {
font-size: 20px;
padding: 50px 15px 50px 15px;
height: 65px;
}
.c-layout-header .c-quick-search > span {
font-size: 36px;
right: 18px;
top: 25px;
}
} @media (min-width: 1300px) {
/* 1300px */
.c-layout-header .c-navbar .c-mega-menu {
line-height: 0px;
display: inline-block;
padding: 0;
margin: 0;
position: static;
}
.c-layout-header .c-navbar .c-mega-menu.c-pull-left {
float: left;
}
.c-layout-header .c-navbar .c-mega-menu.c-pull-right {
float: right;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav {
line-height: 0px;
background: none;
position: static;
margin: 0;
padding: 0;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li {
padding: 0;
margin: 0;
float: left;
position: static;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-menu-type-classic {
position: relative;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
letter-spacing: 1px;
font-style: normal;
transition: all 0.2s;
padding: 41px 15px 39px 15px;
min-height: 100px;
font-size: 17px;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:hover, .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:focus {
background: none;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler {
transition: all 0.2s;
display: inline-block;
background: none !important;
padding: 44px 0 40px 15px;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line {
width: 15px;
display: block;
height: 2px;
padding: 0px;
margin: 3px 0;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line:first-child {
margin-top: 0px;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn {
transition: margin 0.2s;
margin: 34px 15px 33px 15px;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn > i {
position: relative;
top: 1px;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon {
background: none;
outline: none;
transition: margin 0.2s;
margin: 24px 5px 18px 5px;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:hover {
background: none;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon > i {
position: relative;
top: 0px;
font-size: 14px;
height: 14px;
}
.ie .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon > i {
top: 2px;
}
.ie9 .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon > i {
top: 0px;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > .c-quick-sidebar-toggler,
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > .c-btn-link,
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > .c-link, .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > .c-quick-sidebar-toggler,
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > .c-btn-link,
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > .c-link {
background: none;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu {
width: auto;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.container-fluid .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu {
width: 1170px !important;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu, .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-pull-right {
right: 0;
left: auto;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-pull-left {
left: 0;
right: auto;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li .dropdown-menu {
box-shadow: none;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li .dropdown-menu > li > h3 {
margin: 0;
letter-spacing: 1px;
padding: 10px 25px 10px 25px;
font-size: 16px;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li .dropdown-menu > li > a {
padding: 8px 25px;
white-space: normal;
letter-spacing: 1px;
font-size: 14px;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li .dropdown-menu > li.dropdown-submenu > .dropdown-menu {
margin-top: -10px;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-fullwidth {
width: 100%;
left: 0;
right: 0;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-classic {
left: auto;
right: auto;
min-width: 235px;
width: 235px;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-classic.c-pull-right {
right: 0;
left: auto;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-classic .dropdown-menu {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
min-width: 235px;
width: 235px;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega {
padding: 0;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .dropdown-menu {
float: none;
box-shadow: none !important;
background: none;
position: static;
display: block;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .dropdown-menu:before, .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .dropdown-menu:after {
content: " ";
display: table;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .dropdown-menu:after {
clear: both;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega > .row {
margin: 0 0;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega > .row > div {
padding: 0;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega > .row > div:last-child {
border-right: 0;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .c-menu-type-inline {
margin: 10px 0;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .nav.nav-tabs {
padding: 20px 40px;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .nav.nav-tabs > li {
margin: 0 15px;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .nav.nav-tabs > li:first-child {
margin-left: 0;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .nav.nav-tabs > li > a {
margin: 0;
padding: 7px 0;
border: 0;
background: none;
font-size: 16px;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .tab-content {
padding: 0;
margin: 0 15px;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega > li {
display: table-cell;
width: 1%;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega > li .dropdown-menu.c-menu-type-inline {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
margin: 0;
padding: 15px 0;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega > li > .dropdown-menu {
float: none;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > .dropdown-menu {
display: block;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav .c-visible-mobile {
display: none !important;
}
.c-layout-quick-search-shown .c-layout-header .c-navbar .c-mega-menu {
display: none;
}
.c-layout-header .c-navbar .container-fluid > .c-navbar-wrapper > .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega {
max-width: 1170px;
width: 1170px;
right: 20px;
left: auto;
}
.c-layout-header .c-navbar .c-mega-menu {
line-height: 0px;
}
.c-layout-header .c-navbar .c-mega-menu.c-fonts-uppercase > .nav.navbar-nav > li > .c-link {
font-size: 15px;
text-transform: uppercase;
}
.c-layout-header .c-navbar .c-mega-menu.c-fonts-uppercase > .nav.navbar-nav > li .dropdown-menu > li > h3 {
font-size: 14px;
text-transform: uppercase;
}
.c-layout-header .c-navbar .c-mega-menu.c-fonts-uppercase > .nav.navbar-nav > li .dropdown-menu > li > a {
font-size: 12px;
text-transform: uppercase;
}
.c-layout-header .c-navbar .c-mega-menu.c-fonts-uppercase > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .nav.nav-tabs > li > a {
font-size: 14px;
text-transform: uppercase;
}
.c-layout-header .c-navbar .c-mega-menu.c-fonts-bold > .nav.navbar-nav > li > .c-link {
font-weight: 600;
}
.c-layout-header .c-navbar .c-mega-menu.c-fonts-bold > .nav.navbar-nav > li .dropdown-menu > li > h3 {
font-weight: 500;
}
.c-layout-header .c-navbar .c-mega-menu.c-fonts-bold > .nav.navbar-nav > li .dropdown-menu > li > a {
font-weight: 500;
}
.c-layout-header .c-navbar .c-mega-menu.c-fonts-bold > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .nav.nav-tabs > li > a {
font-weight: 600;
}
} @media (max-width: 1300px) {
/* 991px */
.c-layout-header .c-navbar .c-mega-menu {
display: inline-block;
padding: 0;
margin: 0;
padding: 0 10px;
margin-bottom: 20px;
display: none;
width: 100%;
float: none !important;
overflow-x: hidden;
}
.c-layout-header .c-navbar .c-mega-menu.c-pull-left {
float: left;
}
.c-layout-header .c-navbar .c-mega-menu.c-pull-right {
float: right;
}
.c-layout-header .c-navbar .c-mega-menu.c-shown {
display: block;
position: static;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav {
margin: 0 -15px !important;
float: none;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li {
display: block;
float: none;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
padding: 10px 20px 10px 20px;
font-size: 15px;
letter-spacing: 1px;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:focus, .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:hover {
background: none;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn {
margin: 30px 15px 33px 15px;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-search-toggler {
display: none;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler {
padding: 10px 20px 10px 20px;
background: 0;
border: 0;
outline: none;
padding-right: 0;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line {
width: 15px;
display: block;
height: 2px;
padding: 0px;
margin: 3px 0;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line:first-child {
margin-top: 3px;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-open > .dropdown-menu {
display: block;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-open > .dropdown-menu .dropdown-submenu.c-open > .dropdown-menu {
display: block;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li .dropdown-submenu > a:after,
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li a.dropdown-toggle:after {
position: relative;
float: right;
display: inline-block;
font-size: 13px;
font-family: FontAwesome;
height: auto;
margin-top: 2px;
margin-right: 2px;
content: "\f104";
font-weight: 300;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-open.dropdown-submenu > a:after, .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-open > a.dropdown-toggle:after,
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li .c-open.dropdown-submenu > a:after,
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li .c-open > a.dropdown-toggle:after {
margin-right: 0px;
content: "\f107";
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li .dropdown-menu {
padding-bottom: 0;
float: none;
display: none;
position: static;
background: none;
box-shadow: none;
min-width: none;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li .dropdown-menu > li > h3 {
margin: 0;
font-size: 15px;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li .dropdown-menu > li > a {
font-size: 14px;
white-space: normal;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-classic {
padding: 0;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-classic > li > a,
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-classic > .dropdown-submenu > a {
padding: 10px 20px 10px 40px;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-classic > .dropdown-submenu > .dropdown-menu > li > a {
padding: 10px 20px 10px 60px;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-classic > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > a {
padding: 10px 20px 10px 80px;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-classic > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a {
padding: 10px 20px 10px 100px;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega {
padding-top: 0;
min-width: 0 !important;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .dropdown-menu {
display: block;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .dropdown-menu.c-menu-type-inline {
margin-left: 0;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .dropdown-menu.c-menu-type-inline > li > h3,
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .dropdown-menu.c-menu-type-inline > li > a {
padding: 10px 20px 10px 40px;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega > .dropdown-submenu > a {
padding: 10px 20px 10px 40px;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega > .dropdown-submenu > .dropdown-menu {
display: none;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega > .dropdown-submenu > .dropdown-menu .dropdown-menu > li > h3,
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega > .dropdown-submenu > .dropdown-menu .dropdown-menu > li > a {
padding: 10px 20px 10px 60px;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega > .dropdown-submenu.c-open > .dropdown-menu {
display: block;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav .c-visible-desktop {
display: none !important;
}
.c-layout-header .c-navbar .c-mega-menu.c-fonts-uppercase > .nav.navbar-nav > li > .c-link {
font-size: 13px;
text-transform: uppercase;
}
.c-layout-header .c-navbar .c-mega-menu.c-fonts-uppercase > .nav.navbar-nav > li .dropdown-menu > li > h3 {
font-size: 13px;
text-transform: uppercase;
}
.c-layout-header .c-navbar .c-mega-menu.c-fonts-uppercase > .nav.navbar-nav > li .dropdown-menu > li > a {
font-size: 13px;
text-transform: uppercase;
}
.c-layout-header .c-navbar .c-mega-menu.c-fonts-bold > .nav.navbar-nav > li > .c-link {
font-weight: 600;
}
.c-layout-header .c-navbar .c-mega-menu.c-fonts-bold > .nav.navbar-nav > li .dropdown-menu > li > h3 {
font-weight: 600;
}
.c-layout-header .c-navbar .c-mega-menu.c-fonts-bold > .nav.navbar-nav > li .dropdown-menu > li > a {
font-weight: 600;
}
} @media (min-width: 1300px) {
/* 1300px */
.c-layout-header.c-layout-header-default {
background: none;
border-bottom: 0;
}
.c-layout-header.c-layout-header-default .c-topbar {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
background: none;
}
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-icons > li > a:not(.btn),
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-icons > li > span,
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-links > li > a:not(.btn),
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-links > li > span,
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li > a:not(.btn),
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li > span {
color: #f2f2f2;
font-weight: 500;
}
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-icons > li > a:not(.btn) > i,
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-icons > li > span > i,
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-links > li > a:not(.btn) > i,
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-links > li > span > i,
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li > a:not(.btn) > i,
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li > span > i {
background: rgba(255, 255, 255, 0.1);
color: #f2f2f2;
}
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):active, .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):hover, .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):focus,
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-links > li > a:not(.btn):active,
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-links > li > a:not(.btn):hover,
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-links > li > a:not(.btn):focus,
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):active,
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):hover,
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):focus {
color: #ffffff;
}
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):active > i, .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):hover > i, .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):focus > i,
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-links > li > a:not(.btn):active > i,
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-links > li > a:not(.btn):hover > i,
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-links > li > a:not(.btn):focus > i,
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):active > i,
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):hover > i,
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):focus > i {
background: rgba(255, 255, 255, 0.05);
color: #ffffff;
}
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-icons > li.c-divider,
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-links > li.c-divider,
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li.c-divider {
color: #f2f2f2;
}
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li.c-lang > a {
background: rgba(255, 255, 255, 0.1);
color: #ffffff;
}
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li.c-lang > a:active, .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li.c-lang > a:hover, .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li.c-lang > a:focus {
color: #ffffff;
background: rgba(255, 255, 255, 0.05);
}
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu {
background: #f6f8fa;
}
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li.active > a {
background: #e9eef3;
}
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li > a {
color: #839fba;
}
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li > a:hover {
background: #e9eef3;
}
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li.c-lang:hover > .dropdown-menu {
display: block;
}
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control {
background: rgba(255, 255, 255, 0.1);
color: #ffffff;
}
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control::-moz-placeholder {
color: #ffffff;
}
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control:-moz-placeholder {
color: #ffffff;
}
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control:-ms-input-placeholder {
color: #ffffff;
}
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control::-webkit-input-placeholder {
color: #ffffff;
}
.c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li.c-search > form > i {
color: #ffffff;
}
.c-layout-header.c-layout-header-default .c-navbar {
background: none;
}
.c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon,
.c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
color: #ffffff;
}
.c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:hover, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:focus,
.c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:hover,
.c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:focus {
color: #ffffff;
}
.c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line {
background-color: white;
}
.c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn), .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a:not(.btn), .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn) {
color: #ffffff;
}
.c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > button > .c-line, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > button > .c-line, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > button > .c-line {
background: #ffffff;
}
.c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active {
color: #ffffff;
}
.c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a:not(.btn) {
color: #ffffff;
}
.c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > button > .c-line {
background: #ffffff;
}
.c-layout-header.c-layout-header-default .c-quick-search > .form-control {
color: #ffffff;
}
.c-layout-header.c-layout-header-default .c-quick-search > .form-control::-moz-placeholder {
color: white;
}
.c-layout-header.c-layout-header-default .c-quick-search > .form-control:-moz-placeholder {
color: white;
}
.c-layout-header.c-layout-header-default .c-quick-search > .form-control:-ms-input-placeholder {
color: white;
}
.c-layout-header.c-layout-header-default .c-quick-search > .form-control::-webkit-input-placeholder {
color: white;
}
.c-layout-header.c-layout-header-default .c-quick-search > span {
color: white;
}
.c-page-on-scroll .c-layout-header.c-layout-header-default {
background: rgba(0, 0, 0, 0.7);
border-bottom: 0;
box-shadow: none;
}
.c-page-on-scroll .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon,
.c-page-on-scroll .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
color: #ffffff;
}
.c-page-on-scroll .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:hover, .c-page-on-scroll .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:focus,
.c-page-on-scroll .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:hover,
.c-page-on-scroll .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:focus {
color: #ffffff;
}
.c-page-on-scroll .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line {
background-color: white;
}
} @media (min-width: 1300px) {
/* 1300px */
.c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler), .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler), .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler), .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler) {
position: relative;
color: #ffffff !important;
}
.c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before {
transition: 0.2s;
position: absolute;
top: 32px;
content: ;
width: 15px;
height: 2px;
display: block;
background: #ffffff;
}
.c-page-on-scroll .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before, .c-page-on-scroll .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before, .c-page-on-scroll .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before, .c-page-on-scroll .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before {
top: 14px;
transition: 0.2s;
}
.c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler) > i, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler) > i, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler) > i, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler) > i {
color: #ffffff !important;
}
.c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a.c-btn-icon, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a.c-btn-icon, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a.c-btn-icon, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a.c-btn-icon {
color: #ffffff;
}
.c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > .c-search-toggler > i, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > .c-search-toggler > i, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > .c-search-toggler > i, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > .c-search-toggler > i {
color: #ffffff !important;
}
.c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > .c-quick-sidebar-toggler > .c-line, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > .c-quick-sidebar-toggler > .c-line, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > .c-quick-sidebar-toggler > .c-line, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > .c-quick-sidebar-toggler > .c-line {
background: #ffffff !important;
}
.c-layout-header.c-layout-header-default.c-bordered {
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
} @media (max-width: 1300px) {
/* 991px */
.c-layout-header.c-layout-header-default-mobile {
background: #394048;
border-bottom: 0;
}
.c-layout-header.c-layout-header-default-mobile .c-topbar {
border-bottom: 1px solid #edf4f6;
background: #ffffff;
}
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-icons > li > a:not(.btn),
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-icons > li > span,
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-links > li > a:not(.btn),
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-links > li > span,
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li > a:not(.btn),
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li > span {
color: #8797ae;
}
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-icons > li > a:not(.btn) > i,
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-icons > li > span > i,
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-links > li > a:not(.btn) > i,
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-links > li > span > i,
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li > a:not(.btn) > i,
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li > span > i {
background: none;
color: #8797ae;
}
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):active, .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):hover, .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):focus,
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-links > li > a:not(.btn):active,
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-links > li > a:not(.btn):hover,
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-links > li > a:not(.btn):focus,
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):active,
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):hover,
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):focus {
color: #3f4c5d;
}
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):active > i, .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):hover > i, .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):focus > i,
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-links > li > a:not(.btn):active > i,
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-links > li > a:not(.btn):hover > i,
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-links > li > a:not(.btn):focus > i,
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):active > i,
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):hover > i,
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):focus > i {
background: none;
color: #3f4c5d;
}
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li.c-lang > a {
background: #e6eff2;
color: #5e718b;
}
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li.c-lang > a:active, .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li.c-lang > a:hover, .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li.c-lang > a:focus {
color: #5e718b;
background: #e6eff2;
}
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu {
background: #f7f7f7;
}
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li.active > a {
background: #eaeaea;
}
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li > a {
color: #7d8691;
}
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li > a:hover {
background: #eaeaea;
}
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control {
background: rgba(255, 255, 255, 0.1);
color: #ffffff;
}
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control::-moz-placeholder {
color: #ffffff;
}
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control:-moz-placeholder {
color: #ffffff;
}
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control:-ms-input-placeholder {
color: #ffffff;
}
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control::-webkit-input-placeholder {
color: #ffffff;
}
.c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li.c-search > form > i {
color: #ffffff;
}
.c-layout-header.c-layout-header-default-mobile .c-brand > .c-hor-nav-toggler {
margin-top: -1px;
display: inline-block;
border: 1px solid rgba(230, 230, 230, 0.4);
padding: 3px 7px 4px 7px;
}
.c-layout-header.c-layout-header-default-mobile .c-brand > .c-hor-nav-toggler > .c-line {
background: #e6e6e6;
}
.c-layout-header.c-layout-header-default-mobile .c-brand > .c-hor-nav-toggler:hover {
border-color: white;
}
.c-layout-header.c-layout-header-default-mobile .c-brand > .c-hor-nav-toggler:hover > .c-line {
background: white;
}
.c-layout-header.c-layout-header-default-mobile .c-brand > .c-search-toggler {
display: inline-block;
}
.c-layout-header.c-layout-header-default-mobile .c-brand > .c-search-toggler > i {
color: #e6e6e6;
}
.c-layout-header.c-layout-header-default-mobile .c-brand > .c-search-toggler:hover > i {
color: white;
}
.c-layout-header.c-layout-header-default-mobile .c-quick-search > .form-control {
color: #fff;
}
.c-layout-header.c-layout-header-default-mobile .c-quick-search > .form-control::-moz-placeholder {
color: white;
}
.c-layout-header.c-layout-header-default-mobile .c-quick-search > .form-control:-moz-placeholder {
color: white;
}
.c-layout-header.c-layout-header-default-mobile .c-quick-search > .form-control:-ms-input-placeholder {
color: white;
}
.c-layout-header.c-layout-header-default-mobile .c-quick-search > .form-control::-webkit-input-placeholder {
color: white;
}
.c-layout-header.c-layout-header-default-mobile .c-quick-search > span {
color: white;
}
} @media (min-width: 1300px) {
/* 1300px */
.c-layout-header.c-layout-header-2 {
background: rgba(30, 36, 42, 0.25);
border-bottom: 0;
}
.c-layout-header.c-layout-header-2 .c-topbar {
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
background: none;
}
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn),
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-icons > li > span,
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-links > li > a:not(.btn),
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-links > li > span,
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn),
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li > span {
color: #fff;
font-weight: 500;
}
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn) > i,
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-icons > li > span > i,
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-links > li > a:not(.btn) > i,
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-links > li > span > i,
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn) > i,
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li > span > i {
background: rgba(9, 10, 12, 0.25);
color: #d9d9d9;
}
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):active, .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):hover, .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):focus,
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):active,
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):hover,
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):focus,
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):active,
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):hover,
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):focus {
color: #e6e6e6;
}
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):active > i, .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):hover > i, .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):focus > i,
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):active > i,
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):hover > i,
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):focus > i,
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):active > i,
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):hover > i,
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):focus > i {
background: rgba(28, 33, 39, 0.25);
color: #ffffff;
}
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-icons > li.c-divider,
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-links > li.c-divider,
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li.c-divider {
color: #fff;
}
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li.c-lang > a {
background: rgba(41, 49, 57, 0.25);
color: #f2f2f2;
}
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li.c-lang > a:active, .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li.c-lang > a:hover, .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li.c-lang > a:focus {
color: #ffffff;
background: rgba(51, 61, 72, 0.25);
}
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu {
background: #f6f8fa;
}
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li.active > a {
background: #e9eef3;
}
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li > a {
color: #839fba;
}
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li > a:hover {
background: #e9eef3;
}
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li.c-lang:hover > .dropdown-menu {
display: block;
}
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control {
background: rgba(41, 49, 57, 0.25);
color: #e6e6e6;
}
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control::-moz-placeholder {
color: #d9d9d9;
}
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control:-moz-placeholder {
color: #d9d9d9;
}
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control:-ms-input-placeholder {
color: #d9d9d9;
}
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control::-webkit-input-placeholder {
color: #d9d9d9;
}
.c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li.c-search > form > i {
color: #e6e6e6;
}
.c-layout-header.c-layout-header-2 .c-navbar {
background: none;
}
.c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon,
.c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
color: #ffffff;
}
.c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:hover, .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:focus,
.c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:hover,
.c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:focus {
color: #ffffff;
}
.c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line {
background-color: white;
}
.c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn), .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a:not(.btn), .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn) {
color: #ffffff;
}
.c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > button > .c-line, .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > button > .c-line, .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > button > .c-line {
background: #ffffff;
}
.c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active {
color: #ffffff;
}
.c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a:not(.btn) {
color: #ffffff;
}
.c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > button > .c-line {
background: #ffffff;
}
.c-layout-header.c-layout-header-2 .c-quick-search > .form-control {
color: #ffffff;
}
.c-layout-header.c-layout-header-2 .c-quick-search > .form-control::-moz-placeholder {
color: white;
}
.c-layout-header.c-layout-header-2 .c-quick-search > .form-control:-moz-placeholder {
color: white;
}
.c-layout-header.c-layout-header-2 .c-quick-search > .form-control:-ms-input-placeholder {
color: white;
}
.c-layout-header.c-layout-header-2 .c-quick-search > .form-control::-webkit-input-placeholder {
color: white;
}
.c-layout-header.c-layout-header-2 .c-quick-search > span {
color: white;
}
.c-page-on-scroll .c-layout-header.c-layout-header-2 {
background: rgba(30, 36, 42, 0.82);
border-bottom: 0;
box-shadow: none;
}
.c-page-on-scroll .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon,
.c-page-on-scroll .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
color: #ffffff;
}
.c-page-on-scroll .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:hover, .c-page-on-scroll .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:focus,
.c-page-on-scroll .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:hover,
.c-page-on-scroll .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:focus {
color: #ffffff;
}
.c-page-on-scroll .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line {
background-color: white;
}
} @media (min-width: 1300px) {
/* 1300px */
.c-layout-header.c-layout-header-3 {
background: #2f353b;
border-bottom: 0;
}
.c-layout-header.c-layout-header-3 .c-topbar {
border-bottom: 1px solid #edf4f6;
background: #ffffff;
}
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn),
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-icons > li > span,
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-links > li > a:not(.btn),
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-links > li > span,
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn),
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li > span {
color: #8797ae;
font-weight: 500;
}
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn) > i,
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-icons > li > span > i,
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-links > li > a:not(.btn) > i,
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-links > li > span > i,
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn) > i,
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li > span > i {
background: none;
color: #96a5b8;
}
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):active, .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):hover, .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):focus,
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):active,
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):hover,
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):focus,
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):active,
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):hover,
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):focus {
color: #3f4c5d;
}
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):active > i, .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):hover > i, .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):focus > i,
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):active > i,
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):hover > i,
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):focus > i,
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):active > i,
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):hover > i,
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):focus > i {
background: none;
color: #3f4c5d;
}
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-icons > li.c-divider,
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-links > li.c-divider,
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li.c-divider {
color: #8797ae;
}
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li.c-lang > a {
background: #e6eff2;
color: #5e718b;
}
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li.c-lang > a:active, .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li.c-lang > a:hover, .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li.c-lang > a:focus {
color: #5e718b;
background: #e6eff2;
}
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu {
background: #f7f7f7;
}
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li.active > a {
background: #eaeaea;
}
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li > a {
color: #7d8691;
}
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li > a:hover {
background: #eaeaea;
}
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li.c-lang:hover > .dropdown-menu {
display: block;
}
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control {
background: #3a4249;
color: #e6e6e6;
}
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control::-moz-placeholder {
color: #d9d9d9;
}
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control:-moz-placeholder {
color: #d9d9d9;
}
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control:-ms-input-placeholder {
color: #d9d9d9;
}
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control::-webkit-input-placeholder {
color: #d9d9d9;
}
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li.c-search > form > i {
color: #e6e6e6;
}
.c-layout-header.c-layout-header-3 .c-navbar {
background: none;
}
.c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon,
.c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
color: #ffffff;
}
.c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:hover, .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:focus,
.c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:hover,
.c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:focus {
color: #ffffff;
}
.c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line {
background-color: white;
}
.c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn), .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a:not(.btn), .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn) {
color: #ffffff;
}
.c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > button > .c-line, .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > button > .c-line, .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > button > .c-line {
background: #ffffff;
}
.c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active {
color: #ffffff;
}
.c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a:not(.btn) {
color: #ffffff;
}
.c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > button > .c-line {
background: #ffffff;
}
.c-layout-header.c-layout-header-3 .c-quick-search > .form-control {
color: #ffffff;
}
.c-layout-header.c-layout-header-3 .c-quick-search > .form-control::-moz-placeholder {
color: white;
}
.c-layout-header.c-layout-header-3 .c-quick-search > .form-control:-moz-placeholder {
color: white;
}
.c-layout-header.c-layout-header-3 .c-quick-search > .form-control:-ms-input-placeholder {
color: white;
}
.c-layout-header.c-layout-header-3 .c-quick-search > .form-control::-webkit-input-placeholder {
color: white;
}
.c-layout-header.c-layout-header-3 .c-quick-search > span {
color: white;
}
.c-page-on-scroll .c-layout-header.c-layout-header-3 {
background: #2f353b;
border-bottom: 0;
box-shadow: none;
}
.c-page-on-scroll .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon,
.c-page-on-scroll .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
color: #ffffff;
}
.c-page-on-scroll .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:hover, .c-page-on-scroll .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:focus,
.c-page-on-scroll .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:hover,
.c-page-on-scroll .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:focus {
color: #ffffff;
}
.c-page-on-scroll .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line {
background-color: white;
}
} @media (min-width: 1300px) {
/* 1300px */
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-icons > li {
padding: 11px 5px 11px 5px;
}
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-icons > li > a > i {
font-size: 16px;
padding: 1px 1px;
}
.c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-links > li > a {
font-weight: 500;
}
.c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler), .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler), .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler), .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler) {
position: relative;
color: #ffffff !important;
}
.c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before, .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before, .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before, .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before {
transition: 0.2s;
position: absolute;
top: 32px;
content: ;
width: 15px;
height: 2px;
display: block;
background: #ffffff;
}
.c-page-on-scroll .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before, .c-page-on-scroll .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before, .c-page-on-scroll .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before, .c-page-on-scroll .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before {
top: 14px;
transition: 0.2s;
}
.c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler) > i, .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler) > i, .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler) > i, .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler) > i {
color: #ffffff !important;
}
.c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a.c-btn-icon, .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a.c-btn-icon, .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a.c-btn-icon, .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a.c-btn-icon {
color: #ffffff !important;
}
.c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > .c-search-toggler > i, .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > .c-search-toggler > i, .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > .c-search-toggler > i, .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > .c-search-toggler > i {
color: #ffffff !important;
}
.c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > .c-quick-sidebar-toggler > .c-line, .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > .c-quick-sidebar-toggler > .c-line, .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > .c-quick-sidebar-toggler > .c-line, .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > .c-quick-sidebar-toggler > .c-line {
background: #ffffff !important;
}
} @media (min-width: 1300px) {
/* 1300px */
.c-layout-header.c-layout-header-4 {
background: none;
border-bottom: 0;
}
.c-layout-header.c-layout-header-4 .c-topbar {
border-bottom: 1px solid #edf4f6;
background: none;
}
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn),
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-icons > li > span,
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-links > li > a:not(.btn),
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-links > li > span,
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn),
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li > span {
color: #8797ae;
font-weight: 500;
}
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn) > i,
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-icons > li > span > i,
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-links > li > a:not(.btn) > i,
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-links > li > span > i,
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn) > i,
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li > span > i {
background: none;
color: #96a5b8;
}
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):active, .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):hover, .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):focus,
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):active,
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):hover,
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):focus,
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):active,
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):hover,
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):focus {
color: #3f4c5d;
}
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):active > i, .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):hover > i, .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):focus > i,
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):active > i,
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):hover > i,
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):focus > i,
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):active > i,
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):hover > i,
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):focus > i {
background: none;
color: #3f4c5d;
}
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-icons > li.c-divider,
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-links > li.c-divider,
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-divider {
color: #8797ae;
}
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-lang > a {
background: #f7fafb;
color: #ffffff;
}
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-lang > a:active, .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-lang > a:hover, .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-lang > a:focus {
color: #ffffff;
background: #b5bfcd;
}
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu {
background: #f7f7f7;
}
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li.active > a {
background: #eaeaea;
}
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li > a {
color: #7d8691;
}
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li > a:hover {
background: #eaeaea;
}
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-lang:hover > .dropdown-menu {
display: block;
}
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control {
background: rgba(196, 204, 215, 0.5);
color: #c4ccd7;
}
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control::-moz-placeholder {
color: #c4ccd7;
}
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control:-moz-placeholder {
color: #c4ccd7;
}
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control:-ms-input-placeholder {
color: #c4ccd7;
}
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control::-webkit-input-placeholder {
color: #c4ccd7;
}
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-search > form > i {
color: #c4ccd7;
}
.c-layout-header.c-layout-header-4 .c-navbar {
background: none;
}
.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon,
.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
color: #69727c;
}
.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:hover, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:focus,
.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:hover,
.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:focus {
color: #69727c;
}
.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line {
background-color: #757f8a;
}
.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn), .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a:not(.btn), .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn) {
color: #69727c;
}
.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > button > .c-line, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > button > .c-line, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > button > .c-line {
background: #69727c;
}
.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active {
color: #69727c;
}
.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a:not(.btn) {
color: #69727c;
}
.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > button > .c-line {
background: #69727c;
}
.c-layout-header.c-layout-header-4 .c-quick-search > .form-control {
color: #69727c;
}
.c-layout-header.c-layout-header-4 .c-quick-search > .form-control::-moz-placeholder {
color: #828b96;
}
.c-layout-header.c-layout-header-4 .c-quick-search > .form-control:-moz-placeholder {
color: #828b96;
}
.c-layout-header.c-layout-header-4 .c-quick-search > .form-control:-ms-input-placeholder {
color: #828b96;
}
.c-layout-header.c-layout-header-4 .c-quick-search > .form-control::-webkit-input-placeholder {
color: #828b96;
}
.c-layout-header.c-layout-header-4 .c-quick-search > span {
color: #828b96;
}
.c-page-on-scroll .c-layout-header.c-layout-header-4 {
background: #ffffff;
border-bottom: 1px solid #e6eff2;
box-shadow: none;
}
.c-page-on-scroll .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon,
.c-page-on-scroll .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
color: #69727c;
}
.c-page-on-scroll .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:hover, .c-page-on-scroll .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:focus,
.c-page-on-scroll .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:hover,
.c-page-on-scroll .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:focus {
color: #69727c;
}
.c-page-on-scroll .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line {
background-color: #757f8a;
}
} @media (min-width: 1300px) {
/* 1300px */
.c-layout-header.c-layout-header-4 .c-topbar {
margin-top: -1px;
}
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-icons > li {
padding: 11px 3px 11px 3px;
}
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-icons > li > a > i {
font-size: 16px;
padding: 1px 1px;
}
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-links > li > a {
font-weight: 500;
}
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-lang > a {
padding: 7px 7px 9px 7px;
color: #697d99;
background: #f7f7f7;
}
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-lang:hover > a {
background: #f7f7f7;
color: #697d99 !important;
}
.c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li > a {
font-weight: 500;
}
.c-layout-header.c-layout-header-4.c-bordered {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
} @media (min-width: 1300px) {
/* 1300px */
.c-layout-header.c-layout-header-5 {
background: #2f353b;
border-bottom: 0;
}
.c-layout-header.c-layout-header-5 .c-topbar {
border-bottom: 1px solid #edf4f6;
background: #ffffff;
}
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn),
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-icons > li > span,
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-links > li > a:not(.btn),
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-links > li > span,
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn),
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li > span {
color: #8797ae;
font-weight: 500;
}
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn) > i,
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-icons > li > span > i,
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-links > li > a:not(.btn) > i,
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-links > li > span > i,
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn) > i,
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li > span > i {
background: none;
color: #96a5b8;
}
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):active, .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):hover, .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):focus,
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):active,
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):hover,
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):focus,
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):active,
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):hover,
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):focus {
color: #3f4c5d;
}
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):active > i, .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):hover > i, .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):focus > i,
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):active > i,
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):hover > i,
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):focus > i,
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):active > i,
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):hover > i,
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):focus > i {
background: none;
color: #3f4c5d;
}
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-icons > li.c-divider,
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-links > li.c-divider,
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li.c-divider {
color: #8797ae;
}
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li.c-lang > a {
background: #e6eff2;
color: #5e718b;
}
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li.c-lang > a:active, .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li.c-lang > a:hover, .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li.c-lang > a:focus {
color: #5e718b;
background: #e6eff2;
}
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu {
background: #f7f7f7;
}
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li.active > a {
background: #eaeaea;
}
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li > a {
color: #7d8691;
}
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li > a:hover {
background: #eaeaea;
}
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li.c-lang:hover > .dropdown-menu {
display: block;
}
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control {
background: #3a4249;
color: #e6e6e6;
}
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control::-moz-placeholder {
color: #d9d9d9;
}
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control:-moz-placeholder {
color: #d9d9d9;
}
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control:-ms-input-placeholder {
color: #d9d9d9;
}
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control::-webkit-input-placeholder {
color: #d9d9d9;
}
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li.c-search > form > i {
color: #e6e6e6;
}
.c-layout-header.c-layout-header-5 .c-navbar {
background: none;
}
.c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon,
.c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
color: #ffffff;
}
.c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:hover, .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:focus,
.c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:hover,
.c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:focus {
color: #ffffff;
}
.c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line {
background-color: white;
}
.c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn), .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a:not(.btn), .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn) {
color: #ffffff;
}
.c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > button > .c-line, .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > button > .c-line, .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > button > .c-line {
background: #ffffff;
}
.c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active {
color: #ffffff;
}
.c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a:not(.btn) {
color: #ffffff;
}
.c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > button > .c-line {
background: #ffffff;
}
.c-layout-header.c-layout-header-5 .c-quick-search > .form-control {
color: #69727c;
}
.c-layout-header.c-layout-header-5 .c-quick-search > .form-control::-moz-placeholder {
color: #828b96;
}
.c-layout-header.c-layout-header-5 .c-quick-search > .form-control:-moz-placeholder {
color: #828b96;
}
.c-layout-header.c-layout-header-5 .c-quick-search > .form-control:-ms-input-placeholder {
color: #828b96;
}
.c-layout-header.c-layout-header-5 .c-quick-search > .form-control::-webkit-input-placeholder {
color: #828b96;
}
.c-layout-header.c-layout-header-5 .c-quick-search > span {
color: #828b96;
}
.c-page-on-scroll .c-layout-header.c-layout-header-5 {
background: #2f353b;
border-bottom: 0;
box-shadow: none;
}
.c-page-on-scroll .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon,
.c-page-on-scroll .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
color: #ffffff;
}
.c-page-on-scroll .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:hover, .c-page-on-scroll .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:focus,
.c-page-on-scroll .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:hover,
.c-page-on-scroll .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:focus {
color: #ffffff;
}
.c-page-on-scroll .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line {
background-color: white;
}
} @media (min-width: 1300px) {
/* 1300px */
.c-layout-header.c-layout-header-5 {
background: none !important;
margin: 20px 0;
}
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-icons > li {
padding: 11px 5px 11px 5px;
}
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-icons > li > a > i {
font-size: 16px;
padding: 1px 1px;
}
.c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-links > li > a {
font-weight: 500;
}
.c-layout-header.c-layout-header-5 .c-navbar .container-fluid {
padding: 0 20px;
}
.c-layout-header.c-layout-header-5 .c-navbar .c-brand {
margin: 0;
}
.c-layout-header.c-layout-header-5 .c-navbar .c-navbar-wrapper {
background: #2f353b;
}
.c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li {
border-right: 1px solid #363d44;
}
.c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
padding: 19px 25px 16px 25px;
min-height: 55px;
}
.c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler {
padding: 22px 25px 14px 25px;
}
.ie9 .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler {
margin-bottom: -6px;
}
.c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line {
width: 15px;
display: block;
height: 2px;
padding: 0px;
margin: 3px 0;
}
.c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line:first-child {
margin-top: 0px;
}
.ie .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line:first-child {
margin-top: 2px;
}
.c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn {
margin: 12px 25px 7px 25px;
}
.c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon {
margin: 1px 10px 0px 10px;
}
.c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li:last-child {
border-right: 0;
}
.c-layout-header.c-layout-header-5 .c-quick-search > .form-control {
padding: 10px 20px;
height: 55px;
}
.c-layout-header.c-layout-header-5 .c-quick-search > span {
top: 28px;
right: 22px;
}
} @media (max-width: 1300px) {
/* 991px */
.c-layout-header.c-layout-header-5 .c-navbar .c-brand {
margin: 0 0 0 -15px;
}
.c-layout-header.c-layout-header-5 .c-navbar .c-brand > .c-hor-nav-toggler {
margin-top: 14px;
}
.c-layout-header.c-layout-header-5 .c-navbar .c-brand > .c-search-toggler {
margin-top: 14px;
margin-right: 15px;
}
.c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu {
padding: 30px 0 0 0;
}
.c-layout-header.c-layout-header-5 .c-quick-search > .form-control {
padding: 10px 0px;
height: 55px;
}
.c-layout-header.c-layout-header-5 .c-quick-search > span {
top: 3px;
right: 12px;
}
} @media (min-width: 1300px) {
/* 1300px */
.c-layout-header.c-layout-header-6 {
background: #2f353b;
border-bottom: 0;
}
.c-layout-header.c-layout-header-6 .c-topbar {
border-bottom: 1px solid #edf4f6;
background: #ffffff;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn),
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-icons > li > span,
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-links > li > a:not(.btn),
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-links > li > span,
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn),
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li > span {
color: #aeb8c2;
font-weight: 500;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn) > i,
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-icons > li > span > i,
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-links > li > a:not(.btn) > i,
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-links > li > span > i,
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn) > i,
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li > span > i {
background: none;
color: #c1ced7;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):active, .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):hover, .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):focus,
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):active,
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):hover,
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):focus,
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):active,
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):hover,
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):focus {
color: #aeb8c2;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):active > i, .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):hover > i, .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):focus > i,
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):active > i,
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):hover > i,
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):focus > i,
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):active > i,
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):hover > i,
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):focus > i {
background: none;
color: #c1ced7;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-icons > li.c-divider,
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-links > li.c-divider,
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li.c-divider {
color: #aeb8c2;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li.c-lang > a {
background: #e6eff2;
color: #5e718b;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li.c-lang > a:active, .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li.c-lang > a:hover, .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li.c-lang > a:focus {
color: #5e718b;
background: #e6eff2;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu {
background: #f7f7f7;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li.active > a {
background: #eaeaea;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li > a {
color: #7d8691;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li > a:hover {
background: #eaeaea;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li.c-lang:hover > .dropdown-menu {
display: block;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control {
background: #3a4249;
color: #e6e6e6;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control::-moz-placeholder {
color: #d9d9d9;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control:-moz-placeholder {
color: #d9d9d9;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control:-ms-input-placeholder {
color: #d9d9d9;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control::-webkit-input-placeholder {
color: #d9d9d9;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li.c-search > form > i {
color: #e6e6e6;
}
.c-layout-header.c-layout-header-6 .c-navbar {
background: none;
}
.c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon,
.c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
color: #ffffff;
}
.c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:hover, .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:focus,
.c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:hover,
.c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:focus {
color: #ffffff;
}
.c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line {
background-color: white;
}
.c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn), .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a:not(.btn), .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn) {
color: #ffffff;
}
.c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > button > .c-line, .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > button > .c-line, .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > button > .c-line {
background: #ffffff;
}
.c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active {
color: #ffffff;
}
.c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a:not(.btn) {
color: #ffffff;
}
.c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > button > .c-line {
background: #ffffff;
}
.c-layout-header.c-layout-header-6 .c-quick-search > .form-control {
color: #69727c;
}
.c-layout-header.c-layout-header-6 .c-quick-search > .form-control::-moz-placeholder {
color: #828b96;
}
.c-layout-header.c-layout-header-6 .c-quick-search > .form-control:-moz-placeholder {
color: #828b96;
}
.c-layout-header.c-layout-header-6 .c-quick-search > .form-control:-ms-input-placeholder {
color: #828b96;
}
.c-layout-header.c-layout-header-6 .c-quick-search > .form-control::-webkit-input-placeholder {
color: #828b96;
}
.c-layout-header.c-layout-header-6 .c-quick-search > span {
color: #828b96;
}
.c-page-on-scroll .c-layout-header.c-layout-header-6 {
background: #2f353b;
border-bottom: 0;
box-shadow: none;
}
.c-page-on-scroll .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon,
.c-page-on-scroll .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
color: #ffffff;
}
.c-page-on-scroll .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:hover, .c-page-on-scroll .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:focus,
.c-page-on-scroll .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:hover,
.c-page-on-scroll .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:focus {
color: #ffffff;
}
.c-page-on-scroll .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line {
background-color: white;
}
} .c-layout-header.c-layout-header-6 .c-topbar {
padding: 24px 0;
} .c-layout-header.c-layout-header-6 .c-topbar .c-brand {
float: left; margin: 0px; padding: 9px 0 0 0;
} .c-layout-quick-search-shown .c-layout-header.c-layout-header-6 .c-topbar .c-brand {
display: block;
} .c-layout-header.c-layout-header-6 .c-topbar .c-brand > .c-logo {
display: inline-block; position: absolute;
} .c-layout-header.c-layout-header-6 .c-topbar .c-brand > .c-logo:after {
top: -2px; position: absolute; right: -22px; content: ""; width: 1px; background: #dfe4e8; height: 32px; display: inline-block;
} .c-layout-header.c-layout-header-6 .c-topbar .c-brand > .c-icons {
float: right; display: inline-block; padding: 0; margin: 0 0 0 40px; list-style: none;
} .c-layout-header.c-layout-header-6 .c-topbar .c-brand > .c-icons > li {
display: inline-block; padding: 3px 3px 5px 3px;
} .c-layout-header.c-layout-header-6 .c-topbar .c-brand > .c-icons > li > a {
font-size: 16px;
} .c-layout-header.c-layout-header-6 .c-topbar .c-brand > .c-icons > li > a > i {
color: #c1ced7; font-size: 16px; padding: 4px;
} .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu {
float: right;
} .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-links > li {
padding-left: 7px; padding-right: 7px;
} .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-links > li > a:not(.btn) {
color: #aeb8c2; font-weight: 500;
} .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-links > li > .btn {
margin-top: -4px;
} .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-links > li.c-divider {
width: 1px; display: inline-block;
} .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-links > li.c-divider:after {
top: -3px; position: absolute; right: 7px; content: ""; width: 1px; background: #dfe4e8; height: 32px; display: inline-block;
}
@media (min-width: 1300px) {
/* 1300px */
.c-layout-header.c-layout-header-6 .c-navbar {
line-height: 0px;
}
.c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu {
float: none;
display: block;
text-align: center;
line-height: 0px;
}
.c-layout-quick-search-shown .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu {
display: none;
}
.c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav {
line-height: 0px;
float: none;
display: inline-block;
}
.c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li {
margin: 0 !important;
padding: 0 !important;
}
.c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
padding: 25px 25px 22px 25px;
min-height: 67px;
}
.c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li:first-child > .c-link {
padding-left: 5px;
}
.c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler {
padding: 28px 25px 15px 25px;
}
.c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn {
margin: 18px 25px 7px 25px;
}
.c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon {
margin: 8px 10px 0px 10px;
}
.c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li .c-menu-type-mega {
margin-top: -6px;
}
.c-layout-header.c-layout-header-6 .c-quick-search > .form-control {
padding: 20px 20px 20px 5px;
height: 67px;
}
.c-layout-header.c-layout-header-6 .c-quick-search > span {
top: 35px;
right: 8px;
}
.c-layout-header.c-layout-header-6.c-navbar-fluid .c-navbar {
width: 100%;
float: none;
display: block;
}
.c-layout-header.c-layout-header-6.c-navbar-fluid .c-navbar .c-mega-menu {
float: none;
width: 100%;
display: block;
}
.c-layout-quick-search-shown .c-layout-header.c-layout-header-6.c-navbar-fluid .c-navbar .c-mega-menu {
display: none;
}
.c-layout-header.c-layout-header-6.c-navbar-fluid .c-navbar .c-mega-menu > .nav.navbar-nav {
width: 100%;
display: inline-block;
}
.c-layout-header.c-layout-header-6.c-navbar-fluid .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler {
padding-right: 10px;
}
.c-layout-header.c-layout-header-6.c-navbar-fluid .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-search-toggler {
padding-right: 5px;
}
.c-layout-header.c-layout-header-6.c-navbar-fluid .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-search-toggler-wrapper, .c-layout-header.c-layout-header-6.c-navbar-fluid .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-quick-sidebar-toggler-wrapper {
float: right;
}
.c-layout-header-fixed.c-layout-header-6-topbar .c-layout-page {
margin-top: 160px;
}
.c-page-on-scroll.c-layout-header-fixed .c-layout-header.c-layout-header-6 {
height: 67px;
}
} @media (max-width: 1300px) {
/* 991px */
.c-layout-header.c-layout-header-6 .c-topbar {
padding: 0;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu {
float: none;
display: block;
padding: 0;
margin: 10px 0;
text-align: right;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu:before, .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu:after {
content: " ";
display: table;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu:after {
clear: both;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu .c-links {
float: right;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu .c-links > li:last-child {
padding-right: 0;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-brand {
width: 100%;
display: block;
float: none;
margin: 10px 0 20px 0;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-brand:before, .c-layout-header.c-layout-header-6 .c-topbar .c-brand:after {
content: " ";
display: table;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-brand:after {
clear: both;
}
.c-layout-quick-search-shown .c-layout-header.c-layout-header-6 .c-topbar .c-brand {
display: none;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-brand > .c-logo {
float: left;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-brand > .c-icons {
float: left;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-brand > .c-hor-nav-toggler {
float: right;
border: 1px solid #aeb8c2;
padding: 3px 5px;
position: relative;
top: 2px;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-brand > .c-hor-nav-toggler > .c-line {
background: #aeb8c2;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-brand > .c-hor-nav-toggler:hover {
border-color: #748596;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-brand > .c-hor-nav-toggler:hover > .c-line {
background: #748596;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-brand > .c-search-toggler {
float: right;
position: relative;
top: 5px;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-brand > .c-search-toggler > i {
color: #aeb8c2;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-brand > .c-search-toggler:hover > i {
color: #748596;
}
.c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu {
margin-bottom: 0px;
}
.c-layout-quick-search-shown .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu {
display: none;
}
.c-layout-header.c-layout-header-6 .c-quick-search {
margin-top: 0;
}
.c-layout-header.c-layout-header-6 .c-quick-search > .form-control {
background: none;
color: #101113;
padding: 23px 10px 38px 10px;
height: 57px;
}
.c-layout-header.c-layout-header-6 .c-quick-search > .form-control::-moz-placeholder {
color: #040505;
}
.c-layout-header.c-layout-header-6 .c-quick-search > .form-control:-moz-placeholder {
color: #040505;
}
.c-layout-header.c-layout-header-6 .c-quick-search > .form-control:-ms-input-placeholder {
color: #040505;
}
.c-layout-header.c-layout-header-6 .c-quick-search > .form-control::-webkit-input-placeholder {
color: #040505;
}
.c-layout-header.c-layout-header-6 .c-quick-search > span {
top: 0px;
color: #101113;
}
} @media (max-width: 480px) {
/* 991px */
.c-layout-header.c-layout-header-6 .c-topbar .c-brand > .c-hor-nav-toggler {
top: -2px;
}
.c-layout-header.c-layout-header-6 .c-topbar .c-brand > .c-search-toggler {
top: 2px;
}
} @media (min-width: 1300px) {
/* 1300px */
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li > .dropdown-menu {
background: #2c3137;
box-shadow: none;
border: 0;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li .dropdown-menu {
border-radius: 0;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li .dropdown-menu > li > h3 {
color: #cbd2d9;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li .dropdown-menu > li > a {
color: #7d8691;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li .dropdown-menu > li > a:hover, .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li .dropdown-menu > li > a:focus {
background: none;
color: #7d8691;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li .dropdown-menu > li.c-active > a, .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li .dropdown-menu > li:hover > a {
background: #292e33;
color: #ff6b57;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-classic .dropdown-menu {
background: #2c3137;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega > .row > div {
border-right: 1px solid #32373d;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .nav.nav-tabs {
border-bottom: 1px solid #434b53;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .nav.nav-tabs > li > a {
color: #cbd2d9;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .nav.nav-tabs > li:hover > a {
color: #ffffff;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .nav.nav-tabs > li.active {
border-bottom: 1px solid #ffffff;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .nav.nav-tabs > li.active > a {
color: #ffffff;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega > li .dropdown-menu.c-menu-type-inline {
border-right: 1px solid #32373d;
}
} @media (min-width: 1300px) {
/* 1300px */
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li > .dropdown-menu {
background: #f7f8f9;
box-shadow: 0px 3px 9px -5px rgba(0, 0, 0, 0.25);
border: 0;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li .dropdown-menu {
border-radius: 0;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li .dropdown-menu > li > h3 {
color: #000000;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li .dropdown-menu > li > a {
color: #383e45;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li .dropdown-menu > li > a:hover, .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li .dropdown-menu > li > a:focus {
background: none;
color: #383e45;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li .dropdown-menu > li.c-active > a, .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li .dropdown-menu > li:hover > a {
background: #f2f2f2;
color: #000000;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-classic .dropdown-menu {
background: #f7f8f9;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega > .row > div {
border-right: 1px solid #f2f2f2;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .nav.nav-tabs {
border-bottom: 1px solid #f2f2f2;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .nav.nav-tabs > li > a {
color: #434b53;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .nav.nav-tabs > li:hover > a {
color: #000000;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .nav.nav-tabs > li.active {
border-bottom: 1px solid #000000;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .nav.nav-tabs > li.active > a {
color: #000000;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega > li .dropdown-menu.c-menu-type-inline {
border-right: 1px solid #f2f2f2;
}
} @media (max-width: 1300px) {
/* 991px */
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile {
background: #394048;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li > .c-link {
border-bottom: 1px solid #404851;
color: #ebedf2;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li > .c-link:focus, .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li > .c-link:hover {
background: none;
color: #ebedf2;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li > .c-quick-sidebar-toggler {
background: none;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line {
background-color: white;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li > .c-quick-sidebar-toggler:hover > .c-line {
background-color: #ff6b57;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li.c-active > .c-link, .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li:hover > .c-link {
color: #ff6b57;
background: none;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li .dropdown-menu > li > h3 {
color: #cbd2d9;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li .dropdown-menu > li > a {
border-bottom: 1px solid #404851;
color: #98a2ac;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li .dropdown-menu > li > a:focus, .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li .dropdown-menu > li > a:hover {
color: #98a2ac;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li .dropdown-menu > li.c-active > a, .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li .dropdown-menu > li:hover > a {
background: none;
color: #ff6b57;
}
} .c-layout-revo-slider:before, .c-layout-revo-slider:after {
content: " "; display: table;
} .c-layout-revo-slider:after {
clear: both;
}
.c-layout-revo-slider-1 h3 {
letter-spacing: 1px; line-height: 76px;
} .c-layout-revo-slider-1 .c-action-btn.c-btn-border-2x {
padding: 9px 24px 7px 24px; font-size: 16px;
}
.c-layout-revo-slider-2 h3 {
letter-spacing: 1px; line-height: 56px;
} .c-layout-revo-slider-2 .c-action-btn.c-btn-border-2x {
padding: 9px 24px 7px 24px; font-size: 16px;
}
.c-layout-revo-slider-3 h3 {
letter-spacing: 1px; line-height: 56px;
} .c-layout-revo-slider-3 .c-action-btn.c-btn-border-2x {
padding: 9px 24px 7px 24px; font-size: 16px;
} .c-layout-revo-slider-3 .c-block-text {
display: inline-block; padding: 40px;
} .c-layout-revo-slider-3 .c-block-bordered {
border: 1px solid rgba(0, 0, 0, 0.05); padding: 30px 50px; letter-spacing: 1px; line-height: 68px;
}
.c-layout-revo-slider-4 h3 {
letter-spacing: 1px; line-height: 56px;
} .c-layout-revo-slider-4 .c-action-btn.c-btn-border-2x {
padding: 9px 24px 7px 24px; font-size: 16px;
} .c-layout-revo-slider-4 .c-block-text {
display: inline-block; padding: 40px;
} .c-layout-revo-slider-4 .c-block-bordered {
background: rgba(0, 0, 0, 0.05); padding: 380px 260px 380px 260px; letter-spacing: 1px; line-height: 68px; border-radius: 600px;
} .c-layout-revo-slider-4 .c-block-bordered-square {
background: rgba(0, 0, 0, 0.11); padding: 300px 300px; letter-spacing: 1px; line-height: 68px;
}
.c-layout-revo-slider-5 h3 {
letter-spacing: 1px; line-height: 56px;
} .c-layout-revo-slider-5 .c-action-btn.c-btn-border-2x, .c-layout-revo-slider-5 .c-action-btn.btn {
padding: 9px 24px 7px 24px; font-size: 16px;
} .c-layout-revo-slider-5 .c-block-text {
display: inline-block; padding: 30px;
} .c-layout-revo-slider-5 .c-block-bordered {
padding: 40px 50px; border: 1px solid rgba(0, 0, 0, 0.1); letter-spacing: 1px; line-height: 66px;
} .c-layout-revo-slider-5 .c-block-box {
background: #eb5d68; padding: 50px 50px; letter-spacing: 1px; line-height: 38px; text-align: center;
}
.c-layout-revo-slider-7 .c-singup-form {
display: none; text-align: center; width: 100%; position: absolute; z-index: 100; top: 50%; margin-top: -100px;
} .c-layout-revo-slider-7 .c-singup-form .c-subtitle {
display: inline-block; padding: 12px 0 8px 0; border-top: 1px solid rgba(255, 255, 255, 0.3); border-bottom: 1px solid rgba(255, 255, 255, 0.3);
} .c-layout-revo-slider-7 .c-singup-form .form-inline {
margin-top: 20px;
} .c-layout-revo-slider-7 .c-singup-form .form-inline .form-group {
margin-right: 5px;
} .c-layout-revo-slider-7 .c-singup-form .form-inline .form-group .form-control {
border-color: #fff; color: #fff;
} .c-layout-revo-slider-7 .c-singup-form .form-inline .form-group .form-control::-moz-placeholder {
color: #f2f2f2;
} .c-layout-revo-slider-7 .c-singup-form .form-inline .form-group .form-control:-moz-placeholder {
color: #f2f2f2;
} .c-layout-revo-slider-7 .c-singup-form .form-inline .form-group .form-control:-ms-input-placeholder {
color: #f2f2f2;
} .c-layout-revo-slider-7 .c-singup-form .form-inline .form-group .form-control::-webkit-input-placeholder {
color: #f2f2f2;
}
@media (max-width: 1300px) {
/* 991px */
.c-layout-revo-slider-7 .c-singup-form {
position1: relative;
top: auto;
margin-top: 200px;
}
.c-layout-revo-slider-7 .c-singup-form h3 {
font-size: 26px;
}
.c-layout-revo-slider-7 .c-singup-form h5 {
font-size: 16px;
}
} @media (max-width: 767px) {
/* 768px */
.c-layout-revo-slider-7 .c-singup-form {
margin-top: 50px;
}
.c-layout-revo-slider-7 .c-singup-form .form-inline .form-group {
margin: 10px 20px;
}
} .c-layout-revo-slider-8 .c-block {
padding: 40px 50px 40px 50px; border: 1px solid rgba(255, 255, 255, 0.2); letter-spacing: 1px; line-height: 76px;
} .c-layout-revo-slider-8 .c-action-bar {
position: relative; bottom: 0; left: 0; right: 0; padding: 25px; background: rgba(0, 0, 0, 0.2);
} .c-layout-revo-slider-8 .c-action-bar .c-content {
display: inline-block; float: left; margin-right: 150px;
} .c-layout-revo-slider-8 .c-action-bar .c-content > p {
color: #c6c6c6;
} .c-layout-revo-slider-8 .c-action-bar .c-btn-container {
padding-top: 15px; display: inline-block; float: right;
}
@media (max-width: 1300px) {
/* 991px */
.c-layout-revo-slider-81 .c-action-bar {
padding: 15px;
}
.c-layout-revo-slider-81 .c-action-bar .c-content {
display: block;
float: none;
margin: 0 0 10px 0;
text-align: center;
}
.c-layout-revo-slider-81 .c-action-bar .c-content > h3 {
font-size: 18px;
}
.c-layout-revo-slider-81 .c-action-bar .c-content > p {
font-size: 14px;
}
.c-layout-revo-slider-81 .c-action-bar .c-btn-container {
padding-top: 10px;
display: block;
float: none;
text-align: center;
}
} @media (max-width: 767px) {
/* 768px */
.c-layout-revo-slider-81 .c-action-bar {
padding: 10px;
}
.c-layout-revo-slider-81 .c-action-bar .c-content {
margin: 0 0 10px 0;
}
.c-layout-revo-slider-81 .c-action-bar .c-content > h3 {
font-size: 15px;
}
.c-layout-revo-slider-81 .c-action-bar .c-content > p {
font-size: 13px;
}
.c-layout-revo-slider-81 .c-action-bar .c-btn-container {
padding-top: 10px;
}
} .c-layout-quick-sidebar {
ddisplay: block; width: 275px; background: #2f353b; z-index: 9996; position: fixed; top: 0; bottom: 0; right: -275px; transition: right 0.2s; overflow-x: auto;
} .c-layout-quick-sidebar-shown .c-layout-quick-sidebar {
right: 0; transition: right 0.2s;
} .c-layout-quick-sidebar > .c-header {
padding: 15px; text-align: right;
} .c-layout-quick-sidebar > .c-header > .c-close > i {
color: #acb4bd;
} .c-layout-quick-sidebar > .c-header > .c-close:hover > i {
color: #bac1c8;
} .c-layout-quick-sidebar > .c-content > .c-section {
margin: 30px;
} .c-layout-quick-sidebar > .c-content > .c-section:first-child {
margin-top: 10px;
} .c-layout-quick-sidebar > .c-content > .c-section > h3 {
font-size: 13px; color: #acb4bd; margin: 5px 0; font-weight: 600; text-transform: uppercase;
} .c-layout-quick-sidebar > .c-content > .c-section > .c-settings {
margin: 10px 0;
} .c-layout-quick-sidebar > .c-content > .c-section > .c-settings:before, .c-layout-quick-sidebar > .c-content > .c-section > .c-settings:after {
content: " "; display: table;
} .c-layout-quick-sidebar > .c-content > .c-section > .c-settings:after {
clear: both;
} .c-layout-quick-sidebar > .c-content > .c-section > .c-settings > .btn {
padding-left: 9px; padding-right: 9px; min-width: 91px; text-align: center;
} .c-layout-quick-sidebar > .c-content > .c-section > .c-settings > .btn:first-child {
margin-right: 8px;
} .c-layout-quick-sidebar > .c-content > .c-section > .c-settings > .c-color {
display: inline-block; height: 29px; width: 29px; margin: 0 0px 0px 0; border: 3px solid #2f353b; border-radius: 20px !important;
} .c-layout-quick-sidebar > .c-content > .c-section > .c-settings > .c-color.c-active {
border: 3px solid #515b66;
} .c-layout-quick-sidebar > .c-content > .c-section > .c-settings > .c-color:hover {
cursor: pointer;
} .c-layout-quick-sidebar > .c-content > .c-section > .c-settings > .c-color.c-default {
background: #32c5d2;
} .c-layout-quick-sidebar > .c-content > .c-section > .c-settings > .c-color.c-green1 {
background: #52c9ba;
} .c-layout-quick-sidebar > .c-content > .c-section > .c-settings > .c-color.c-green2 {
background: #5dc09c;
} .c-layout-quick-sidebar > .c-content > .c-section > .c-settings > .c-color.c-green3 {
background: #84c68f;
} .c-layout-quick-sidebar > .c-content > .c-section > .c-settings > .c-color.c-yellow1 {
background: #c8d046;
} .c-layout-quick-sidebar > .c-content > .c-section > .c-settings > .c-color.c-yellow2 {
background: #c5bf66;
} .c-layout-quick-sidebar > .c-content > .c-section > .c-settings > .c-color.c-yellow3 {
background: #c5b96b;
} .c-layout-quick-sidebar > .c-content > .c-section > .c-settings > .c-color.c-red1 {
background: #cd6262;
} .c-layout-quick-sidebar > .c-content > .c-section > .c-settings > .c-color.c-red2 {
background: #e7505a;
} .c-layout-quick-sidebar > .c-content > .c-section > .c-settings > .c-color.c-red3 {
background: #d05163;
} .c-layout-quick-sidebar > .c-content > .c-section > .c-settings > .c-color.c-purple1 {
background: #b771b0;
} .c-layout-quick-sidebar > .c-content > .c-section > .c-settings > .c-color.c-purple2 {
background: #e7505a;
} .c-layout-quick-sidebar > .c-content > .c-section > .c-settings > .c-color.c-purple3 {
background: #d05163;
} .c-layout-quick-sidebar > .c-content > .c-section > .c-settings > .c-color.c-blue1 {
background: #6e8cd7;
} .c-layout-quick-sidebar > .c-content > .c-section > .c-settings > .c-color.c-blue2 {
background: #5893dd;
} .c-layout-quick-sidebar > .c-content > .c-section > .c-settings > .c-color.c-blue3 {
background: #57bfe1;
} .c-layout-quick-sidebar > .c-content > .c-section > .c-settings > .c-color.c-brown1 {
background: #8a7f68;
} .c-layout-quick-sidebar > .c-content > .c-section > .c-settings > .c-color.c-brown2 {
background: #685e47;
} .c-layout-quick-sidebar > .c-content > .c-section > .c-settings > .c-color.c-brown3 {
background: #7a6a61;
} .c-layout-quick-sidebar > .c-content > .c-section > .c-settings > .c-color.c-dark1 {
background: #525e64;
} .c-layout-quick-sidebar > .c-content > .c-section > .c-settings > .c-color.c-dark2 {
background: #31383c;
} .c-layout-quick-sidebar > .c-content > .c-section > .c-settings > .c-color.c-dark3 {
background: #41515b;
}
.c-layout-breadcrumbs-1 {
padding: 25px 0; background: #f7fafb;
} .c-layout-breadcrumbs-1:before, .c-layout-breadcrumbs-1:after {
content: " "; display: table;
} .c-layout-breadcrumbs-1:after {
clear: both;
} .c-layout-breadcrumbs-1 .c-page-title {
display: inline-block;
} .c-layout-breadcrumbs-1 .c-page-title.c-pull-left {
float: left;
} .c-layout-breadcrumbs-1 .c-page-title.c-pull-right {
float: right;
} .c-layout-breadcrumbs-1 .c-page-title h3 {
color: #000000; margin: 10px 0 6px 0; font-weight: 500; font-size: 18px; letter-spacing: 1px;
} .c-layout-breadcrumbs-1 .c-page-title h4 {
color: #7f8c97; margin: 5px 0 5px 0; font-weight: 500; font-size: 15px; letter-spacing: 1px;
} .c-layout-breadcrumbs-1 .c-page-breadcrumbs {
display: inline-block; padding: 0; margin: 0; list-style-type: none;
} .c-layout-breadcrumbs-1 .c-page-breadcrumbs.c-pull-left {
float: left;
} .c-layout-breadcrumbs-1 .c-page-breadcrumbs.c-pull-right {
float: right;
} .c-layout-breadcrumbs-1 .c-page-breadcrumbs > li {
display: inline-block; margin: 0; padding: 8px 4px 8px 4px;
} .c-layout-breadcrumbs-1 .c-page-breadcrumbs > li, .c-layout-breadcrumbs-1 .c-page-breadcrumbs > li > a {
color: #7f8c97; font-size: 16px; font-weight: 400;
} .c-layout-breadcrumbs-1 .c-page-breadcrumbs.c-pull-right > li:last-child {
padding-right: 0;
} .c-layout-breadcrumbs-1 .c-page-breadcrumbs.c-pull-left > li:first-child {
padding-left: 0;
} .c-layout-breadcrumbs-1.c-bordered {
border-bottom: 1px solid #f4f8f9;
} .c-layout-breadcrumbs-1.c-bordered-both {
border-top: 1px solid #f4f8f9; border-bottom: 1px solid #f4f8f9;
} .c-layout-breadcrumbs-1.c-subtitle {
padding: 30px 0;
} .c-layout-breadcrumbs-1.c-subtitle .c-page-breadcrumbs {
margin-top: 10px;
} .c-layout-breadcrumbs-1.c-bgimage {
padding: 80px 0;
} .c-layout-breadcrumbs-1.c-bgimage .c-page-breadcrumbs {
margin-top: 10px;
} .c-layout-breadcrumbs-1.c-bgimage-full {
padding: 200px 0 100px;
} .c-layout-breadcrumbs-1.c-bgimage-full .c-breadcrumbs-wrapper {
background: rgba(0, 0, 0, 0.2); padding: 10px 0; margin-bottom: 30px;
} .c-layout-breadcrumbs-1.c-bgimage-full .c-page-breadcrumbs {
margin-top: 10px;
} .c-layout-breadcrumbs-1.c-bgimage-full.c-centered {
text-align: center;
} .c-layout-breadcrumbs-1.c-bgimage-full.c-centered .c-breadcrumbs-wrapper {
background: rgba(0, 0, 0, 0.2); padding: 20px 0;
} .c-layout-breadcrumbs-1.c-bgimage-full.c-centered .c-page-breadcrumbs {
display: block; float: none;
} .c-layout-breadcrumbs-1.c-bgimage-full.c-centered .c-page-breadcrumbs:before, .c-layout-breadcrumbs-1.c-bgimage-full.c-centered .c-page-breadcrumbs:after {
content: " "; display: table;
} .c-layout-breadcrumbs-1.c-bgimage-full.c-centered .c-page-breadcrumbs:after {
clear: both;
} .c-layout-breadcrumbs-1.c-bgimage-full.c-centered .c-page-breadcrumbs > li:first-child {
padding-left: 0;
} .c-layout-breadcrumbs-1.c-bgimage-full.c-centered .c-page-title {
display: block; float: none; margin-bottom: 10px;
} .c-layout-breadcrumbs-1.c-bgimage-full.c-centered .c-page-title:before, .c-layout-breadcrumbs-1.c-bgimage-full.c-centered .c-page-title:after {
content: " "; display: table;
} .c-layout-breadcrumbs-1.c-bgimage-full.c-centered .c-page-title:after {
clear: both;
}
@media (max-width: 1300px) {
/* 991px */
.c-layout-breadcrumbs-1 {
padding: 10px 0;
}
.c-layout-breadcrumbs-1 .c-page-title > h3 {
margin: 6px 15px 6px 0;
}
.c-layout-breadcrumbs-1 .c-page-breadcrumbs > li {
padding: 6px 4px 6px 4px;
}
.c-layout-breadcrumbs-1.c-bgimage-full {
padding: 40px 0;
}
.c-layout-breadcrumbs-1.c-bgimage-full .c-breadcrumbs-wrapper {
background: rgba(0, 0, 0, 0.1);
padding: 10px 0;
margin-bottom: 10px;
}
.c-layout-breadcrumbs-1.c-bgimage-full .c-page-breadcrumbs {
margin-top: 10px;
}
} @media (max-width: 767px) {
/* 767px */
.c-layout-breadcrumbs-1 .c-page-title {
display: block;
float: left;
text-align: left;
}
.c-layout-breadcrumbs-1 .c-page-title:before, .c-layout-breadcrumbs-1 .c-page-title:after {
content: " ";
display: table;
}
.c-layout-breadcrumbs-1 .c-page-title:after {
clear: both;
}
.c-layout-breadcrumbs-1 .c-page-breadcrumbs {
display: block;
float: left !important;
text-align: left;
}
.c-layout-breadcrumbs-1 .c-page-breadcrumbs > li:first-child {
padding-left: 0;
}
} .c-layout-footer.c-layout-footer-1 {
padding: 0; margin: 0;
} .c-layout-footer.c-layout-footer-1 .c-prefooter {
padding: 60px 0; background: #394048;
} .c-layout-footer.c-layout-footer-1 .c-prefooter .c-logo {
padding-bottom: 20px;
} .c-layout-footer.c-layout-footer-1 .c-prefooter .c-about {
color: #818e9a; font-size: 17px; font-weight: 500; padding: 20px 0 10px 0;
} .c-layout-footer.c-layout-footer-1 .c-prefooter .c-links {
padding: 0 0 10px 0;
} .c-layout-footer.c-layout-footer-1 .c-prefooter .c-links:before, .c-layout-footer.c-layout-footer-1 .c-prefooter .c-links:after {
content: " "; display: table;
} .c-layout-footer.c-layout-footer-1 .c-prefooter .c-links:after {
clear: both;
} .c-layout-footer.c-layout-footer-1 .c-prefooter .c-links .c-nav {
padding: 0; margin: 0 40px 0 0; display: inline-block; float: left; list-style: none;
} .c-layout-footer.c-layout-footer-1 .c-prefooter .c-links .c-nav > li {
padding: 4px 0;
} .c-layout-footer.c-layout-footer-1 .c-prefooter .c-links .c-nav > li > a {
color: #c0c9d3; font-size: 14px; font-weight: 600; text-transform: uppercase;
} .c-layout-footer.c-layout-footer-1 .c-prefooter .c-links .c-nav > li > a:hover {
color: #edf0f3;
} .c-layout-footer.c-layout-footer-1 .c-prefooter .c-contact {
color: #818e9a; font-size: 17px; font-weight: 500; padding: 20px 0;
} .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback {
margin-left: 20px;
} .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback h3 {
color: #ffffff; font-size: 22px; font-weight: 600; text-transform: uppercase; padding-bottom: 10px;
} .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form {
padding-top: 10px;
} .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .form-control {
color: #7c8895; font-size: 17px; font-weight: 300; border-radius: 0; box-shadow: none; border-color: #474f59; background: transparent; padding: 8px 16px;
} .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .form-control::-moz-placeholder {
color: #6f7b89;
} .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .form-control:-moz-placeholder {
color: #6f7b89;
} .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .form-control:-ms-input-placeholder {
color: #6f7b89;
} .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .form-control::-webkit-input-placeholder {
color: #6f7b89;
} .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .form-control:focus {
box-shadow: none; border-color: #474f59;
} .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .c-form-wrap {
width: 100%; height: 100%; display: table; vertical-align: middle;
} .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .c-form-wrap-group {
height: 100%; display: table-cell; vertical-align: middle;
} .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .c-form-wrap-group .form-control {
height: 48px;
} .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .c-form-wrap-group .form-control:first-child {
border-right-color: transparent;
} .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .c-form-wrap-group .form-control:last-child {
border-top-color: transparent; border-right-color: transparent;
} .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .c-form-wrap-group:last-child .form-control:first-child {
border-right-color: #474f59;
} .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .c-form-wrap-group:last-child .form-control:last-child {
border-right-color: #474f59;
} .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form textarea.form-control {
border-top-color: transparent; height: 180px;
} .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form textarea.form-control:active, .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form textarea.form-control:focus {
border-color: #474f59; border-top-color: transparent;
} .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .btn:active, .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .btn:hover, .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .btn:focus {
background: #525c67; border-color: #525c67;
} .c-layout-footer.c-layout-footer-1 .c-postfooter {
padding: 40px 0; background: #2f353b;
} .c-layout-footer.c-layout-footer-1 .c-postfooter .c-copyright {
color: #a4aeb8; padding: 0; margin-top: 10px;
} .c-layout-footer.c-layout-footer-1 .c-postfooter .c-socials {
float: right; list-style: none; padding: 0; margin: 0;
} .c-layout-footer.c-layout-footer-1 .c-postfooter .c-socials > li {
display: inline-block; padding: 0 6px;
} .c-layout-footer.c-layout-footer-1 .c-postfooter .c-socials > li > a > i {
display: inline-block; padding: 10px; background: #2b3036; color: #64707e; font-size: 18px; font-weight: bold;
} .c-layout-footer.c-layout-footer-1 .c-postfooter .c-socials > li > a:hover > i {
background: #202328; color: #6f7d8c;
}
@media (min-width: 1300px) {
/* 1300px */
.c-layout-footer.c-layout-footer-1 .c-prefooter > .container-fluid {
padding: 0 50px;
}
.c-layout-footer.c-layout-footer-1 .c-postfooter > .container-fluid {
padding: 0 50px;
}
} @media (max-width: 1300px) {
/* 991px */
.c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback {
margin: 0;
}
} .c-layout-footer.c-layout-footer-2 {
padding: 100px 0; margin: 0; background-image: url(../img/content/backgrounds/bg_footer_1.jpg); background-repeat: no-repeat; background-position: right bottom; background-size: cover;
} .c-layout-footer.c-layout-footer-2.c-opt-2 {
padding: 80px 0;
} .c-layout-footer.c-layout-footer-2 .c-container {
margin-bottom: 80px; overflow: auto;
} .c-layout-footer.c-layout-footer-2 .c-container.c-first {
padding-right: 50px;
} .c-layout-footer.c-layout-footer-2 .c-container.c-last {
padding-left: 50px;
} .c-layout-footer.c-layout-footer-2 .c-container > .c-content-title-1 > h3 {
font-size: 24px; color: #ffffff;
} .c-layout-footer.c-layout-footer-2 .c-container > .c-content-title-1 > .c-line-left {
margin-bottom: 30px;
} .c-layout-footer.c-layout-footer-2 .c-container > .c-content-title-1 > p {
margin-bottom: 30px; text-transform: none;
} .c-layout-footer.c-layout-footer-2 .c-container > .c-content-title-1 > p.c-ask {
color: #616a73;
} .c-layout-footer.c-layout-footer-2 .c-container > .c-links {
padding: 0 0 10px 0;
} .c-layout-footer.c-layout-footer-2 .c-container > .c-links:before, .c-layout-footer.c-layout-footer-2 .c-container > .c-links:after {
content: " "; display: table;
} .c-layout-footer.c-layout-footer-2 .c-container > .c-links:after {
clear: both;
} .c-layout-footer.c-layout-footer-2 .c-container > .c-links .c-nav {
padding: 0; margin: 0 40px 0 0; display: inline-block; float: left; list-style: none;
} .c-layout-footer.c-layout-footer-2 .c-container > .c-links .c-nav > li {
padding: 4px 0 10px 0;
} .c-layout-footer.c-layout-footer-2 .c-container > .c-links .c-nav > li > a {
color: #b1bcc9; font-size: 14px; font-weight: 600; text-transform: uppercase;
} .c-layout-footer.c-layout-footer-2 .c-container > .c-links .c-nav > li > a:hover {
color: #edf0f3;
} .c-layout-footer.c-layout-footer-2 .c-container > .c-socials {
float: left; list-style: none; padding: 0; margin: 0;
} .c-layout-footer.c-layout-footer-2 .c-container > .c-socials > li {
display: inline-block; padding: 0 6px;
} .c-layout-footer.c-layout-footer-2 .c-container > .c-socials > li > a > i {
display: inline-block; padding: 10px; background: #11111c; color: #555555; font-size: 18px; font-weight: bold;
} .c-layout-footer.c-layout-footer-2 .c-container > .c-socials > li > a:hover > i {
background: #202328; color: #6f7d8c;
} .c-layout-footer.c-layout-footer-2 .c-container > .c-socials > li:first-child {
padding-left: 0;
} .c-layout-footer.c-layout-footer-2 .c-container form {
margin-bottom: 20px;
} .c-layout-footer.c-layout-footer-2 .c-container form .input-group {
width: 350px;
} .c-layout-footer.c-layout-footer-2 .c-container form .input-group .form-control {
background: none; color: #eee;
} .c-layout-footer.c-layout-footer-2 .c-container:last-child {
margin-bottom: 0;
} .c-layout-footer.c-layout-footer-2 .c-copyright {
color: #a4aeb8; padding: 0; margin: 140px 0 -60px 0;
}
@media (max-width: 1300px) {
/* 991px */
.c-layout-footer.c-layout-footer-2 {
background-image: url(../img/content/backgrounds/bg_footer_1-1.jpg);
}
.c-layout-footer.c-layout-footer-2 .row > div {
margin-bottom: 80px;
}
.c-layout-footer.c-layout-footer-2 .row > div:last-child {
margin-bottom: 0;
}
.c-layout-footer.c-layout-footer-2 .c-container.c-left {
padding: 0;
}
.c-layout-footer.c-layout-footer-2 .c-container.c-right {
padding: 0;
}
.c-layout-footer.c-layout-footer-2 .c-container form .form-control {
width: 250px;
}
.c-layout-footer.c-layout-footer-2 .c-copyright {
margin-top: 60px;
}
} .c-layout-footer.c-layout-footer-3 {
margin: 0;
} .c-layout-footer.c-layout-footer-3 .c-prefooter {
padding: 80px 0 20px 0; color: #818e9a;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-content-title-1 > h3 {
font-size: 22px;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-content-title-1 > .c-line-left {
margin-bottom: 30px;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-content-title-1 > p {
color: #818e9a;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container {
padding: 0 10px; margin-bottom: 40px;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container.c-first {
padding-left: 0;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container.c-last {
padding-right: 0;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-links {
padding: 0;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-links > li {
list-style: none; padding: 5px 0; border-bottom: 1px solid #394047;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-links > li > a {
color: #818e9a;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-links > li > a:hover {
color: #32c5d2;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-links > li:last-child {
border-bottom: none;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-blog > .c-post {
border-bottom: 1px solid #394047; padding: 10px 0;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-blog > .c-post:first-child {
padding-top: 0;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-blog > .c-post.c-last, .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-blog > .c-post:last-child {
border-bottom: 0 !important;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-blog > .c-post > .c-post-img {
width: 40px; height: 40px; position: relative; float: left; margin-top: 10px;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-blog > .c-post > .c-post-img img {
width: 100%; border-radius: 40px;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-blog > .c-post > .c-post-content {
padding-left: 50px;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-blog > .c-post > .c-post-content > .c-post-title {
text-transform: uppercase; font-weight: 600;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-blog > .c-post > .c-post-content > .c-post-title a {
color: #818e9a;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-blog > .c-post > .c-post-content > .c-post-title a:hover {
color: #32c5d2;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-blog > .c-post > .c-post-content > .c-text {
font-size: 16px; color: #818e9a;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-works {
padding: 0; overflow: auto; margin: 0;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-works > li {
list-style: none; display: inline-block; padding: 0; margin: 0 0 5px 0;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-works > li.c-first {
margin-right: 5px;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-works > li.c-last {
margin-left: 5px;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-works > li img {
opacity: 0.8; filter: alpha(opacity=80); margin: 0; width: 74px;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-works > li img:hover {
opacity: 1; filter: alpha(opacity=100);
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-socials {
list-style: none; padding: 0; margin: 0;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-socials > li {
display: inline-block; padding: 0 5px;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-socials > li > a > i {
position: relative; display: inline-block; padding: 10px; background: #1e2226; color: #54606b; font-size: 18px; font-weight: bold;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-socials > li > a:hover > i {
background-color: #272d32; color: white;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-socials > li:first-child {
padding-left: 0;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-address {
clear: both; padding: 0; margin-top: 20px;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-address > li {
list-style: none; padding: 5px 0;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-address > li > i {
margin-right: 10px; position: relative; top: 2px;
} .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-read-more {
display: block; padding: 10px 0; font-size: 14px; margin-top: 20px;
} .c-layout-footer.c-layout-footer-3 .c-postfooter {
color: #b2bbc3; padding: 20px 0; margin: 0; border-top: 1px solid #394047;
} .c-layout-footer.c-layout-footer-3 .c-postfooter p {
padding: 0; margin: 0;
}
@media (max-width: 1199px) {
/* 1199px */
.c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-works > li {
width: 30%;
}
} @media (max-width: 1300px) {
/* 991px */
.c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-works > li {
width: auto;
}
} .c-layout-go2top {
display: inline-block; position: fixed; bottom: 20px; right: 10px; cursor: pointer;
} .c-layout-go2top > i {
opacity: 0.5; filter: alpha(opacity=50); color: #89939e; font-size: 38px; font-weight: 300;
} .c-layout-go2top:hover {
opacity: 0.8; filter: alpha(opacity=80);
}
.c-content-color-demo {
border: 1px solid #eee; margin: 0 0 20px 0; cursor: pointer;
} .c-content-color-demo .c-color-view {
padding: 35px 10px; text-align: center; font-size: 18px;
} .c-content-color-demo .c-color-info {
border-top: 1px solid #eee; padding: 10px 10px; text-align: center;
}
.c-content-box.c-size-sm {
padding: 30px 0;
} .c-content-box.c-size-md {
padding: 60px 0;
} .c-content-box.c-size-lg {
padding: 80px 0;
} .c-content-box.c-size-xg {
padding: 100px 0;
} .c-content-box.c-no-bottom-padding {
padding-bottom: 0;
} .c-content-box.c-no-top-padding {
padding-top: 0;
} .c-content-box.c-no-padding {
padding: 0;
} .c-content-box.c-overflow-hide {
overflow: hidden;
}
@media (max-width: 1300px) {
/* 991px */
.c-content-box > .container-fluid {
padding: 0 50px;
}
.c-content-box.c-size-sm {
padding: 20px 0;
}
.c-content-box.c-size-md {
padding: 30px 0;
}
.c-content-box.c-size-lg {
padding: 40px 0;
}
.c-content-box.c-size-xg {
padding: 60px 0;
}
} .c-content-line-icon {
background-image: url(../img/content/line-icons/default.png); display: inline-block; width: 60px; height: 60px; background-size: cover;
} .c-content-line-icon.c-white {
background-image: url(../img/content/line-icons/white.png);
} .c-content-line-icon.c-icon-screen-chart {
background-position: 0px -1300%;
} .c-content-line-icon.c-icon-support {
background-position: 0px -2500%;
} .c-content-line-icon.c-icon-bulb {
background-position: 0px 1200%;
} .c-content-line-icon.c-icon-comment {
background-position: 0px -300%;
} .c-content-line-icon.c-icon-globe {
background-position: 0px -2600%;
} .c-content-line-icon.c-icon-sticker {
background-position: 0px 2300%;
} .c-content-line-icon.c-icon-md {
width: 40px; height: 40px;
} .c-content-line-icon.c-icon-sm {
width: 30px; height: 30px;
} .c-content-line-icon.c-icon-xs {
width: 20px; height: 20px;
} .c-content-line-icon.c-icon-1 {
background-position: 0px 0%;
} .c-content-line-icon.c-icon-2 {
background-position: 0px 100%;
} .c-content-line-icon.c-icon-3 {
background-position: 0px 200%;
} .c-content-line-icon.c-icon-4 {
background-position: 0px 300%;
} .c-content-line-icon.c-icon-5 {
background-position: 0px 400%;
} .c-content-line-icon.c-icon-6 {
background-position: 0px 500%;
} .c-content-line-icon.c-icon-7 {
background-position: 0px 600%;
} .c-content-line-icon.c-icon-8 {
background-position: 0px 700%;
} .c-content-line-icon.c-icon-9 {
background-position: 0px 800%;
} .c-content-line-icon.c-icon-10 {
background-position: 0px 900%;
} .c-content-line-icon.c-icon-11 {
background-position: 0px 1000%;
} .c-content-line-icon.c-icon-12 {
background-position: 0px 1100%;
} .c-content-line-icon.c-icon-13 {
background-position: 0px 1200%;
} .c-content-line-icon.c-icon-14 {
background-position: 0px 1300%;
} .c-content-line-icon.c-icon-15 {
background-position: 0px 1400%;
} .c-content-line-icon.c-icon-16 {
background-position: 0px 1500%;
} .c-content-line-icon.c-icon-17 {
background-position: 0px 1600%;
} .c-content-line-icon.c-icon-18 {
background-position: 0px 1700%;
} .c-content-line-icon.c-icon-19 {
background-position: 0px 1800%;
} .c-content-line-icon.c-icon-20 {
background-position: 0px 1900%;
} .c-content-line-icon.c-icon-21 {
background-position: 0px 2000%;
} .c-content-line-icon.c-icon-22 {
background-position: 0px 2100%;
} .c-content-line-icon.c-icon-23 {
background-position: 0px 2200%;
} .c-content-line-icon.c-icon-24 {
background-position: 0px 2300%;
} .c-content-line-icon.c-icon-25 {
background-position: 0px 2400%;
} .c-content-line-icon.c-icon-26 {
background-position: 0px 2500%;
} .c-content-line-icon.c-icon-27 {
background-position: 0px 2600%;
} .c-content-line-icon.c-icon-28 {
background-position: 0px 2700%;
} .c-content-line-icon.c-icon-29 {
background-position: 0px 2800%;
} .c-content-line-icon.c-icon-30 {
background-position: 0px 2900%;
} .c-content-line-icon.c-icon-31 {
background-position: 0px 3000%;
} .c-content-line-icon.c-icon-32 {
background-position: 0px 3100%;
} .c-content-line-icon.c-icon-33 {
background-position: 0px 3200%;
} .c-content-line-icon.c-icon-34 {
background-position: 0px 3300%;
} .c-content-line-icon.c-icon-35 {
background-position: 0px 3400%;
} .c-content-line-icon.c-icon-36 {
background-position: 0px 3500%;
} .c-content-line-icon.c-icon-37 {
background-position: 0px 3600%;
} .c-content-line-icon.c-icon-38 {
background-position: 0px 3700%;
} .c-content-line-icon.c-icon-39 {
background-position: 0px 3800%;
} .c-content-line-icon.c-icon-40 {
background-position: 0px 3900%;
} .c-content-line-icon.c-icon-41 {
background-position: 0px 4000%;
} .c-content-line-icon.c-icon-42 {
background-position: 0px 4100%;
} .c-content-line-icon.c-icon-43 {
background-position: 0px 4200%;
} .c-content-line-icon.c-icon-44 {
background-position: 0px 4300%;
} .c-content-line-icon.c-icon-45 {
background-position: 0px 4400%;
} .c-content-line-icon.c-icon-46 {
background-position: 0px 4500%;
} .c-content-line-icon.c-icon-47 {
background-position: 0px 4600%;
} .c-content-line-icon.c-icon-48 {
background-position: 0px 4700%;
} .c-content-line-icon.c-icon-49 {
background-position: 0px 4800%;
} .c-content-line-icon.c-icon-50 {
background-position: 0px 4900%;
}
.c-content-v-center .c-wrapper {
width: 100%; height: 100%; display: table;
} .c-content-v-center .c-wrapper .c-body {
display: table-cell; vertical-align: middle;
}
.c-content-list-1 {
padding: 0; margin: 20px 0;
} .c-content-list-1 > li {
list-style: none; font-size: 16px; font-weight: 500; color: #5c6873; margin-bottom: 7px;
} .c-content-list-1 > li:before {
content: ; width: 21px; height: 2px; float: left; margin: 9px 15px 0 0; background: #ddd;
} .c-content-list-1.c-separator-dot > li:before {
content: ; display: inline-block; width: 8px; height: 8px; border-radius: 20px; background: #ddd; margin-right: 10px; margin-top: 8px; opacity: 0.6; filter: alpha(opacity=60);
} .c-content-list-1.c-separator-dot.c-square > li:before {
border-radius: 0;
}
.c-content-iconlist-1 {
padding: 0;
} .c-content-iconlist-1 > li {
list-style: none; display: inline-block; padding: 2px;
} .c-content-iconlist-1 > li:last-child {
padding-right: 0;
} .c-content-iconlist-1 > li > a {
border: 0;
} .c-content-iconlist-1 > li i {
position: relative; background: #f2f2f2; text-align: center; font-size: 20px; color: #cccccc; padding: 13px; width: 45px; height: 45px;
} .c-content-iconlist-1 > li:hover > a {
border: 0;
} .c-content-iconlist-1 > li:hover i {
border: 0;
}
.c-content-list-adjusted {
padding: 0; margin: 0; list-style: none;
} .c-content-list-adjusted > li {
display: table-cell; width: 1%; padding-right: 5px;
} .c-content-list-adjusted > li:last-child {
padding-right: 0;
}
.c-content-pagination {
display: inline-block; padding: 0; margin: 0;
} .c-content-pagination > li {
list-style: none; display: inline-block;
} .c-content-pagination > li > span, .c-content-pagination > li > a {
width: 40px; height: 40px; text-align: center; display: inline-block; font-size: 17px; color: #5c6873; font-weight: 400; padding: 7px 4px 6px 4px; border-radius: 40px; border: 1px solid #eeeeee;
} .c-content-pagination > li.c-space > span {
border-radius: 0; border: 0;
} .c-content-pagination.c-square > li > span, .c-content-pagination.c-square > li > a {
border-radius: 0;
}
.c-content-overlay {
overflow: hidden; position: relative;
} .c-content-overlay .c-overlay-object {
position: relative; z-index: 1;
} .c-content-overlay .c-overlay-wrapper {
opacity: 0; filter: alpha(opacity=0); position: absolute; top: -100%; left: 0; width: 100%; height: 100%; z-index: 3; transition: all 0.2s; background: rgba(0, 0, 0, 0.4);
} .c-content-overlay .c-overlay-wrapper:before, .c-content-overlay .c-overlay-wrapper:after {
content: " "; display: table;
} .c-content-overlay .c-overlay-wrapper:after {
clear: both;
} .c-content-overlay .c-overlay-wrapper:before {
display: inline-block; content: ; vertical-align: middle; height: 100%;
} .c-content-overlay .c-overlay-wrapper .c-overlay-content {
text-align: center; display: inline-block; vertical-align: middle; padding: 0; height: auto; width: 95%;
} .c-content-overlay .c-overlay-wrapper .c-overlay-content i {
display: inline-block; width: 44px; height: 44px; border-radius: 40px; text-align: center; padding: 14px 6px 8px 6px; color: #fff; font-size: 16px; background: #000000; opacity: 0.7; filter: alpha(opacity=70); margin: 0 5px;
} .c-content-overlay .c-overlay-wrapper .c-overlay-content i:hover {
opacity: 1; filter: alpha(opacity=100);
} .c-content-overlay:hover {
cursor: pointer;
} .c-content-overlay:hover .c-overlay-wrapper {
top: 0; opacity: 1; filter: alpha(opacity=100);
}
.c-content-loader {
display: none; width: 40px; height: 40px; margin-top: -20px; margin-left: -30px; background: #ccc; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); border-radius: 100%; -webkit-animation: c-scaleout 1.0s infinite ease-in-out; animation: c-scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes c-scaleout {
0% {
-webkit-transform: scale(0);
}
100% {
-webkit-transform: scale(1);
opacity: 0;
}
} @keyframes c-scaleout {
0% {
transform: scale(0);
-webkit-transform: scale(0);
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 0;
}
} .c-content-panel {
padding: 0; border: 1px solid #f1f1f1; margin-bottom: 30px;
} .c-content-panel .c-label {
display: inline-block; position: absolute; background: #eee; padding: 2px 6px; font-size: 14px; font-weight: 500; color: #565d66;
} .c-content-panel .c-body {
padding: 40px 20px 20px 20px;
}
.c-content-ver-nav .c-menu {
margin: 0; padding: 0;
} .c-content-ver-nav .c-menu > li {
list-style: none; padding: 7px 0; border-bottom: 1px solid #f2f2f2;
} .c-content-ver-nav .c-menu > li > a {
font-weight: 400;
} .c-content-ver-nav .c-menu > li > a > .badge {
float: right;
} .c-content-ver-nav .c-menu > li:before {
color: #5c6873; content: "\f105"; font-family: FontAwesome; font-weight: 100; width: 12px; height: 12px; font-size: 14px; float: left; margin: 2px 5px 0 0;
} .c-content-ver-nav .c-menu.c-arrow-dot > li:before {
width: 8px; height: 8px; border-radius: 8px; margin: 9px 12px 0 0; content: ; opacity: 0.6; filter: alpha(opacity=60); background: #5c6873;
} .c-content-ver-nav .c-menu.c-arrow-dot.c-square > li:before {
border-radius: 0;
}
.c-checkbox {
position: relative; /* handling click events */ /* when checkbox is checked */
} .c-checkbox.c-checkbox-inline {
display: inline-block;
} .form-inline .c-checkbox.c-checkbox-inline {
margin-right: 20px; top: 3px;
} .c-checkbox input[type=checkbox] {
visibility: hidden; position: absolute;
} .c-checkbox label {
cursor: pointer; padding-left: 30px;
} .c-checkbox label > span {
display: block; position: absolute; left: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s;
} .c-checkbox label > span.inc {
background: #fff; left: -10px; top: -10px; height: 40px; width: 40px; opacity: 0; border-radius: 50% !important; -moz-border-radius: 50% !important; -webkit-border-radius: 50% !important;
} .c-checkbox label > .box {
top: 1px; border: 2px solid #d0d7de; height: 20px; width: 20px; z-index: 5; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s;
} .ie .c-checkbox label > .box {
top: 2px;
} .c-checkbox label > .check {
top: -2px; left: 6px; width: 10px; height: 20px; border: 2px solid #d0d7de; border-top: none; border-left: none; opacity: 0; z-index: 5; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s;
} .c-checkbox label > span.inc {
-webkit-animation: growCircle 0.3s ease; -moz-animation: growCircle 0.3s ease; animation: growCircle 0.3s ease;
} .c-checkbox input[type=checkbox]:checked ~ label > .box {
opacity: 0; -webkit-transform: scale(0) rotate(-180deg); -moz-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg);
} .c-checkbox input[type=checkbox]:checked ~ label > .check {
opacity: 1; -webkit-transform: scale(1) rotate(45deg); -moz-transform: scale(1) rotate(45deg); transform: scale(1) rotate(45deg);
} .c-checkbox input[type=checkbox]:disabled ~ label, .c-checkbox input[type=checkbox][disabled] ~ label {
cursor: not-allowed; opacity: 0.7; filter: alpha(opacity=70);
} .c-checkbox input[type=checkbox]:disabled ~ label > .box, .c-checkbox input[type=checkbox][disabled] ~ label > .box {
cursor: not-allowed; opacity: 0.7; filter: alpha(opacity=70);
} .c-checkbox input[type=checkbox]:disabled:checked ~ label > .check, .c-checkbox input[type=checkbox][disabled]:checked ~ label > .check {
cursor: not-allowed; opacity: 0.7; filter: alpha(opacity=70);
} .c-checkbox.has-error label {
color: #e7505a;
} .c-checkbox.has-error label > .box {
border-color: #e7505a;
} .c-checkbox.has-error label > .check {
border-color: #e7505a;
} .c-checkbox.has-info label {
color: #4eabe6;
} .c-checkbox.has-info label > .box {
border-color: #4eabe6;
} .c-checkbox.has-info label > .check {
border-color: #4eabe6;
} .c-checkbox.has-success label {
color: #5dc09c;
} .c-checkbox.has-success label > .box {
border-color: #5dc09c;
} .c-checkbox.has-success label > .check {
border-color: #5dc09c;
} .c-checkbox.has-warning label {
color: #c8d046;
} .c-checkbox.has-warning label > .box {
border-color: #c8d046;
} .c-checkbox.has-warning label > .check {
border-color: #c8d046;
}
.c-form-checkboxes.has-error > label {
color: #e7505a;
} .c-form-checkboxes.has-info > label {
color: #4eabe6;
} .c-form-checkboxes.has-success > label {
color: #5dc09c;
} .c-form-checkboxes.has-warning > label {
color: #c8d046;
}
.c-checkbox-list {
margin: 10px 0;
} .form-horizontal .c-checkbox-list {
margin-top: 0px;
} .c-checkbox-list .c-checkbox {
display: block; margin-bottom: 10px;
}
.c-checkbox-inline {
margin: 10px 0;
} .form-horizontal .c-checkbox-inline {
margin-top: 8px;
} .c-checkbox-inline .c-checkbox {
display: inline-block; margin-right: 20px;
} .c-checkbox-inline .c-checkbox:last-child {
margin-right: 0;
}
/* bubble animation */ @-webkit-keyframes growCircle {
0%, 100% {
-webkit-transform: scale(0);
opacity: 1;
}
70% {
background: #eee;
-webkit-transform: scale(1.25);
}
} @-moz-keyframes growCircle {
0%, 100% {
-moz-transform: scale(0);
opacity: 1;
}
70% {
background: #eee;
-moz-transform: scale(1.25);
}
} @keyframes growCircle {
0%, 100% {
transform: scale(0);
opacity: 1;
}
70% {
background: #eee;
transform: scale(1.25);
}
} .c-radio {
position: relative; /* handling click events */ /* when radio is checked */
} .c-radio input[type=radio] {
visibility: hidden; position: absolute;
} .c-radio label {
line-height: 1px; cursor: pointer; padding-left: 30px;
} .c-radio label > span {
display: block; position: absolute; left: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s;
} .c-radio label > span.inc {
background: #fff; left: -10px; top: -10px; height: 40px; width: 40px; opacity: 0; border-radius: 50% !important; -moz-border-radius: 50% !important; -webkit-border-radius: 50% !important;
} .c-radio label > .box {
top: 1px; border: 2px solid #d0d7de; height: 20px; width: 20px; border-radius: 50% !important; -moz-border-radius: 50% !important; -webkit-border-radius: 50% !important; z-index: 5;
} .ie .c-radio label > .box {
top: 2px;
} .c-radio label > .check {
top: 6px; left: 5px; width: 10px; height: 10px; background: #d0d7de; opacity: 0; z-index: 6; display: block; border-radius: 50% !important; -moz-border-radius: 50% !important; -webkit-border-radius: 50% !important; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0);
} .c-radio label > span.inc {
-webkit-animation: growCircleRadio 0.3s ease; -moz-animation: growCircleRadio 0.3s ease; animation: growCircleRadio 0.3s ease;
} .c-radio input[type=radio]:checked ~ label > .check {
opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);
} .c-radio input[type=radio]:disabled ~ label, .c-radio input[type=radio][disabled] ~ label {
cursor: not-allowed; opacity: 0.7; filter: alpha(opacity=70);
} .c-radio input[type=radio]:disabled ~ label > .box, .c-radio input[type=radio][disabled] ~ label > .box {
cursor: not-allowed; opacity: 0.7; filter: alpha(opacity=70);
} .c-radio input[type=radio]:disabled:checked ~ label > .check, .c-radio input[type=radio][disabled]:checked ~ label > .check {
cursor: not-allowed; opacity: 0.7; filter: alpha(opacity=70);
} .c-radio.has-error label {
color: #e7505a;
} .c-radio.has-error label > .box {
border-color: #e7505a;
} .c-radio.has-error label > .check {
background: #e7505a;
} .c-radio.has-info label {
color: #4eabe6;
} .c-radio.has-info label > .box {
border-color: #4eabe6;
} .c-radio.has-info label > .check {
background: #4eabe6;
} .c-radio.has-success label {
color: #5dc09c;
} .c-radio.has-success label > .box {
border-color: #5dc09c;
} .c-radio.has-success label > .check {
background: #5dc09c;
} .c-radio.has-warning label {
color: #c8d046;
} .c-radio.has-warning label > .box {
border-color: #c8d046;
} .c-radio.has-warning label > .check {
background: #c8d046;
}
.form-c-radios.has-error > label {
color: #e7505a;
} .form-c-radios.has-info > label {
color: #4eabe6;
} .form-c-radios.has-success > label {
color: #5dc09c;
} .form-c-radios.has-warning > label {
color: #c8d046;
}
.c-radio-list {
margin: 10px 0;
} .form-horizontal .c-radio-list {
margin-top: 0px;
} .c-radio-list .c-radio {
display: block; margin-bottom: 10px;
}
.c-radio-inline {
margin: 10px 0;
} .form-horizontal .c-radio-inline {
margin-top: 8px;
} .c-radio-inline .c-radio {
display: inline-block; margin-right: 20px;
} .c-radio-inline .c-radio:last-child {
margin-right: 0;
}
/* bubble animation */ @-webkit-keyframes growCircleRadio {
0%, 100% {
-webkit-transform: scale(0);
opacity: 1;
}
70% {
background: #eee;
-webkit-transform: scale(1.25);
}
} @-moz-keyframes growCircleRadio {
0%, 100% {
-moz-transform: scale(0);
opacity: 1;
}
70% {
background: #eee;
-moz-transform: scale(1.25);
}
} @keyframes growCircleRadio {
0%, 100% {
transform: scale(0);
opacity: 1;
}
70% {
background: #eee;
transform: scale(1.25);
}
} .c-content-title-1 > .c-line-center {
width: 30px; height: 3px; background-color: #32c5d2; margin: 0 auto 30px auto;
} .c-content-title-1 > .c-line-right, .c-content-title-1 > .c-line-left {
width: 30px; height: 3px; background-color: #32c5d2; margin: 0 0 30px 0;
} .c-content-title-1 > .c-line-right {
margin: 0 0 30px auto;
} .c-content-title-1 > h3 {
font-size: 28px; color: #3f444a; font-weight: 500; margin: 0 0 30px 0;
} .c-content-title-1 > h3 > i {
font-size: 22px; color: #88909a;
} .c-content-title-1 > h3.c-font-uppercase {
font-size: 30px;
} .c-content-title-1 > p {
font-size: 17px; font-weight: 400; color: #5c6873; margin: 30px 0;
} .c-content-title-1 > p.c-font-uppercase {
font-size: 15px;
} .c-content-title-1 > hr {
margin-bottom: 30px;
} .c-content-title-1.c-title-md > .c-line-left, .c-content-title-1.c-title-md > .c-line-center {
margin-bottom: 20px;
} .c-content-title-1.c-title-md > h3 {
font-size: 22px; margin-bottom: 22px;
} .c-content-title-1.c-title-md > h3 > i {
font-size: 18px; color: #88909a;
} .c-content-title-1.c-title-md > h3.c-font-uppercase {
font-size: 20px;
} .c-content-title-1.c-title-md > p {
font-size: 17px; margin: 20px 0;
} .c-content-title-1.c-title-md > p.c-font-uppercase {
font-size: 14px;
} .c-content-title-1.c-title-sm > .c-line-left, .c-content-title-1.c-title-sm > .c-line-center {
margin-bottom: 15px;
} .c-content-title-1.c-title-sm > h3 {
font-size: 18px; margin-bottom: 15px;
} .c-content-title-1.c-title-sm > h3 > i {
font-size: 16px; color: #88909a;
} .c-content-title-1.c-title-sm > h3.c-font-uppercase {
font-size: 14px;
} .c-content-title-1.c-title-sm > p {
font-size: 16px; margin: 15px 0;
} .c-content-title-1.c-title-sm > p.c-font-uppercase {
font-size: 14px;
}
.c-content-title-2 {
margin-bottom: 20px;
} .c-content-title-2 > .c-line {
height: 2px; background-color: #88909a; opacity: 0.8; filter: alpha(opacity=80);
} .c-content-title-2 > .c-line.c-line-short {
width: 180px; margin: 0 auto;
} .c-content-title-2 > .c-line.c-dot {
height: 1px; position: relative;
} .c-content-title-2 > .c-line.c-dot:after {
background-color: #88909a; left: 50%; display: inline-block; position: absolute; content: ; width: 10px; height: 10px; top: -4px; margin-left: -5px; border-radius: 10px !important;
} .c-content-title-2 > .c-line.c-dot.c-dot-left:after {
left: 0;
} .c-content-title-2 > .c-line.c-dot.c-dot-right:after {
left: auto; right: 0;
} .c-content-title-2 > .c-line.c-dot.c-dot-square:after {
border-radius: 0 !important;
} .c-content-title-2 > h3 {
font-size: 30px; color: #3f444a; font-weight: 500; margin: 0 0 30px 0;
} .c-content-title-2 > h3 > i {
font-size: 22px; color: #88909a;
} .c-content-title-2 > p {
font-size: 17px; font-weight: 400; color: #5c6873; margin: 30px 0;
} .c-content-title-2 > p.c-font-uppercase {
font-size: 15px;
} .c-content-title-2 > hr {
margin-bottom: 30px;
} .c-content-title-2.c-title-md > .c-line-left, .c-content-title-2.c-title-md > .c-line-center {
margin-bottom: 20px;
} .c-content-title-2.c-title-md > h3 {
font-size: 22px; margin-bottom: 22px;
} .c-content-title-2.c-title-md > h3 > i {
font-size: 18px; color: #88909a;
} .c-content-title-2.c-title-md > h3.c-font-uppercase {
font-size: 20px;
} .c-content-title-2.c-title-md > p {
font-size: 17px; margin: 20px 0;
} .c-content-title-2.c-title-md > p.c-font-uppercase {
font-size: 14px;
} .c-content-title-2.c-title-sm > .c-line-left, .c-content-title-2.c-title-sm > .c-line-center {
margin-bottom: 15px;
} .c-content-title-2.c-title-sm > h3 {
font-size: 18px; margin-bottom: 15px;
} .c-content-title-2.c-title-sm > h3 > i {
font-size: px; color: #88909a;
} .c-content-title-2.c-title-sm > h3.c-font-uppercase {
font-size: 14px;
} .c-content-title-2.c-title-sm > p {
font-size: 16px; margin: 15px 0;
} .c-content-title-2.c-title-sm > p.c-font-uppercase {
font-size: 14px;
}
.c-content-title-3 {
margin-bottom: 20px; padding-left: 20px; border-left: 4px solid #88909a;
} .c-content-title-3 > h3 {
font-size: 28px; color: #3f444a; font-weight: 500; margin: 0 0 15px 0;
} .c-content-title-3 > h3 > i {
font-size: 22px; color: #88909a;
} .c-content-title-3 > h3.c-font-uppercase {
font-size: 30px;
} .c-content-title-3 > p {
font-size: 17px; font-weight: 400; color: #5c6873; margin: 15px 0 0 0;
} .c-content-title-3 > p.c-font-uppercase {
font-size: 15px;
} .c-content-title-3.c-right {
padding-left: 0px; padding-right: 20px; border-left: 0; border-right: 4px solid #88909a;
} .c-content-title-3.c-right > h3 {
text-align: right;
} .c-content-title-3.c-right > p {
text-align: right;
} .c-content-title-3.c-title-md > .c-line-left, .c-content-title-3.c-title-md > .c-line-center {
margin-bottom: 15px;
} .c-content-title-3.c-title-md > h3 {
font-size: 22px; margin-bottom: 22px;
} .c-content-title-3.c-title-md > h3 > i {
font-size: 18px; color: #88909a;
} .c-content-title-3.c-title-md > h3.c-font-uppercase {
font-size: 20px;
} .c-content-title-3.c-title-md > p {
font-size: 17px; margin: 15px 0;
} .c-content-title-3.c-title-md > p.c-font-uppercase {
font-size: 14px;
} .c-content-title-3.c-title-sm > .c-line-left, .c-content-title-3.c-title-sm > .c-line-center {
margin-bottom: 10px;
} .c-content-title-3.c-title-sm > h3 {
font-size: 18px; margin-bottom: 10px;
} .c-content-title-3.c-title-sm > h3 > i {
font-size: px; color: #88909a;
} .c-content-title-3.c-title-sm > h3.c-font-uppercase {
font-size: 14px;
} .c-content-title-3.c-title-sm > p {
font-size: 16px; margin: 10px 0;
} .c-content-title-3.c-title-sm > p.c-font-uppercase {
font-size: 14px;
}
@media (max-width: 1300px) {
/* 991px */
.c-content-title-3 {
margin-bottom: 10px;
padding-left: 20px;
border-left: 4px solid #88909a;
}
.c-content-title-3 > h3 {
font-size: 22px;
margin-bottom: 10px;
}
.c-content-title-3 > h3 > i {
font-size: 20px;
}
.c-content-title-3 > h3.c-font-uppercase {
font-size: 20px;
}
.c-content-title-3 > p {
font-size: 17px;
font-weight: 400;
color: #5c6873;
margin: 15px 0 0 0;
}
.c-content-title-3 > p.c-font-uppercase {
font-size: 15px;
}
.c-content-title-3.c-right {
padding-left: 0px;
padding-right: 20px;
border-left: 0;
border-right: 4px solid #88909a;
}
.c-content-title-3.c-right > h3 {
text-align: right;
}
.c-content-title-3.c-right > p {
text-align: right;
}
.c-content-title-3.c-title-md > .c-line-left,
.c-content-title-3.c-title-md > .c-line-center {
margin-bottom: 15px;
}
.c-content-title-3.c-title-md > h3 {
font-size: 22px;
margin-bottom: 22px;
}
.c-content-title-3.c-title-md > h3 > i {
font-size: 18px;
color: #88909a;
}
.c-content-title-3.c-title-md > h3.c-font-uppercase {
font-size: 20px;
}
.c-content-title-3.c-title-md > p {
font-size: 17px;
margin: 15px 0;
}
.c-content-title-3.c-title-md > p.c-font-uppercase {
font-size: 14px;
}
.c-content-title-3.c-title-sm > .c-line-left,
.c-content-title-3.c-title-sm > .c-line-center {
margin-bottom: 10px;
}
.c-content-title-3.c-title-sm > h3 {
font-size: 18px;
margin-bottom: 10px;
}
.c-content-title-3.c-title-sm > h3 > i {
font-size: px;
color: #88909a;
}
.c-content-title-3.c-title-sm > h3.c-font-uppercase {
font-size: 14px;
}
.c-content-title-3.c-title-sm > p {
font-size: 16px;
margin: 10px 0;
}
.c-content-title-3.c-title-sm > p.c-font-uppercase {
font-size: 14px;
}
} .c-content-divider {
display: block; height: 2px; background: #3f444a; margin: 20px 0; position: relative;
} .c-content-divider > i {
color: #3f444a; left: 50%; display: inline-block; position: absolute; width: 34px; height: 34px; text-align: center; top: -16px; font-size: 18px; vertical-align: middle;
} .c-content-divider > i.c-rounded {
border-radius: 100%;
} .c-content-divider > i.c-square {
border-radius: 34px;
} .c-content-divider > i.icon-dot {
padding: 0; width: 14px; height: 14px; top: -6px; background: #3f444a; border-radius: 14px;
} .c-content-divider > i.icon-dot.c-square {
border-radius: 0;
} .c-content-divider > span {
display: block; background: #fff; padding: 5px 7px; width: auto; position: relative; top: -18px; margin: 0 auto;
} .c-content-divider.c-left {
margin-left: 25px;
} .c-content-divider.c-left > i {
left: -25px;
} .c-content-divider.c-right {
margin-right: 25px;
} .c-content-divider.c-right > i {
left: auto; right: -25px;
} .c-content-divider.c-icon-bg > i {
padding-top: 8px; width: 35px; height: 35px; top: -17px; border-radius: 35px; background: #3f444a;
} .c-content-divider.c-icon-bg.c-left {
margin-left: 45px;
} .c-content-divider.c-icon-bg.c-left > i {
left: -45px;
} .c-content-divider.c-icon-bg.c-right {
margin-right: 45px;
} .c-content-divider.c-icon-bg.c-right > i {
left: auto; right: -45px;
} .c-content-divider.c-divider-sm {
height: 1px;
} .c-content-divider.c-divider-sm > .icon-dot {
width: 10px; height: 10px; top: -4px; background: #3f444a; border-radius: 10px;
} .c-content-divider.c-divider-sm > .icon-dot.c-square {
border-radius: 0;
}
.c-content-label {
padding: 4px 10px 2px 10px; color: #ffffff; background-color: #32c5d2; font-weight: 400; font-size: 16px; display: inline-block;
} .c-content-label.c-font-uppercase {
font-size: 14px;
} .c-content-label.c-label-sm {
font-size: 13px; padding: 6px 12px 4px 12px;
} .c-content-label.c-label-sm.c-font-uppercase {
font-size: 14px;
} .c-content-label.c-label-lg {
font-size: 18px; padding: 6px 14px 4px 14px;
} .c-content-label.c-label-lg.c-font-uppercase {
font-size: 20px;
}
.c-content-testimonials-1 .c-testimonial {
max-width: 600px; margin: 0 auto; text-align: center;
} .c-content-testimonials-1 .c-testimonial > p {
margin: 0 0 20px 0; color: #ffffff; font-size: 18px; font-weight: 300; text-align: center;
} .c-content-testimonials-1 .c-testimonial > h3 {
margin: 0 0 20px 0; color: #ffffff; font-size: 14px; text-transform: uppercase; font-weight: 600; text-align: center; letter-spacing: 1px;
} .c-content-testimonials-1 .c-testimonial > h3 > span {
font-weight: 600;
} .c-content-testimonials-1.c-option-2 .c-testimonial > p {
color: #3f444a;
} .c-content-testimonials-1.c-option-2 .c-testimonial > h3 {
color: #5c6873;
} .c-content-testimonials-1 .owl-carousel:not(.c-theme) .owl-controls .owl-pagination .owl-page span {
background: #e1e1e1;
} .c-content-testimonials-1 .owl-carousel:not(.c-theme) .owl-controls .owl-pagination .owl-page.active span {
background: #fff;
}
.c-content-testimonial-2 {
background: #fff; padding: 50px 30px 50px 30px;
} .c-content-testimonial-2 .c-testimonial {
font-size: 30px; line-height: 35px; font-weight: 300; color: #3f444a; margin: 30px 0 40px 0;
} .c-content-testimonial-2 .c-author {
bottom: 0; left: 0;
} .c-content-testimonial-2 .c-author > .c-name {
display: inline-block; font-size: 16px; color: #5c6873; font-weight: 400; margin: 6px 0 0 0;
} .c-content-testimonial-2 .c-author > .c-portrait {
background-size: cover; width: 55px; height: 55px; border-radius: 58px; float: left; margin-right: 20px;
} .c-content-testimonial-2 .c-author > .c-position {
font-size: 12px; font-weight: 500; margin: 0 0 0 0;
}
.c-content-testimonial-2-slider .c-title {
position: absolute; top: 30px; left: 45px; z-index: 10; font-size: 14px; padding: 4px 10px 2px 10px; font-weight: 400; color: #ffffff;
} .c-content-testimonial-2-slider .owl-controls {
margin: 0; text-align: right; position: absolute; top: 30px; right: 30px;
}
@media (max-width: 1300px) {
/* 991px */
.c-content-testimonial-2 {
margin-bottom: 20px;
}
} .c-content-bar-1 {
padding: 0; margin: 0; width: 100%; text-align: center;
} .c-content-bar-1 > h3 {
font-size: 30px; color: #3f444a; font-weight: 500; margin-bottom: 30px;
} .c-content-bar-1 > p {
font-size: 16px; font-weight: 400; margin-bottom: 30px; color: #5c6873;
} .c-content-bar-1.c-bordered {
border: 3px solid transparent; padding: 20px;
}
.c-content-bar-2 {
padding: 0; margin: 0; width: 100%;
} .c-content-bar-2 .c-content-title-1 > h3 {
color: #3f444a; margin-bottom: 20px;
} .c-content-bar-2 .c-content-title-1 > p {
color: #5c6873; font-size: 16px; margin: 0 0 20px 0; line-height: 25px;
} .c-content-bar-2 .c-content-v-center .c-body {
padding: 30px;
} .c-content-bar-2 .c-content-v-center .c-body h3 {
text-transform: uppercase; text-align: center; line-height: 33px; font-size: 21px; font-weight: 500; margin: 0;
}
@media (max-width: 1300px) {
/* 991px */
.c-content-bar-2 .c-content-v-center {
margin-top: 20px;
}
.c-content-bar-2 .c-content-v-center .c-body {
padding: 20px;
}
} .c-content-bar-3 {
padding: 0; margin: 0; width: 100%;
} .c-content-bar-3 .c-content-title-1 > h3 {
padding: 0; color: #ffffff; font-weight: 500; margin: 0 0 25px 0;
} .c-content-bar-3 .c-content-title-1 > p {
padding: 0; color: #5c6873; text-transform: uppercase; margin: 0; font-size: 16px;
}
@media (max-width: 1300px) {
/* 991px */
.c-content-bar-3 > .c-content-title-1 {
margin-bottom: 40px;
}
} @media (max-width: 767px) {
/* <= 767px */
.c-content-bar-3 {
text-align: center;
}
.c-content-bar-3 > .c-content-title-1 {
text-align: center;
}
} .c-content-bar-4 {
padding: 0; margin: 0; width: 100%; text-align: center;
} .c-content-bar-4 > h3 {
display: inline-block; color: #ffffff; font-weight: 500; font-size: 40px; line-height: 50px; margin: 100px auto 40px auto; padding: 40px; border: 2px solid rgba(255, 255, 255, 0.15);
} .c-content-bar-4.c-opt-2 > h3 {
margin-top: 30px; margin-bottom: 0;
} .c-content-bar-4.c-opt-2 > .row > div > p {
color: #ffffff; text-transform: uppercase; font-size: 16px; line-height: 25px; padding: 40px;
}
.c-content-bar-5 {
padding: 0; margin: 0; width: 100%;
} .c-content-bar-5 > h3 {
font-size: 30px; color: #3f444a; font-weight: 500; margin-bottom: 30px;
} .c-content-bar-5 > p {
font-size: 16px; font-weight: 400; margin-bottom: 30px; color: #5c6873;
} .c-content-bar-5.c-bordered {
border: 3px solid transparent; padding: 40px;
}
.c-content-media-1 {
padding: 30px; background-color: #ffffff; margin: 0; position: relative;
} .c-content-media-1.c-bordered {
border: 1px solid #f0f1f2;
} .c-content-media-1 .c-content-label {
padding: 4px 10px 2px 10px;
} .c-content-media-1 .c-title {
display: block; font-size: 30px; font-weight: 300; line-height: 35px; color: #3f444a; margin: 30px 0 20px 0;
} .c-content-media-1 p {
font-size: 19px; color: #5c6873; font-weight: 300; line-height: 24px;
} .c-content-media-1 .c-date {
margin-bottom: 10px; margin-top: 30px; display: inline-block; color: #5c6873; font-size: 16px; text-transform: uppercase; font-weight: 500;
} .c-content-media-1 .c-author {
overflow: auto; margin-bottom: 10px; margin-top: 30px;
} .c-content-media-1 .c-author > .c-portrait {
position: relative; background-size: cover; width: 55px; height: 55px; border-radius: 58px; float: left; margin-right: 20px;
} .c-content-media-1 .c-author > .c-name {
float: left; font-size: 16px; font-weight: 400; color: #5c6873; margin: 15px 0 0 0;
} .c-content-media-1 .c-author > p {
font-size: 12px; color: #32c5d2; margin: 0;
} .c-content-media-1 .c-action {
margin-top: 20px; text-align: right;
}
.c-content-media-1-slider > .c-content-label {
padding: 4px 10px 2px 10px; position: absolute; top: 30px; left: 40px; z-index: 10;
} .c-content-media-1-slider .owl-controls {
margin: 0; text-align: right; position: absolute; top: 30px; right: 30px;
} .c-content-media-1-slider.c-pagination-bottom .owl-controls {
top: auto; bottom: 20px; right: 30px;
}
@media (max-width: 1300px) {
/* 991px */
.c-content-media-1 {
margin-bottom: 20px;
}
.c-content-media-1-slider {
margin-bottom: 20px;
}
} .c-content-media-2 {
padding: 30px; position: relative; background-repeat: no-repeat; background-size: cover;
} .c-content-media-2 .c-panel {
position: absolute; bottom: 10px; right: 30px;
} .c-content-media-2 .c-panel > .c-fav {
font-size: 20px; color: #ffffff;
} .c-content-media-2 .c-panel > .c-fav > i {
position: relative; top: 2px; margin-right: 10px; display: inline-block;
} .c-content-media-2 .c-panel > .c-fav > i:hover {
color: #32c5d2; cursor: pointer;
} .c-content-media-2 .c-panel > .c-fav > p {
display: inline-block;
}
.c-content-media-2-slider .c-content-label {
position: absolute; top: 25px; left: 40px; z-index: 10;
} .c-content-media-2-slider .owl-controls {
margin: 0; text-align: right; position: absolute; top: 30px; right: 30px;
} .c-content-media-2-slider.c-pagination-bottom .owl-controls {
top: auto; bottom: 20px; right: 30px;
}
@media (max-width: 1300px) {
/* 991px */
.c-content-media-2 {
margin-bottom: 20px;
}
.c-content-media-2-slider {
margin-bottom: 20px;
}
} .c-content-pricing-1 {
padding: 0; margin: 0; width: 100%;
} .c-content-pricing-1 > .c-tile-container {
width: 100%; position: relative; text-align: center;
} .c-content-pricing-1 > .c-tile-container > .c-tile {
background: #ffffff; width: 31.9%; height: 100%; float: left; padding: 90px 0; margin: 0 20px;
} .c-content-pricing-1 > .c-tile-container > .c-tile.c-bordered {
border: 3px solid transparent;
} .c-content-pricing-1 > .c-tile-container > .c-tile.c-shadow {
box-shadow: 0px 3px 18px -5px rgba(0, 0, 0, 0.5);
} .c-content-pricing-1 > .c-tile-container > .c-tile > .c-label {
color: #fff; padding: 4px 10px 2px 10px; font-weight: bold; font-size: 14px; text-transform: uppercase; display: inline-block; margin: 0 0 30px 0;
} .c-content-pricing-1 > .c-tile-container > .c-tile > p {
font-size: 15px; font-weight: 400;
} .c-content-pricing-1 > .c-tile-container > .c-tile > .btn {
margin-top: 40px;
} .c-content-pricing-1 > .c-tile-container > .c-tile > .c-price {
color: #3f444a; font-size: 60px; font-weight: bold;
} .c-content-pricing-1 > .c-tile-container > .c-tile > .c-price > sup {
font-size: 28px; font-weight: normal; vertical-align: super;
} .c-content-pricing-1 > .c-tile-container > .c-tile-small {
margin: 40px 0; padding: 50px 0;
} .c-content-pricing-1.c-option-2 > .c-tile-container > .c-tile > .c-label {
color: #ffffff;
} .c-content-pricing-1.c-option-2 > .c-tile-container > .c-tile.c-highlight {
background-color: #32c5d2;
} .c-content-pricing-1.c-option-2 > .c-tile-container > .c-tile.c-highlight > .c-label {
background-color: #ffffff; color: #32c5d2;
} .c-content-pricing-1.c-option-2 > .c-tile-container > .c-tile.c-highlight > p {
color: #ffffff;
} .c-content-pricing-1.c-option-2 > .c-tile-container > .c-tile.c-highlight > .c-price {
color: #3f444a;
} .c-content-pricing-1.c-option-2 > .c-tile-container > .c-tile.c-highlight > .c-price > sup {
color: #3f444a;
}
@media (max-width: 1300px) {
/* <= 991px */
.c-content-pricing-1 > .c-title > h3 {
margin: 20px 0 50px 0;
}
.c-content-pricing-1 > .c-tile-container > .c-tile {
width: 100%;
margin: 20px 0;
}
} .c-content-pricing-1 {
padding: 0; margin: 0;
} .c-content-pricing-1 .c-content.c-padding-adjustment {
margin-right: -30px;
} .c-content-pricing-1 .c-content > .c-row {
padding: 30px; text-align: center; border-top: 1px solid; font-weight: 500;
} .c-content-pricing-1 .c-content > .c-row > .c-sub-title {
display: none;
} .c-content-pricing-1 .c-content > .c-row:first-child, .c-content-pricing-1 .c-content > .c-row:last-child {
border-top: none;
} .c-content-pricing-1 .c-content > .c-row.c-type {
padding: 30px; font-weight: 500;
} .c-content-pricing-1 .c-content > .c-row.c-title {
text-align: left; padding-left: 0px; font-weight: normal;
} .c-content-pricing-1 .c-content > .c-row.c-align-left {
padding-left: 0px; text-align: left;
} .c-content-pricing-1 .c-content > .c-row.c-purchase > .c-btn-purchase {
padding: 12px 30px 10px 30px;
} .c-content-pricing-1.c-opt-1 .c-content.c-column-even {
background: #fafbfb;
} .c-content-pricing-1.c-opt-1 .c-content > .c-row {
color: #5f6f77; border-top-color: #f4f4f4;
} .c-content-pricing-1.c-opt-1 .c-content > .c-row.c-type {
color: #5f6f77;
} .c-content-pricing-1.c-opt-1 .c-content > .c-row.c-title {
color: #84969f;
} .c-content-pricing-1.c-opt-1 .c-content > .c-row.c-dollar {
color: #b9c4ca;
} .c-content-pricing-1.c-opt-1 .c-content > .c-row > .fa.fa-check {
color: #75c199;
} .c-content-pricing-1.c-opt-1 .c-content > .c-row > .fa.fa-times {
color: #ff6b57;
} .c-content-pricing-1.c-opt-2 .c-content.c-column-even {
background: rgba(255, 255, 255, 0.02);
} .c-content-pricing-1.c-opt-2 .c-content > .c-row {
color: #969ab9; border-top-color: rgba(255, 255, 255, 0.04);
} .c-content-pricing-1.c-opt-2 .c-content > .c-row.c-type {
color: #fbfefe;
} .c-content-pricing-1.c-opt-2 .c-content > .c-row.c-title {
color: #969ab9;
} .c-content-pricing-1.c-opt-2 .c-content > .c-row.c-dollar {
color: #5b5f84;
} .c-content-pricing-1.c-opt-2 .c-content > .c-row > .fa.fa-check {
color: #75c199;
} .c-content-pricing-1.c-opt-2 .c-content > .c-row > .fa.fa-times {
color: #ff6b57;
}
.c-title-pricing-1 {
margin-top: 40px;
} .c-title-pricing-1 > h4 {
float: left; margin-top: 0px; margin-bottom: 70px;
} .c-title-pricing-1 > .c-try {
position: absolute; top: 30px; right: 15px; float: left;
} .c-title-pricing-1 > .c-try > .c-btn-try {
padding: 12px 30px 10px 30px;
} .c-title-pricing-1.c-opt-title-1 > h4 {
color: #455055;
} .c-title-pricing-1.c-opt-title-1 > .c-try > .c-btn-try {
background: #ff6b57; color: #ffffff;
} .c-title-pricing-1.c-opt-title-1 > .c-try > .c-btn-try:hover, .c-title-pricing-1.c-opt-title-1 > .c-try > .c-btn-try:focus, .c-title-pricing-1.c-opt-title-1 > .c-try > .c-btn-try:active, .c-title-pricing-1.c-opt-title-1 > .c-try > .c-btn-try.active, .c-title-pricing-1.c-opt-title-1 > .c-try > .c-btn-try .open > .dropdown-toggle.c-btn-try {
background: #e16450;
} .c-title-pricing-1.c-opt-title-1 > .c-try > .c-btn-try:active, .c-title-pricing-1.c-opt-title-1 > .c-try > .c-btn-try.active {
background: #c3604b; box-shadow: none;
} .c-title-pricing-1.c-opt-title-2 > h4 {
color: #fbfefe;
} .c-title-pricing-1.c-opt-title-2 > h4 > span {
color: #41c6ec;
} .c-title-pricing-1.c-opt-title-2 > .c-try > .c-btn-try {
background: #ff6b57; color: #ffffff;
} .c-title-pricing-1.c-opt-title-2 > .c-try > .c-btn-try:hover, .c-title-pricing-1.c-opt-title-2 > .c-try > .c-btn-try:focus, .c-title-pricing-1.c-opt-title-2 > .c-try > .c-btn-try:active, .c-title-pricing-1.c-opt-title-2 > .c-try > .c-btn-try.active, .c-title-pricing-1.c-opt-title-2 > .c-try > .c-btn-try .open > .dropdown-toggle.c-btn-try {
background: #e16450;
} .c-title-pricing-1.c-opt-title-2 > .c-try > .c-btn-try:active, .c-title-pricing-1.c-opt-title-2 > .c-try > .c-btn-try.active {
background: #c3604b; box-shadow: none;
}
@media (max-width: 1300px) {
/* 991px */
.c-title-pricing-1 {
margin-top: 40px;
}
.c-title-pricing-1 > h4 {
float: left;
margin-top: 0px;
margin-bottom: 70px;
}
.c-title-pricing-1 > .c-try {
position: absolute;
top: -7px;
right: 15px;
float: left;
}
.c-content-pricing-1 > .c-sm-hidden {
display: none;
}
.c-content-pricing-1 .c-content > .c-row {
padding: 30px;
text-align: center;
}
.c-content-pricing-1 .c-content > .c-row > .c-sub-title {
display: inline;
}
.c-content-pricing-1 .c-content > .c-row.c-align-left {
padding-left: 30px;
text-align: center;
}
.c-content-pricing-1 .c-content > .c-row.c-title {
text-align: center;
padding-left: 30px;
}
.c-content-pricing-1 .c-content > .c-row.c-empty {
display: none;
}
} @media (max-width: 767px) {
/* 766px */
.c-title-pricing-1 {
text-align: center;
padding: 0px;
}
.c-title-pricing-1 > h4 {
width: 100%;
clear: both;
margin: 0px auto 30px;
}
.c-title-pricing-1 > .c-try {
position: static;
clear: both;
width: 100%;
margin-bottom: 50px;
}
.c-title-pricing-1 > .c-try > .c-btn-try {
margin-left: auto;
margin-right: auto;
}
.c-content-pricing-1 .c-content {
margin-bottom: 80px;
}
.c-content-pricing-1 .c-content.c-padding-adjustment {
margin-left: 0px;
margin-right: 0px;
}
} .c-content-pricing-2 {
text-align: center; padding: 50px 0; margin-bottom: 20px;
} .c-content-pricing-2 > .c-icon {
margin-bottom: 43px;
} .c-content-pricing-2 > .c-title {
margin-bottom: 5px;
} .c-content-pricing-2 > .c-price {
margin-bottom: 33px;
} .c-content-pricing-2 > .c-items > ul {
list-style: none; padding: 0px; margin-bottom: 38px;
} .c-content-pricing-2 > .c-items > ul > li {
padding: 4px 0; font-size: 16px;
} .c-content-pricing-2.c-padding-first {
margin-right: -15px;
} .c-content-pricing-2.c-featured-no-padding, .c-content-pricing-2.c-featured-extra-padding, .c-content-pricing-2.c-featured-overlap {
margin-top: -30px; padding: 80px 0; border-radius: 3px; position: relative; z-index: 1;
} .c-content-pricing-2.c-featured-no-padding {
margin-left: -15px; margin-right: -15px;
} .c-content-pricing-2.c-featured-extra-padding {
margin-left: -13px; margin-right: -13px;
} .c-content-pricing-2.c-featured-overlap {
margin-left: -17px; margin-right: -17px;
} .c-content-pricing-2.c-padding-last {
margin-left: -15px;
} .c-content-pricing-2.c-opt-1 {
background: #f8f8f8;
} .c-content-pricing-2.c-opt-1.c-bg-outline {
border: 2px solid transparent;
} .c-content-pricing-2.c-opt-1 > .c-icon > i {
color: #c8d1e1;
} .c-content-pricing-2.c-opt-1 > .c-title {
color: #5f6f77;
} .c-content-pricing-2.c-opt-1 > .c-price {
color: #8d9db6;
} .c-content-pricing-2.c-opt-1 > .c-items {
color: #aab5c6;
} .c-content-pricing-2.c-opt-1-featured {
background: #ff6b57;
} .c-content-pricing-2.c-opt-1-featured.c-bg-outline {
border: 2px solid transparent;
} .c-content-pricing-2.c-opt-1-featured > .c-icon > i {
color: #ffb1a7;
} .c-content-pricing-2.c-opt-1-featured > .c-title {
color: #ffffff;
} .c-content-pricing-2.c-opt-1-featured > .c-price {
color: #ffd5cf;
} .c-content-pricing-2.c-opt-1-featured > .c-items {
color: #ffd5cf;
} .c-content-pricing-2.c-opt-2 {
background: #3e4265;
} .c-content-pricing-2.c-opt-2.c-bg-outline {
border: 2px solid transparent;
} .c-content-pricing-2.c-opt-2 > .c-icon > i {
color: #505477;
} .c-content-pricing-2.c-opt-2 > .c-title {
color: #ffffff;
} .c-content-pricing-2.c-opt-2 > .c-price {
color: #969ab9;
} .c-content-pricing-2.c-opt-2 > .c-items {
color: #969ab9;
} .c-content-pricing-2.c-opt-2-featured {
background: #414567;
} .c-content-pricing-2.c-opt-2-featured.c-bg-outline {
border: 2px solid transparent;
} .c-content-pricing-2.c-opt-2-featured > .c-icon > i {
color: #ff6b57;
} .c-content-pricing-2.c-opt-2-featured > .c-title {
color: #ffffff;
} .c-content-pricing-2.c-opt-2-featured > .c-price {
color: #22afd7;
} .c-content-pricing-2.c-opt-2-featured > .c-items {
color: #969ab9;
} .c-content-pricing-2.c-opt-3 {
background: #ffffff;
} .c-content-pricing-2.c-opt-3.c-bg-outline {
border: 2px solid #dce2e7;
} .c-content-pricing-2.c-opt-3 > .c-icon > i {
color: #c8d1e1;
} .c-content-pricing-2.c-opt-3 > .c-title {
color: #5f6f77;
} .c-content-pricing-2.c-opt-3 > .c-price {
color: #8d9db6;
} .c-content-pricing-2.c-opt-3 > .c-items {
color: #aab5c6;
} .c-content-pricing-2.c-opt-3-featured {
background: #ffffff;
} .c-content-pricing-2.c-opt-3-featured.c-bg-outline {
border: 2px solid #53b0bb;
} .c-content-pricing-2.c-opt-3-featured > .c-icon > i {
color: #53b0bb;
} .c-content-pricing-2.c-opt-3-featured > .c-title {
color: #5f6f77;
} .c-content-pricing-2.c-opt-3-featured > .c-price {
color: #8d9db6;
} .c-content-pricing-2.c-opt-3-featured > .c-items {
color: #aab5c6;
} .c-content-pricing-2.c-opt-4 {
background: rgba(255, 255, 255, 0.05);
} .c-content-pricing-2.c-opt-4.c-bg-outline {
border: 2px solid transparent;
} .c-content-pricing-2.c-opt-4 > .c-icon > i {
color: #808ca4;
} .c-content-pricing-2.c-opt-4 > .c-title {
color: #ffffff;
} .c-content-pricing-2.c-opt-4 > .c-price {
color: #b5bdcc;
} .c-content-pricing-2.c-opt-4 > .c-items {
color: #b5bdcc;
} .c-content-pricing-2.c-opt-4-featured {
background: rgba(255, 255, 255, 0.07);
} .c-content-pricing-2.c-opt-4-featured.c-bg-outline {
border: 2px solid transparent;
} .c-content-pricing-2.c-opt-4-featured > .c-icon > i {
color: #22afd7;
} .c-content-pricing-2.c-opt-4-featured > .c-title {
color: #ffffff;
} .c-content-pricing-2.c-opt-4-featured > .c-price {
color: #b5bdcc;
} .c-content-pricing-2.c-opt-4-featured > .c-items {
color: #b5bdcc;
} .c-content-pricing-2.c-opt-5 {
background: #fafafa;
} .c-content-pricing-2.c-opt-5.c-bg-outline {
border: 2px solid #fafafa;
} .c-content-pricing-2.c-opt-5 > .c-icon > i {
color: #8d98a3;
} .c-content-pricing-2.c-opt-5 > .c-title {
color: #3d4e5e;
} .c-content-pricing-2.c-opt-5 > .c-price {
color: #8d98a3;
} .c-content-pricing-2.c-opt-5 > .c-items {
color: #afb6bc;
} .c-content-pricing-2.c-opt-5-featured {
background: #22272c;
} .c-content-pricing-2.c-opt-5-featured.c-bg-outline {
border: 2px solid #2a333c;
} .c-content-pricing-2.c-opt-5-featured > .c-icon > i {
color: #30363b;
} .c-content-pricing-2.c-opt-5-featured > .c-title {
color: #fbfefe;
} .c-content-pricing-2.c-opt-5-featured > .c-price {
color: #525960;
} .c-content-pricing-2.c-opt-5-featured > .c-items {
color: #525960;
}
.c-title-pricing-2 > h4 {
margin: 15px 0;
} .c-title-pricing-2 > p {
margin-bottom: 100px;
} .c-title-pricing-2.c-opt-title-1 > h4 {
color: #455055;
} .c-title-pricing-2.c-opt-title-1 > h4 > span {
color: #22afd7;
} .c-title-pricing-2.c-opt-title-1 > p {
color: #a0b0b8;
} .c-title-pricing-2.c-opt-title-2 > h4 {
color: #fbfefe;
} .c-title-pricing-2.c-opt-title-2 > h4 > span {
color: #22afd7;
} .c-title-pricing-2.c-opt-title-2 > p {
color: #969ab9;
} .c-title-pricing-2.c-opt-title-3 > h4 {
color: #455055;
} .c-title-pricing-2.c-opt-title-3 > h4 > span {
color: #53b0bb;
} .c-title-pricing-2.c-opt-title-3 > p {
color: #a0b0b8;
} .c-title-pricing-2.c-opt-title-4 > h4 {
color: #ffffff;
} .c-title-pricing-2.c-opt-title-4 > h4 > span {
color: #ffffff;
} .c-title-pricing-2.c-opt-title-4 > p {
color: #b5bdcc;
} .c-title-pricing-2.c-opt-title-5 > h4 {
color: #3d4e5e;
} .c-title-pricing-2.c-opt-title-5 > h4 > span {
color: #3d4e5e;
} .c-title-pricing-2.c-opt-title-5 > p {
color: #a0b0b8;
}
@media (max-width: 1300px) {
/* 991px */
.c-content-pricing-2.c-padding-first {
margin-right: -15px;
margin-top: 0px;
}
.c-content-pricing-2.c-featured-no-padding, .c-content-pricing-2.c-featured-extra-padding, .c-content-pricing-2.c-featured-overlap {
border-radius: 0px;
margin: 0px 0px 0px -10px;
padding: 50px 0;
}
.c-content-pricing-2.c-featured-overlap {
padding: 52px 0;
}
.c-content-pricing-2.c-padding-last {
margin-left: 0px;
margin-top: 5px;
}
} @media (max-width: 767px) {
/* 766px */
.c-content-pricing-2.c-padding-first {
margin: 0px;
}
.c-content-pricing-2.c-featured-no-padding, .c-content-pricing-2.c-featured-extra-padding, .c-content-pricing-2.c-featured-overlap {
margin-top: 5px;
margin-left: 0px;
border-radius: 0px;
padding: 50px 0;
}
.c-content-pricing-2.c-padding-last {
margin-left: 0px;
margin-top: 5px;
}
} .c-content-product-1 {
padding: 0; margin: 0; width: 100%;
} .c-content-product-1 .row {
position: relative;
} .c-content-product-1 .row .c-media > img {
width: 100%;
} .c-content-product-1 .row .c-body {
padding: 80px 0 20px 20px;
} .c-content-product-1 .row .c-body > .c-row {
padding: 0 0 0 40px;
} .c-content-product-1 .row .c-body > .c-row > li {
width: 50%; display: inline-block; list-style: none; float: left; padding: 0 50px 0 0; margin-bottom: 35px;
} .c-content-product-1 .row .c-body > .c-row > li:last-child {
padding: 0 0 0 50px;
} .c-content-product-1 .row .c-body > .c-row > li > h4 {
font-size: 20px; color: #3f444a; font-weight: 600; margin-bottom: 20px; text-transform: uppercase;
} .c-content-product-1 .row .c-body > .c-row > li > p {
color: #5c6873; font-weight: 300;
} .c-content-product-1 .row .c-body > .btn {
display: block; margin: 0 auto 60px auto; clear: both;
}
@media (max-width: 1300px) {
/* 991px */
.c-content-product-1 .row .c-media > img {
width: 40%;
margin: 0 auto;
display: block;
}
.c-content-product-1 .row .c-body {
padding: 30px 0 10px;
}
.c-content-product-1 .row .c-body > .c-row {
padding: 0;
}
.c-content-product-1 .row .c-body > .c-row > li {
width: 100%;
margin: 40px 0;
float: none;
}
.c-content-product-1 .row .c-body > .c-row > li:last-child {
padding: 0;
}
} .c-content-contact-1 {
padding: 0; margin: 0; width: 100%;
} .c-content-contact-1:before {
background-color: rgba(255, 255, 255, 0.5);
} .c-content-contact-1:after {
background-color: rgba(255, 255, 255, 0.5);
} .c-content-contact-1 > .row .c-body {
position: relative; z-index: 100; background: #ffffff; margin: 40px 0; padding: 60px 40px;
} .c-content-contact-1 > .row .c-body > .c-section {
margin-bottom: 15px; text-align: right;
} .c-content-contact-1 > .row .c-body > .c-section > h3 {
font-size: 30px; color: #3f444a; font-weight: bold; margin: 0 0 30px 0; text-transform: uppercase;
} .c-content-contact-1 > .row .c-body > .c-section > p {
font-size: 16px; line-height: 24px; color: #7f8c97; font-weight: 300;
} .c-content-contact-1 > .row .c-body > .c-section > p, .c-content-contact-1 > .row .c-body > .c-section > .c-content-iconlist-1 {
margin-top: 20px;
}
.c-content-contact-1-gmap {
display: block; top: 0; bottom: 0; left: 0; right: 0; position: absolute; width: 100%;
}
@media (max-width: 1300px) {
/* 991px */
.c-content-contact-1-gmap {
display: block;
position: static;
width: 100%;
height: 300px !important;
}
.c-content-contact-1 > .row > div {
width: 100%;
}
.c-content-contact-1 > .row > div .c-body {
position: static;
display: block;
padding: 30px 20px 10px 20px;
background: #fafafa;
margin: 0;
text-align: left;
}
.c-content-contact-1 > .row > div .c-body:before, .c-content-contact-1 > .row > div .c-body:after {
content: " ";
display: table;
}
.c-content-contact-1 > .row > div .c-body:after {
clear: both;
}
} .c-content-feedback-1 {
padding: 0; margin: 0; width: 100%;
} .c-content-feedback-1 > .row > div .c-content-title-1 > .c-line-left {
margin-bottom: 30px;
} .c-content-feedback-1 > .row > div .c-content-title-1 > p {
margin-bottom: 30px; font-weight: 300;
} .c-content-feedback-1 > .row > div > .c-container {
background-size: auto; padding: 30px; margin: 0 30px 60px 0;
} .c-content-feedback-1 > .row > div > .c-container > .c-inverse > h3 {
color: #ffffff;
} .c-content-feedback-1 > .row > div > .c-container > .c-inverse > .c-line-left {
background-color: #ffffff;
} .c-content-feedback-1 > .row > div > .c-container > .c-inverse > p {
color: #ffffff;
} .c-content-feedback-1 > .row > div > .c-container:last-child {
margin-bottom: 0;
} .c-content-feedback-1 > .row > div > .c-container:last-child p {
margin-bottom: 0;
} .c-content-feedback-1 > .row > div > .c-contact {
margin-left: 30px;
} .c-content-feedback-1 > .row > div form {
margin-bottom: 20px;
} .c-content-feedback-1 > .row > div form .input-group {
width: 340px;
} .c-content-feedback-1 .input-group {
border: 0;
} .c-content-feedback-1 .input-group .input-group-addon, .c-content-feedback-1 .input-group .btn {
border: 0;
} .c-content-feedback-1.c-option-2 {
padding: 60px 0;
} .c-content-feedback-1.c-option-2 > .c-content-title-1 > h3 {
margin-left: -18px;
} .c-content-feedback-1.c-option-2 > .c-content-title-1 > .c-left {
margin-bottom: 0; left: -7.5px; background-color: #ffffff;
} .c-content-feedback-1.c-option-2 > .c-content-title-1 > .c-right {
display: block; text-align: center; position: relative; left: 7.5px; top: -3px;
} .c-content-feedback-1.c-option-2 > .c-content-title-1 > .c-line-center {
position: relative; display: block; text-align: center; width: 15px;
} .c-content-feedback-1.c-option-2 > .c-content-title-1 > p {
margin-left: 18px;
} .c-content-feedback-1.c-option-2 > .c-content-title-1 > p > span {
color: #7f8b96;
}
@media (max-width: 1300px) {
/* 991px */
.c-content-feedback-1 > .row > div > .c-container {
margin-right: 0;
margin-bottom: 40px;
}
.c-content-feedback-1 > .row > div > .c-contact {
padding: 40px 30px 0 30px;
margin: 0;
}
.c-content-feedback-1.c-option-2 > .row > div > .c-contact {
padding: 30px;
margin-top: 40px;
background-color: #ffffff;
}
} .c-content-recent-posts-1 {
padding: 0; margin: 0;
} .c-content-recent-posts-1 > li {
padding: 15px; list-style: none; border: 1px solid #eeeeee; border-bottom: 0;
} .c-content-recent-posts-1 > li:last-child {
border-bottom: 1px solid #eeeeee;
} .c-content-recent-posts-1 > li > .c-image {
width: 60px; display: inline-block; margin-right: 10px; float: left;
} .c-content-recent-posts-1 > li > .c-post {
padding: 5px 0;
} .c-content-recent-posts-1 > li > .c-post .c-title {
font-weight: 400;
} .c-content-recent-posts-1 > li > .c-post .c-date {
font-size: 15px; color: #5c6873;
} .c-content-recent-posts-1 > li:before, .c-content-recent-posts-1 > li:after {
content: " "; display: table;
} .c-content-recent-posts-1 > li:after {
clear: both;
}
.c-content-blog-post-1:before, .c-content-blog-post-1:after {
content: " "; display: table;
} .c-content-blog-post-1:after {
clear: both;
} .c-content-blog-post-1 .c-title {
font-size: 30px; color: #3f444a; font-weight: 300; margin: 30px 0 20px 0;
} .c-content-blog-post-1 .c-desc {
font-size: 17px; color: #5c6873; font-weight: 300; margin: 0px 0 30px 0;
} .c-content-blog-post-1 .c-panel {
padding: 5px 10px; border: 1px solid #eeeeee;
} .c-content-blog-post-1 .c-panel:before, .c-content-blog-post-1 .c-panel:after {
content: " "; display: table;
} .c-content-blog-post-1 .c-panel:after {
clear: both;
} .c-content-blog-post-1 .c-panel .c-author, .c-content-blog-post-1 .c-panel .c-date, .c-content-blog-post-1 .c-panel .c-comments {
float: left; display: inline-block; font-size: 14px; color: #5c6873; font-weight: 400; margin: 6px 10px 3px 0;
} .c-content-blog-post-1 .c-panel .c-comments {
float: right;
} .c-content-blog-post-1 .c-panel .c-comments i {
position: relative; top: 2px; color: #8f9ba6;
} .c-content-blog-post-1 .c-panel .c-tags {
padding: 0; margin: 3px 0px 5px 0; float: right; display: inline-block;
} .c-content-blog-post-1 .c-panel .c-tags > li {
font-size: 13px; text-transform: uppercase; display: inline-block; list-style: none; padding: 2px 6px 1px 6px; margin: 0 2px;
} .c-content-blog-post-1 .c-panel .c-tags > li:last-child {
margin-right: 0;
} .c-content-blog-post-1 .c-panel .c-author {
display: inline-block;
} .c-content-blog-post-1 .c-comments {
margin: 40px 0;
} .c-content-blog-post-1 .c-comments .c-comment-list {
margin-bottom: 60px;
} .c-content-blog-post-1 .c-comments .c-comment-list .media {
margin-bottom: 30px;
} .c-content-blog-post-1 .c-comments .c-comment-list .media .media-body > .media:last-child {
margin-bottom: 0;
} .c-content-blog-post-1 .c-comments .c-comment-list .media-object {
height: 50px; width: 50px; border-radius: 50px !important;
} .c-content-blog-post-1 .c-comments .c-comment-list .media-heading > a {
text-transform: uppercase;
} .c-content-blog-post-1 .c-comments .c-comment-list .media-heading > .c-date {
text-transform: uppercase; font-size: 16px;
}
.c-content-blog-post-1-list {
padding-right: 30px;
} .c-content-blog-post-1-list:before, .c-content-blog-post-1-list:after {
content: " "; display: table;
} .c-content-blog-post-1-list:after {
clear: both;
} .c-content-blog-post-1-list .c-content-blog-post-1 {
margin-bottom: 80px;
} .c-content-blog-post-1-list .c-pagination {
text-align: center;
}
.c-content-blog-post-1-view {
padding-right: 30px;
} .c-content-blog-post-1-view:before, .c-content-blog-post-1-view:after {
content: " "; display: table;
} .c-content-blog-post-1-view:after {
clear: both;
} .c-content-blog-post-1-view .c-navigation {
text-align: center;
}
.c-content-blog-post-card-1 .c-body {
padding: 20px 0;
} .c-content-blog-post-card-1 .c-body .c-title {
font-size: 19px; font-weight: 500; color: #3f444a; margin-bottom: 10px;
} .c-content-blog-post-card-1 .c-body .c-author {
font-size: 14px; font-weight: 400; color: #5c6873; margin-bottom: 10px;
} .c-content-blog-post-card-1 .c-body .c-panel {
padding: 5px 0; border-top: 1px solid #eeeeee;
} .c-content-blog-post-card-1 .c-body .c-panel:before, .c-content-blog-post-card-1 .c-body .c-panel:after {
content: " "; display: table;
} .c-content-blog-post-card-1 .c-body .c-panel:after {
clear: both;
} .c-content-blog-post-card-1 .c-body .c-panel .c-comments {
float: left; display: inline-block; font-size: 15px; color: #5c6873; font-weight: 400; margin: 6px 10px 3px 0;
} .c-content-blog-post-card-1 .c-body .c-panel .c-comments i {
position: relative; top: 2px; color: #8f9ba6;
} .c-content-blog-post-card-1 .c-body .c-panel .c-tags {
padding: 0; margin: 3px 0px 5px 0; float: right; display: inline-block;
} .c-content-blog-post-card-1 .c-body .c-panel .c-tags > li {
font-size: 13px; text-transform: uppercase; display: inline-block; list-style: none; padding: 2px 6px 1px 6px; margin: 0 2px;
} .c-content-blog-post-card-1 .c-body .c-panel .c-tags > li:last-child {
margin-right: 0;
} .c-content-blog-post-card-1 .c-body .c-panel .c-author {
display: inline-block;
} .c-content-blog-post-card-1 .c-body p {
display: block; clear: both; padding: 10px 0 0 0; color: #5c6873;
} .c-content-blog-post-card-1.c-option-2 .c-body {
padding: 30px; background: #fff;
} .c-content-blog-post-card-1.c-option-2 .c-body p {
padding-bottom: 0;
} .c-content-blog-post-card-1.c-bordered {
border: 1px solid #eeeeee;
}
.c-content-blog-post-card-1-grid {
padding-right: 40px;
} .c-content-blog-post-card-1-grid .c-content-blog-post-card-1 {
margin-bottom: 30px;
} .c-content-blog-post-card-1-grid .c-pagination {
margin-top: 30px; text-align: center;
}
.c-content-blog-post-card-1-slider .c-content-label {
padding: 6px 10px 2px 10px; position: absolute; top: 30px; left: 40px; z-index: 10;
} .c-content-blog-post-card-1-slider .owl-controls {
margin-top: 60px;
}
.c-content-counter-1 > .row > div {
text-align: center;
} .c-content-counter-1 > .row > div > .c-title {
font-weight: 300; font-size: 20px; color: #3f444a; margin: 20px 0 15px 0;
} .c-content-counter-1 > .row > div > .c-counter {
font-size: 45px; font-weight: 300; color: #32c5d2; margin: 10px auto 30px auto; background-color: #fff; width: 200px; height: 200px; padding: 65px 0; display: block; border-radius: 200px; border: 1px solid transparent;
} .c-content-counter-1 > .row > div > .c-counter.c-bordered {
border: 4px solid transparent; background: none;
} .c-content-counter-1 > .row > div > .c-content {
color: #5c6873; padding: 0 30px;
}
@media (max-width: 1300px) {
/* 991px */
.c-content-counter-1 > .row > div > .c-title {
margin-top: 5px;
}
.c-content-counter-1 > .row > div > .c-first {
margin-top: 0;
}
.c-content-counter-1 > .row > div > .c-content {
margin-bottom: 60px;
}
} .c-content-feature-1 {
padding-right: 40px;
} .c-content-feature-1 > h4 {
font-size: 18px; color: #3f444a; margin-top: 0; font-weight: 500; text-transform: uppercase;
} .c-content-feature-1 p {
font-size: 18px; color: #5c6873;
} .c-content-feature-1 > h3 {
font-size: 30px; color: #3f444a; font-weight: 500; margin: 30px 0 25px 0;
}
@media (max-width: 1300px) {
/* 991px */
.c-content-feature-1 {
padding-right: 20px;
}
} .c-content-feature-2 {
padding: 40px 40px 40px 40px; margin-bottom: 20px; background: #ffffff;
} .c-content-feature-2 .c-icon-wrapper {
width: 70px; height: 70px; padding: 10px 0 10px 0; float: left; margin-right: 25px;
} .c-content-feature-2 .c-icon-wrapper > .c-content-line-icon {
width: 60px; height: 60px; float: left;
} .c-content-feature-2 .c-title {
font-size: 20px; color: #3f444a; margin-top: 0; font-weight: 500; text-transform: uppercase;
} .c-content-feature-2 p {
font-size: 17px; color: #5c6873; font-weight: 300; padding-left: 95px; margin: 0;
} .c-content-feature-2.c-option-2 {
cursor: pointer; padding: 20px 0;
} .c-content-feature-2.c-option-2 .c-icon-wrapper {
background: none; padding: 15px; border: 1px solid #eeeeee;
} .c-content-feature-2.c-option-2 .c-icon-wrapper > .c-content-line-icon {
width: 40px; height: 40px; float: left;
} .c-content-feature-2.c-option-2:hover .c-icon-wrapper {
border: 0;
} .c-content-feature-2.c-option-2:hover .c-icon-wrapper > .c-content-line-icon {
background-image: url(../img/content/line-icons/white.png);
}
.c-content-feature-2-grid .c-content-v-center {
margin-bottom: 20px;
}
.c-content-feature-3 {
padding: 0; margin-bottom: 70px; text-align: center;
} .c-content-feature-3 > p {
color: #ffffff; font-size: 17px; line-height: 25px; font-weight: 500; padding: 40px; margin: 0;
} .c-content-feature-3 > .btn {
margin-top: 5px;
}
.c-content-feature-3-grid {
text-align: center;
} .c-content-feature-3-grid > .c-title {
text-align: center; color: #ffffff; font-weight: 500; font-size: 40px; margin: 100px auto 20px auto; display: inline-block;
}
@media (max-width: 1300px) {
/* 991px */
.c-content-feature-3 {
margin-bottom: 40px;
}
.c-content-feature-3 > p {
padding: 20px;
}
.c-content-feature-3 > .btn {
margin-top: 5px;
}
.c-content-feature-3-grid > .c-title {
margin: 70px auto 10px auto;
}
} .c-content-feature-4 .c-content-area {
width: 40%;
} .c-content-feature-4 .c-feature-bg {
width: 60%;
} .c-content-feature-4 .c-feature-bg, .c-content-feature-4 .c-content-area {
height: 750px; margin-bottom: -750px;
} .c-content-feature-4 .c-content-left {
float: left;
} .c-content-feature-4 .c-content-left.c-semi-circle {
border-top-right-radius: 35% 50%; border-bottom-right-radius: 35% 50%;
} .c-content-feature-4 .c-content-left.c-diagonal {
border-right: 200px solid; border-top: 750px solid transparent;
} .c-content-feature-4 .c-content-left.c-arrow {
border-right: 200px solid; border-top: 375px solid transparent; border-bottom: 375px solid transparent;
} .c-content-feature-4 .c-content-right {
float: right;
} .c-content-feature-4 .c-content-right.c-semi-circle {
border-top-left-radius: 35% 50%; border-bottom-left-radius: 35% 50%;
} .c-content-feature-4 .c-content-right.c-diagonal {
border-left: 200px solid; border-top: 750px solid transparent;
} .c-content-feature-4 .c-content-right.c-arrow {
border-left: 200px solid; border-top: 375px solid transparent; border-bottom: 375px solid transparent;
} .c-content-feature-4 .c-feature-content {
padding: 0; width: 30%;
} .c-content-feature-4 .c-feature-content.c-left {
float: left;
} .c-content-feature-4 .c-feature-content.c-right {
float: right;
} .c-content-feature-4 .c-feature-content .c-content-v-center {
height: 750px;
}
@media (max-width: 1300px) {
/* 991px */
.c-content-feature-4 {
height: auto;
margin-bottom: 0;
}
.c-content-feature-4 .c-content-area {
width: 0px;
}
.c-content-feature-4 .c-feature-bg {
width: 100%;
height: 350px;
margin-bottom: -350px;
}
.c-content-feature-4 .c-content-left {
float: left;
}
.c-content-feature-4 .c-content-left.c-semi-circle {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.c-content-feature-4 .c-content-left.c-diagonal {
border-right: 0;
border-top: 0;
}
.c-content-feature-4 .c-content-left.c-arrow {
border-right: 0;
border-top: 0;
border-bottom: 0;
}
.c-content-feature-4 .c-content-right {
float: right;
}
.c-content-feature-4 .c-content-right.c-semi-circle {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.c-content-feature-4 .c-content-right.c-diagonal {
border-left: 0;
border-top: 0;
}
.c-content-feature-4 .c-content-right.c-arrow {
border-left: 0;
border-top: 0;
border-bottom: 0;
}
.c-content-feature-4 .c-feature-content {
padding: 60px 0;
height: auto;
width: 100%;
}
.c-content-feature-4 .c-feature-content.c-left {
float: left;
}
.c-content-feature-4 .c-feature-content.c-right {
float: right;
}
} .c-content-feature-5 .c-content-title-1 {
margin-top: 25px;
} .c-content-feature-5 .c-text {
position: relative; background-color: #ffffff; width: 40%; padding: 25px; z-index: 1;
} .c-content-feature-5 .c-photo {
position: absolute; top: 0; right: 65px;
}
@media (max-width: 1199px) {
/* 991px */
.c-content-feature-5 .c-content-title-1 {
margin: 0;
}
.c-content-feature-5 .c-text {
position: static;
width: 100%;
z-index: auto;
}
.c-content-feature-5 .c-photo {
position: static;
margin: 20px 0px;
}
} .c-content-person-1 .c-body {
padding: 20px 0;
} .c-content-person-1 .c-body .c-head .c-name {
display: inline-block; float: left; font-size: 20px; font-weight: 400; color: #3f444a;
} .c-content-person-1 .c-body .c-head .c-socials {
display: inline-block; float: right; list-style: none; padding: 0; margin: 4px 0 0 0;
} .c-content-person-1 .c-body .c-head .c-socials > li {
padding: 0; margin: 0; display: inline-block;
} .c-content-person-1 .c-body .c-head .c-socials > li > a:hover {
text-decoration: none;
} .c-content-person-1 .c-body .c-head .c-socials > li > a > i {
color: #a3aeb9; padding: 4px; font-size: 16px; border-radius: 100%;
} .c-content-person-1 .c-body .c-head .c-socials > li > a > i:hover {
color: #fff;
} .c-content-person-1 .c-body .c-position {
display: block; clear: both; margin-top: 0px; display: inline-block; float: left; font-size: 14px; font-weight: 400; text-transform: uppercase; color: #7a838e;
} .c-content-person-1 .c-body p {
display: block; clear: both; padding: 10px 0 0 0; color: #5c6873;
} .c-content-person-1.c-option-2 .c-body {
padding: 30px; background: #fff;
} .c-content-person-1.c-option-2 .c-body p {
padding-bottom: 0;
} .c-content-person-1.c-bordered {
border: 1px solid #eeeeee; padding: 20px;
} .c-content-person-1.c-shadow {
box-shadow: 0px 3px 18px -5px rgba(0, 0, 0, 0.3);
}
.c-content-person-1-slider .owl-controls {
margin-top: 20px;
}
.c-content-client-logos-1 {
padding-left: 20px;
} .c-content-client-logos-1 .c-logos {
padding-left: 20px;
} .c-content-client-logos-1 .c-logos .row > div {
padding: 0;
} .c-content-client-logos-1 .c-logo {
display: block; overflow: hidden;
} .c-content-client-logos-1 .c-logo-1 {
border-right: 1px solid #edeff0; border-bottom: 1px solid #edeff0;
} .c-content-client-logos-1 .c-logo-2 {
border-right: 1px solid #edeff0; border-bottom: 1px solid #edeff0;
} .c-content-client-logos-1 .c-logo-3 {
border-bottom: 1px solid #edeff0;
} .c-content-client-logos-1 .c-logo-4 {
border-right: 1px solid #edeff0;
} .c-content-client-logos-1 .c-logo-5 {
border-right: 1px solid #edeff0;
} .c-content-client-logos-1 .c-img-pos {
position: relative; left: 50%; margin-left: -90px;
}
@media (max-width: 1199px) {
/* <= 1199px */
.c-content-client-logos-1 .c-logo-2 {
border-right: 1px solid #edeff0;
border-bottom: 1px solid #edeff0;
}
.c-content-client-logos-1 .c-logo-3 {
border-right: none;
border-bottom: 1px solid #edeff0;
}
.c-content-client-logos-1 .c-logo-4 {
border-right: 1px solid #edeff0;
border-bottom: none;
}
} @media (max-width: 1300px) {
/* <= 991px */
.c-content-client-logos-1 .c-logos .c-logo-2 {
border-right: none;
border-bottom: 1px solid #edeff0;
}
.c-content-client-logos-1 .c-logos .c-logo-3 {
border-right: 1px solid #edeff0;
border-bottom: 1px solid #edeff0;
}
.c-content-client-logos-1 .c-logos .c-logo-4 {
border-right: none;
border-bottom: 1px solid #edeff0;
}
} @media (max-width: 768px) {
/* >= 768px */
.c-content-client-logos-1 .c-logo-2 {
border-right: none;
border-bottom: 1px solid #edeff0;
}
.c-content-client-logos-1 .c-logo-3 {
border-bottom: 1px solid #edeff0;
border-right: 1px solid #edeff0;
}
.c-content-client-logos-1 .c-logo-4 {
border-right: none;
border-bottom: 1px solid #edeff0;
}
} @media (max-width: 767px) {
/* <= 767px */
.c-content-client-logos-1 {
padding: 0;
margin-top: 40px;
}
.c-content-client-logos-1 .c-logos {
padding: 0;
}
.c-content-client-logos-1 .c-logo-2 {
border-right: 1px solid #edeff0;
border-bottom: 1px solid #edeff0;
}
.c-content-client-logos-1 .c-logo-3 {
border-bottom: 1px solid #edeff0;
border-right: none;
}
.c-content-client-logos-1 .c-logo-4 {
border-right: 1px solid #edeff0;
border-bottom: none;
}
} @media (max-width: 480px) {
/* >= 480px */
.c-content-client-logos-1 .c-logo-2 {
border-right: none;
border-bottom: 1px solid #edeff0;
}
.c-content-client-logos-1 .c-logo-3 {
border-right: 1px solid #edeff0;
border-bottom: 1px solid #edeff0;
}
.c-content-client-logos-1 .c-logo-4 {
border-right: none;
border-bottom: 1px solid #edeff0;
}
} .c-content-client-logos-slider-1 .item img {
max-width: 230px; opacity: 0.8; filter: alpha(opacity=80); transition: all 0.2s;
} .c-content-client-logos-slider-1 .item img:hover {
opacity: 1; filter: alpha(opacity=100); transition: all 0.2s;
}
.c-content-subscribe-form-1 {
padding: 5px 0 13px 0;
} .c-content-subscribe-form-1 .c-title {
color: #ffffff; font-size: 22px; font-weight: 400; padding-bottom: 10px;
} .c-content-subscribe-form-1 .c-body {
color: #6a7887;
} .c-content-subscribe-form-1 form {
padding-top: 30px;
} .c-content-subscribe-form-1 .input-group > .form-control {
color: #6f7b89; font-size: 17px; font-weight: 300; border-radius: 0; box-shadow: none; border-color: #41464c; background: transparent; padding: 8px 16px;
} .c-content-subscribe-form-1 .input-group > .form-control::-moz-placeholder {
color: #58626d;
} .c-content-subscribe-form-1 .input-group > .form-control:-moz-placeholder {
color: #58626d;
} .c-content-subscribe-form-1 .input-group > .form-control:-ms-input-placeholder {
color: #58626d;
} .c-content-subscribe-form-1 .input-group > .form-control::-webkit-input-placeholder {
color: #58626d;
} .c-content-subscribe-form-1 .input-group > .form-control:focus {
box-shadow: none; border-color: #474f59;
} .c-content-subscribe-form-1 .input-group .btn {
padding-left: 30px; padding-right: 30px; border-radius: 0; border: 0;
} .c-content-subscribe-form-1.c-subscribe-form-light .c-title {
color: #3f444a;
} .c-content-subscribe-form-1.c-subscribe-form-light .c-body {
color: #5c6873;
} .c-content-subscribe-form-1.c-subscribe-form-light .input-group > .form-control {
background: #ffffff; color: #5c6873; border-color: transparent;
} .c-content-subscribe-form-1.c-subscribe-form-light .input-group > .form-control::-moz-placeholder {
color: #73828f;
} .c-content-subscribe-form-1.c-subscribe-form-light .input-group > .form-control:-moz-placeholder {
color: #73828f;
} .c-content-subscribe-form-1.c-subscribe-form-light .input-group > .form-control:-ms-input-placeholder {
color: #73828f;
} .c-content-subscribe-form-1.c-subscribe-form-light .input-group > .form-control::-webkit-input-placeholder {
color: #73828f;
} .c-content-subscribe-form-1.c-subscribe-form-light .input-group > .form-control:focus {
border-color: transparent;
}
@media (max-width: 1300px) {
/* 991px */
} .c-content-tab-1 .nav, .c-content-tab-1 .nav.nav-justified {
border: 0; border-bottom: 3px solid none;
} .c-content-tab-1 .nav > li > a, .c-content-tab-1 .nav.nav-justified > li > a {
color: #3f444a; border: 0; border-bottom: 3px solid none;
} .c-content-tab-1 .nav > li:hover, .c-content-tab-1 .nav > li:focus, .c-content-tab-1 .nav > li:active, .c-content-tab-1 .nav > li.active, .c-content-tab-1 .nav.nav-justified > li:hover, .c-content-tab-1 .nav.nav-justified > li:focus, .c-content-tab-1 .nav.nav-justified > li:active, .c-content-tab-1 .nav.nav-justified > li.active {
background: none;
} .c-content-tab-1 .nav > li:hover > a, .c-content-tab-1 .nav > li:focus > a, .c-content-tab-1 .nav > li:active > a, .c-content-tab-1 .nav > li.active > a, .c-content-tab-1 .nav.nav-justified > li:hover > a, .c-content-tab-1 .nav.nav-justified > li:focus > a, .c-content-tab-1 .nav.nav-justified > li:active > a, .c-content-tab-1 .nav.nav-justified > li.active > a {
background: none; transition: none; border: 0; border-bottom: 3px solid #32c5d2;
} .c-content-tab-1 .nav.tabs-left, .c-content-tab-1 .nav.nav-justified.tabs-left {
border: 0; border-right: 1px solid #eeeeee;
} .c-content-tab-1 .nav.tabs-left > li > a, .c-content-tab-1 .nav.nav-justified.tabs-left > li > a {
border: 0; border-right: 3px solid transparent;
} .c-content-tab-1 .nav.tabs-left > li:hover, .c-content-tab-1 .nav.tabs-left > li:focus, .c-content-tab-1 .nav.tabs-left > li:active, .c-content-tab-1 .nav.tabs-left > li.active, .c-content-tab-1 .nav.nav-justified.tabs-left > li:hover, .c-content-tab-1 .nav.nav-justified.tabs-left > li:focus, .c-content-tab-1 .nav.nav-justified.tabs-left > li:active, .c-content-tab-1 .nav.nav-justified.tabs-left > li.active {
background: #f7f7f7;
} .c-content-tab-1 .nav.tabs-left > li:hover > a, .c-content-tab-1 .nav.tabs-left > li:focus > a, .c-content-tab-1 .nav.tabs-left > li:active > a, .c-content-tab-1 .nav.tabs-left > li.active > a, .c-content-tab-1 .nav.nav-justified.tabs-left > li:hover > a, .c-content-tab-1 .nav.nav-justified.tabs-left > li:focus > a, .c-content-tab-1 .nav.nav-justified.tabs-left > li:active > a, .c-content-tab-1 .nav.nav-justified.tabs-left > li.active > a {
border-radius: 0; background: none; transition: none; border: 0; border-right: 3px solid #32c5d2;
} .c-content-tab-1 .nav.tabs-left > li:last-child > a, .c-content-tab-1 .nav.nav-justified.tabs-left > li:last-child > a {
border-bottom: 0;
} .c-content-tab-1 .nav.tabs-right, .c-content-tab-1 .nav.nav-justified.tabs-right {
border: 0; border-left: 1px solid #eeeeee;
} .c-content-tab-1 .nav.tabs-right > li > a, .c-content-tab-1 .nav.nav-justified.tabs-right > li > a {
border: 0; border-left: 3px solid transparent;
} .c-content-tab-1 .nav.tabs-right > li:hover, .c-content-tab-1 .nav.tabs-right > li:focus, .c-content-tab-1 .nav.tabs-right > li:active, .c-content-tab-1 .nav.tabs-right > li.active, .c-content-tab-1 .nav.nav-justified.tabs-right > li:hover, .c-content-tab-1 .nav.nav-justified.tabs-right > li:focus, .c-content-tab-1 .nav.nav-justified.tabs-right > li:active, .c-content-tab-1 .nav.nav-justified.tabs-right > li.active {
background: #f7f7f7;
} .c-content-tab-1 .nav.tabs-right > li:hover > a, .c-content-tab-1 .nav.tabs-right > li:focus > a, .c-content-tab-1 .nav.tabs-right > li:active > a, .c-content-tab-1 .nav.tabs-right > li.active > a, .c-content-tab-1 .nav.nav-justified.tabs-right > li:hover > a, .c-content-tab-1 .nav.nav-justified.tabs-right > li:focus > a, .c-content-tab-1 .nav.nav-justified.tabs-right > li:active > a, .c-content-tab-1 .nav.nav-justified.tabs-right > li.active > a {
border-radius: 0; background: none; transition: none; border: 0; border-left: 3px solid #32c5d2;
} .c-content-tab-1 .nav.tabs-right > li:last-child > a, .c-content-tab-1 .nav.nav-justified.tabs-right > li:last-child > a {
border-bottom: 0;
} .c-content-tab-1 .nav.tabs-below, .c-content-tab-1 .nav.nav-justified.tabs-below {
border: 0; border-top: 0;
} .c-content-tab-1 .nav.tabs-below > li > a, .c-content-tab-1 .nav.nav-justified.tabs-below > li > a {
border: 0; border-top: 3px solid transparent;
} .c-content-tab-1 .nav.tabs-below > li:hover, .c-content-tab-1 .nav.tabs-below > li:focus, .c-content-tab-1 .nav.tabs-below > li:active, .c-content-tab-1 .nav.tabs-below > li.active, .c-content-tab-1 .nav.nav-justified.tabs-below > li:hover, .c-content-tab-1 .nav.nav-justified.tabs-below > li:focus, .c-content-tab-1 .nav.nav-justified.tabs-below > li:active, .c-content-tab-1 .nav.nav-justified.tabs-below > li.active {
background: none;
} .c-content-tab-1 .nav.tabs-below > li:hover > a, .c-content-tab-1 .nav.tabs-below > li:focus > a, .c-content-tab-1 .nav.tabs-below > li:active > a, .c-content-tab-1 .nav.tabs-below > li.active > a, .c-content-tab-1 .nav.nav-justified.tabs-below > li:hover > a, .c-content-tab-1 .nav.nav-justified.tabs-below > li:focus > a, .c-content-tab-1 .nav.nav-justified.tabs-below > li:active > a, .c-content-tab-1 .nav.nav-justified.tabs-below > li.active > a {
border-radius: 0; background: none; transition: none; border: 0; border-top: 3px solid #32c5d2;
} .c-content-tab-1 .tab-content {
padding: 0;
} .c-content-tab-1 .tab-content.c-bordered {
border: 1px solid #eeeeee;
} .c-content-tab-1 .tab-content.c-left-bordered {
border-left: 1px solid #eeeeee;
} .c-content-tab-1 .tab-content.c-right-bordered {
border-right: 1px solid #eeeeee;
} .c-content-tab-1 .tab-content.c-padding-sm {
padding: 5px;
} .c-content-tab-1 .tab-content.c-padding {
padding: 15px;
} .c-content-tab-1 .tab-content.c-padding-lg {
padding: 30px;
}
.c-content-tab-2 > .nav {
text-align: center;
} .c-content-tab-2 > .nav > li {
float: none; display: inline-block;
} .c-content-tab-2 > .nav > li > a > i {
font-size: 38px;
} .c-content-tab-2 > .nav > li > a > .c-title {
display: block; margin: 20px 0; color: #525e64;
} .c-content-tab-2 > .nav > li > a > .c-content-line-icon {
width: 55px; height: 55px;
} .c-content-tab-2 > .nav > li.active > .c-arrow {
position: relative;
} .c-content-tab-2 > .nav > li.active > .c-arrow:before {
bottom: 100%; left: 50%; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border: 13px solid transparent; margin-left: -13px;
} .c-content-tab-2 > .nav > li:not(.active) > a > .c-content-line-icon {
opacity: 0.9; filter: alpha(opacity=90); background-image: url(../img/content/line-icons/dark1.png);
} .c-content-tab-2 > .nav > li + li {
margin-left: 20px;
} .c-content-tab-2 > .c-tab-content .tab-content {
padding: 80px 0; overflow: auto;
} .c-content-tab-2 > .c-tab-content .c-tab-pane > h4 {
margin-bottom: 16px;
} .c-content-tab-2 > .c-tab-content .c-tab-pane > img {
float: right; margin-left: 100px; padding: 5px; border: 1px solid rgba(255, 255, 255, 0.1);
} .c-content-tab-2 > .c-tab-content .c-tab-pane > .c-title {
line-height: 1.6em;
} .c-content-tab-2 > .c-tab-content .c-tab-pane p {
color: #838e9a;
} .c-content-tab-2 > .c-tab-content .c-tab-pane > .btn {
margin-top: 12px;
} .c-content-tab-2.c-opt-1 > .nav li > a {
color: #cfd9e6; background-color: transparent; transition: all 0.2s;
} .c-content-tab-2.c-opt-1 > .nav li > a:hover {
color: #32c5d2; transition: all 0.2s;
} .c-content-tab-2.c-opt-1 > .nav li:hover > a {
color: #32c5d2;
} .c-content-tab-2.c-opt-1 > .nav li.active > a {
color: #32c5d2;
} .c-content-tab-2.c-opt-1 > .nav li.active > a:hover {
color: #32c5d2;
} .c-content-tab-2.c-opt-1 > .nav li.active > .c-arrow:before {
border-bottom-color: #2f353b;
} .c-content-tab-2.c-opt-1 > .nav.c-hover-lighten a:hover {
opacity: 1;
} .c-content-tab-2.c-opt-1 > .c-tab-content {
background-color: #2f353b;
} .c-content-tab-2.c-opt-1 > .c-tab-content .c-tab-pane > h4 {
color: #ffffff;
} .c-content-tab-2.c-opt-1 > .c-tab-content .c-tab-pane > .c-title {
color: #97a1ac;
}
.c-title-tab-2 > h4 {
margin: 15px 0 36px; font-weight: 400;
} .c-title-tab-2 > h4 > .c-title-border {
width: 65px; height: 2px; margin-left: auto; margin-right: auto; margin-top: 40px;
} .c-title-tab-2.c-opt-title-1 > h4 {
color: #455055;
} .c-title-tab-2.c-opt-title-1 > h4 > .c-title-border {
background-color: #22afd7;
} .c-title-tab-2.c-opt-title-2 > h4 {
color: #455055;
} .c-title-tab-2.c-opt-title-2 > h4 > .c-title-border {
background-color: #71c9ce;
} .c-title-tab-2.c-opt-title-3 > h4 {
color: #ffffff;
} .c-title-tab-2.c-opt-title-3 > h4 > .c-title-border {
background-color: #ff6b57;
}
@media (max-width: 1300px) {
/* 991px */
.c-content-tab-2 > .nav a > i {
font-size: 40px;
}
.c-content-tab-2 > .nav a > .c-title {
margin: 10px 0;
}
} @media (max-width: 767px) {
/* 766px */
.c-content-tab-2 > .nav li.active > .c-arrow {
position: static;
}
.c-content-tab-2 > .nav li.active > .c-arrow:before {
border: 0;
}
.c-content-tab-2 > .c-tab-content img {
width: 100%;
float: none;
clear: both;
padding: 0;
margin-bottom: 20px;
}
.c-content-tab-2 > .c-tab-content h4 {
margin: 20px 0;
}
} .c-content-tab-3 .nav {
text-align: center; width: 1170px; margin: auto;
} .c-content-tab-3 .nav > li {
float: left; display: inline-block;
} .c-content-tab-3 .nav > li > a {
border-radius: 0px; padding: 20px 50px;
} .c-content-tab-3 .nav > li + li {
margin-left: 2px;
} .c-content-tab-3 .nav > li + li > .c-separator {
top: 20px; left: -2px; width: 2px; height: 21px; position: absolute;
} .c-content-tab-3 .nav > li.active > .c-separator {
visibility: hidden;
} .c-content-tab-3 .nav > li.active + li > .c-separator {
visibility: hidden;
} .c-content-tab-3 > .c-tab-content {
padding: 85px 0 60px 0;
} .c-content-tab-3 > .c-tab-content ul.c-items {
margin: 0; padding: 0;
} .c-content-tab-3 > .c-tab-content ul.c-items > li {
margin: 0 0 0 -13px; list-style: none;
} .c-content-tab-3 > .c-tab-content ul.c-items > li + li {
padding-top: 25px;
} .c-content-tab-3 > .c-tab-content ul.c-items > li > h4 {
margin: 0 0 15px;
} .c-content-tab-3 > .c-tab-content ul.c-items > li > h4 > i {
margin-right: 10px;
} .c-content-tab-3 > .c-tab-content .btn {
margin: 32px 0 0 -13px;
} .c-content-tab-3 > .c-tab-content ul.c-photos {
margin-right: -30px;
} .c-content-tab-3 > .c-tab-content ul.c-photos > li {
list-style: none;
} .c-content-tab-3 > .c-tab-content ul.c-photos > li + li {
margin-bottom: 20px;
} .c-content-tab-3.c-opt-1 .nav > li > a {
color: #7f96b2; background-color: #edf1f5;
} .c-content-tab-3.c-opt-1 .nav > li > a:hover {
background-color: #ffffff;
} .c-content-tab-3.c-opt-1 .nav > li.active > a {
color: #32c5d2; background-color: #ffffff;
} .c-content-tab-3.c-opt-1 > .c-tab-content {
background-color: #ffffff;
} .c-content-tab-3.c-opt-1 > .c-tab-content ul.c-items > li > h4 {
color: #5f6f77;
} .c-content-tab-3.c-opt-1 > .c-tab-content ul.c-items > li > h4 > i {
color: #78a2c9;
} .c-content-tab-3.c-opt-1 > .c-tab-content ul.c-items > li > p {
color: #7d929d;
}
@media (max-width: 1300px) {
/* 991px */
.c-content-tab-3 .nav > li > .c-separator {
display: none;
}
.c-content-tab-3 .nav > li + li {
margin: 0;
}
.c-content-tab-3 > .c-tab-content .c-photos {
margin: 50px -28px 0;
padding: 0;
}
.c-content-tab-3 > .c-tab-content .c-photos + .c-photos {
margin: 0 -28px 0;
}
} @media (max-width: 767px) {
/* 766px */
.c-content-tab-3 .nav > li {
width: 100%;
}
.c-content-tab-3 > .c-tab-content .c-photos > li + li {
margin-top: 20px;
}
} .c-content-tab-4 > .nav > li {
text-align: center;
} .c-content-tab-4 > .nav > li > a {
font-weight: 600; padding: 20px 15px; border: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
} .c-content-tab-4 > .nav > li + li {
padding-left: 1px;
} .c-content-tab-4 > .nav > li:last-child {
margin-left: 0.03px;
} .c-content-tab-4 > .tab-content .c-tab-items {
list-style-type: none; margin: 0; padding: 30px 20px 30px 0;
} .c-content-tab-4 > .tab-content .c-tab-items > li .c-photo {
padding-left: 27px;
} .c-content-tab-4 > .tab-content .c-tab-items > li h4 {
margin: 0; padding-bottom: 8px;
} .c-content-tab-4 > .tab-content .c-tab-items > li p, .c-content-tab-4 > .tab-content .c-tab-items > li h4 {
margin-left: -6px;
} .c-content-tab-4 > .tab-content .c-tab-items > li:nth-child(even) {
padding: 25px 0;
} .c-content-tab-4 > .tab-content .c-tab-items > li:last-child {
padding-bottom: 0;
} .c-content-tab-4.c-tab-bordered > .tab-content {
border: 1px solid #eef1f3; border-top: 0;
} .c-content-tab-4.c-opt-1 > .nav > li > a {
color: #ffffff; background-color: #d5e0ea;
} .c-content-tab-4.c-opt-1 > .nav > li > a:hover, .c-content-tab-4.c-opt-1 > .nav > li > a:focus {
background-color: #6f95b7;
} .c-content-tab-4.c-opt-1 > .nav > li.active > a, .c-content-tab-4.c-opt-1 > .nav > li:active > a {
color: #ffffff; background-color: #5bc2ce;
} .c-content-tab-4.c-opt-1 > .nav > li:nth-child(even) > a {
background-color: #d5e0ea;
} .c-content-tab-4.c-opt-1 > .nav > li:nth-child(even) > a:hover, .c-content-tab-4.c-opt-1 > .nav > li:nth-child(even) > a:focus {
background-color: #6f95b7;
} .c-content-tab-4.c-opt-1 > .nav > li:nth-child(even).active > a, .c-content-tab-4.c-opt-1 > .nav > li:nth-child(even):active > a {
color: #ffffff; background-color: #5bc2ce;
} .c-content-tab-4.c-opt-1 > .tab-content {
background-color: #ffffff;
} .c-content-tab-4.c-opt-1 > .tab-content .c-tab-items > li h4 {
color: #5f6f77;
} .c-content-tab-4.c-opt-1 > .tab-content .c-tab-items > li p {
color: #9aaab3;
} .c-content-tab-4.c-opt-2 > .nav > li > a {
color: #ffffff; background-color: #d5e0ea;
} .c-content-tab-4.c-opt-2 > .nav > li > a:hover, .c-content-tab-4.c-opt-2 > .nav > li > a:focus {
background-color: #6f95b7;
} .c-content-tab-4.c-opt-2 > .nav > li.active > a, .c-content-tab-4.c-opt-2 > .nav > li:active > a {
color: #ffffff; background-color: #5bc2ce;
} .c-content-tab-4.c-opt-2 > .nav > li:nth-child(even) > a {
background-color: #cfdae4;
} .c-content-tab-4.c-opt-2 > .nav > li:nth-child(even) > a:hover, .c-content-tab-4.c-opt-2 > .nav > li:nth-child(even) > a:focus {
background-color: #6d8fad;
} .c-content-tab-4.c-opt-2 > .nav > li:nth-child(even).active > a, .c-content-tab-4.c-opt-2 > .nav > li:nth-child(even):active > a {
color: #ffffff; background-color: #5bc2ce;
} .c-content-tab-4.c-opt-2 > .tab-content {
background-color: #ffffff;
} .c-content-tab-4.c-opt-2 > .tab-content .c-tab-items > li h4 {
color: #5f6f77;
} .c-content-tab-4.c-opt-2 > .tab-content .c-tab-items > li p {
color: #9aaab3;
} .c-content-tab-4.c-opt-3 > .nav > li > a {
color: #ffffff; background-color: #d5e0ea;
} .c-content-tab-4.c-opt-3 > .nav > li > a:hover, .c-content-tab-4.c-opt-3 > .nav > li > a:focus {
background-color: #6f95b7;
} .c-content-tab-4.c-opt-3 > .nav > li.active > a, .c-content-tab-4.c-opt-3 > .nav > li:active > a {
color: #ffffff; background-color: #5bc2ce;
} .c-content-tab-4.c-opt-3 > .nav > li:nth-child(even) > a {
background-color: #cfdae4;
} .c-content-tab-4.c-opt-3 > .nav > li:nth-child(even) > a:hover, .c-content-tab-4.c-opt-3 > .nav > li:nth-child(even) > a:focus {
background-color: #6d8fad;
} .c-content-tab-4.c-opt-3 > .nav > li:nth-child(even).active > a, .c-content-tab-4.c-opt-3 > .nav > li:nth-child(even):active > a {
color: #ffffff; background-color: #5bc2ce;
} .c-content-tab-4.c-opt-3 > .tab-content {
background-color: #f6f9fb;
} .c-content-tab-4.c-opt-3 > .tab-content .c-tab-items > li h4 {
color: #5f6f77;
} .c-content-tab-4.c-opt-3 > .tab-content .c-tab-items > li p {
color: #9aaab3;
} .c-content-tab-4.c-opt-4 > .nav > li > a {
color: #ffffff; background-color: #d5e0ea;
} .c-content-tab-4.c-opt-4 > .nav > li > a:hover, .c-content-tab-4.c-opt-4 > .nav > li > a:focus {
background-color: #6f95b7;
} .c-content-tab-4.c-opt-4 > .nav > li.active > a, .c-content-tab-4.c-opt-4 > .nav > li:active > a {
color: #ff6b57; background-color: #3e495e;
} .c-content-tab-4.c-opt-4 > .nav > li:nth-child(even) > a {
background-color: #cfdae4;
} .c-content-tab-4.c-opt-4 > .nav > li:nth-child(even) > a:hover, .c-content-tab-4.c-opt-4 > .nav > li:nth-child(even) > a:focus {
background-color: #6d8fad;
} .c-content-tab-4.c-opt-4 > .nav > li:nth-child(even).active > a, .c-content-tab-4.c-opt-4 > .nav > li:nth-child(even):active > a {
color: #ff6b57; background-color: #3e495e;
} .c-content-tab-4.c-opt-4 > .tab-content {
background-color: #3e495e;
} .c-content-tab-4.c-opt-4 > .tab-content .c-tab-items > li h4 {
color: #ffffff;
} .c-content-tab-4.c-opt-4 > .tab-content .c-tab-items > li p {
color: #616b7f;
} .c-content-tab-4.c-opt-5 > .nav > li > a {
color: #ffffff; background-color: #d5e0ea;
} .c-content-tab-4.c-opt-5 > .nav > li > a:hover, .c-content-tab-4.c-opt-5 > .nav > li > a:focus {
background-color: #6f95b7;
} .c-content-tab-4.c-opt-5 > .nav > li.active > a, .c-content-tab-4.c-opt-5 > .nav > li:active > a {
color: #ffffff; background-color: #5bc2ce;
} .c-content-tab-4.c-opt-5 > .nav > li:nth-child(even) > a {
background-color: #d5e0ea;
} .c-content-tab-4.c-opt-5 > .nav > li:nth-child(even) > a:hover, .c-content-tab-4.c-opt-5 > .nav > li:nth-child(even) > a:focus {
background-color: #6f95b7;
} .c-content-tab-4.c-opt-5 > .nav > li:nth-child(even).active > a, .c-content-tab-4.c-opt-5 > .nav > li:nth-child(even):active > a {
color: #ffffff; background-color: #5bc2ce;
} .c-content-tab-4.c-opt-5 > .tab-content {
background-color: #ffffff;
} .c-content-tab-4.c-opt-5 > .tab-content .c-tab-items > li h4 {
color: #5f6f77;
} .c-content-tab-4.c-opt-5 > .tab-content .c-tab-items > li p {
color: #9aaab3;
}
@media (max-width: 1199px) {
/* 1199px */
.c-content-tab-4 > .nav > li:last-child {
margin-left: 0.06px;
}
} @media (max-width: 1300px) {
/* 991px */
.c-content-tab-4 > .nav > li:last-child {
margin-left: 0.01px;
}
} @media (max-width: 767px) {
/* 766px */
.c-content-tab-4 > .tab-content .c-tab-items > li .c-photo {
padding-bottom: 15px;
}
.c-content-tab-4 > .tab-content .c-tab-items > li h4, .c-content-tab-4 > .tab-content .c-tab-items > li p {
padding: 0 25px;
}
} .c-content-step-1 {
text-align: center; padding-bottom: 20px;
} .c-content-step-1 > .c-icon {
padding-bottom: 30px;
} .c-content-step-1 > .c-icon > .c-hr {
display: inline-block;
} .c-content-step-1 > .c-icon > .c-hr:before, .c-content-step-1 > .c-icon > .c-hr:after {
border-top: 1px solid black; display: block; height: 1px; content: " "; width: 38%; position: absolute; left: 0; top: 2.2em;
} .c-content-step-1 > .c-icon > .c-hr:after {
right: 0; left: auto;
} .c-content-step-1 > .c-icon > .c-hr.c-hr-first:before {
width: 34%; left: 4%;
} .c-content-step-1 > .c-icon > .c-hr.c-hr-last:after {
width: 34%; right: 4%;
} .c-content-step-1 > .c-icon > .c-hr > i {
font-size: 4.2em;
} .c-content-step-1 > .c-title {
margin-top: 20px;
} .c-content-step-1 > .c-description {
padding: 0px 60px; margin: 20px 0 30px 0;
} .c-content-step-1.c-opt-1 > .c-icon {
color: #7d90b0;
} .c-content-step-1.c-opt-1 > .c-icon > .c-hr:before, .c-content-step-1.c-opt-1 > .c-icon > .c-hr:after {
border-color: #919191;
} .c-content-step-1.c-opt-1 > .c-description {
color: #5c6873;
}
.c-title-step-1 > h4 {
margin: 15px 0;
} .c-title-step-1 > p {
margin-bottom: 68px;
} .c-title-step-1.c-opt-title-1 > h4 {
color: #455055;
} .c-title-step-1.c-opt-title-1 > h4 > span {
color: #455055;
} .c-title-step-1.c-opt-title-1 > p {
color: #a0b0b8;
}
@media (max-width: 1300px) {
/* 991px */
.c-content-step-1 {
padding-bottom: 60px;
}
.c-content-step-1 > .c-icon > .c-hr:after {
width: 34%;
right: 4%;
}
.c-content-step-1 > .c-icon > .c-hr.c-hr-first:after {
width: 38%;
right: 0;
left: auto;
}
.c-content-step-1 > .c-icon > .c-hr.c-hr-last:before {
width: 41%;
left: 2%;
}
.c-content-step-1 > .c-icon > .c-hr.c-hr-last:after {
width: 42%;
right: 2%;
}
} @media (max-width: 767px) {
/* 766px */
.c-content-step-1 {
padding-bottom: 60px;
}
.c-content-step-1 > .c-icon > .c-hr:before {
width: 34%;
left: 4%;
}
.c-content-step-1 > .c-icon > .c-hr.c-hr-first:after {
width: 35%;
right: 4%;
}
.c-content-step-1 > .c-icon > .c-hr.c-hr-last:before {
width: 35%;
left: 4%;
}
.c-content-step-1 > .c-icon > .c-hr.c-hr-last:after {
width: 35%;
right: 4%;
}
.c-content-step-1 > .c-explore {
padding-bottom: 60px;
}
} .c-content-accordion-1 .panel-group {
margin-bottom: 0;
} .c-content-accordion-1 .panel {
padding: 0; box-shadow: none; border-radius: 0; border: 0; margin-bottom: 10px;
} .c-content-accordion-1 .panel:last-child {
margin-bottom: 0;
} .c-content-accordion-1 .panel:last-child {
margin-bottom: 0;
} .c-content-accordion-1 .panel > .panel-heading {
padding: 0; color: #ffffff;
} .c-content-accordion-1 .panel > .panel-heading > .panel-title {
padding: 0; margin: 0;
} .c-content-accordion-1 .panel > .panel-heading > .panel-title > a {
transition: all 0.2s; color: #fff; display: block; padding: 30px 30px 25px 30px; border-radius: 0; box-shadow: none;
} .c-content-accordion-1 .panel > .panel-heading > .panel-title > a > i {
margin-right: 5px; font-size: 17px;
} .c-content-accordion-1 .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff; color: #3f444a;
} .c-content-accordion-1 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1 .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; transition: all 0.2s;
} .c-content-accordion-1 .panel > .panel-collapse > .panel-body {
border-top: none; padding: 0px 30px 35px 30px; color: #ffffff;
} .c-content-accordion-1.c-accordion-white .panel > .panel-heading > .panel-title > a {
background-color: #FFFFFF;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-white .panel > .panel-heading > .panel-title > a {
border: 2px solid #e6e6e6 !important;
} .c-content-accordion-1.c-accordion-white .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-white .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-white .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #FFFFFF;
} .c-content-accordion-1.c-accordion-white .panel > .panel-collapse > .panel-body {
background-color: #FFFFFF;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-white .panel > .panel-collapse > .panel-body {
border: 2px solid #e6e6e6 !important;
} .c-content-accordion-1.c-accordion-black .panel > .panel-heading > .panel-title > a {
background-color: #000000;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-black .panel > .panel-heading > .panel-title > a {
border: 2px solid black !important;
} .c-content-accordion-1.c-accordion-black .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-black .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-black .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #000000;
} .c-content-accordion-1.c-accordion-black .panel > .panel-collapse > .panel-body {
background-color: #000000;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-black .panel > .panel-collapse > .panel-body {
border: 2px solid black !important;
} .c-content-accordion-1.c-accordion-regular .panel > .panel-heading > .panel-title > a {
background-color: #7f8c97;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-regular .panel > .panel-heading > .panel-title > a {
border: 2px solid #66727d !important;
} .c-content-accordion-1.c-accordion-regular .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-regular .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-regular .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #7f8c97;
} .c-content-accordion-1.c-accordion-regular .panel > .panel-collapse > .panel-body {
background-color: #7f8c97;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-regular .panel > .panel-collapse > .panel-body {
border: 2px solid #66727d !important;
} .c-content-accordion-1.c-accordion-green .panel > .panel-heading > .panel-title > a {
background-color: #32c5d2;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-green .panel > .panel-heading > .panel-title > a {
border: 2px solid #26a1ab !important;
} .c-content-accordion-1.c-accordion-green .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-green .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-green .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #32c5d2;
} .c-content-accordion-1.c-accordion-green .panel > .panel-collapse > .panel-body {
background-color: #32c5d2;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-green .panel > .panel-collapse > .panel-body {
border: 2px solid #26a1ab !important;
} .c-content-accordion-1.c-accordion-green-1 .panel > .panel-heading > .panel-title > a {
background-color: #52c9ba;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-green-1 .panel > .panel-heading > .panel-title > a {
border: 2px solid #37b1a1 !important;
} .c-content-accordion-1.c-accordion-green-1 .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-green-1 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-green-1 .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #52c9ba;
} .c-content-accordion-1.c-accordion-green-1 .panel > .panel-collapse > .panel-body {
background-color: #52c9ba;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-green-1 .panel > .panel-collapse > .panel-body {
border: 2px solid #37b1a1 !important;
} .c-content-accordion-1.c-accordion-green-2 .panel > .panel-heading > .panel-title > a {
background-color: #5dc09c;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-green-2 .panel > .panel-heading > .panel-title > a {
border: 2px solid #42a883 !important;
} .c-content-accordion-1.c-accordion-green-2 .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-green-2 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-green-2 .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #5dc09c;
} .c-content-accordion-1.c-accordion-green-2 .panel > .panel-collapse > .panel-body {
background-color: #5dc09c;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-green-2 .panel > .panel-collapse > .panel-body {
border: 2px solid #42a883 !important;
} .c-content-accordion-1.c-accordion-green-3 .panel > .panel-heading > .panel-title > a {
background-color: #84c68f;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-green-3 .panel > .panel-heading > .panel-title > a {
border: 2px solid #61b66f !important;
} .c-content-accordion-1.c-accordion-green-3 .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-green-3 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-green-3 .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #84c68f;
} .c-content-accordion-1.c-accordion-green-3 .panel > .panel-collapse > .panel-body {
background-color: #84c68f;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-green-3 .panel > .panel-collapse > .panel-body {
border: 2px solid #61b66f !important;
} .c-content-accordion-1.c-accordion-red .panel > .panel-heading > .panel-title > a {
background-color: #eb5d68;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-red .panel > .panel-heading > .panel-title > a {
border: 2px solid #e5303e !important;
} .c-content-accordion-1.c-accordion-red .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-red .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-red .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #eb5d68;
} .c-content-accordion-1.c-accordion-red .panel > .panel-collapse > .panel-body {
background-color: #eb5d68;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-red .panel > .panel-collapse > .panel-body {
border: 2px solid #e5303e !important;
} .c-content-accordion-1.c-accordion-red-1 .panel > .panel-heading > .panel-title > a {
background-color: #cd6262;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-red-1 .panel > .panel-heading > .panel-title > a {
border: 2px solid #bf3d3d !important;
} .c-content-accordion-1.c-accordion-red-1 .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-red-1 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-red-1 .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #cd6262;
} .c-content-accordion-1.c-accordion-red-1 .panel > .panel-collapse > .panel-body {
background-color: #cd6262;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-red-1 .panel > .panel-collapse > .panel-body {
border: 2px solid #bf3d3d !important;
} .c-content-accordion-1.c-accordion-red-2 .panel > .panel-heading > .panel-title > a {
background-color: #e7505a;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-red-2 .panel > .panel-heading > .panel-title > a {
border: 2px solid #e12330 !important;
} .c-content-accordion-1.c-accordion-red-2 .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-red-2 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-red-2 .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #e7505a;
} .c-content-accordion-1.c-accordion-red-2 .panel > .panel-collapse > .panel-body {
background-color: #e7505a;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-red-2 .panel > .panel-collapse > .panel-body {
border: 2px solid #e12330 !important;
} .c-content-accordion-1.c-accordion-red-3 .panel > .panel-heading > .panel-title > a {
background-color: #d05163;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-red-3 .panel > .panel-heading > .panel-title > a {
border: 2px solid #bb3346 !important;
} .c-content-accordion-1.c-accordion-red-3 .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-red-3 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-red-3 .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #d05163;
} .c-content-accordion-1.c-accordion-red-3 .panel > .panel-collapse > .panel-body {
background-color: #d05163;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-red-3 .panel > .panel-collapse > .panel-body {
border: 2px solid #bb3346 !important;
} .c-content-accordion-1.c-accordion-yellow .panel > .panel-heading > .panel-title > a {
background-color: #FF6B57;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-yellow .panel > .panel-heading > .panel-title > a {
border: 2px solid #ff3e24 !important;
} .c-content-accordion-1.c-accordion-yellow .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-yellow .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-yellow .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #FF6B57;
} .c-content-accordion-1.c-accordion-yellow .panel > .panel-collapse > .panel-body {
background-color: #FF6B57;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-yellow .panel > .panel-collapse > .panel-body {
border: 2px solid #ff3e24 !important;
} .c-content-accordion-1.c-accordion-yellow-1 .panel > .panel-heading > .panel-title > a {
background-color: #c8d046;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-yellow-1 .panel > .panel-heading > .panel-title > a {
border: 2px solid #adb52e !important;
} .c-content-accordion-1.c-accordion-yellow-1 .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-yellow-1 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-yellow-1 .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #c8d046;
} .c-content-accordion-1.c-accordion-yellow-1 .panel > .panel-collapse > .panel-body {
background-color: #c8d046;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-yellow-1 .panel > .panel-collapse > .panel-body {
border: 2px solid #adb52e !important;
} .c-content-accordion-1.c-accordion-yellow-2 .panel > .panel-heading > .panel-title > a {
background-color: #c5bf66;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-yellow-2 .panel > .panel-heading > .panel-title > a {
border: 2px solid #b4ad44 !important;
} .c-content-accordion-1.c-accordion-yellow-2 .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-yellow-2 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-yellow-2 .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #c5bf66;
} .c-content-accordion-1.c-accordion-yellow-2 .panel > .panel-collapse > .panel-body {
background-color: #c5bf66;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-yellow-2 .panel > .panel-collapse > .panel-body {
border: 2px solid #b4ad44 !important;
} .c-content-accordion-1.c-accordion-yellow-3 .panel > .panel-heading > .panel-title > a {
background-color: #c5b96b;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-yellow-3 .panel > .panel-heading > .panel-title > a {
border: 2px solid #b6a747 !important;
} .c-content-accordion-1.c-accordion-yellow-3 .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-yellow-3 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-yellow-3 .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #c5b96b;
} .c-content-accordion-1.c-accordion-yellow-3 .panel > .panel-collapse > .panel-body {
background-color: #c5b96b;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-yellow-3 .panel > .panel-collapse > .panel-body {
border: 2px solid #b6a747 !important;
} .c-content-accordion-1.c-accordion-blue .panel > .panel-heading > .panel-title > a {
background-color: #3498DB;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-blue .panel > .panel-heading > .panel-title > a {
border: 2px solid #217dbb !important;
} .c-content-accordion-1.c-accordion-blue .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-blue .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-blue .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #3498DB;
} .c-content-accordion-1.c-accordion-blue .panel > .panel-collapse > .panel-body {
background-color: #3498DB;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-blue .panel > .panel-collapse > .panel-body {
border: 2px solid #217dbb !important;
} .c-content-accordion-1.c-accordion-blue-1 .panel > .panel-heading > .panel-title > a {
background-color: #5e9cd1;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-blue-1 .panel > .panel-heading > .panel-title > a {
border: 2px solid #3883c4 !important;
} .c-content-accordion-1.c-accordion-blue-1 .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-blue-1 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-blue-1 .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #5e9cd1;
} .c-content-accordion-1.c-accordion-blue-1 .panel > .panel-collapse > .panel-body {
background-color: #5e9cd1;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-blue-1 .panel > .panel-collapse > .panel-body {
border: 2px solid #3883c4 !important;
} .c-content-accordion-1.c-accordion-blue-2 .panel > .panel-heading > .panel-title > a {
background-color: #5893dd;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-blue-2 .panel > .panel-heading > .panel-title > a {
border: 2px solid #2e78d4 !important;
} .c-content-accordion-1.c-accordion-blue-2 .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-blue-2 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-blue-2 .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #5893dd;
} .c-content-accordion-1.c-accordion-blue-2 .panel > .panel-collapse > .panel-body {
background-color: #5893dd;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-blue-2 .panel > .panel-collapse > .panel-body {
border: 2px solid #2e78d4 !important;
} .c-content-accordion-1.c-accordion-blue-3 .panel > .panel-heading > .panel-title > a {
background-color: #57bfe1;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-blue-3 .panel > .panel-heading > .panel-title > a {
border: 2px solid #2cafd9 !important;
} .c-content-accordion-1.c-accordion-blue-3 .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-blue-3 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-blue-3 .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #57bfe1;
} .c-content-accordion-1.c-accordion-blue-3 .panel > .panel-collapse > .panel-body {
background-color: #57bfe1;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-blue-3 .panel > .panel-collapse > .panel-body {
border: 2px solid #2cafd9 !important;
} .c-content-accordion-1.c-accordion-purple .panel > .panel-heading > .panel-title > a {
background-color: #b771b0;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-purple .panel > .panel-heading > .panel-title > a {
border: 2px solid #a3529b !important;
} .c-content-accordion-1.c-accordion-purple .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-purple .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-purple .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #b771b0;
} .c-content-accordion-1.c-accordion-purple .panel > .panel-collapse > .panel-body {
background-color: #b771b0;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-purple .panel > .panel-collapse > .panel-body {
border: 2px solid #a3529b !important;
} .c-content-accordion-1.c-accordion-purple-1 .panel > .panel-heading > .panel-title > a {
background-color: #a962bb;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-purple-1 .panel > .panel-heading > .panel-title > a {
border: 2px solid #9147a3 !important;
} .c-content-accordion-1.c-accordion-purple-1 .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-purple-1 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-purple-1 .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #a962bb;
} .c-content-accordion-1.c-accordion-purple-1 .panel > .panel-collapse > .panel-body {
background-color: #a962bb;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-purple-1 .panel > .panel-collapse > .panel-body {
border: 2px solid #9147a3 !important;
} .c-content-accordion-1.c-accordion-purple-2 .panel > .panel-heading > .panel-title > a {
background-color: #aa67a3;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-purple-2 .panel > .panel-heading > .panel-title > a {
border: 2px solid #8e5088 !important;
} .c-content-accordion-1.c-accordion-purple-2 .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-purple-2 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-purple-2 .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #aa67a3;
} .c-content-accordion-1.c-accordion-purple-2 .panel > .panel-collapse > .panel-body {
background-color: #aa67a3;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-purple-2 .panel > .panel-collapse > .panel-body {
border: 2px solid #8e5088 !important;
} .c-content-accordion-1.c-accordion-purple-3 .panel > .panel-heading > .panel-title > a {
background-color: #ac3773;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-purple-3 .panel > .panel-heading > .panel-title > a {
border: 2px solid #852b59 !important;
} .c-content-accordion-1.c-accordion-purple-3 .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-purple-3 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-purple-3 .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #ac3773;
} .c-content-accordion-1.c-accordion-purple-3 .panel > .panel-collapse > .panel-body {
background-color: #ac3773;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-purple-3 .panel > .panel-collapse > .panel-body {
border: 2px solid #852b59 !important;
} .c-content-accordion-1.c-accordion-brown .panel > .panel-heading > .panel-title > a {
background-color: #8a7f68;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-brown .panel > .panel-heading > .panel-title > a {
border: 2px solid #6d6452 !important;
} .c-content-accordion-1.c-accordion-brown .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-brown .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-brown .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #8a7f68;
} .c-content-accordion-1.c-accordion-brown .panel > .panel-collapse > .panel-body {
background-color: #8a7f68;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-brown .panel > .panel-collapse > .panel-body {
border: 2px solid #6d6452 !important;
} .c-content-accordion-1.c-accordion-brown-1 .panel > .panel-heading > .panel-title > a {
background-color: #685e47;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-brown-1 .panel > .panel-heading > .panel-title > a {
border: 2px solid #4a4332 !important;
} .c-content-accordion-1.c-accordion-brown-1 .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-brown-1 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-brown-1 .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #685e47;
} .c-content-accordion-1.c-accordion-brown-1 .panel > .panel-collapse > .panel-body {
background-color: #685e47;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-brown-1 .panel > .panel-collapse > .panel-body {
border: 2px solid #4a4332 !important;
} .c-content-accordion-1.c-accordion-brown-2 .panel > .panel-heading > .panel-title > a {
background-color: #7a6a61;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-brown-2 .panel > .panel-heading > .panel-title > a {
border: 2px solid #5e514a !important;
} .c-content-accordion-1.c-accordion-brown-2 .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-brown-2 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-brown-2 .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #7a6a61;
} .c-content-accordion-1.c-accordion-brown-2 .panel > .panel-collapse > .panel-body {
background-color: #7a6a61;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-brown-2 .panel > .panel-collapse > .panel-body {
border: 2px solid #5e514a !important;
} .c-content-accordion-1.c-accordion-brown-3 .panel > .panel-heading > .panel-title > a {
background-color: #9d8b81;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-brown-3 .panel > .panel-heading > .panel-title > a {
border: 2px solid #847167 !important;
} .c-content-accordion-1.c-accordion-brown-3 .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-brown-3 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-brown-3 .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #9d8b81;
} .c-content-accordion-1.c-accordion-brown-3 .panel > .panel-collapse > .panel-body {
background-color: #9d8b81;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-brown-3 .panel > .panel-collapse > .panel-body {
border: 2px solid #847167 !important;
} .c-content-accordion-1.c-accordion-dark .panel > .panel-heading > .panel-title > a {
background-color: #2f353b;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-dark .panel > .panel-heading > .panel-title > a {
border: 2px solid #181b1f !important;
} .c-content-accordion-1.c-accordion-dark .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-dark .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-dark .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #2f353b;
} .c-content-accordion-1.c-accordion-dark .panel > .panel-collapse > .panel-body {
background-color: #2f353b;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-dark .panel > .panel-collapse > .panel-body {
border: 2px solid #181b1f !important;
} .c-content-accordion-1.c-accordion-dark-1 .panel > .panel-heading > .panel-title > a {
background-color: #525e64;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-dark-1 .panel > .panel-heading > .panel-title > a {
border: 2px solid #3b4448 !important;
} .c-content-accordion-1.c-accordion-dark-1 .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-dark-1 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-dark-1 .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #525e64;
} .c-content-accordion-1.c-accordion-dark-1 .panel > .panel-collapse > .panel-body {
background-color: #525e64;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-dark-1 .panel > .panel-collapse > .panel-body {
border: 2px solid #3b4448 !important;
} .c-content-accordion-1.c-accordion-dark-2 .panel > .panel-heading > .panel-title > a {
background-color: #31383c;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-dark-2 .panel > .panel-heading > .panel-title > a {
border: 2px solid #1a1e20 !important;
} .c-content-accordion-1.c-accordion-dark-2 .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-dark-2 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-dark-2 .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #31383c;
} .c-content-accordion-1.c-accordion-dark-2 .panel > .panel-collapse > .panel-body {
background-color: #31383c;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-dark-2 .panel > .panel-collapse > .panel-body {
border: 2px solid #1a1e20 !important;
} .c-content-accordion-1.c-accordion-dark-3 .panel > .panel-heading > .panel-title > a {
background-color: #41515b;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-dark-3 .panel > .panel-heading > .panel-title > a {
border: 2px solid #2c373d !important;
} .c-content-accordion-1.c-accordion-dark-3 .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-dark-3 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-dark-3 .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #41515b;
} .c-content-accordion-1.c-accordion-dark-3 .panel > .panel-collapse > .panel-body {
background-color: #41515b;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-dark-3 .panel > .panel-collapse > .panel-body {
border: 2px solid #2c373d !important;
} .c-content-accordion-1.c-accordion-grey .panel > .panel-heading > .panel-title > a {
background-color: #eeeeee;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-grey .panel > .panel-heading > .panel-title > a {
border: 2px solid #d4d4d4 !important;
} .c-content-accordion-1.c-accordion-grey .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-grey .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-grey .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #eeeeee;
} .c-content-accordion-1.c-accordion-grey .panel > .panel-collapse > .panel-body {
background-color: #eeeeee;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-grey .panel > .panel-collapse > .panel-body {
border: 2px solid #d4d4d4 !important;
} .c-content-accordion-1.c-accordion-grey-1 .panel > .panel-heading > .panel-title > a {
background-color: #f7f7f7;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-grey-1 .panel > .panel-heading > .panel-title > a {
border: 2px solid #dedede !important;
} .c-content-accordion-1.c-accordion-grey-1 .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-grey-1 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-grey-1 .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #f7f7f7;
} .c-content-accordion-1.c-accordion-grey-1 .panel > .panel-collapse > .panel-body {
background-color: #f7f7f7;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-grey-1 .panel > .panel-collapse > .panel-body {
border: 2px solid #dedede !important;
} .c-content-accordion-1.c-accordion-grey-2 .panel > .panel-heading > .panel-title > a {
background-color: #677083;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-grey-2 .panel > .panel-heading > .panel-title > a {
border: 2px solid #515866 !important;
} .c-content-accordion-1.c-accordion-grey-2 .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-grey-2 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-grey-2 .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #677083;
} .c-content-accordion-1.c-accordion-grey-2 .panel > .panel-collapse > .panel-body {
background-color: #677083;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-grey-2 .panel > .panel-collapse > .panel-body {
border: 2px solid #515866 !important;
} .c-content-accordion-1.c-accordion-grey-3 .panel > .panel-heading > .panel-title > a {
background-color: #7f8c97;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-grey-3 .panel > .panel-heading > .panel-title > a {
border: 2px solid #66727d !important;
} .c-content-accordion-1.c-accordion-grey-3 .panel > .panel-heading > .panel-title > a.collapsed {
background-color: #fff;
} .c-content-accordion-1.c-accordion-grey-3 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-grey-3 .panel > .panel-heading > .panel-title > a.collapsed:focus {
color: #fff; background-color: #7f8c97;
} .c-content-accordion-1.c-accordion-grey-3 .panel > .panel-collapse > .panel-body {
background-color: #7f8c97;
} .c-accordion-bordered .c-content-accordion-1.c-accordion-grey-3 .panel > .panel-collapse > .panel-body {
border: 2px solid #66727d !important;
}
@media (max-width: 1199px) {
/* 991px */
.c-content-accordion-1 .c-accordion {
margin: 0;
padding: 0;
}
} .c-content-login-form .modal-dialog {
width: 450px;
} .c-content-login-form .modal-dialog .modal-content {
margin-top: 125px;
} .c-content-login-form .modal-dialog .modal-content .modal-body {
padding: 10px 40px 30px 40px;
} .c-content-login-form .modal-dialog .modal-content .modal-body .form-group {
margin: 20px 0;
} .c-content-login-form .modal-dialog .modal-content .modal-body .c-btn-login {
padding-left: 40px; padding-right: 40px;
} .c-content-login-form .modal-dialog .modal-content .modal-body .c-btn-forgot {
margin-top: 8px; float: right; display: inline-block;
} .c-content-login-form .modal-dialog .modal-content .modal-body .c-content-list-adjusted {
margin-top: 30px;
} .c-content-login-form .modal-dialog .modal-content .modal-footer {
background: #f7f7f7; padding: 20px 40px; text-align: left;
} .c-content-login-form .modal-dialog .modal-content .modal-footer .c-text-account {
display: inline-block; margin-top: 5px;
} .c-content-login-form .modal-dialog .modal-content .modal-footer .c-btn-signup {
float: right; padding-left: 30px; padding-right: 30px;
}
@media (max-width: 1390px) {
.c-content-login-form .modal-dialog .modal-content {
margin-top: 85px;
}
} @media (max-width: 1300px) {
/* 991px */
.c-content-login-form {
top: 0px;
}
.c-content-login-form .modal-dialog .modal-content .modal-body {
padding: 10px 20px 10px 20px;
}
.c-content-login-form .modal-dialog .modal-content .modal-body .form-group {
margin: 15px 0;
}
.c-content-login-form .modal-dialog .modal-content .modal-body .c-btn-login {
padding-left: 15px;
padding-right: 15px;
}
.c-content-login-form .modal-dialog .modal-content .modal-body .c-content-list-adjusted > li {
width: 100%;
display: block;
padding: 0;
margin: 5px 0 0 0;
}
} @media (max-width: 768px) {
/* 768px */
.c-content-login-form {
top: 0px;
}
.c-content-login-form .modal-dialog {
width: auto;
}
}
