*, *:after, *::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
}
textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus,
button:focus,
button:active,
button:hover {
outline: 0px !important;
-webkit-appearance: none;
}
html, body {
color: #555;    
font-size: 13px;    
font-style: normal;
font-weight: 400;    
height: 100%;
letter-spacing: 0.5px;    
margin: 0;
padding: 0;
text-rendering: optimizeLegibility;
text-rendering: geometricPrecision;
width: 100%;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;
}
body {
line-height: 1.7em;
overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6,p,ul { 
margin:0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
color:#555;
clear: both;
line-height: 1.4;
margin: 0 0 0.75em;
padding: 1.5em 0 0;
}
h1 {font-size: 32px; font-weight: 700;}
h2 {font-size: 30px; font-weight: 700;}
h3 {font-size: 26px; font-weight: 700;}
h4 {font-size: 22px; font-weight: 700;}
h5 {font-size: 18px; font-weight: 700;}
h6 {font-size: 14px; font-weight: 700;}  
a {text-decoration: none; 
display: inline-block;
}
a:hover,a:focus,a:visited {text-decoration: none; 
outline: none;
}
img {max-width: 100%;}
ol, ul {
list-style: none;
}
input[type="text"],
input[type="email"],input[type="password"] {    
background: transparent;
border: none;
border-bottom: 1px solid #555;        
color: #000;    
height: 50px;
padding: 0px 10px 0 20px;    
width: 100%;    
font-weight: 400;
}
textarea {
background: transparent;
border: none;
border-bottom: 1px solid #555;    
color: #000;
padding: 10px 10px 0 20px;
width: 100%;
font-weight: 400;
}
textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus,
button:focus,
button:active,
button:hover {
outline: 0px !important;
-webkit-appearance: none;
}
blockquote{
background: transparent url(//weekleyroversfc.org/wp-content/themes/krystalpro/img/bquote.png) no-repeat scroll 0 0;
border: none;
padding: 0 0 0 40px;
}
blockquote p {
margin-top: 30px;
overflow: hidden;
margin-bottom: 8px !important;
}
blockquote cite{
font-weight: 700;
}
table {
border-bottom: 1px solid #ededed;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
line-height: 2;
margin: 0 0 20px;
width: 100%;
}
td {
border-top: 1px solid #ededed;
padding: 6px 10px 6px 0;
}
caption, td {
font-weight: normal;
text-align: left;
}
tr{
font-weight: 700;
}
ul {
list-style-type: disc;
margin-left: 20px;
}
ol{
margin-left: 20px;
list-style: decimal;
}
li > ul, li > ol {
margin-left: 20px;
}
address {
font-style: italic;    
}
p {
margin: 0 0 1.5em;
padding: 0;
}
dd{
margin: 0 0 1.5em 20px;
padding: 0;   
}
big {
font-size: 125%;
}
small {
font-size: 80%;
}
.loader-wrapper {
background: #fff;
width: 100%;
height: 100%;
position: fixed;
z-index: 100000;
}
#pre-loader {
position: absolute;
top: 50%;
left: 50%;
margin: -15px 0 0 -15px;
}
@keyframes spinner_preloader {
0% {
transform: rotate(0deg); }
50% {
transform: rotate(360deg); }
100% {
transform: rotate(720deg); } 
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;    
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;   
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
white-space: nowrap;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.sticky{
margin-bottom: 2px; 
}
.entry-title .fa-thumbtack{
padding-right: 5px;
}
.gallery-caption{
font-size: 16px;
font-weight: 700;
}
.bypostauthor{
font-size: 14px;
color: #555;
}
.center{
text-align: center;
} header.menu-wrapper {
position: absolute;
top:0;
left:0;
right: 0;
z-index: 99;  
}
header.menu-wrapper.style-2 {
position: relative;  
}
header.menu-wrapper .container-fluid {
padding: 0 70px;
}
header.menu-wrapper .logo {
margin-top: 5px;
}
header nav{
float: right;
}
header.menu-wrapper nav>ul>li {
display: inline-block;
margin: 10px 5px;
position: relative;
}
header.menu-wrapper nav ul li .fa {
color:#fff;
margin-left: -5px;
cursor: pointer;
line-height: 50px;
}
header.menu-wrapper nav ul li a {
font-size: 13px;
color: #fff;
line-height: 30px;
padding: 20px 10px;
}
header.menu-wrapper.style-2 nav ul li a{
color: inherit;
} header.menu-wrapper nav ul>li.dropdown-holder .sub-menu {
position: absolute;
left: 0;
top:120%;
width:250px;
background: #262626;
opacity: 0;
visibility: hidden;
margin-top: 5px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-webkit-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
}
header.theme-menu-wrapper nav ul>li.dropdown-holder:hover .sub-menu {
opacity: 1;
visibility: visible;
top:100%;
}
header.theme-menu-wrapper nav ul>li.dropdown-holder .sub-menu li a {
font-size: 14px;
text-transform: uppercase;
color:#f3f3f3;
line-height: 55px;
display: block;
padding: 0 0 0 25px;
position: relative;
border-bottom: 1px solid rgba(255,255,255,0.05);
}
header .nav > li > a:hover, header .nav > li > a:focus{
background: none;
}
header.theme-menu-wrapper nav ul>li.dropdown-holder .sub-menu li:last-child a {
border:none;
}
header .navbar-collapse li{
padding: 10px 0;
}
header .navbar-collapse li .sub-menu{
padding-left: 20px;
padding-top: 20px;
}
header .res-menu::-webkit-scrollbar {
width: 7px;
}
header .res-menu::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
header .res-menu::-webkit-scrollbar-thumb {
background-color: #c7c7c7;  
}
header .navbar-toggle i{
cursor: pointer;
font-size: 20px;
} @keyframes menu_sticky {
0%  {margin-top:-120px;opacity: 0;}
50%  {margin-top: -64px;opacity: 0;}
100% {margin-top: 0;opacity: 1;}
}
header.menu-wrapper.fixed {
position: fixed;
width:100%;
top:0;
left:0;
z-index: 1001;
background: #fff;
animation: menu_sticky 0.7s ease-in-out;  
border-bottom: 1px solid #f5f5f5;  
box-shadow: 0px -4px 12px 0px;
-webkit-box-shadow: 0px -4px 12px 0px;
-moz-box-shadow: 0px -4px 12px 0px;
}
header.menu-wrapper.fixed a{    
color: #555;
}
.navbar-toggle{
color: #fff;    
position: absolute;
right: 0;
top: 5px;
padding: 0;
margin-right: 30px;
margin-top: 20px;
}
header.menu-wrapper.style-2 .navbar-toggle{
color: inherit;
}
header.menu-wrapper.fixed .navbar-toggle{
color: #555;
}
header.menu-wrapper.fixed nav ul>li.dropdown-holder .sub-menu:before {
display:none;
}
header.menu-wrapper.fixed nav ul>li.dropdown-holder .sub-menu {
margin-top:10px;
}
header .custom-logo-link img{
width: auto;
max-height: 60px;
margin: 15px 0;
}
header #logo-alt{
display: none;
}
header #logo-alt img{
max-height: 50px;
margin-top: 10px;
}
header.menu-wrapper.fixed nav ul li a{
padding: 10px 10px;
}
header.menu-wrapper.fixed .menu-search,
header.menu-wrapper.fixed .menu-search-x{
top: 25px;
}
header.menu-wrapper.fixed .menu-search:before,
header.menu-wrapper.fixed .menu-search:after,
header.menu-wrapper.fixed .menu-search-x:before,
header.menu-wrapper.fixed .menu-search-x:after{
border: 1px solid #555;
}
header.menu-wrapper.fixed #search-box .search input {
border-bottom: 1px solid #555;
color: #555;
}
header.menu-wrapper.fixed #search-box .search input::-webkit-input-placeholder,
header.menu-wrapper.fixed #search-box .search input::placeholder{ 
color: #555;
}
h1.site-title{
line-height: 0.7;
margin: 0;  
font-size: 32px; 
padding: 0;  
}
h1.site-title a{
vertical-align: top;
}
header.menu-wrapper.fixed h1.site-title{
padding-top: 0;
}
.site-title a {
color: #fff;
font-size: 18px;
}
.site-title a:hover,.site-title a:focus,.site-title a:visited{
color: #fff;
}
p.site-description {
color: #fff;
font-size: 11px;
}
header.menu-wrapper.style-2 p.site-description {
color: inherit;
}
.fixed p.site-description{
color: #000;
} .nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
background: none;
}
header.menu-wrapper nav ul li ul li a{
padding: 3px 20px;
}
header.menu-wrapper.fixed nav ul li ul li a{
padding: 0 20px;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
color: #fff !important;
background: #444444;        
}
.navbar-nav > li > .dropdown-menu {    
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
background: #444444;    
color: #fff !important;    
}
.dropdown-menu > li > a{
padding: 12px 24px;        
color: #555 !important;    
text-transform: none;
white-space: normal;
}
.navbar-default .navbar-nav > .open > a{
background: none;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover{
background: none;
}
.nav ul ul {
position: absolute;
top: -3px;
left: 180px;
display: none !important;
}
.nav li:last-child ul ul,.nav li:nth-last-child(2) ul ul{
position: absolute;
top: -3px;
left: -180px;
display: none !important;   
}
.dropdown-menu {
background-color: rgba(255, 255, 255, 1);
padding: 0;
min-width: 180px;
border-radius: 0;
margin: 6px 0; 
border-radius: 4px;
border: 1px solid rgba(0,0,0,0.03);   
}
.dropdown-menu li{
border-bottom: 1px solid rgba(0,0,0,0.05);
}
.dropdown-menu li:hover ul,.nav li:last-child .dropdown-menu li:hover ul,.nav li:nth-last-child(2) .dropdown-menu li:hover ul { 
display: block !important;
}
.bread-crumb,.bread-crumb span{
color: #fff;
padding-top: 10px;
}
.dropdown-menu > li:last-child > a:hover, .dropdown-menu > li:last-child > a:focus{
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.dropdown-menu > li:first-child > a:hover, .dropdown-menu > li:first-child > a:focus{
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
border-radius: 0;
}
.dropdown-menu li:last-child{
border-bottom: 0;
}
.dropdown-menu{
margin:0;
} .dropdown:hover > .dropdown-menu,
.dropdown:focus-within > .dropdown-menu {
display: block !important;
visibility: visible;
opacity: 1;
}
.dropdown-menu .dropdown:focus-within > .dropdown-menu {
display: block !important;
visibility: visible;
opacity: 1;
} section.home-color-section{
height: 100vh;
}
#parallax-bg {
margin: 0 0;
}
#parallax-bg #slider-inner {
background-size: cover !important;
height: 100vh;
padding-top: 25px;
position: relative;
}
#parallax-bg #slider-inner:before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;    
background: rgba(0,0,0,.5);
text-align: center;
color: #fff;
}
.slide-bg-section {
color: #fff;
display: table;
height: calc(100vh - 10px);    
overflow: hidden;
width: 100%;
}
#parallax-bg.style2 .slide-bg-section{
height: calc(100vh - 200px);    
}
.slide-bg-section .slide-bg-text {
display: table-cell;
vertical-align: middle;
}
.slide-bg-section h1 {    
color: #fff;
font-weight: 900;
margin: 0;
}
.slide-bg-section p.center {
margin: auto;
width: 55%;
}
.slide-bg-section p.right {
float: right;    
}
.slide-bg-section p {
font-size: 14px;
font-weight: 300;
letter-spacing: 0.5px; 
padding: 10px 0 10px 0;
width: 45%;    
margin: auto;
}
.slide-bg-section p.left {
text-align: left;
width: 45%;      
margin: 0;  
}
.slide-bg-section .slide-buttons{
clear: right;
}
.slide-bg-section .read-more {    
margin-top: 25px;
display: inline-block;
margin-right: 30px;
}
.slide-bg-section .read-more a {
background: transparent;
border: 1px solid #dedede;
border-radius: 45px;
color: #fff !important;
font-size: 14px;
font-weight: 700;    
padding: 18px 35px;    
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
outline: 0 !important;
-webkit-appearance: none;
}
section > .main-content,.inner-overlay>.main-content{
padding-top: 110px;
padding-bottom: 50px;
}
.page-content-area{
margin: 70px 0;
}
.elementor-page .page-content-area{
margin-bottom: 0;
}
.title{
text-align: center;
}
.title h3{
color: #555;
font-size: 24px;
font-weight: 700;
margin-bottom: 15px;
}
.title p{
margin: auto;
width: 400px;    
}
.left{
text-align: left;
}
.right{
text-align: right;
}
.center{
text-align: center;
}
.image .img-responsive{
display: inline-block;
}
.content p{
margin: 35px 0;
} .camera_wrap {
float:none;
}
#slider .camera_overlayer {
content: '';
position: absolute;
top:0;
left:0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.5);    
opacity: 0.8;
}
#slider.camera_wrap .camera_pag .camera_pag_ul {
position: absolute;
text-align: center;
top:90%;  
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
z-index: 99;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
#slider.camera_wrap .camera_pag .camera_pag_ul li {
width: 12px;
height: 12px;
margin: 0 5px;
background: transparent;
border-radius: 50%;
border:1px solid #fff;  
}
#slider.camera_wrap .camera_pag .camera_pag_ul li span {
display: none;
}
#slider.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent {
background: #fff;
}
#slider .camera_caption {
height: 100%;
}
#slider .camera_caption>div {
background: transparent;
position: absolute;
top:0;
left:0;
right: 0;
bottom: 0;
padding: 0;
}
#slider .camera_caption>div {
background: transparent;
position: absolute;
width: 100%;
z-index: 1;
top: 50%;
transform: translateY(-50%);  
text-shadow: none;
left: 0;
}
#slider .camera_caption .container {
position: relative;
top:50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
#slider.center-item .camera_caption {
text-align: center;
} ul.portfolio-list{
list-style-type: none;
margin-left: 0;
}
ul.portfolio-list li{
width: 19.95%;
padding: 10px;
}
.effects .pfolio-img {
position: relative;    
}
.effects .pfolio-img:last-child {
margin-right: 0;
}
.effects .pfolio-img img {
display: block;    
height: auto;
margin: 0;
padding: 0;
max-width: 100%;    
}
.isotope .pfolio-img a.info-link {
border-radius: 50%;
border: 1px solid #fff;
color: #fff;
display: inline-block;
margin: 5px 5px;    
padding: 8px 14px;
position: absolute;
top:40%;
left: 28%;
text-decoration: none;
text-transform: uppercase;
}
.isotope .pfolio-img a.info-search {
border: 1px solid #fff;
border-radius: 50%;
color: #fff;
display: inline-block;
margin: 5px 5px;
padding: 8px 14px;
text-decoration: none;    
text-transform: uppercase;
position: absolute;
left:53%;
top:40%;    
}
.isotope .item .item-description {
border: 1px solid #000;
background: #fff;
border-top: none;
text-align: center;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.isotope .item .item-description span {
font-size: 15px;
} .isotope #filter {
font-weight: 700;
margin: 10px 0 30px 0;
overflow: hidden;
position: relative;
text-align: center;
width: 100%;
}
.isotope #filter li {        
display: inline-block;
padding-right: 2px;
}
.isotope #filter li a {    
display: block;
height: 31px;
line-height: 26px;
padding-left: 15px;
padding-right: 10px;
padding: 3px 10px;
}
.isotope #filter li.selected a, .isotope #filter li a:hover {
border-radius: 2px;    
text-decoration: none;
transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-webkit-transition: all .215s ease-in-out;
}
.isotope .portfolio4 img {
height: 230px;
width: 100%;    
} .isotope-hidden{
display: none;
}
.mfp-bg{
opacity: 1;
position: fixed !important;
}
figcaption .mfp-title{
margin-top: 15px;
margin-bottom: 500px;
}
figcaption .mfp-figure small{
margin-top: 10px;
}
figcaption p{
font-size: 11px;
}
.portfolio-list .description{
text-align: center;    
margin-top: 10px;
}
.portfolio-list .description p>a{
font-weight: 700;
}
.portfolio-list .description h5{
text-transform: uppercase;
font-size: 14px;
}
.portfolio-list .description p{
text-transform: uppercase;
font-size: 12px;
}
[class^='imghvr-'] h4, [class*=' imghvr-'] h4 {        
text-transform: uppercase;
}
[class^='imghvr-'] a, [class*=' imghvr-'] a {
position: relative;
color: #fff;
font-size: 12px;
}
[class^='imghvr-'] a>i, [class*=' imghvr-'] a>i{
font-size: 20px;
}
[class^='imghvr-shutter-in-']:after, [class^='imghvr-shutter-in-']:before, [class*=' imghvr-shutter-in-']:after, [class*=' imghvr-shutter-in-']:before{
background-color: #009688;
}
[class^='imghvr-fold'] figcaption, [class*=' imghvr-fold'] figcaption{
text-align: center;
background-color: #009688;   
}
[class^='imghvr-fold']:hover figcaption, [class^='imghvr-fold']:hover figcaption {
text-align: center;
background: transparent;    
}
[class^='imghvr-'], [class*=' imghvr-']{
background: none;
}
[class^='imghvr-'] > img, [class*=' imghvr-'] > img {
height: 170px !important;
width: 100%;
} .blog-wrapper{
margin: 70px 0;
padding-right: 40px;
}
.blog-wrapper .image{
position: relative;
max-width: 100%;      
overflow: hidden;
}
.blog-wrapper.blog-list .image{
position: relative;
max-width: 100%;      
overflow: hidden;
}
.blog-wrapper img{
max-width: 100%;   
vertical-align: top;
height: auto;    
}
.blog-wrapper.blog-list img{
max-width: 100%;   
vertical-align: top;
height: auto;    
}
.meta-wrapper ul.post-categories{
display: inline;
margin-left: 0;
list-style-type: none;
}
.meta-wrapper ul.post-categories li{
display: inline;
}
.blog-wrapper .meta{
color: #555;
margin: 20px 0px;
}
.meta .meta-item{
padding-left: 15px;
padding-right: 15px;
border-right: 1px solid #d8d8d8;
}
.meta .meta-item:last-child{    
border-right: 0;
}
.meta .meta-item:first-child{
padding-left: 0px;
}
.meta-item i{
padding-right: 10px;
}
.blog-content h3{
font-weight: 700;    
padding: 0;
}
.post-info.single {
padding: 30px 0;
}
ul.post-categories {
display: inline;
margin-left: 0;
}
.post-tags.single {
text-align: right;
}
.post-category li {
display: inline;
}
.blog-content h4{
font-weight: 700;
margin: 25px 0 18px 0;
padding: 0;
}
.blog-wrapper .read-more{
margin:40px 0;
text-align: right;
}
.post-navigation h2 {
display: none;
}
.single .nav-links {
background: #fbfbfb;
padding: 25px;
font-size: 13px;
margin-bottom: 40px;
}
.single-post #respond{
margin-bottom: 70px;
}
li a {
vertical-align: top !important;
}
.nav-links .nav-previous, .nav-links .nav-next {
width: 50%;
display: inline-block;
}
.nav-links .nav-previous:before {
content: "\f060";
font-family: FontAwesome;
padding-right: 5px;
}
.nav-links a {
color: #555;
}
.nav-links .nav-next {
text-align: right;
}
.nav-links .nav-next:after {
content: "\f061";
font-family: FontAwesome;
padding-left: 5px;
}
.nav-links > .nav-next:first-of-type {
width: 100%;
}
#commentform input[type=submit]{
margin-top: 50px;
background: none;
border-radius: 45px;
border: 1px solid #555;
color: #555;
padding: 15px 40px;
transition: all 0.3s ease-in-out;
outline: 0 !important;
-webkit-appearance: none;
}
.pagination{
padding-left: 15px;
width: 100%;
}
.pagination .nav-links .current{
font-weight: 700;
font-size: 14px;  
border-radius: 45px;
padding: 6px 14px;
color: #fff;
}
.pagination .nav-links a{
padding: 5px 25px;
}
.widget-area{
margin-top: 50px;
}
.widget-area .widget{
margin: 50px 0;
}
aside h4.widget-title {
text-transform: uppercase;
}
aside .widget ul{
margin-top: 15px;
}
aside .widget ul li{
padding: 5px 0;  
}
aside .widget input#searchsubmit,aside .widget label.search-icon{
display: none;
}
.searchpage .page-content form{
margin-top: 50px;
}
form.searchform input#searchsubmit,form.searchform label.search-icon{
display: none;   
} .searchpage .content-area{
margin: 70px 0;
}
.searchpage .content-area article{
margin: 50px 0;
}
.searchpage .content-area article h3{
margin: 15px 0;
}
.search-content h1{
margin-bottom: 20px;
padding: 0;
} .menu-search:before {    
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
content: "";
display: inline-block;
height: 15px;
top: 1px;
-webkit-transform: translateX(0%) translateY(0%);
-moz-transform: translateX(0%) translateY(0%);
-ms-transform: translateX(0%) translateY(0%);
-o-transform: translateX(0%) translateY(0%);
transform: translateX(0%) translateY(0%);
width: 15px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.menu-search:after {    
content: "";
display: inline-block;
height: 10px;
-webkit-transform: translateX(50%) translateY(50%) rotate(-45deg);
-moz-transform: translateX(50%) translateY(50%) rotate(-45deg);
-ms-transform: translateX(50%) translateY(50%) rotate(-45deg);
-o-transform: translateX(50%) translateY(50%) rotate(-45deg);
transform: translateX(50%) translateY(50%) rotate(-45deg);
width: 1px;
}
.menu-search-x:before {    
content: "";
display: inline-block;
height: 15px;
margin-left: 10px;
margin-top: 5px;
position: absolute;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 1px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.menu-search-x:after {    
content: "";
display: inline-block;
height: 15px;
margin-left: 10px;
margin-top: 5px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 1px;
}
.menu-search, 
.menu-search-x {
cursor: pointer;
height: 20px;
width: 20px;
}
#search-box {    
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
position: absolute;
width: 280px;
right: 0px;
top: 60px;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
z-index: 1;    
}
#search-box.show-search-box {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}
#search-box .search-form {
background-color: rgba(255, 255, 255, 0.9);
display: none;
height: 80px;
padding: 20px 20px 0;
width: 100%;
}
#search-box.show-search-box .search-form {
display: block;
}
#search-box input.search-field {
width: calc(100% - 50px);
}
#search-box .search-submit {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
color: #999;
background-color: transparent;
border-top: none;
border-left: none;
border-right: none;
}
#search-box input[type="search"] {
background-color: transparent;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
} #comments{
margin-top: 50px;
}
ol.comment-list{
margin-top: 30px;
list-style-type: none;
margin-left: 0;
}
ol.children{
list-style-type: none;
}
.comment-metadata{
margin: 10px 0;
}
#respond{
margin-top: 50px;
}
.comment-meta .reply{
margin: 10px 0;
float: right;
}
.comment-meta b.fn{
padding-left: 10px;
}
#respond h3#reply-title{
margin-bottom: 5px;
}
.children .comment{
padding-left: 50px;
}
.comment-body {
margin-bottom: 30px;
}
.comment-body .comment-content {
background: #f9f9f9;
padding: 15px 20px;
border-radius: 5px;
font-size: 13px;
}
.comment-body .comment-content p {
margin: 0;
}
.comment-body .comment-author img {
border-radius: 45px;
vertical-align: middle;
}
.comment-body .comment-author b.fn a {
vertical-align: middle;
} form.wpcf7-form{
width: 60%;
margin: auto;
}
form.wpcf7-form label{
display: block;
}
form input[type="submit"]{
margin-top: 35px;
background: none;
border-radius: 45px;
border: 1px solid #555;
color: #555;
padding: 15px 40px;
transition: all 0.3s ease-in-out; 
outline: 0 !important;
-webkit-appearance: none;
}
div.wpcf7 .ajax-loader{
position: absolute;
right: 48%;
top: 100%;
margin-top: 10px;
}
div.wpcf7-validation-errors{
text-align: center;
border: 0;
color: #ff0000;
}
div.wpcf7-mail-sent-ng{
text-align: center;
border: 0;
color: #ff0000; 
}
div.wpcf7-mail-sent-ok{
text-align: center;
border: 0;
color: #408e1e;
}
span.wpcf7-not-valid-tip { 
display: none; 
}
input[aria-invalid="true"],select[aria-invalid="true"],textarea[aria-invalid="true"] { 
border-bottom: 1px solid #ff0000 !important;
transition: all 0.3s ease-in-out; 
} .footer-widgets-wrapper h4{
padding: 0;
}
footer .social{
color: #555;
}
footer .social-icons .s-icon a{
color: #555;
}
footer .social-icons .s-icon{
padding:5px;
}
footer .social-icons i{
text-align: center;
font-size: 16px;
width: 45px;
height: 45px;
padding: 12px;    
border-radius: 50%;
-webkit-transition: all 0.3s ease-in-out;        
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
footer ul li{
padding: 5px 0;
}
footer .social-icons i:hover{
color: #fff;   
background: #000;  
-webkit-transition: all 0.3s ease-in-out;        
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;  
}
footer .copyrights{
margin: 30px 0;
text-align: center;
}
footer .footer-inner{
text-align: center;
}
footer .footer-inner .icon i{
font-size: 40px;
}
footer ul.social-menu-list {
margin-left: 0;
} .btn{
padding: 6px 25px;
}
button.trans{
background: none;
border: 1px solid #fff;
height: 50px;
border-radius: 5px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
button.black{
background: #000;    
height: 50px;
border-radius: 5px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
button i{
padding-left: 5px;
}
.btn-default{
color: #fff;
}
.btn-default:focus{    
border: none;
color: #fff;
}
.btn-default:hover{       
border: 0;       
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
button.trans:hover, button.trans:focus, button.trans:active{    
background: #000; 
border: 1px solid #000;
color: #fff;   
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
button.black:hover, button.black:focus, button.black:active{    
background: #000; 
border: 1px solid #000;
color: #fff;   
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
button{
font-size: 12px;
-webkit-transition: all 0.3s ease-in-out;        
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
button.trans{
background: none;
border: 1px solid #fff;      
width: 160px;
height: 50px;
border-radius: 45px;
}
button.black{
background: #000;    
border: 1px solid #000;      
width: 160px;
height: 50px;
border-radius: 45px;
}
button.grey{
background: none;    
border: 1px solid #555;      
width: 160px;
height: 50px;
border-radius: 45px;
color: #555;
}
button i{
padding-left: 5px;    
}
.btn-default{
color: #fff;
background: #444444;    
border: 1px solid #444444;      
width: 160px;
height: 50px;
border-radius: 45px;
outline: 0 !important;
-webkit-appearance: none;
}
.btn-default:focus{
background: #000;
border: none;
color: #fff;
}
.btn-default:hover{
color: #fff;
background: #036b61;
border: none;
-webkit-transition: all 0.3s ease-in-out;        
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
} a.trans{
outline: 0 !important;
-webkit-appearance: none;
transition: all 0.3s ease-in-out;
} .btntoTop {
width: 30px;
height: 30px;
position: fixed;
bottom: 30px;
right: 30px;
border: 1px solid #000;
text-align: center;
line-height: 25px;
cursor: pointer;
opacity: 0;
border-radius: 50%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.btntoTop:before {
content: "\f106";
display: inline-block;
vertical-align: middle;
font: 20px;
font-family: 'Font Awesome\ 5 Free';
font-weight: 900;    
}
.btntoTop.active {
opacity: 1;
}
.btntoTop.active:hover {
opacity: 0.8;
background: #000;
color: #fff;
-webkit-transition: all 0.3s ease-in-out;        
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
} .section-title.page-title {    
padding: 150px 5px 125px 5px;  
}
.section-title h1{
color: #fff;
margin: 0;
padding: 0;
} @-webkit-keyframes ani-mouse {
0% {
opacity: 1;
top: 29%;
}
15% {
opacity: 1;
top: 50%;
}
50% {
opacity: 0;
top: 50%;
}
100% {
opacity: 0;
top: 29%;
}
}
@-moz-keyframes ani-mouse {
0% {
opacity: 1;
top: 29%;
}
15% {
opacity: 1;
top: 50%;
}
50% {
opacity: 0;
top: 50%;
}
100% {
opacity: 0;
top: 29%;
}
}
@keyframes ani-mouse {
0% {
opacity: 1;
top: 29%;
}
15% {
opacity: 1;
top: 50%;
}
50% {
opacity: 0;
top: 50%;
}
100% {
opacity: 0;
top: 29%;
}
}
.scroll-down {
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 20px;
text-align: center;
}
#parallax-bg.style2 .scroll-down{    
bottom: inherit;
}
.scroll-down > * {
display: inline-block;
line-height: 18px;
font-size: 13px;
font-weight: normal;
color: #7f8c8d;
color: #ffffff;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing: 2px;
}
.scroll-down > *:hover,
.scroll-down > *:focus,
.scroll-down > *.active {
color: #ffffff;
}
.scroll-down > *:hover,
.scroll-down > *:focus,
.scroll-down > *:active,
.scroll-down > *.active {
opacity: 0.8;
filter: alpha(opacity=80);
}
.scroll-down .mouse {
position: relative;
display: block;
width: 20px;
height: 35px;
margin: 0 auto 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid white;
border-radius: 23px;
}
.scroll-down .mouse > * {
position: absolute;
display: block;
top: 29%;
left: 50%;
width: 4px;
height: 4px;
margin: 0 0 0 -2px;
background: white;
border-radius: 50%;
-webkit-animation: ani-mouse 2.5s linear infinite;
-moz-animation: ani-mouse 2.5s linear infinite;
animation: ani-mouse 2.5s linear infinite;
} .page-content-area h1.page-error{
margin-bottom: 20px;
padding-top: 0;
}
.error404 .page-content-area form{
margin-top: 50px;
} .style-1 .top-bar,
.style-2 .top-bar{
padding: 5px 0;
}
.style-1 .top-bar{
border-bottom: 1px solid #ffffff1f;
}
.style-2 .top-bar{
background: #efefef;
}
.topbar-text{
color: #fff;
}
.topbar-text p{
margin: 0;
}
.top-right-sidebar{
text-align: right;
}
.top-right-sidebar ul{
list-style-type: none;
}
span#call-us{
margin-right: 20px;
color: #fff;
}
#menu-social{
list-style-type: none;
margin-left: 0;
float: right;
}
#menu-social li{
display: inline-block;
padding: 0 10px;
}
#menu-social li i{
color: #fff;
} #menu-social-menu li a{
padding-bottom: 5px;
}
#menu-social-menu li a .social-menu-wrap{
display: none;
}
#menu-social-menu li a::before{
display: block;
font-size: 18px;
text-align: center;
width: 37px;
line-height: 37px;
border-radius: 50%;
font-family: "Font Awesome 5 Brands";
font-weight: 400;
color: inherit;
}
#menu-social-menu li a[href*="facebook.com"]::before {
content: "\f39e";
background: #3b5998;
color: #fff;
}
#menu-social-menu li a[href*="twitter.com"]::before {
content: "\f099";
background: #1da1f2;
color: #fff;
}
#menu-social-menu li a[href*="instagram.com"]::before {
content: "\f16d";
background: #df2176;
color: #fff;
}
#menu-social-menu li a[href*="plus.google.com"]::before {
content: "\f0d5";
background: #ea4335;
color: #fff;
}
#menu-social-menu li a[href*="linkedin.com"]::before {
content: "\f0e1";
background: #0078bb;
color: #fff;
}
#menu-social-menu li a[href*="pinterest.com"]::before {
content: "\f231";
background: #cc0000;
color: #fff;
}
#menu-social-menu li a[href*="behance.net"]::before {
content: "\f1b4";
background: #4465ff;
color: #fff;
}
#menu-social-menu li a[href*="github.com"]::before {
content: "\f09b";
background: #000;
color: #fff;
}
#menu-social-menu li a[href*="youtube.com"]::before {
content: "\f167";
background: #f40a;
color: #fff;
}
#menu-social-menu li a[href*="amazon.com"]::before {
content: "\f270";
background: #fff;
color: #000;
}
#menu-social-menu li a[href*="dribbble.com"]::before {
content: "\f17d";
background: #fff;
color: #da5486;
}
#menu-social-menu li a[href*="flickr.com"]::before {
content: "\f16e";
background: #0d61cd;
color: #fff;
}
#menu-social-menu li a[href*="reddit.com"]::before {
content: "\f1a1";
background: #ed4233;
color: #fff;
}
#menu-social-menu.footer-menu li{
padding: 0;
display: inline-block;
} input[type="radio"],input[type="radio"]:hover{
-webkit-appearance: radio;
}
input[type="checkbox"],input[type="checkbox"]:hover{
-webkit-appearance: checkbox;
}
.main-menu li.menu-button {
padding: 0 10px;
}
.main-menu li.menu-button > a {
padding: 1px 20px !important;
border-radius: 45px;
}
.main-menu li.menu-button > a {
position: relative;
}
select{
background: transparent;
border: none;
border-bottom: 1px solid #555;
color: #000;
height: 50px;
padding: 0px 10px 0 20px;
width: 100%;
font-weight: 400;
padding-left: 10px;
}
.hatom-extra{
display: none;
}