html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
/*-----------------------------------------------------------------------------------*/
/* Remember to define focus styles!
/*-----------------------------------------------------------------------------------*/
:focus {
outline: 0;
}
body {
background: #f3f3f3;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
ol, ul {
list-style: none;
}
/*-----------------------------------------------------------------------------------*/
/* Tables still need 'cellspacing="0"' in the markup
/*-----------------------------------------------------------------------------------*/
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a img {
border: 0;
}
img {
vertical-align: middle;
}
/*-----------------------------------------------------------------------------------*/
/* Alignment
/*-----------------------------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/*-----------------------------------------------------------------------------------*/
/* Global
/*-----------------------------------------------------------------------------------*/
body, input, textarea {
color: #494f5c;
font-family: 'Arimo', sans-serif;
line-height: 1.5;
}
.clear{
clear: both;
}
.fleft{
float: left;
}
.right,
div.right,
a.right {
float: right;
}
*{
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
}
/*-----------------------------------------------------------------------------------*/
/* Headings
/*-----------------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {
font-family: 'Open Sans', sans-serif;
color: #1d3f58;
}
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
hr {
background-color: #ffffff;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
/*-----------------------------------------------------------------------------------*/
/* Text elements
/*-----------------------------------------------------------------------------------*/
p {
font-size: 14px;
margin-bottom: 1.5em;
}
ul, ol {
margin: 0 0 1.5em 2.5em;
}
ul {
list-style: disc;
font-size: 14px;
}
ol {
list-style-type: decimal;
}
ol ol {
list-style: upper-alpha;
}
ol ol ol {
list-style: lower-roman;
}
ol ol ol ol {
list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0;
}
dl {
margin: 0 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 1.5em;
}
strong {
font-weight: bold;
}
cite, em, i {
font-style: italic;
}
blockquote {
margin: 0 20px;
padding: 0 10px;
border-left: 5px solid #F65E13;
}
blockquote em, blockquote i, blockquote cite, blockquote p {
font-style: normal;
font-size: 18px;
}
pre {
background: #f4f4f4;
font: 13px "Courier 10 Pitch",Courier,monospace;
line-height: 1.5;
margin-bottom: 1.5em;
padding: 0.75em 1.5em;
}
code, kbd {
font: 13px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 10px;
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
input[type=email], input[type=text], textarea {
border: 1px solid #a2a2ad;
border-radius: 2px;
font-size: 14px;
}
textarea {
padding: 5px 10px;
width: 98%;
}
input[type=email], input[type=text] {
height: 30px;
padding: 3px 10px;
}
#contact-form{
margin: 20px 0;
}
#contact-form #submit {
padding: 10px 30px;
background: #f65e13;
border: 0;
border-radius: 2px;
color: #ffffff;
cursor: pointer;
font-size: 14px;
}
/*-----------------------------------------------------------------------------------*/
/* Links
/*-----------------------------------------------------------------------------------*/
a {
color: #f65e13;
text-decoration: none;
}
/*
a:visited {
color: #333;
} */
a:focus,
a:active,
a:hover {
color: #f65e13;
}
/*-----------------------------------------------------------------------------------*/
/* Text meant only for screen readers
/*-----------------------------------------------------------------------------------*/
.screen-reader-text {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
/*-----------------------------------------------------------------------------------*/
/* Structure
/*-----------------------------------------------------------------------------------*/
#page {
position: absolute;
width: 100%;
}
.page-decoration {
position: relative;
/*min-height: 350px;*/
}
.decoration {
width: 100%;
max-height: 350px;
overflow: hidden;
}
.decoration img {
width: 100%;
height: auto;
}
.first-widget-area {
margin: 20px auto!important;
}
.second-widget-area {
width: 100%;
padding: 20px 0;
background: #ffffff;
}
.btn {
display: inline-block;
padding: 12px 35px;
font-size: 16px;
color: #f65e13;
text-decoration: none;
border: 2px solid #ffffff;
background: #ffffff;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
.btn:hover {
background: none;
color: #ffffff;
}
.page {
margin-top: -80px;
overflow: hidden;
}
.page-header {
position: relative;
min-height: 60px;
padding: 15px 20px;
background-color: #1c2d3c;
opacity: .8;
}
.page-content {
padding: 20px 0;
overflow: hidden;
background: #fff;
}
.page-header .title,
.widget-header .title {
display: inline-block;
font-size: 24px;
line-height: 27px;
color: #ffffff;
}
.page.list .item,
.page.single .item {
margin: 20px 0;
float: left;
}
/*-----------------------------------------------------------------------------------*/
/* 404 Error page
/*-----------------------------------------------------------------------------------*/
.title-404{
text-align: center;
font-size: 172px;
margin-top: 100px;
}
.description-404 {
text-align: center;
font-size: 24px;
margin-bottom: 200px;
}
/*-----------------------------------------------------------------------------------*/
/* Sidebar
/*-----------------------------------------------------------------------------------*/
.sidebar .widget {
width: 100%;
float: left;
/*margin: 20px 0;*/
}
/*-----------------------------------------------------------------------------------*/
/* Header
/*-----------------------------------------------------------------------------------*/
.site-header {
position: absolute;
width: 100%;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 11%, rgba(255,255,255,0.75) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(11%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.75)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 11%,rgba(255,255,255,0.75) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 11%,rgba(255,255,255,0.75) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 11%,rgba(255,255,255,0.75) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 11%,rgba(255,255,255,0.75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bfffffff',GradientType=0 );
/*border-top: 5px solid #f65e13;*/
color: #a0a0a0;
z-index: 100;
}
.branding {
margin-top: 20px!important;
}
.logo {
/*background: #f65e13;*/
margin: -10px 20px 0 0;
padding: 5px 0 0 0;
}
#site-title a {
font-size: 1.4em;
color: #4d5360;
text-decoration: none;
}
#site-description {
color: #42261b;
font-size: 16px;
}
.language-menu {
list-style: none;
margin-bottom: 10px;
}
.language-menu li {
position: relative;
display: inline-block;
}
.language-menu a{
padding: 15px 5px 5px 5px;
font-size: 14px;
color: #a0a0a0;
display: block;
text-decoration: none;
}
.language-menu a.current,
.language-menu a:hover {
background: #f65e13;
color: #ffffff;
}
.language-menu a.current:after {
position: absolute;
top: 3px;
left: 50%;
margin-left: -8px;
content: "\e7c5";
color: #ffffff;
font-size: 16px;
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.callus {
text-align: right;
}
.callus a {
color: #a0a0a0;
}
/*-----------------------------------------------------------------------------------*/
/* Slider
/*-----------------------------------------------------------------------------------*/
.flexslider {
overflow: hidden;
}
.flexslider.loading {
background: #fff url("images/ajax-loader.gif") no-repeat center center;
min-height: 600px;
}
.flex-caption {
position: absolute;
width: 100%;
top: 40%;
}
.loading .flex-caption {
display: none;
}
.flex-content {
margin-left: 40px;
padding: 40px;
background: rgba(193, 181, 135, 0.75);
color: #ffffff;
}
.flex-content h1 {
color: #ffffff;
font-size: 30px;
font-weight: 700;
}
.flex-content p {
font-size: 18px;
line-height: 30px;
}
.flex-active-slide .flex-content {
-moz-animation: bounceInUp 1s;
-webkit-animation: bounceInUp 1s;
animation: bounceInUp 1s;
}
/*-----------------------------------------------------------------------------------*/
/* Slider Pagination
/*-----------------------------------------------------------------------------------*/
.testimonials .flex-control-paging a {
width: 20px;
height: 4px;
background: #000000;
}
.testimonials .flex-control-paging a.flex-active {
background: #f65e13;
}
.testimonials .flex-control-paging {
width: 90px;
top: 170px;
left: 0;
margin: 0;
}
.testimonials .flex-control-paging li { margin: 0 10px 10px 0; }
/*-----------------------------------------------------------------------------------*/
/* Slider Navigation
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/* Breadcrumbs
/*-----------------------------------------------------------------------------------*/
.breadcrumbs {
margin: 0;
font-size: 10px;
line-height: 25px;
}
.breadcrumbs a {
color: #a0a0a0;
text-transform: uppercase;
}
.breadcrumbs a:hover {
color: #f65e13;
}
/*-----------------------------------------------------------------------------------*/
/* Menu
/*-----------------------------------------------------------------------------------*/
.main-menu-section {
position: relative;
background: #ffffff;
background: rgba(255, 255, 255, 0.80);
border-top: 1px solid #bfc6cd;
border-bottom: 1px solid #bfc6cd;
font-family: 'Open Sans', sans-serif;
}
.main-menu-section > div {
position: relative;
}
.site-navigation ul {
list-style: none;
font-size: 14px;
margin: 0;
}
.site-navigation ul li {
position: relative;
display: inline-block;
border-top: 1px solid #ffffff;
border-top: 1px solid rgba(255, 255, 255, 0.0);
transition: background 0.2s;
-moz-transition: background 0.2s;
-webkit-transition: background 0.2s;
-o-transition: background 0.2s;
}
.site-navigation > ul li:hover {
border-top: 1px solid #f65e13;
background: #ffffff;
}
.site-navigation li a {
display: block;
padding: 14px 20px;
color: #121d27;
font-size: 1.1em;
text-transform: uppercase;
text-decoration: none;
}
.site-navigation li a:hover {
color: #f65e13;
}
.site-navigation ul.sub-menu {
display: none;
position: absolute;
top: 49px;
left: 0;
width: auto;
min-width: 294px;
z-index: 99999 !important;
background: #ffffff;
}
.site-navigation ul > li ul.sub-menu {
border-top: 1px solid #bfc6cd;
}
.site-navigation li:hover > ul.sub-menu {
display: block;
-moz-animation: bounceIn 0.2s;
-webkit-animation: bounceIn 0.2s;
animation: bounceIn 0.2s;
}
.site-navigation ul.sub-menu li {
width: 100%;
border-top: 1px solid #bfc6cd;
}
.site-navigation ul.sub-menu li:first-child {
border: 0;
}
.site-navigation ul.sub-menu li:hover {
background: #fafafa;
}
.site-navigation ul.sub-menu ul.sub-menu {
left: 200px;
top: 0;
}
/*-----------------------------------------------------------------------------------*/
/* Mean Menu
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------*/
/* hide the link until viewport size is reached
/*-----------------------------------------------------------*/
a.meanmenu-reveal {
display: none;
left: 0!important;
right: auto!important;
}
/*-----------------------------------------------------------*/
/* when under viewport size, .mean-container is added to body
/*-----------------------------------------------------------*/
.mean-container .mean-bar {
position: relative;
min-height: 42px;
z-index: 80;
}
.mean-container a.meanmenu-reveal {
width: 22px;
height: 22px;
padding: 13px 13px 11px 13px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
color: #f65e13;
text-decoration: none;
font-size: 16px;
text-indent: -9999em;
line-height: 22px;
font-size: 1px;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
}
.mean-container a.meanmenu-reveal span {
display: block;
background: #a0a0a0;
height: 3px;
margin-top: 3px;
}
.mean-container .mean-nav {
width: 100%;
padding-top: 50px;
overflow: hidden;
}
.mean-container .mean-nav ul {
padding: 0;
margin: 0;
width: 100%;
list-style-type: none;
}
.mean-container .mean-nav ul li {
position: relative;
float: left;
width: 100%;
}
.mean-container .mean-nav ul li a {
display: block;
float: left;
width: 100%;
padding: 14px 20px;
margin: 0;
font-size: 14px;
color: #a0a0a0;
border-top: 1px solid #bfc6cd;
text-decoration: none;
text-transform: uppercase;
}
.mean-container .mean-nav ul li li a {
width: 100%;
padding: 14px 40px;
border-top: 1px solid #bfc6cd;
visibility: visible;
}
.mean-container .mean-nav ul li.mean-last a {
border-bottom: none;
margin-bottom: 0;
}
.mean-container .mean-nav ul li li li a {
width: 100%;
padding: 14px 60px;
}
.mean-container .mean-nav ul li li li li a {
width: 100%;
padding: 14px 80px;
}
.mean-container .mean-nav ul li li li li li a {
width: 50%;
padding: 14px 100px;
}
.mean-container .mean-nav ul li a:hover {
background: #fafafa;
color: #f65e13;
}
.mean-container .mean-nav ul li a.mean-expand {
margin-top: 1px;
width: 25px;
height: 25px;
padding: 12px !important;
text-align: center;
position: absolute;
right: 0;
top: 0;
z-index: 2;
font-weight: 700;
background: none;
border: none;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
background: #f65e13;
color: #ffffff;
}
.mean-container .mean-push {
float: left;
width: 100%;
padding: 0;
margin: 0;
clear: both;
}
.mean-container .search-form {
right: 20px;
}
.mean-nav .wrapper {
width: 100%;
padding: 0;
margin: 0;
}
.mean-container .mean-bar {
margin: 0 20px;
}
/*-----------------------------------------------------------*/
/* Fix for box sizing on Foundation Framework etc.
/*-----------------------------------------------------------*/
.mean-container .mean-bar, .mean-container .mean-bar * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.mean-remove { display: none !important; }
/*-----------------------------------------------------------*/
/* Search Form
/*-----------------------------------------------------------*/
.search-form {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 50px;
overflow: hidden;
margin-right: 1px;
z-index: 100;
}
.search-form.active{
width: 250px;
margin-right: 0;
background: #ffffff;
border-left: 1px solid #bfc6cd;
border-right: 1px solid #bfc6cd;
}
.search-form > a {
cursor: pointer;
display: block;
width: 50px;
height: 37px;
float: right;
padding-top: 13px;
text-align: center;
color: #a0a0a0;
}
.header-search-form .search-button {
display: none;
}
.active .header-search-form{
display: block;
-moz-animation: bounceInLeft 1s;
-webkit-animation: bounceInLeft 1s;
animation: bounceInLeft 1s;
}
.header-search-form{
display: none;
position: absolute;
right: 50px;
top: 0;
width: 200px;
}
.header-search-form input {
width: 180px;
height: 50px;
padding: 5px 10px;
color: #a0a0a0;
font-size: 14px;
border: 0 none;
}
/*-----------------------------------------------------------*/
/* Announcement
/*-----------------------------------------------------------*/
.announcement {
padding: 5px 0;
border-top: 1px solid #ffffff;
background-color: #f65e13;
background-image: url('images/pattern.png');
background-repeat: repeat;
overflow: hidden;
}
.announcement h1{
line-height: 48px;
color: #ffffff;
font-size: 24px;
}
/*-----------------------------------------------------------------------------------*/
/* Content
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------*/
/* List Style
/*-----------------------------------------------------------*/
.list .item-image:before,
.single .item-image:before {
position: absolute;
width: 400px;
height: 400px;
left: -200px;
bottom: -200px;
content: " ";
background-color: #f65e13;
background-image: url('images/pattern.png');
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 50;
}
.list .item-meta,
.single .item-meta {
position: relative;
width: 100%;
padding: 15px 30px;
background-color: #f65e13;
background-image: url('images/pattern.png');
text-align: right;
z-index: 80;
}
.list .item-meta:before,
.single .item-meta:before {
position: absolute;
width: 0;
height: 0;
border-left: 7px solid rgba(0, 0, 0, 0);
border-right: 7px solid rgba(0, 0, 0, 0);
border-bottom: 7px solid #f65e13;
top: -7px;
content: " ";
right: 35px;
margin-left: -5px;
}
.list .item-image:after,
.single .item-image:after {
position: absolute;
width: 400px;
height: 400px;
right: -200px;
top: -200px;
content: " ";
background-color: #f65e13;
background-image: url('images/pattern.png');
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.list .item-more,
.single .item-more {
margin: 0 0 0 10px;
}
.list .item .overlay h3,
.single .item .overlay h3 {
bottom: 55px;
font-size: 24px;
}
.list .item:nth-child(2n+1) .item-image:before { top: -200px; bottom: auto; }
.list .item:nth-child(2n+1) .item-image:after { bottom: -200px; top: auto; }
.list .item:nth-child(2n+1) .item-meta:before { left: 40px; }
.list .item:nth-child(2n+1) .item-meta { text-align: left; }
.list .item:nth-child(2n+1) .read-more { float: left; margin: 0 10px 0 0; }
.list .item:nth-child(2n+1) .overlay h3 { text-align: left; }
.single .item:nth-child(2n+1) .item-image:before { top: -200px; bottom: auto; }
.single .item:nth-child(2n+1) .item-image:after { bottom: -200px; top: auto; }
.single .item:nth-child(2n+1) .item-meta:before { left: 40px; }
.single .item:nth-child(2n+1) .item-meta { text-align: left; }
.single .item:nth-child(2n+1) .read-more { float: left; margin: 0 10px 0 0; }
.single .item:nth-child(2n+1) .overlay h3 { text-align: left; }
/*-----------------------------------------------------------*/
/* Classes
/*-----------------------------------------------------------*/
.classes.grid .item .overlay { min-height: 44px; }
.classes.list .item-meta,
.classes.single .item-meta { position: absolute; bottom: 0; }
.classes.list .overlay,
.classes.single .overlay { min-height: 105px; }
.progday{
float: left;
text-align: center;
}
.pday {
border-bottom: 1px solid #bfc6cd;
font-weight: bold;
width: 102px;
background: #f3f3f3;
}
.timehour{
background: #f3f3f3;
-moz-box-shadow: 0 0 1px #bfc6cd;
-webkit-box-shadow: 0 0 1px #bfc6cd;
box-shadow: 0 0 1px #bfc6cd;
margin: 10px 0;
font-size: 13px;
}
/*-----------------------------------------------------------*/
/* News
/*-----------------------------------------------------------*/
.news.grid .widget-content {
margin: 20px -20px;
}
.news.grid .page-content {
padding-bottom: 120px;
margin: 0 -20px;
}
.news .item { background: #fff6f1; }
.news.grid .read-more {
margin: 0 5px 0 0;
}
a.load-more {
position: absolute;
bottom: 40px;
display: block;
width: 100%;
padding: 15px 20px;
background-color: #f65e13;
background-image: url('images/pattern.png');
color: #ffffff;
text-align: center;
font-size: 12px;
font-weight: 700;
line-height: 30px;
text-transform: uppercase;
}
.navigation {
float: left;
width: 100%;
margin: 20px 0;
list-style: none;
background-image: url('images/pattern.png');
background-repeat: repeat;
/*background-color: #f65e13;*/
}
.navigation li {
transition: background 0.2s;
-moz-transition: background 0.2s;
-webkit-transition: background 0.2s;
-o-transition: background 0.2s;
}
.navigation-prev,
.navigation-next { padding: 20px; }
.navigation li:hover { background-color: rgba(255, 255, 255, 0.1); }
.navigation-text {
color: #ffffff;
text-transform: uppercase;
font-size: 12px;
line-height: 25px;
}
.navigation-text:hover {
color: #ffffff;
}
.navigation-prev { display: block; float: left; }
.navigation-next { display: block; float: right; }
/*-----------------------------------------------------------------------------------*/
/* Attachments
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/* Images
/*-----------------------------------------------------------------------------------*/
a img {
border: none;
}
p img {
margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*-----------------------------------------------------------------------------------*/
/* Resize images to fit the main content area.
/* - Applies only to images uploaded via WordPress by targeting size-* classes.
/* - Other images will be left alone. Use "size-auto" class to apply to other images.
/*-----------------------------------------------------------------------------------*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
max-width: 100%; /* When images are too wide for containing element, force them to fit. */
/*height: auto; */
/* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
margin-right: 1.5em;
}
img.alignright {
margin-left: 1.5em;
}
.wp-caption {
padding: .5em;
text-align: center;
}
.wp-caption img {
margin: .25em;
}
.wp-caption .wp-caption-text {
margin: .5em;
}
.gallery-caption {
}
.wp-smiley {
margin: 0;
}
/*-----------------------------------------------------------------------------------*/
/* Navigation
/*-----------------------------------------------------------------------------------*/
#primary nav {
clear: both;
overflow: hidden;
margin: 0 0 1.5em;
}
.nav-previous {
float: left;
width: 50%;
}
.nav-next {
float: right;
text-align: right;
width: 50%;
}
/*-----------------------------------------------------------------------------------*/
/* Widgets
/*-----------------------------------------------------------------------------------*/
.widget {
background: #ffffff;
overflow: hidden;
}
.widget-header {
position: relative;
padding: 15px 20px;
background-color: #1c2d3c;
background-image: url('images/pattern.png');
}
.widget-content {
margin: 20px 0;
overflow: hidden;
}
.grid_12 .classes.grid .item:nth-child(3n+1) { margin-left: 0; }
.grid_12 .classes.grid .item:nth-child(3n+3) { margin-right: 0; }
.grid_8 .classes.grid .item:nth-child(2n+1) { margin-left: 0; }
.grid_8 .classes.grid .item:nth-child(2n+2) { margin-right: 0; }
.grid_4 .classes.grid .item { margin-left: 0; margin-right: 0; }
.item img {
width: 100%;
}
.item-title {
display: block;
padding: 20px 20px 10px 20px;
}
.item-title h3 {
font-size: 18px;
}
.item > p {
padding: 0 20px;
}
.item-meta {
position: relative;
margin: 0;
padding: 9px 10px;
background-color: #f65e13;
line-height: 25px;
background-image: url('images/pattern.png');
list-style: none;
}
.item-meta:before {
position: absolute;
width: 0;
height: 0;
border-left: 7px solid rgba(0, 0, 0, 0);
border-right: 7px solid rgba(0, 0, 0, 0);
border-bottom: 7px solid #f65e13;
top: -7px;
content: " ";
right: 20px;
margin-left: -5px;
}
.meta-info {
display: inline-block;
margin-left: 6px;
text-transform: uppercase;
font-size: 12px;
color: #ffffff;
}
.meta-info > a,
.meta-info > span,
.meta-info > time {
color: #ffffff;
padding: 5px 10px;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
.meta-info > a:hover,
.ui-tabs-active > a{
color: #494f5c;
background: #ffffff;
border-radius: 2px
}
.read-more {
float: right;
margin: 0 0 0 10px;
}
.read-more .item-more {
margin: 0;
}
.item-more {
display: block;
width: 25px;
height: 25px;
margin-right: 5px;
padding: 3px 0 0 4px;
border: 2px solid #FFFFFF;
background: #ffffff;
border-radius: 20px;
color: #717f8d;
text-align: left;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
.item-more:hover { background: none; color: #ffffff; }
.item-more.icon-arrow-left { padding: 3px 0 0 2px; margin: 0 10px 0 0; }
.item-more.icon-arrow-right { float: right; }
.navigation-prev .item-more.icon-arrow-left { float: left; }
.item-image {
display: block;
position: relative;
overflow: hidden;
}
.item-image:before{
position: absolute;
width: 200px;
height: 200px;
left: -100px;
bottom: -100px;
content: " ";
/*background-color: #f65e13;*/
background-image: url('images/pattern.png');
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 50;
}
.item-image:after{
position: absolute;
width: 200px;
height: 200px;
right: -100px;
top: -100px;
content: " ";
/*background-color: #f65e13;*/
background-image: url('images/pattern.png');
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 50;
}
.item .overlay {
position: absolute;
display: block;
width: 100%;
height: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.75);
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
.item-image:hover .overlay {
height: 100%;
/*background-image: url('../images/cross.png');*/
background-repeat: no-repeat;
background-position: center center;
}
.item .overlay h3 {
position: absolute;
display: block;
bottom: 0;
width: 100%;
padding: 10px 20px;
color: #FFFFFF;
font-size: 18px;
background-color: #6a417a;
/*text-align: right;*/
}
.item-content {
margin: 20px 20px;
}
/*
.widget-header:after {
position: absolute;
width: 0;
height: 0;
border-left: 7px solid rgba(0, 0, 0, 0);
border-right: 7px solid rgba(0, 0, 0, 0);
border-top: 7px solid #1c2d3c;
bottom: -7px;
content: " ";
left: 40px;
margin-left: -5px;
}*/
.view-all {
display: block;
margin-top: 2px;
padding: 3px 0 0 4px;
width: 25px;
height: 25px;
border: 2px solid #FFFFFF;
border-radius: 20px;
color: #FFFFFF;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
.view-all:hover { background: #ffffff; color: #f65e13; }
/*-----------------------------------------------------------*/
/* List Widget
/*-----------------------------------------------------------*/
.widget ul {
list-style: none;
margin: 0;
}
.widget ul li {
border-top: 1px solid #eeeeee;
font-size: 15px;
color: #494f5c;
transition: background 0.2s;
-moz-transition: background 0.2s;
-webkit-transition: background 0.2s;
-o-transition: background 0.2s;
}
.widget ul li:hover {
background: #f3f3f3;
}
.widget ul li:first-child {
border: 0;
}
.widget ul li a,
.widget ul li span {
padding: 18px 20px;
font-size: 15px;
color: #494f5c;
display: block;
cursor: pointer;
}
/*-----------------------------------------------------------*/
/* vCard Widget
/*-----------------------------------------------------------*/
.vcard {
margin: 15px 20px;
}
.vcard-name {
font-size: 18px;
color: #f65e13;
font-weight: bold;
}
.vcard span {
font-size: 14px;
color: #494f5c;
}
/*-----------------------------------------------------------*/
/* Text Widget
/*-----------------------------------------------------------*/
.textwidget {
margin: 15px 20px;
font-size: 14px;
line-height: 175%;
}
/*-----------------------------------------------------------*/
/* Social Widget
/*-----------------------------------------------------------*/
.share-items {
margin: 30px 10px 10px 10px;
float: left;
}
.share-items a {
float: left;
margin: 0 10px 20px 10px;
text-align: center;
width: 46px;
height: 46px;
padding-top: 12px;
font-size: 22px;
color: #494f5c;
text-decoration: none;
border-radius: 24px;
border: 1px solid #494f5c;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
/*-----------------------------------------------------------*/
/* Social Widget
/*-----------------------------------------------------------*/
.share-items a:hover{
color: #ffffff;
}
.share-items .icon-facebook:hover { background: #3A589B; border-color: #3A589B; }
.share-items .icon-twitter:hover { background: #19BFE8; border-color: #19BFE8; }
.share-items .icon-google-plus:hover { background: #D64136; border-color: #D64136; }
.share-items .icon-pinterest:hover { background: #f65e13; border-color: #f65e13; }
.share-items .icon-foursquare:hover { background: #106bb5; border-color: #106bb5; }
.share-items .icon-vimeo:hover { background: #AAD450; border-color: #AAD450; }
.share-items .icon-youtube:hover { background: #f65e13; border-color: #f65e13; }
.share-items .icon-flickr:hover { background: #ff0084; border-color: #ff0084; }
.share-items .icon-feed:hover { background: #ff9900; border-color: #ff9900; }
.share-items .icon-location:hover { background: #494f5c; border-color: #494f5c; }
/*-----------------------------------------------------------*/
/* Business Hours Widget
/*-----------------------------------------------------------*/
.widget li b {
float: right;
}
/*-----------------------------------------------------------*/
/* Tag Cloud
/*-----------------------------------------------------------*/
.tagcloud {
margin: 20px 10px 10px 20px;
overflow: hidden;
}
.tagcloud a {
display: block;
float: left;
margin: 0 10px 10px 0;
padding: 10px 20px;
background: #f65e13;
color: #ffffff;
font-size: 14px;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
.tagcloud a:hover {
background: #F3F3F3;
color: #494f5c;
}
/*-----------------------------------------------------------*/
/* Testimonials
/*-----------------------------------------------------------*/
.testimonials .widget-content { margin: 20px 0 0 0; }
.testimonial-avatar {
float: left;
margin: 0 20px 0 0;
border-radius: 40px;
overflow: hidden;
}
.testimonial-content { margin-left: 100px; }
.testimonial-content h3 { font-size: 18px; }
.testimonial-content time { font-size: 14px; color: #a0a0a0; }
.testimonials ul li { border: none; }
.testimonials ul li:hover { background: none; }
.testimonials .flex-direction-nav { display: none; }
/*-----------------------------------------------------------*/
/* Membership Table
/*-----------------------------------------------------------*/
.table {
margin: 20px 0 0 0;
}
.table-col {
float: left;
width: 25%;
text-align: center;
border-right: 1px solid #BFC6CD;
border-bottom: 1px solid #BFC6CD;
border-left: 1px solid #BFC6CD;
margin-left: -1px;
border-top: 1px solid #BFC6CD;
margin-bottom: 20px;
}
.table-col.featured {
background-color: #f65e13;
background-image: url('images/pattern.png');
background-repeat: repeat;
}
.table-col.featured .table-title,
.table-col.featured .table-features li { color: #ffffff; }
.table-col.featured .table-info { background: #ffffff; color: #f65e13; }
.table-col.featured .table-info:before { border-bottom-color: #ffffff;}
.table-title {
padding: 20px;
font-size: 24px;
font-weight: 700;
}
.table-info {
position: relative;
padding: 22px 20px;
font-size: 24px;
color: #ffffff;
background-color: #f65e13;
background-image: url('images/pattern.png');
background-repeat: repeat;
}
.table-info:before {
position: absolute;
width: 0;
height: 0;
margin-left: -10px;
border-left: 7px solid rgba(0, 0, 0, 0);
border-right: 7px solid rgba(0, 0, 0, 0);
border-bottom: 7px solid #f65e13;
top: -7px;
content: " ";
left: 50%;
margin-left: -5px;
}
.table-features {
list-style: none;
margin: 0;
}
.table-features > li {
padding: 14px 20px;
border-top: 1px solid #BFC6CD;
font-size: 14px;
color: #494f5c;
}
/*-----------------------------------------------------------------------------------*/
/* Single Page
/*-----------------------------------------------------------------------------------*/
.single .item-meta {
z-index: 100;
}
.single.page .page-content {
margin: 0px;
padding:20px;
}
.single.page .page-content p {
font-size: 1em;
line-height: 1.8em;
text-align: justify;
}
.page.classes.single .page-content,
.page.news.single .page-content{
margin: 0;
padding: 20px 0;
}
.page.single .page-content.singlepage {
padding: 0px 0;
}
.item-image-page img {
margin-top: 40px;
width: 100%;
height: auto;
}
/*-----------------------------------------------------------------------------------*/
/* Comments
/*-----------------------------------------------------------------------------------*/
.comments {
padding: 20px;
background: #ffffff;
}
.comments-header {
margin-bottom: 40px;
}
.comments-header a {
text-decoration: underline;
}
.comments-list {
margin: 0;
}
.comments ul {
list-style: none;
}
.comment {
padding: 20px 0 0 0;
border-top: 1px solid #bfc6cd;
}
.comments-list > .comment:first-child {
padding: 0;
border: 0;
}
.comment-gravatar {
margin: 0 20px 0 0;
}
.comment-author {
display: inline;
color: #494f5c;
font-size: 18px;
}
.comment .says {
font-size: 18px;
}
.comment-date {
display: block;
font-size: 12px;
color: #a0a0a0;
}
.comment-body {
margin: 10px 0 0 70px;
}
.comment .children {
margin: 0 0 0 70px;
}
#respond {
margin-top: 40px;
}
#respond .comment-notes {
font-size: 14px;
color: #747373;
}
#respond .form-label {
display: block;
float: left;
width: 150px;
}
#respond textarea#comment {
max-width: 570px;
}
#respond .required {
color: #f65e13;
}
#respond #submit {
padding: 10px 30px;
background: #f65e13;
border: 0;
border-radius: 2px;
color: #ffffff;
cursor: pointer;
}
.comment-reply-link {
display: block;
padding: 4px 25px;
border: 1px solid #bfc6cd;
color: #a0a0a0;
text-transform: uppercase;
font-size: 14px;
transition: background 0.2s;
-moz-transition: background 0.2s;
-webkit-transition: background 0.2s;
-o-transition: background 0.2s;
}
.comment-reply-link:hover {
color: #ffffff;
background: #f65e13;
border-color: #f65e13;
}
/*-----------------------------------------------------------------------------------*/
/* Footer
/*-----------------------------------------------------------------------------------*/
.site-footer {
padding-top: 20px;
background-color: #536576;
/*background-image: url('../images/pattern.png');*/
background-repeat: repeat;
overflow: hidden;
}
.site-info {
background: #6e4537;
color: #ffff;
font-size: 15px;
}
.site-info span{
margin: 0 20px;
}
.site-info a {
text-decoration: underline;
color: #717f8d;
}
.footer-navigation {
background: #1c2d3c;
}
.footer-navigation ul {
margin: 0;
list-style: none;
}
.footer-navigation ul li {
display: inline-block;
}
.footer-navigation li a {
display: block;
padding: 20px;
font-size: 14px;
color: #ffffff;
text-transform: uppercase;
text-decoration: none;
margin-top: 1px;
line-height: 19px;
transition: background 0.2s;
-moz-transition: background 0.2s;
-webkit-transition: background 0.2s;
-o-transition: background 0.2s;
}
.footer-navigation li a:hover {
margin-top: 0;
border-top: 1px solid #ffffff;
background: rgba(255, 255, 255, 0.1);
}
.go-top {
float: right;
}
li.go-top a {
font-size: 22px;
}
/*-----------------------------------------------------------------------------------*/
/* Color Schemes
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------*/
/* Blue
/*-----------------------------------------------------------*/
.blue .item-image:before,
.blue .item-image:after,
.blue .item-meta,
.blue .widget-header,
.blue .table-info,
.blue.featured.table-col { background-color: #5b7bb6; }
.blue .item-meta:before,
.blue .table-info:before { border-bottom-color: #5b7bb6; }
.blue .widget-header:after { border-top-color: #5b7bb6; }
.blue .table-title,
.blue.table-col.featured .table-info { color: #5b7bb6; }
.news .item.blue { background-color: #f7faff; }
/*-----------------------------------------------------------*/
/* Red
/*-----------------------------------------------------------*/
.red .item-image:before,
.red .item-image:after,
.red .item-meta,
.red .widget-header,
.red .table-info,
.red.featured.table-col { background-color: #bc2c18; }
.red .item-meta:before,
.red .table-info:before { border-bottom-color: #bc2c18; }
.red .widget-header:after { border-top-color: #bc2c18; }
.red .table-title,
.red.table-col.featured .table-info { color: #bc2c18; }
.news .item.red { background-color: #fff7f6; }
/*-----------------------------------------------------------*/
/* Yellow
/*-----------------------------------------------------------*/
.yellow .item-image:before,
.yellow .item-image:after,
.yellow .item-meta,
.yellow .widget-header,
.yellow .table-info,
.yellow.featured.table-col { background-color: #f0c317; }
.yellow .item-meta:before,
.yellow .table-info:before { border-bottom-color: #f0c317; }
.yellow .widget-header:after { border-top-color: #f0c317; }
.yellow .table-title,
.yellow.table-col.featured .table-info { color: #f0c317; }
.news .item.yellow { background-color: #fcf9ee; }
/*-----------------------------------------------------------*/
/* Light Orange
/*-----------------------------------------------------------*/
.lightorange .item-image:before,
.lightorange .item-image:after,
.lightorange .item-meta,
.lightorange .widget-header,
.lightorange .table-info,
.lightorange.featured.table-col { background-color: #ec9517; }
.lightorange .item-meta:before,
.lightorange .table-info:before { border-bottom-color: #ec9517; }
.lightorange .widget-header:after { border-top-color: #ec9517; }
.lightorange .table-title,
.lightorange.table-col.featured .table-info { color: #ec9517; }
.news .item.lightorange { background-color: #fcf3e5; }
/*-----------------------------------------------------------*/
/* Purple
/*-----------------------------------------------------------*/
.purple .item-image:before,
.purple .item-image:after,
.purple .item-meta,
.purple .widget-header,
.purple .table-info,
.purple.featured.table-col { background-color: #6a417a; }
.purple .item-meta:before,
.purple .table-info:before { border-bottom-color: #6a417a; }
.purple .widget-header:after { border-top-color: #6a417a; }
.purple .table-title,
.purple.table-col.featured .table-info { color: #6a417a; }
.news .item.purple { background-color: #fcf4ff; }
/*-----------------------------------------------------------*/
/* Orange
/*-----------------------------------------------------------*/
.orange .item-image:before,
.orange .item-image:after,
.orange .item-meta,
.orange .widget-header,
.orange .table-info,
.orange.featured.table-col { background-color: #f65e13; }
.orange .item-meta:before,
.orange .table-info:before { border-bottom-color: #f65e13; }
.orange .widget-header:after { border-top-color: #f65e13; }
.orange .table-title,
.orange.table-col.featured .table-info { color: #f65e13; }
.news .item.orange { background-color: #fff6f1; }
/*-----------------------------------------------------------------------------------*/
/* Shortcode
/*-----------------------------------------------------------------------------------*/
.column-margin {
margin: 12px;
}
.col25,
.col33,
.col50,
.col75 {
float: left;
font-size: 15px;
}
.col25 p,
.col33 p,
.col50 p,
.col75 p {
font-size: 15px;
}
.col25{
width: 25%;
}
.col33{
width: 33%;
}
.col50{
width: 50%;
}
.col75{
width: 75%;
}
.box{
width: 100%;
background: #f65e13;
font-size: 15px;
color: #fff;
padding: 12px 1%;
margin-bottom: 40px;
margin-top: 10px;
}
.box p{
margin-bottom: 0px;
width: 85%;
float: left;
}
.box .button {
float: right;
margin-bottom: 0px !important;
}
/*-----------------------------------------------------------*/
/* Button Styles
/*-----------------------------------------------------------*/
a.button,
a.button:visited {
display: inline-block;
color: #fff!important;
text-decoration: none!important;
text-align: center;
font-family: Helvetica, Arial, Sans-serif;
text-shadow: 0 1px 0 rgba(0,0,0,0.2);
font-size: 14px;
outline: none;
font-weight: bold;
line-height: 1em;
padding: 7px 13px!important;
cursor: pointer;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.4);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.4);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.4);
-o-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.4);
border: 1px solid #0d507a!important;
margin: 0 1em 1.5em 0!important;
vertical-align: middle;
background: #0c6fb1;
background: -webkit-gradient(linear, left top, left bottom, from(#14a7cf), to(#0c6fb1));
background: -webkit-linear-gradient(top, #14a7cf, #0c6fb1);
background: -moz-linear-gradient(top, #14a7cf, #0c6fb1);
background: -ms-linear-gradient(top, #14a7cf, #0c6fb1);
background: -o-linear-gradient(top, #14a7cf, #0c6fb1);
}
a.button.square {
border-radius: 0px!important;
-webkit-border-radius: 0px!important;
-moz-border-radius: 0px!important;
-o-border-radius: 0px!important;
}
a.button.round {
border-radius: 15px!important;
-webkit-border-radius: 15px!important;
-moz-border-radius: 15px!important;
-o-border-radius: 15px!important;
}
a.button.medium {
padding: 11px 16px!important;
font-size: 16px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
}
a.button.large {
padding: 15px 20px!important;
font-size: 18px;
border-radius: 20px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-o-border-radius: 25px;
}
a.button:hover {
text-decoration: none;
}
a.button:active {
position: relative;
top: 1px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
-o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
}
a.button.green {
border-color: #69963b!important;
background: #7fc33c;
background: -webkit-gradient(linear, left top, left bottom, from(#5bb75b), to(#7fc33c));
background: -webkit-linear-gradient(top, #5bb75b, #7fc33c);
background: -moz-linear-gradient(top, #5bb75b, #7fc33c);
background: -ms-linear-gradient(top, #5bb75b, #7fc33c);
background: -o-linear-gradient(top, #5bb75b, #7fc33c);
}
a.button.green:hover {
background: #8dd242;
background: -webkit-gradient(linear, left top, left bottom, from(#7fc33c), to(#5bb75b));
background: -webkit-linear-gradient(top, #7fc33c, #5bb75b);
background: -moz-linear-gradient(top, #7fc33c, #5bb75b);
background: -ms-linear-gradient(top, #7fc33c, #5bb75b);
background: -o-linear-gradient(top, #7fc33c, #5bb75b);
}
a.button.light-blue {
border-color: #2681a2!important;
background: #2caada;
background: -webkit-gradient(linear, left top, left bottom, from(#46cae8), to(#2caada));
background: -webkit-linear-gradient(top, #46cae8, #2caada);
background: -moz-linear-gradient(top, #46cae8, #2caada);
background: -ms-linear-gradient(top, #46cae8, #2caada);
background: -o-linear-gradient(top, #46cae8, #2caada);
}
a.button.light-blue:hover {
background: #32bcef;
background: -webkit-gradient(linear, left top, left bottom, from(#2caada), to(#46cae8));
background: -webkit-linear-gradient(top, #2caada, #46cae8);
background: -moz-linear-gradient(top, #2caada, #46cae8);
background: -ms-linear-gradient(top, #2caada, #46cae8);
background: -o-linear-gradient(top, #2caada, #46cae8);
}
a.button.blue {
border-color: #0d507a!important;
background: #0c6fb1;
background: -webkit-gradient(linear, left top, left bottom, from(#14a7cf), to(#0c6fb1));
background: -webkit-linear-gradient(top, #14a7cf, #0c6fb1);
background: -moz-linear-gradient(top, #14a7cf, #0c6fb1);
background: -ms-linear-gradient(top, #14a7cf, #0c6fb1);
background: -o-linear-gradient(top, #14a7cf, #0c6fb1);
}
a.button.blue:hover {
background: #1188d6;
background: -webkit-gradient(linear, left top, left bottom, from(#0c6fb1), to(#14a7cf));
background: -webkit-linear-gradient(top, #0c6fb1, #14a7cf);
background: -moz-linear-gradient(top, #0c6fb1, #14a7cf);
background: -ms-linear-gradient(top, #0c6fb1, #14a7cf);
background: -o-linear-gradient(top, #0c6fb1, #14a7cf);
}
a.button.red {
border-color: #ab4b44!important;
background: #9E0D18;
background: -webkit-gradient(linear, left top, left bottom, from(red), to(#9E0D18));
background: -webkit-linear-gradient(top, red, #9E0D18);
background: -moz-linear-gradient(top, red, #9E0D18);
background: -ms-linear-gradient(top, red, #9E0D18);
background: -o-linear-gradient(top, red, #9E0D18);
}
a.button.red:hover {
background: #ff5e56;
background: -webkit-gradient(linear, left top, left bottom, from(#9E0D18), to(red));
background: -webkit-linear-gradient(top, #9E0D18, red);
background: -moz-linear-gradient(top, #9E0D18, red);
background: -ms-linear-gradient(top, #9E0D18, red);
background: -o-linear-gradient(top, #9E0D18, red);
}
a.button.orange {
border-color: #dc9014!important;
background: #ffb031;
background: -webkit-gradient(linear, left top, left bottom, from(#ff9900), to(#ffb031));
background: -webkit-linear-gradient(top, #ff9900, #ffb031);
background: -moz-linear-gradient(top, #ff9900, #ffb031);
background: -ms-linear-gradient(top, #ff9900, #ffb031);
background: -o-linear-gradient(top, #ff9900, #ffb031);
}
a.button.orange:hover {
background: #ffc531;
background: -webkit-gradient(linear, left top, left bottom, from(#ffb031), to(#ff9900));
background: -webkit-linear-gradient(top, #ffb031, #ff9900);
background: -moz-linear-gradient(top, #ffb031, #ff9900);
background: -ms-linear-gradient(top, #ffb031, #ff9900);
background: -o-linear-gradient(top, #ffb031, #ff9900);
}
a.button.purple {
border-color: #996192!important;
background: #d17ac6;
background: -webkit-gradient(linear, left top, left bottom, from(#e3acdc), to(#d17ac6));
background: -webkit-linear-gradient(top, #e3acdc, #d17ac6);
background: -moz-linear-gradient(top, #e3acdc, #d17ac6);
background: -ms-linear-gradient(top, #e3acdc, #d17ac6);
background: -o-linear-gradient(top, #e3acdc, #d17ac6);
}
a.button.purple:hover {
background: #eb90e0;
background: -webkit-gradient(linear, left top, left bottom, from(#d17ac6), to(#e3acdc));
background: -webkit-linear-gradient(top, #d17ac6, #e3acdc);background: -moz-linear-gradient(top, #d17ac6, #e3acdc);
background: -ms-linear-gradient(top, #d17ac6, #e3acdc);
background: -o-linear-gradient(top, #d17ac6, #e3acdc);
}
a.button.grey {
color: #555!important;
text-shadow: 0 1px 0 rgba(255,255,255,0.2);
border-color: #acacac!important;
background: #e0dddd;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0dddd));
background: -webkit-linear-gradient(top, #ffffff, #e0dddd);
background: -moz-linear-gradient(top, #ffffff, #e0dddd);
background: -ms-linear-gradient(top, #ffffff, #e0dddd);
background: -o-linear-gradient(top, #ffffff, #e0dddd);
}
a.button.grey:hover {
background: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, from(#e0dddd), to(#ffffff));
background: -webkit-linear-gradient(top, #e0dddd, #ffffff);
background: -moz-linear-gradient(top, #e0dddd, #ffffff);
background: -ms-linear-gradient(top, #e0dddd, #ffffff);
background: -o-linear-gradient(top, #e0dddd, #ffffff);
}
a.button.black {
border-color: #323232!important;
background: #444444;
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444444));
background: -webkit-linear-gradient(top, #000, #444444);
background: -moz-linear-gradient(top, #000, #444444);
background: -ms-linear-gradient(top, #000, #444444);
background: -o-linear-gradient(top, #000, #444444);
}
a.button.black:hover {
background: #000000;
background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#000000));
background: -webkit-linear-gradient(top, #444444, #000000);
background: -moz-linear-gradient(top, #444444, #000000);
background: -ms-linear-gradient(top, #444444, #000000);
background: -o-linear-gradient(top, #444444, #000000);
}
/*-----------------------------------------------------------*/
/* Alert
/*-----------------------------------------------------------*/
.alert {
padding: 0.8em;
margin: 0 0 1.5em 0;
line-height: 1.6em;
border-radius: 4px!important;
-webkit-border-radius: 4px!important;
-moz-border-radius: 4px!important;
-o-border-radius: 4px!important;
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);
-o-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);
}
.alert.white {
background: #fff;
border: 1px solid #dfdfdf;
color: #373737;
}
.alert.red {
background: #f65e13;
border: 1px solid #f65e13;
color: #fff;
}
.alert.yellow {
background: #f18d06;
border: 1px solid #f18d06;
color: #fff;
}
.alert.green {
background: #2eb44b;
border: 1px solid #2eb44b;
color: #fff;
}
.alert.blue {
background: #20a7ff;
border: 1px solid #20a7ff;
color: #fff;
}
.alert.grey {
background: #fbfbfb;
border: 1px solid #dfdfdf;
color: #373737;
}
/*-----------------------------------------------------------*/
/* Tabs
/*-----------------------------------------------------------*/
.tabs li a {
margin-top: 10px;
background: #f65e13;
border: 1px solid #f65e13;
height: 32px;
line-height: 31px;
color: #3b3b3d;
font-size: 13px;
padding: 0 14px 0 44px;
margin:0;
cursor: pointer;
}
.tabs_table {
clear: both; margin:12px 0;
}
.tabs {
padding: 0 0 0 1px !important;
margin-bottom:-1px !important;
margin-left:0;
height: 34px;
}
.tabs li {
float: left;
list-style-type: none !important;
list-style-position: outside !important;
cursor: pointer;
white-space: nowrap;
margin-left: -1px;
padding: 0 !important;
}
.tabs li a {
display: block;
float: left;
padding-left: 14px;
background: #f65e13;
margin: 0;
color: #fff;
margin-right: 6px;
}
.tabs li a:hover {
text-decoration: none;
background: #f3f3f3;
color:#444;
}
.tabs li a.selected {
background: #fff;
border-bottom: #fff 1px solid;
position: relative; color:#f65e13;
}
.panes {
border: 1px solid #f65e13;
padding: 17px;
line-height: 1.7em;
}
/*-----------------------------------------------------------*/
/* Toggle content
/*-----------------------------------------------------------*/
.toggle-content {
background: #f65e13;
border: 1px solid #f65e13;
clear: both;
display: block;
margin: 10px 0 8px;
color: #fff;
}
.toggle-content:hover {
background: #f65e13;
}
.toggle-content + .toggle-content {
margin: 0;
}
.toggle-content .expand-button {
background: url('images/toggle-open.png') left top no-repeat;
cursor: pointer;
font-weight: 700;
overflow: hidden;
height: 35px;
}
.toggle-content .expand-button.close {
background: url('images/toggle-close.png') left top no-repeat;
}
.toggle-content .expand-button p {
line-height: 40px;
margin: 0;
padding-left: 40px;
font-size: 28px;
padding-top: 5px;
}
.toggle-content .expand {
margin: 0;
background: #fff;
line-height: 160%;
color: #3b3b3d;
padding: 20px 20px 20px;
}
.toggle-content .expand {
display: none;
}
.no-js .toggle-content .expand {
display: block;
}
/*-----------------------------------------------------------------------------------*/
/* Responsive Structure
/*-----------------------------------------------------------------------------------*/
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
.item { margin-left: 0; margin-right: 0; }
}
@media (min-width: 767px) {
.grid_12 .classes.grid .item:nth-child(6n+3) .item-image:after,
.grid_12 .classes.grid .item:nth-child(6n+2) .item-image:after,
.grid_12 .classes.grid .item:nth-child(6n+1) .item-image:after,
.grid_8 .classes.grid .item:nth-child(4n+1) .item-image:after,
.grid_8 .classes.grid .item:nth-child(4n+2) .item-image:after,
.grid_4 .classes.grid .item:nth-child(2n+1) .item-image:after { bottom: -100px; top: auto; }
.grid_12 .classes.grid .item:nth-child(6n+1) .item-image:before,
.grid_12 .classes.grid .item:nth-child(6n+2) .item-image:before,
.grid_12 .classes.grid .item:nth-child(6n+3) .item-image:before,
.grid_8 .classes.grid .item:nth-child(4n+1) .item-image:before,
.grid_8 .classes.grid .item:nth-child(4n+2) .item-image:before,
.grid_4 .classes.grid .item:nth-child(2n+1) .item-image:before { bottom: auto; top: -100px; }
.grid_12 .classes.grid .item:nth-child(6n+1) .item-image h3,
.grid_12 .classes.grid .item:nth-child(6n+2) .item-image h3,
.grid_12 .classes.grid .item:nth-child(6n+3) .item-image h3,
.grid_8 .classes.grid .item:nth-child(4n+1) .item-image h3,
.grid_8 .classes.grid .item:nth-child(4n+2) .item-image h3,
.grid_4 .classes.grid .item:nth-child(2n+1) .item-image h3 { text-align: left; }
}
@media only screen and (min-width: 962px) and (max-width: 1220px) {
.meta-info.comments-counter,
.meta-info.news-tags,
.meta-info.class-trainer { display: none; }
/* Responsive Posts Zig-Zag */
.item-image:after,
.item-image:before { width: 170px; height: 170px; }
.list .item-image:before,
.list .item-image:after,
.single .item-image:before,
.single .item-image:after { width: 350px; height: 350px; }
.flex-caption {top: 15%;}
.site-header {position: relative;}
.flexslider.loading {min-height: 400px; }
.pday {width: 80px;}
}
@media only screen and (min-width: 767px) and (max-width: 962px) {
.meta-info.comments-count { display: none; }
/* Responsive Posts Zig-Zag */
.item-image:after,
.item-image:before { width: 155px; height: 155px; }
.list .item-image:before,
.list .item-image:after,
.single .item-image:before,
.single .item-image:after { width: 310px; height: 310px; }
.classes.list .overlay,
.classes.single .overlay { background-image: none; }
.meta-info.class-facebook,
.meta-info.class-twitter,
.meta-info.class-trainer,
.meta-info.news-tags { display: none; }
.comment .children { margin: 0 0 0 20px; }
.flex-content p { display: none; }
.flex-direction-nav { display: none; }
.flexslider{ padding-top: 100px; }
.table-col { width: 50%; }
.site-header {position: relative;}
.flex-caption {top: 15%;}
.flexslider.loading { min-height: 300px;}
.pday {width: 60px;}
.col25{ width: 100%;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.classes.grid .item { margin-left: 0; margin-right: 0; }
/* Responsive Posts Zig-Zag */
.item-image:after,
.item-image:before { width: 190px; height: 190px; }
.classes.grid .item:nth-child(2n+1) .item-image:after { bottom: -100px; top: auto; }
.classes.grid .item:nth-child(2n+1) .item-image:before { bottom: auto; top: -100px; }
.classes.grid .item:nth-child(2n+1) .item-image h3 { text-align: left; }
.list .item-image:before,
.list .item-image:after,
.single .item-image:before,
.single .item-image:after { width: 330px; height: 330px; }
.classes.list .overlay,
.classes.single .overlay { background-image: none; }
.meta-info.class-facebook,
.meta-info.class-twitter,
.meta-info.class-trainer,
.meta-info.news-author,
.meta-info.news-tags{ display: none; }
.comment .children { margin: 0 0 0 20px; }
.site-header {position: relative;}
.flex-caption {top: 15%;}
.flex-caption { display: none; }
.flex-content p { display: none; }
.flex-direction-nav { display: none; }
.site-header .lang { text-align: center; }
.table-col { width: 50%; }
.post-navigation { display: none!important; }
.announcement { text-align: center; }
.announcement a.btn { float: none; }
.classes.list .item-meta, .classes.single .item-meta { position: relative; }
.flexslider.loading { min-height: 300px; }
.pday {width: 54px; }
.col25, .col33, .col50, .col75{ width: 100%;}
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
.classes.grid .item { margin-left: 0; margin-right: 0; }
/* Responsive Posts Zig-Zag */
.item-image:after,
.item-image:before { width: 170px; height: 170px; }
.classes.grid .item:nth-child(2n+1) .item-image:after { bottom: -100px; top: auto; }
.classes.grid .item:nth-child(2n+1) .item-image:before { bottom: auto; top: -100px; }
.classes.grid .item:nth-child(2n+1) .item-image h3 { text-align: left; }
.list .item-image:before,
.list .item-image:after,
.single .item-image:before,
.single .item-image:after { width: 300px; height: 300px; }
.classes.list .overlay,
.classes.single .overlay { background-image: none; }
.classes.list .item-meta,
.classes.single .item-meta { position: relative; }
.meta-info.class-join,
.meta-info.class-certificate,
.meta-info.class-facebook,
.meta-info.class-twitter,
.meta-info.class-classes,
.meta-info.class-trainer,
.meta-info.class-level,
.meta-info.news-author,
.meta-info.comments-counter,
.meta-info.news-tags { display: none; }
.comment .children { margin: 0 0 0 10px; }
.comment .says { display: none; }
.site-header {position: relative;}
.flex-caption {top: 15%;}
.flex-caption { display: none; }
.flex-direction-nav { display: none; }
.site-header .lang { display: none; }
.table-col { width: 100%; }
.post-navigation { display: none!important; }
.announcement { text-align: center; }
.announcement a.btn { float: none; }
.testimonials .flex-control-paging { top: 200px; }
.flexslider.loading { min-height: 205px; }
.title-404{ font-size: 142px; margin-top: 50px; }
.description-404 { margin-bottom: 100px; }
.progday {width: 100%; margin-bottom: 20px;}
.pday{width: 100%;}
.col25, .col33, .col50, .col75{ width: 100%;}
}
@media (max-width: 320px) {
}
/*-----------------------------------------------------------------------------------*/
/* Print
/*-----------------------------------------------------------------------------------*/
@media print {}
/*-----------------------------------------------------------------------------------*/
/* FlexSlider
/*-----------------------------------------------------------------------------------*/
.flexslider .slides img {
width: 100%;
display: block;
max-height: 800px;
}
.overlay1 {
position: absolute;
display: block;
width: 100%;
height: 0;
bottom: 0;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
/*-----------------------------------------------------------------------------------*/
/* Latest Updated CSS: 11/252017
/*-----------------------------------------------------------------------------------*/
/*
.comment-stat-bars {
overflow:hidden
}
.comment-stat-bar {
margin:0 1%;
background-color: #2ea2cc;
border-top-color: #fff;
border-top-style: solid;
float:left;
}
.comment-stat-labels {
overflow:hidden;
}
.comment-stat-label {
float:left;
margin:0 1%;
padding:5px 0;
text-align:center;
}
.comment-stat-caption {
text-align:center;
margin:11px 0;
font-style:italic
}
*/
.home-img {
width:360px;
height:180px;
}
.item-content {
margin: 20px 20px;
margin-bottom: 50px;
}
@media (max-width:482px) {
.social h1 {
font-size: 1em !importants;
color: #121d27;
text-decoration: none;
}
#site-title a {
font-size: 1em !important;
color: #121d27;
text-decoration: none;
}
}
@media (max-width:705px) {
.social .icon {display: none;}
.testimonial-avatar {display: none !important;}
.testimonial-content {
margin-left: 10px;
text-align: justify;
}
}
.sticky {}
.bypostauthor {}
.grid_12.branding {
text-align: center;
}
.social .icon {
margin:8px;
color:#4d5360;
-webkit-font-smoothing: antialiased;
}
.search-page{
border-bottom: 1px solid black;
}