/*
Theme Name: Corporate64
Theme URI: http://sumanshresthaa.com.np/theme/corporate64-theme/
Author: Suman Shrestha
Author URI: http://sumanshresthaa.com.np
Description: Corporate64 is yet simple, clean, elegant and multipurpose WordPress theme that has been tailored to business, corporate, consultant and any companies. Customize Theme Option is a great to use to adapt theme functionality to work in ease. You can enable and disable any sections of the Homepage accordingly. Corporate64 theme has Custom Logo, Fullwidth Slider, Service Boxes, Introduction Section, Facts / Features Section, Scrollable Testimonial Section, Latest Blog Section, Call To Action Section and with beautiful Additional Footer Widgetized Blocks. Theme has Sidebar Layout Manager to display your sidebar widgets on Pages, Posts, Archive, 404 Not Found and Search Page. For demo: http://www.sumanshresthaa.com.np/theme/corporate64-theme.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: corporate64
Tags: custom-logo, custom-background, custom-header, custom-colors, custom-menu, theme-options, footer-widgets, right-sidebar, two-columns, featured-images, post-formats, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Corporate64 is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 14px;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	background: #e6e6e6;
	color: rgba(0, 0, 0, .8);
	font-size: 14px;
	margin-top: 10px;
	line-height: 1;
	padding: 7px 20px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #333;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
    display: block;
    padding: 40px 20px;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #333;
}

.main-navigation ul ul {
	background: rgba(255,255,255,0.87);
	float: left;
	position: absolute;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
    width: 200px;
    padding: 8px 20px;
    color: #111;
    border-bottom: 1px solid #fff;
    font-size: 11px;
    text-shadow:none;
    transition: all 0.4s ease-in-out;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a, 
.main-navigation li.focus > a {
    background: transparent;
    color: #ccc;
    text-decoration: none;
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
	background: #0d42af;
    color: #fff;
    text-decoration: none;
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
	background: #0d42af;
    color: #fff;
    text-decoration: none;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
	background: transparent;
	color: #ccc;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 57.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.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;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}





/*--------------------------------------------------------------
## CUSTOM CSS DEVELOPED BY SUMAN SHRESTHA
--------------------------------------------------------------*/
.site-title {
    font-weight: 300;
    font-size: 26px;
    color: #fff;
    text-shadow:1px 2px 2px #000;
    text-transform: uppercase;
}
.site-title a{
	color: #fff;
}
.site-description {
    font-size: 12px;
    font-weight: 300;
    color: #fff;
    margin: 0px;
    text-shadow:1px 2px 2px #000;
    text-transform: uppercase;
}

/*--------Sticky------*/
#topmenu.sticky-menu {
    background: rgba(255, 255, 255, 0.9);
    margin-top: 0px;
    padding: 0px;
    top: 0px !important;
    border-bottom: 1px solid #fcfcfc;
}
#topmenu.sticky-menu li > a {
	padding: 19px 20px; 
}


#topmenu {
	border-bottom: 1px solid #999;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9999;
}
.sticky-menu .main-navigation ul {
    margin-top: 0px;
}
#topmenu.sticky-menu a {
    padding: 11px 20px;
    color: #333;
    text-shadow:none;
}
#topmenu.sticky-menu .main-navigation ul ul a {
    width: 200px;
    padding: 8px 20px;
    color: #333;
    border-bottom: 1px solid #069;
    font-size: 13px;
}
#topmenu.sticky-menu .main-navigation ul ul a:hover{
	color: #fff;
}
.header-search {
    margin-top: 35px;
    display: inline-block;
}
#topmenu.sticky-menu .header-search {
    margin-top: 12px;
    color: #333;
}
#topmenu.sticky-menu .btn.navbar-search-theme {
    color: #333;
}


.btn.navbar-search-theme {
    background: transparent;
    color: #fff;
}
.modal-dialog {
    margin: 58px auto !important;
}
.search-field {
    font-weight: 300;
    border: none;
    border-radius: 6px;
    padding: 3px 8px;
}
.search-submit {
	background: #fff;
	border: 1px solid #fff;
    border-radius: 6px;
    border: none;
    padding: 3px 12px;
}
.search-form .search-field {
    border-bottom: 1px solid #999;
    border-radius: 0;
}
.search-form .search-submit {
	border: 1px solid #999;
	border-radius: 0;
    font-size: 13px !important;
}
.search-submit:hover {
    background: #999;
    color: #fff;
}

.sitelogo {
    padding: 10px 0;
    overflow: hidden;
}
.sticky-menu .sitelogo {
    padding-top: 5px;
    padding-bottom: 5px;
}
.sticky-menu img {
    height: 46px;
}
#topmenu.sticky-menu .site-title {
    font-size: 20px;
    padding: 5px 0;
    margin: 0;
}
#topmenu.sticky-menu .site-title a, 
#topmenu.sticky-menu .site-description{
	color: #111;
	padding: 0px;
	text-shadow:none;
}




/* ======= CAROUSEL SLIDER SECTION ======= */
.carousel-control{
	width: 5% !important;
}
.carousel-control .icon-prev, 
.carousel-control .icon-next {
    font-size: 50px !important;
}
.carousel-caption {
    float: left !important;    
}
.carousel-caption h2 {
	color: #fff;
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
}
.carousel-caption .words {
    margin-bottom: 30px;
    margin-top: 30px;
    display: block;
    overflow: hidden;
}
.carousel-caption a {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}
.carousel-caption a:hover {
    color: #fff;
}
.carousel-caption{
	bottom: 25% !important;
}
.carousel-caption p {
    text-shadow: 1px 0px 1px #000;
    font-size: 16px;
}
.btn-readmore {
    border: 1px solid #333;
    background: transparent;
    padding: 8px 30px;
    font-size: 13px !important;
    color: #333 !important;
    margin-right: 20px;
    margin-top: 20px;
    transition: all 0.4s ease-in-out; 
}
.btn-readmore:hover{
	border: 1px solid #333;
    background: #333;
    color: #fff !important;
    text-decoration: none;
}

.btn-services {
    border: 1px solid #fff;
    background: #fff;
    padding: 8px 30px;
    font-size: 13px !important;
    color: #333 !important;
    margin-left: 20px;
    margin-top: 20px;
    transition: all 0.4s ease-in-out; 
}
.btn-services:hover{
	border: 1px solid #333;
    background: #333;
    color: #fff !important;
    text-decoration: none;
}


.pagetitle {
    font-size: 20px;
	text-transform: uppercase;
}


/* ======= HOMEPAGE CUSTOM CSS SECTION ======= */

.services{
    padding: 0px;
    background: #fff;
    margin-top: -90px;
}
.service {
    background:#102243;
    color: #fff;
    overflow: hidden;
    margin-top: 10px;
    display: block;
    padding: 20px;
    text-align: center;
}
.service:first-child {
    background: #114706;
}
.service:nth-child(2n+3) {
    background: #9e0703;
}
.service:last-child {
    background:#069;
}
.services .item {
  transition: all 0.4s ease-in-out; 
}

.services .item:hover .icon {
  -webkit-transform: rotateY(180deg);
  /* Safari */
  transform: rotateY(180deg);
  background: transparent; 
}

.services .icon {
  margin-top: 0px;
  height: 150px;
  width: 100%;
  overflow: hidden;
  padding: 8px;
  transition: all 0.8s ease-in-out;
  cursor: pointer; 
}
.services .item a:hover{
	text-decoration: none;
}
.services .icon-content h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
}
.services .icon-content p {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
}
.services .icon-content h3:hover, 
.services .icon-content p:hover{
    color: #fff;
    text-decoration: none !important;
}




.intro {
    background: #fcfcfc;
    margin-top: 30px;
    overflow: hidden;
}
.welcome {
    padding: 0 40px;
}
.welcome-text, .welcome p {
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
}
.cap {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 300;
}
.intro .one{
	transition: all 0.8s ease-in-out;
}
.intro .one:hover{
	opacity: 0.7;
}


.facts {
    padding: 40px 0;
    overflow: hidden;
}
.facts .single {
    position: relative;
    border: 1px solid #fff;
    overflow: hidden;
    text-align: center;
    min-height: 200px;
    background: #eee;
}
.facts .single img {
  height: 198px;
  width: 100%;
}
.facts .single:hover .on-hover {
  opacity: 1;
  transform: translate(0, 0); 
}
.facts .single .on-hover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  padding: 15px;
  transition: all 0.6s ease-in-out;
  transform: translate(-100px, 0);
  opacity: 0;
  cursor: pointer; 
}
.facts .single .on-hover h3 {
    margin: 20px 0 0;
    padding: 0;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
}
.facts .single .on-hover p {
  margin: 0;
  padding: 0;
  color: #fff;
  line-height: 18px;
  font-size: 13px;
  font-weight: 200;
  margin-top: 15px; 
}
.facts .single.bg-co {
  padding: 0;
  border: none;
  margin-top: 0; 
}
.no-img {
    text-align: center;
}
.no-img .fa {
    padding: 30px;
    font-size: 120px;
    color: #fff;
}



.testimonial {
    padding: 40px 0;
    background: #eee;
    overflow: hidden;
}
.testi-details p {
    font-size: 13px;
    color: #555;
}


/* ======= TINY CAROUSEL SECTION ======= */
.home-blog {
    padding: 40px 0px;
    overflow: hidden;
}
.caps {
    font-size: 26px;
    line-height: 30px;
    position: relative;
    text-align: center;
    padding: 20px 0;
    text-transform: uppercase;
    font-weight: 300;
}
.caps::before {
    content: "";
    display: inline-block;
    width: 10%;
    height: 1px;
    margin: 9px 5px;
}
.caps::after, .caps::before {
    background: #333;
}

.caps::after, .caps::before {
    content: "";
    display: inline-block;
    width: 10%;
    height: 1px;
    margin: 9px 5px;
}
.caps::after, .caps::before {
    background: #333;
}


#slider1 {
    height: 1%;
    margin: 30px 0 0;
    overflow: hidden;
    position: relative;
    padding: 0 50px 10px;
}

#slider1 .viewport {
    height: 180px;
    overflow: hidden;
    position: relative;
}

#slider1 .buttons {
    border: 1px solid #666;
    display: block;
    color: #666;
    position: absolute;
    top: 35%;
    left: 0;
    width: 25px;
    height: 35px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    font-size: 22px;
}

#slider1 .next {
    right: 0;
    left: auto;
    top: 35%;
}

#slider1 .buttons:hover {
    color: #000;
    background: #fff;
}

#slider1 .disable {
    visibility: hidden;
}

#slider1 .overview {
    list-style: none;
    position: absolute;
    padding: 0;
    margin: 0;
    width: 540px;
    left: 0;
    top: 0;
}

#slider1 .overview li {
    float: left;
    margin: 0 20px 0 0;
    padding: 20px;
    height: 170px;
    border-bottom: 3px solid #dcdcdc;
    width: 515px;
    text-align: center;
}



.calltoaction {
    background: #069;
    padding: 30px 0px;
}
.cta {
    font-size: 30px;
    color: #fff;
    float: left;
    font-weight: 300;
}
.cta-btn {
    border: 1px solid #fff;
    color: #fff;
    padding: 10px 15px;
    float: right;
    font-size: 18px;
    font-weight: 300;
    transition:all 0.5s ease-out 0s;
}
.cta-btn:hover {
    border: 1px solid #fff;
    background: #fff;
    color: #111;
    text-decoration: none;
}




.blog .single .blog-details {
    border-bottom: 4px solid #ddd;
    background: #eee;
    margin-bottom: 20px;
}
.blog .item {
  transition: all 0.4s ease-in-out; 
}

.blog .item:hover figure {
  -webkit-transform: rotateY(180deg);
  /* Safari */
  transform: rotateY(180deg);
  background: transparent; 
}

.blog figure {
  margin-top: 0px;
  height: 200px;
  width: 100%;
  overflow: hidden;
  transition: all 0.8s ease-in-out;
  cursor: pointer; 
}
.blog-details figure {
  margin-top: 0px;
  height: 200px;
  width: 100%;
  overflow: hidden;
  transition: all 0.8s ease-in-out;
  cursor: pointer; 
}
.blog-details figure:hover{
	opacity: 0.6;
}
.detail-date {
    position: absolute;
    top: 136px;
    background: #069;
}
.detail-date .month-day {
  	background: rgba(0, 0, 0, 0.5);
  	color: #fff;
  	padding: 7px;
  	text-transform: uppercase;
  	font-size: 14px;
  	font-weight: 100;
  	text-align: center; 
}
.detail-date .year {
  	color: #fff;
  	padding: 2px;
  	text-transform: uppercase;
  	font-size: 18px;
  	font-weight: 100;
  	text-align: center; 
}
figcaption {
    background: #fff;
    padding: 10px;
    min-height: 75px;
    transition: all 0.6s ease-in-out;
}
figcaption:hover {
    background: #eee;
}
.blog-post {
    color: #111;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid;
    display: block;
    padding-bottom: 5px;
    transition: all 0.6s ease-in-out;
}
.blog-post:hover {
    color: #333;
    text-decoration: none;
}
figcaption p {
    font-size: 13px;
    padding-top: 3px;
}


/*--------------------------------------------------------------
## CUSTOM CSS FOOTER
--------------------------------------------------------------*/
.top-footer {
    padding: 20px 0;
    background: #111;
    color: #fff;
}
.fl {
    text-align: center;
    font-size: 46px;
}
.fl-text{
	text-align: center;
}

.footer {
    padding: 50px 0;
    background: #000;
    color: #ddd;
    font-weight: 300;
    font-size: 13px;
}
.footers .widget-title {
    font-size: 20px;
    font-weight: 300;
    color: #fff !important;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.footers p {
    color: #eee;
    font-weight: 400;
}
.footers ul{
	padding-left: 0px;
	margin-left: 0px;
}
.footers li{
	list-style: none;
	border-bottom: 1px solid #222;
	padding: 6px 0px;
}
.footers a{
	color: #eee;
	font-weight: 400;
	transition: all 0.5s ease-in-out;
}
.footers a:hover {
    color: #bbb;
    padding-left: 6px;    
    text-decoration: none;
}
.footers li a .fa {
    padding-right: 8px;
}

.socials {
    padding: 20px 0 0px;
    margin-top: 20px;
}
.tabs {
    display: inline-block;
    border-radius: 50px;
    background-color: #17469e;
    width: 50px;
    height: 50px;
    overflow: hidden;
    position: relative;
    margin: 0;
    font-size: 24px;
    text-align: center;
    padding-top: 8px;
    transition:all 0.15s ease-out 0s;
}
.tabs a{
    color: #fff;
}
.tabs:hover, .tabs a:hover {
    background: #111;
    color: #fff;
}

.site-info p {
    padding-top: 10px;
    font-weight: 400;
    font-size: 13px;
}
.copyrights a {
    color: #333;
}



#primary {
    padding: 40px 0px;
}

.section-title{
	margin-top: 40px;
}

aside .widget {
    border: 1px solid #ddd;
    padding: 20px;
    font-size: 13px;
    color: #333;
}
aside .widget .widget-title {
    font-size: 16px;
    margin-top: 0px;
    text-transform: uppercase;
    border-bottom: 1px solid #333;
    padding-bottom: 5px;
    text-align: left;
}

aside .widget ul{
	padding-left: 0px;
	margin-left: 0px;
}
aside .widget li{
	list-style: none;
	text-align: left;
}
aside .widget li a {
    background: #fff;
    color: #333;
    width: 100%;
    display: inline-block;
    margin-bottom: 3px;
    border-bottom: 1px solid #999;
    padding: 4px 4px 4px 8px;
    transition: all 0.6s ease-in-out;
}
aside .widget li a:hover {
    text-decoration: none;
    color: #000;
    background: #fcfcfc;
    margin-left: 3px;
}
aside .widget .fa {
    padding-right: 10px;
}

.tagcloud {
    display: block;
    overflow: hidden;
    clear: both;
}
.tagcloud a {
    border: 1px solid #999;
    color: #333;
    padding: 2px 14px;
    margin-bottom: 5px;
    display: block;
    float: left;
    margin-right: 5px;
    transition: all 0.4s ease-in-out;
}
.tagcloud a:hover{
	background: #333;
	border: 1px solid #333;
	color: #fff;
	text-decoration: none;
}

aside .search-form label {
    float: left;
    display: block;
    width: 60%;
}
aside .search-field {
    width: 100%;
}
aside .search-submit {
    display: block;
    padding: 7px 15px;
    border: none !important;
    background: #333;
    color: #fff;
}

/*--------------------------------------------------------------
## CUSTOM CSS PAGINATION
--------------------------------------------------------------*/
.my-pagination {
    clear: both;
    margin: 20px 0;
    text-align: center;
}
.pagination {
    padding-left: 0;
    margin-left: 0;
}
.page-numbers li {
    list-style: none;
    float: none;
    display: inline-block;
}
.page-numbers .current{
    border: 1px solid #000;
    background: #000;
    color: #fff;
    padding: 3px 10px;
    margin-right: 5px;
}
.page-numbers li a{
    border: 1px solid #0d42af;
    color: #0d42af;
    padding: 3px 10px;
    margin-right: 10px;
    transition: all 0.6s ease-in-out;
}
.page-numbers li a:hover{
	background: #000;
    color: #fff;
    text-decoration: none;
}



/*--------------------------------------------------------------
## CUSTOM CSS BLOG PAGE
--------------------------------------------------------------*/
article {
    box-shadow: 1px 4px 4px #ddd;
    padding: 20px;
    border-top: 1px solid #eee;
    overflow: hidden;
}
.blogs {
    border: 1px solid #01574c;
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 15px;
}
.page-header {
    margin-top: 0px !important;
    border-bottom: none !important;
    margin-bottom: 10px !important;
}
.page-title {
    font-size: 26px;
    padding: 5px 5px 5px 10px;
    text-transform: uppercase;
    margin-top: 0px;
}
.entry-title {
    font-size: 30px;
    color: #333;
    margin-top: 0px;
    text-transform: uppercase;
}
.feaImg {
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
}



.img-list .image {
  transition: all 0.8s ease-in-out;
  cursor: pointer; 
}
.img-list .image:hover{
	opacity: 0.8;
}
.img-list .no-img {
    background: #eee;
    text-align: center;
}
.list-content {
    padding-bottom: 20px;
}
.list-content h4 a {
    color: #333;
    text-transform: uppercase;
}
.list-content p {
    color: #222;
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 15px;
}
.list-content .btn {
    font-size: 13px;
    border-radius: 0px;
}

.nav-previous a {
    color: #333;
    border: 1px solid #ddd;
    padding: 5px 20px;
    display: inline-block;
    transition: all 0.4s ease-in-out;
}
.nav-previous .fa {
    padding-right: 10px;
}
.nav-next a {
    color: #333;
    border: 1px solid #ddd;
    padding: 5px 20px;
    display: inline-block;
    transition: all 0.4s ease-in-out;
}
.nav-next .fa {
    padding-right: 10px;
}
.nav-previous a:hover, .nav-next a:hover {
    background: #333;
    color: #fff;
    text-decoration: none;
}



.entry-meta {
    background: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 13px;
    padding: 4px;
    overflow: hidden;
    margin-bottom: 15px; 
}
.meta_format{
    float: left;
    margin-right: 20px;
}
.meta_format a {
    color: #333;
}
.meta_format .post-categories {
    padding-left: 18px;
    margin-left: 3px;
    margin-top: -20px;
}
.meta_format li {
    list-style: none;
    float: left;
}
.post-categories li a {
	color: #333;
    float: left;
    padding-right: 10px;
}

.entry-footer {
    background: #ddd;
    border-bottom: 1px solid #999;
    padding: 3px 3px 3px 8px;
    overflow: hidden;
}
.cat-links {
    margin-right: 15px;
}
.comments-link {
    margin-right: 15px;
}


.post-author {
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;
    display: block;
    overflow: hidden;
    clear: both;
    padding: 10px 0px;
    margin: 30px 0px;
}
.post-author h2 {
    margin-top: 0px;
    font-size: 16px;
    text-transform: uppercase;
    border-bottom: 1px solid #999;
    padding-bottom: 10px;
}
.post-author .details p {
    font-style: italic;
    font-size: 12px;
}
.author-name {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.short-info {
    float: left;
    font-size: 13px;
    padding-left: 10px;
}
.authorImg {
    text-align: center;
    background: #fcfcfc;
    padding: 10px 0px;
    border: 1px solid #eee;
}


.related-posts {
    border-top: 1px solid #ddd;
	box-shadow: 1px 4px 4px #ddd;
	clear: both;
	display: block;
    margin: 0;
    padding: 0px 0px 30px 0px;
    overflow: hidden;
}



.wpcf7-form p {
    border: 1px solid #ddd;
    width: 100%;
    padding: 10px;
    background: #fcfcfc;
}
.wpcf7-form label {
    width: 100%;
}
.wpcf7-form-control {
    width: 100%;
    font-weight: 400;
    color: #111 !important;
    padding: 6px 12px !important;
}



/*--------------------------------------------------------------
## CUSTOM CSS COMMENTS
--------------------------------------------------------------*/
#comments {
    border-top: 1px solid #ddd;
    box-shadow: 1px 4px 4px #ddd;
    padding: 15px;
    display: block;
    overflow: hidden;
    margin-bottom: 30px;    
}
#reply-title {
    margin-top: 0px;
    text-transform: uppercase;
}
.comment-notes {
    background: #fcfcfc;
    padding: 3px 3px 3px 8px;
    border-bottom: 1px solid #ddd;
}
#author {
    width: 90%;
    float: right;
}
#email {
    width: 90%;
    float: right;
}
#url {
    width: 90%;
    float: right;
}
#submit {
    font-size: 13px;
    float: right;
}

.comment-form-comment label,
.comment-form-author label, 
.comment-form-email label, 
.comment-form-url label {
    color: #333;
    font-weight: 400;
}
.comments-title {
    font-size: 22px;
    margin-top: 0px;
}
.comment-list {
    margin-left: 0;
    margin-bottom: 30px;
    padding-left: 0;
}
.comment-list li {
    list-style: none;
    padding-left: 10px;
}
.comment-list .children {
    padding-left: 0;
    margin-left: 20px;
    margin-top: 10px;
}

.comment-meta {
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #999;
    padding-bottom: 10px;
}
.comment-author.vcard {
    float: left;
    width: 50%;
}
.comment-metadata {
    float: right;
    width: 50%;
    text-align: right;
}
.url {
    color: #333;
}
.comment-content {
    border: 1px solid #999;
    font-size: 13px;
    padding: 10px;
    margin-top: 5px;
}
.reply {
    float: right;
}
.comment-reply-link {
    border: 1px solid #333;
    color: #333;
    padding: 2px 15px;
    overflow: hidden;
    display: block;
    margin-top: 4px;
    border-radius: 10px;
    transition: all 0.6s ease-in-out;
}
.comment-reply-link:hover{
	background: #333;
	color: #fff;
	text-decoration: none;
}



.notfound {
    border-top: 1px solid #ddd;
    box-shadow: 1px 4px 4px #ddd;
    clear: both;
    padding: 20px;
    display: block;
    margin-bottom: 20px;
    overflow: hidden;
    text-align: center;
}
.widget_recent_entries {
    border-top: 1px solid #ddd;
    box-shadow: 1px 4px 4px #ddd;
    clear: both;
    padding: 20px;
    display: block;
    margin-bottom: 20px;
    text-align: center;
}
.widget_categories {
    border-top: 1px solid #ddd;
    box-shadow: 1px 4px 4px #ddd;
    clear: both;
    padding: 20px;
    display: block;
    margin-bottom: 20px;
    overflow: hidden;
    text-align: center;
}
.widget_archive {
    border-top: 1px solid #ddd;
    box-shadow: 1px 4px 4px #ddd;
    clear: both;
    padding: 20px;
    display: block;
    margin-bottom: 20px;
    overflow: hidden;
    text-align: center;
}
.widgettitle {
    font-size: 22px;
    text-transform: uppercase;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
.page-content ul {
    padding-left: 0;
    margin-left: 0;
}
.page-content ul li {
    list-style: none;
}
.page-content li a {
    color: #555;
    padding-bottom: 3px;
    display: block;
}
.page-content li a .fa{
	padding-right: 6px;
}


/*--------------------------------------------------------------
## CUSTOM CSS SCROLL TO TOP
--------------------------------------------------------------*/
.scroll-top-wrapper {
	position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
	background-color: #0060aa;
	color: #eeeeee;
	width: 44px;
	height: 44px;
	line-height: 44px;
	right: 22px;
	bottom: 80px;
	padding-bottom: 2px;
	border-radius: 100%;
	border: 1px solid rgba(255, 255, 255, 0.1);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	box-shadow: none; 
}

.scroll-top-wrapper:hover {
	opacity: 0.6 !important; 
}

.scroll-top-wrapper.show {
	visibility: visible;
	cursor: pointer;
	opacity: 1.0; 
}

.scroll-top-wrapper i.fa {
	line-height: inherit; 
}





/* ======= MEDIA QUERIES SECTION ======= */
@media screen and (max-device-width: 800px) {	
	.menu-toggle {background: transparent; color: #fff; float: right; margin-top: 25px;}
	.main-navigation ul{background: #fcfcfc; margin-top: 62px;}
	.main-navigation li{float: none;}
	.main-navigation a{padding: 6px 10px;}
	.sub-menu {position: relative; margin-top: -25px !important; margin-left: 100px !important;}
	.sticky-menu .menu-toggle{margin-top: 10px; color: #333;}

	.carousel-caption h2{font-size: 26px;}
	.carousel-caption p, .carousel-caption a{font-size: 11px;}

	.services{margin-top: -70px;}
	.services .icon{height: 250px;}

	.intro{padding: 0px;}
	.welcome {padding: 40px 40px;}
	.facts{padding: 0px 0px 40px 0px;}
	.blog figure{height: auto;}

	.cta {text-align: center; width: 100%; font-size: 22px;}
	.ctnbtn {margin: 15px 0 auto; width: 100%; display: block; text-align: center;}
	.cta-btn {float: none; font-size: 14px; padding: 5px 20px;}
	.footers { margin-bottom: 30px;}
}


@media screen and (max-device-width: 700px) {	
	.menu-toggle{margin-top: -60px;}
	.sticky-menu .menu-toggle{margin-top: -45px;}
}


@media screen and (max-device-width: 600px) {
	.carousel-caption {bottom: 0% !important;}	
	.carousel-caption p{display: none;}
	.services, .service{margin-top: 0px;}
	.cta{margin-bottom: 20px;}
}