/*
Theme Name: Seofication
Theme URI: https://www.phoeniixx.com/product/seofication/
Author: Phoeniixx
Author URI: https://phoeniixx.com
Description: Seofication is a Single Page Layout WordPress theme, which is lightweight and designed specifically for Business and Corporate world. This theme can be used for business, blogging or website of any kind. Seofication adapts your website to mobile, tablet, desktop and laptop since it is quite responsive and flexible based on BOOTSTRAP v3.3.7 & CSS3 framework. Free Theme Demo (http://seoficationfree.phoeniixxdemo.com/). How to set Free Seofication Theme (https://youtu.be/PLITNepP37g).
Version: 1.2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: seofication
Tags: Blog, two-columns, right-sidebar, footer-widgets, custom-background, custom-menu, featured-image-header, featured-images, post-formats, threaded-comments, translation-ready, full-width-template, theme-options

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Seofication 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.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> 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;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
}

a:hover {
	text-decoration: none;
}

p {
	color: #6f6f6f;
}

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

code {
    background-color: #22b5fb;
    color: #fff;
    font-size: 14px !important;
}

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: 0;
}

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;
}

ol,
ul {
	padding: 0; 
}
ul li ul {
    list-style: square;
}

ul li ul li ul {
    list-style: circle;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	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: 16px;
	line-height: 22px;
	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. */
}

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;
	border-radius: 0px;
	background: #22B5FB;
	color: #fff;
	font-size: 15px;
	line-height: 1;
	padding: 10px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	opacity: 0.9;
}

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 {
	opacity: 0.1;
}

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: 0px;
	padding: 5px;
	min-height: 39px;
	width: 100%;
	font-size: 15px;
}

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: #6f6f6f;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #22b5fb;
}

a:hover,
a:focus,
a:active {
	color: #22b5fb;
}

a:focus {
	outline: none;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: none;
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
    width: auto;
}

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

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

.main-navigation a {
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 14px;
	font-weight: 600;
}

.main-navigation a:hover {
	color: #22b6fc;
}

.main-navigation ul ul {
	box-shadow: 0 1px 2px 0 #333;
	float: left;
	position: absolute;
	top: 20px;
	left: -999em;
	z-index: 99999;
	background: #fff;
	padding: 0;
}

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

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {
	padding: 0;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.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 {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
	padding: 8px 7px 4px;
}

@media screen and (min-width: 37.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;
}

.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;
	margin-bottom: 8px;
}

.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 {
	background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #eee;
    margin-bottom: 1.5em;
    max-width: 100%;
    padding-bottom: 4px;
}

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

.wp-caption .wp-caption-text {
	margin: 3px 0 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;
	padding: 0 4px;
	word-wrap: break-word;
}

table,
th,
td {
	border: 1px solid rgba(0, 0, 0, 0.1);
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin-bottom: 24px;
	width: 100%;
	border-radius: 4px;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: bold;
	padding: 10px;
}

td {
	border-width: 0 1px 1px 0;
	padding: 10px;
}

/********************************* Custom css ***********************/

/*************** header section ***************************/

.site-header .nav-section {
	text-align: right;
	position: relative;
	padding-top: 7px;
	padding-bottom: 7px;
}

.site-header .nav-section .sub-menu {
	text-align: left;
}

.custom-header img {
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
	max-height: 140px;
	height: auto;
    width: 100%;
    z-index: -1;
}

.header_main{
	background: #141414;
	padding: 0;
	margin-bottom: 20px;
}

.header_main .icon_menu ul {
    float: right;
}

.header_main .leads h1 {
	font-size: 13px;
	color: #d1d1d1;
	margin: 18px 0 0;
}

.header_main .icon_menu ul {
	padding: 0;
	margin: 0;
}

.header_main .icon_menu ul li {
	list-style: none;
	display: inline-block;
	color: #fff;
	border-left: 1px solid #2e2e2e; 
	padding: 10px 12px;
	font-size: 15px;
}

.header_main .icon_menu ul li:last-child {
	background: #2f2f2f none repeat scroll 0 0;
    padding: 14px 12px;
    vertical-align: top;
}

.header_main .icon_menu ul li a {
	color: #fff;
	font-size: 20px;
}

.header_main .icon_menu ul li a:hover {
	color: #21b5fd;
}

header.site-header {
	margin-bottom: 20px;
}

header .site-branding {
    display: inline-block;
    width: 100%;
}

header .site-branding .site-title,
header .site-branding .site-description {
	margin: 0;
}

header .site-branding .site-title a {
    font-size: 30px;
    font-weight: 700;
}

/***************sub menu section******************/
.sub-menu li {
    margin-bottom: 0px;
   	color: #333;
   	padding: 0;
}

.sub-menu li a {
	color: #333;
	padding: 7px 0 7px 8px;
}

.sub-menu li a:hover {
	color: #fff;
	background: #22b5fb;
}
/***************sub menu section close ******************/

/* search css */
.seo-search-icon {
	cursor: pointer;
}

.seo-search-icon:hover {
	color: #22B5FB;
}

.seo-search-form {
	background-color: #fff;
    box-shadow: 1px 1px 2px #ccc, -1px 0 2px #ccc;
    left: 0;
    opacity: 0;
    padding: 20px;
    position: absolute;
    top: 40px;
    visibility: hidden;
    width: 100%;
    z-index: 99;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}

.seo-search-form.active {
    opacity: 1;
    visibility: visible;
}

.seo-search-form .search-form label {
    margin: 0;
    vertical-align: top;
    width: calc(100% - 90px);
}

.seo-search-form .search-form label .search-field {
    border: 1px solid #22b5fb;
	font-weight: 400;
    padding: 0 10px;
}

.seo-search-form .search-form .search-submit {
    border: 0 none;
    line-height: 1;
    margin-left: -5px;
    padding: 12px 18px;
}

/*************** header section ***************************/

/**************** banner section ***********************/ 

.carousel-caption {
    left: 8%;
    padding-bottom: 30px;
    text-align: left;
    top: 15%;
    width: 40%;
}

.carousel .item .carousel-caption h3 {
    color: #fff;
    font-size: 75px;
    font-weight: 900;
    letter-spacing: -1px;
    margin-bottom: 12px;
	text-shadow: none;
    text-transform: uppercase;
}

.carousel .item .carousel-caption p {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    text-shadow: none;
    text-transform: uppercase;
}

.carousel .item .carousel-caption a {
    background: transparent none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 30px;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    padding: 15px 25px;
    text-shadow: none;
    text-transform: uppercase;
}

.carousel .item .carousel-caption a:hover {
	text-decoration: none;
}

.section-aber {
	text-align: center;
}

.section-aber h1{
	color: #363636;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 0;
}

.section-aber p{
	font-size: 18px;
	color: #6f6f6f;
}

.standard-text{
	background: #22b5fb;
	padding: 28px;
	border-right: 1px solid #fff; 
}

.standard-text span {
    color: #fff;
    font-size: 44px;
}

.standard-text h1 {
	font-size: 22px;
	color: #fff;
}

.standard-text p {
	font-size: 15px; 
	color: #fff;
	margin-bottom: 10px;
	line-height: 24px;
}

nav#site-navigation button .icon-bar {
    background: #000;
    display: block;
    height: 3px;
    margin-bottom: 4px;
    width: 25px;
}

#myCarousel .item img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

#myCarousel .item {
    margin-bottom: 50px;
}

/**************** banner section close ***********************/

.main-section {
	margin-top: 70px;
	background: #f2f3f5;
}

.main-section .bg-design {
	background: url("images/section_img.jpg")no-repeat;
	background-size: cover;
	padding: 80px 135px;
}

.main-section .bg-design p {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    text-transform: none;
}

.main-section .bg-design h3 {
    color: #fff;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 42px;
    margin-bottom: 26px;
    padding-bottom: 0;
    position: relative;
    text-transform: none;
}

.main-section .bg-design a {
    background: #22b5fb none repeat scroll 0 0;
    border: 0px solid #ccc;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    margin-right: 10px;
    margin-top: 5px;
    overflow: hidden;
    padding: 12px 20px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}

.main-section .bg-design a:hover {
    background: #44bf54;
}

.custom-section {
	padding: 50px 40px;
	text-align: center;
}

.buiness {
	text-align: center;
	margin: 45px 0 20px;
}

.buiness h3 {
	font-size: 30px;
	color: #393939;
}

.buiness p {
	font-size: 18px;
	color: #6d6d6d;
}

.optimization {
	background: #f2f3f5;
	border-left: 3px solid #fff;
	border-bottom: 3px solid #fff; 
	position: relative;
	text-align: center;
	padding: 0;
	transition: all 0.3s ease;
	height:250px;
	overflow: hidden;
}

.optimization .engine {
	position: relative;
	transform: perspective(500px);
}

.optimization .engine1 {
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	width: 100%;
	min-height:250px;
	padding: 50px 10px;
}

.optimization .engine1 h2 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}  

.optimization .hover-section {
	background: #22b5fb;
	width: 100%;
	height: 250px;
	transform: translateY(100%);
	transition: all 0.3s ease;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	

}

.optimization:hover .hover-section {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
	padding: 16px 37px;
}

.optimization .hover-section h2 {
    color: #fff;
    font-size: 21px;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 18px;
}

.optimization .hover-section p {
    color: #fff;
    font-size: 15px;
    line-height: 23px;
}


.optimization .hover-section h2::before {
    border-bottom: 3px solid #fff;
    bottom: 0;
    content: "";
    left: 44%;
    position: absolute;
    width: 12%;
}

.optimization .hover-section a {
    border: 1px solid;
    border-radius: 32px;
    color: #fff;
    font-size: 15px;
    padding: 9px 18px;
    text-transform: uppercase;
}

.optimization .hover-section a:hover {
	text-decoration: none;
}

/************************ footer section *****************************/

.main-footer {
	background: #141414;
	padding-top: 48px;
}

#widget-footer section h2 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 12px;
    margin-top: 0;
	text-transform: capitalize;
	position: relative;
}

#widget-footer section h2::after {
    background-color: #fff;
    bottom: -7px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 25px;
}

#widget-footer section ul {
    margin: 0;
    padding: 0;
}

#widget-footer section ul li {
	list-style: none;
	line-height: 22px;
}

#widget-footer section ul li a {
    color: #afafaf;
    font-size: 13px;
}

#widget-footer section ul li a:hover {
	text-decoration: none;	
}

#widget-footer section .textwidget img {
    display: block;
    padding-top: 8px;
    margin: 0 auto 15px;
}

.site-info {
    text-align: center;
    padding-bottom: 20px;
    color: #fff;
}

.site-info p {
	margin: 0;
}

.main-footer section .textwidget {
    color: #afafaf;
    font-size: 13px;
}

/************************ footer section close *****************************/

/************************ archive page css ******************************/

.archive .page-header {
	margin-top: 0;
}

.archive main header .page-title {
	margin-top: 0;
}

.archive .site-content {
    margin-top: 40px;
}

/************************ archive page css close ******************************/

.ranking-banner {
	margin-top: 70px;
	background: url("images/footer-image.jpg") no-repeat center top / cover ;
	padding: 80px 0 300px; 
}

.ranking {
	text-align: center;
	display: block;
	margin-top: 40px;
}

.ranking h2 {
    color: #393939;
    font-size: 30px;
}

.ranking p {
    color: #6f6f6f;
    font-size: 18px;
}

.tablate {
	text-align: center;
	margin-top: 20px;
}

.plan_project {
	background: #22b5fb;
	text-align: center;
	padding: 87px 43px 36px;
}

.infinite {
	background: #44bf54;
	border-left: 1px solid #60c9a8;
}

.plan_project p {
	color: #fff;
	font-size: 16px;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.plan_project h1 {
	color: #fff;
	font-size: 30px;
	margin-top: 0;
	text-transform: uppercase;
}

.ranking-banner .satisfied ul li span {
    display: block;
    font-size: 22px; 
}

.ranking-banner .satisfied ul {
    display: block;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}

.ranking-banner .satisfied ul li {
    color: #fff;
    display: inline-block;
    font-size: 60px;
    list-style: outside none none;
    padding: 0;
    text-align: center;
    width: calc(25% - 5px);
}

/*********************************** blog page css **************************/

.sticky {
    border: 1px dashed #cccccc;
    display: block;
    padding: 15px;
}

.entry-header h2 a {
    color: #373737;
    font-size: 26px;
    font-weight: 600;
    word-wrap: break-word;
}

.entry-header h2 a:hover {
	color: #22b5fb;
}

header .entry-meta a {
    color: #22b5fb;
}

.entry-meta span.posted-on,
article .entry-content p {
    color: #6f6f6f;
}

.entry-content a.more-link {
    background: #22b5fb;
    border-radius: 32px;
    color: #fff;
    display: block;
    margin: 10px auto 0;
    padding: 5px;
    text-align: center;
    width: 200px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.entry-content a.more-link::before {
    background: #44bf54;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateX(-100%);
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: -1;
}

.entry-content a.more-link:hover::before{
	transform: translateX(0);
}

article .edit-link a {
    color: #363636;
    font-size: 13px;
    padding: 4px 12px;
}

/********************************** Sidebar section ****************************/

aside.widget-area section h2 {
    border-bottom: 1px dashed #ccc;
    color: #373737;
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    padding-bottom: 8px;
    position: relative;
}

aside.widget-area section h2::before {
    border-bottom: 1px dashed #22b5fb;
    bottom: -1px;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    transform: translateX(-100%);
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 100%;
}

aside.widget-area section h2:hover::before {
    transform: translateX(0%);
    visibility: visible;
}

aside.widget-area .widget_search h2 {
    margin-top: 0;
}

aside.widget-area form input.search-submit {
    background: #22b5fb;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    font-size: 15px;
    padding: 11px 21px;
    position: absolute;
    right: 0;
    top: 0px;
    border: 1px solid #22b5fb;
}

aside.widget-area .widget_search form input.search-field {
	border-radius: 0;
    font-size: 15px;
    font-weight: normal;
    min-height: 39px;
    padding: 4px 10px;
    width: 100%;
}

aside.widget-area form label {
    width: calc(100% - 95px);
}

aside.widget-area form {
    position: relative;
    padding: 0;
}

aside.widget-area ul {
    margin: 0;
    padding: 0;
}

aside.widget-area ul li {
    list-style: outside none none;
    margin-bottom: 10px;
}

aside.widget-area ul li a {
    color: #333;
    font-size: 16px;
}

aside.widget-area ul li a:hover {
	color: #22b6fc;
}

aside.widget-area {
    overflow: hidden;
}

.widget_tag_cloud .tagcloud a:hover::before  {
    transform: scaleX(1);
    color: #fff;
}
.widget_tag_cloud .tagcloud a {
    border: 1px solid;
    border-radius: 16px;
    color: #333;
    display: inline-block;
    font-size: 14px !important;
    margin-bottom: 6px;
    padding: 8px;
    position: relative;
}

.widget_tag_cloud .tagcloud a:hover {
	color: #fff;
}

.widget_tag_cloud .tagcloud a::before {
    background: #000;
    border-radius: 16px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scaleX(0);
    transition: all 0.2s ease 0s;
    width: 100%;
    z-index: -1;
}

/********************************** Sidebar section Close ****************************/

/*********************************** comment section **********************************/

main header.entry-header h1,
.page-title {
    font-size: 26px;
	font-weight: 600;
    line-height: 28px;
    text-align: left;
    word-wrap: break-word;
    color: #373737;
}

.comments-area .comments-title {
    font-size: 28px;
    line-height: 28px;
    margin-top: 15px;
    word-wrap: break-word;
    margin-bottom: 25px;
}

.nav-links .nav-next a, 
.nav-links .nav-previous a {
    background: #44bf54;
    border-radius: 32px;
    color: #fff;
    display: inline-block;
    overflow: hidden;
    padding: 5px 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 150px;
    position: relative;
    text-align: center;
}

.nav-links .nav-previous a::after {
    content: "\f053";
    display: block;
    font-family: fontawesome;
    left: 9px;
    position: absolute;
    top: 6px;
}

.nav-links .nav-next > a::before {
    content: "\f054";
    font-family: fontawesome;
    position: absolute;
    right: 10px;
    top: 6px;
}

.comments-area ol.comment-list,
.comments-area ol .children {
    margin: 0;
    padding: 0;
    list-style: none;
}

footer .comment-metadata {
    margin: 10px 0;
}

article.comment-body {
    margin: 18px 0;
}

article .reply .comment-reply-link {
    color: #333;
    font-size: 14px;
    padding: 0 0 0 25px;
    position: relative;
}

article .reply .comment-reply-link::before {
    content: "\f064";
    display: block;
    font-family: fontawesome;
    left: 7px;
    position: absolute;
    top: 2px;
    transition: all 0.3s ease;
}

article .reply .comment-reply-link:hover::before {
	transform: rotate(12deg);
}

footer .comment-author a.url {
    color: #6f6f6f;
}

article footer .comment-metadata a {
    font-size: 14px;
}

.comment-respond form label {
    color: #6f6f6f;
    font-size: 22px;
    font-weight: normal;
}

.comment-respond form .comment-form-author {
    float: left;
    width: 49%;
}

.comment-respond form .comment-form-email {
    float: right;
    width: 49%;
}

.comment-respond form p.form-submit .submit {
    background: #22b5fb;
    border: medium none;
    border-radius: 50px;
    box-shadow: none;
    color: #fff;
    float: right;
    font-size: 15px;
    padding: 11px 21px;
    position: relative;
}

/*********************************** comment section close **********************************/


/*********************************** blog page css close **************************/

/***********************************Gallery page css ******************************/

.gallery figure.gallery-item {
    margin-bottom: 18px;
    padding: 0 4px;
}

/***********************************Gallery page css close ******************************/

/********************************** Password page css **********************************/

.entry-content form.post-password-form input {
    margin-top: 10px;
    width: auto;
}

.post-password-form input[type="submit"],
main section form input[type="submit"].search-submit {
    background: #22b5fb;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    font-size: 15px;
    padding: 10px 27px;
}

section.not-found form .search-field {
    font-weight: normal;
}

/********************************** Password page css **********************************/

/******************************** Gallery page css *********************************/

#gallery-6 figure.gallery-item,
#gallery-7 figure.gallery-item,
#gallery-8 figure.gallery-item,
#gallery-9 figure.gallery-item,
#gallery-10 figure.gallery-item,
#gallery-11 figure.gallery-item {
    padding: 0 0 0 8px;
}

#gallery-11 figure.gallery-item {
    width: 10%;
}

/******************************** Gallery page css *********************************/

/******************************** comment page css ********************************/

.comments-area ol.comment-list ol.children li {
    background: #f0f0f0;
    padding: 15px;
    margin-bottom: 25px;
}

.comments-area ol.comment-list ol.children li ol.children li {
    background: #fff;
    padding: 15px;
}

.comments-area ol.comment-list ol.children li ol.children li ol.children li {
    background: #dbd5d5;
    padding: 15px;
}

.single-post ol.comment-list ol.children li ol.children li ol.children li ol.children li {
    background: #fff;
}

.comments-area .comment-respond {
    display: table;
    margin-bottom: 10px;
    width: 100%;
}

/******************************** comment page css ********************************/




/******************************** Responsive start ********************************/

@media(max-width: 1280px) {
	.main-section {
    background: #f2f3f5;
	}

}


@media (max-width: 1199px) {
	.carousel-caption {
		left: 8%;
		bottom: auto;
		top: 21%;
		width: 35%;
	}

	.main-navigation li {
		padding-left: 24px;
	}


	.custom-section {
		padding: 35px 31px;
	}

	.carousel .item .carousel-caption h3 {
		font-size: 45px;
	}

	.carousel {
		margin-bottom: 0;
	}

	.ranking-banner {
		padding: 79px 0 120px;
	}

	.main-section {
		background: #f2f3f5;
	}

	.main-section .bg-design {
		padding: 3px 74px 12px 110px;
	}

	.main-section .custom-section img {
		width: 79%;
	}

	.end-footer2 ul li {
		padding: 30px 0 20px 9px;
	}
	
	/* hover section */
	.optimization .hover-section h2 {
			margin: 7px 0;
			padding-bottom: 11px; 
	}

}

@media (max-width: 1024px) {
	/* header responsive section */
	.header_main .container, .container.seo-header-wrap {
		width: 100%;
	}
	
	.container.seo-header-wrap {
		position: relative;
	}
	
	header.site-header, .header_main {
		margin-bottom: 15px;
	}
	
	.site-header .nav-section {
		display: inline-block;
		padding: 0;
		position: static;
		width: auto;
	}
	
	.menu-toggle {
		display: block;
	}
	
	.main-navigation button {
		padding: 0;
		position: absolute;
		right: 50px;
		top: 6px;
	}

	.seo-search-icon {
		position: absolute;
		right: 15px;
	}
	
	.seo-search-form {
		left: 20px;
		width: calc(100% - 40px);
	}
	
	.icon-bar {
		background-color: #282828;
		border-radius: 14px;
		display: block;
		height: 3px;
		margin-bottom: 4px;
		width: 20px;
		transition: all 0.4s ease 0s;
		-moz-transition: all 0.4s ease 0s;
		-webkit-transition: all 0.4s ease 0s;
	}
	
	.main-navigation button.menu-toggle:focus{
		background-color:transparent;
		box-shadow: none;
		opacity: 1;
	} 
	
	.menu-toggle, 
	.main-navigation.toggled ul {
		background: transparent none repeat scroll 0 0;
		border: medium none;
		box-shadow: none;
	}
	
	.main-navigation li {
		display: block;
		float: none;
		padding-left: 0;
		text-align: left;
		border-bottom:1px dashed #9f9f9f;
	}
	
	.main-navigation li:last-child{
		border-bottom:none;
	}

	.main-navigation a {
		border-top: medium none;
		font-size: 13px;
		margin-top: 0;
		padding: 7px 10px;
	}
	
	.main-navigation.toggled ul.menu.nav-menu {
		background-color: #fff;
		border: 1px dashed #9f9f9f;
		padding: 0;
	}

	.seo-main-nav {
		position: absolute;
		right: 0px;
		top: 48px;
		width: 200px;
		z-index: 9999;
		background-color:#fff;
	}
	
	header nav.main-navigation.toggled .seo-main-nav {
		transform: translateX(5px);
		transition: all 0.3s ease 0s;
		z-index: 99999;
	}
	
	header nav.main-navigation.toggled button .icon-bar:nth-child(2) {
		margin-top: 5px;
		transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}
	
	header nav.main-navigation.toggled button .icon-bar:nth-child(1) {
		display: none!important;
	}
	
	header nav.main-navigation.toggled button .icon-bar:nth-child(3) {
		margin-top: -7px;
		transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
	
	.main-navigation .seo-main-nav {
		transform: translateX(400px);
		transition: all 0.3s ease 0s;
	}
	
	.main-navigation ul {
		display: none;
	}
	
	.main-navigation .seo-main-nav .fa {
		color: #b3b3b3;
		font-size: 13px;
		cursor: pointer;
		height: 33px;
		line-height: 33px;
		position: absolute;
  		right: 0;
		text-align: center;
		top: 0;
		width: 40px;
	}
	
	ul.sub-menu li a:hover {
		background: none;
		color: #22b6fc;
	}
	
	.main-navigation ul li:hover > ul.sub-menu  {
		display: none;
	}
	
	.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
		left: 0;
	}
	
	.main-navigation ul li > ul.sub-menu {
		display:none;
		padding: 0;
		background-color: #fff;
		box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
		top: auto;
	} 

}

@media (max-width: 991px) {

	.header_main .icon_menu ul li {
		padding: 10px 8px 8px;
	}
	
	.carousel-caption {
		left: 15%;
		top: 12%;
		width: 44%;
	}

	#myCarousel .item {
		margin-bottom: 30px;
	}
	
	.section-aber {
		margin: 20px 0;
	}

	.standard-text p {
		line-height: 20px;

	}

	.standard-text {
		padding: 15px 15px 20px;
	}

	.standard-text span {
		color: #fff;
		font-size: 44px;
	}

	.optimization:hover .hover-section {
		padding: 7px 25px;
	}

	.optimization .hover-section h2 {
		margin-bottom: 12px;
	}

	.optimization .hover-section p {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 13px;
	}

	#myCarousel3 .carousel-caption ul li {
		padding: 0 25px;
	}

	.optimization .hover-section a {
		font-size: 13px;
		padding: 5px 14px;
	}

	#myCarousel .carousel-caption {
		left: 7%;
		width: 45%;
	}

	.custom-section {
		padding: 31px;
	}

	.plan_project {
		padding: 48px 43px 15px;
	}

	.ranking-banner .satisfied ul li {
		padding: 0 30px;
	}

	.ranking-banner {
		padding: 79px 0 115px;
	}

	.main-section .bg-design {
		padding: 5px 35px 11px 39px;
	}

	.main-section {
		background: #f2f3f5;
	}

	.main-section .bg-design h3 {
		font-size: 21px;
		margin-bottom: 10px;
		padding-bottom: 12px;
		line-height: 21px;
	}

	.main-section .bg-design p {
		line-height: 17px;
		margin-bottom: 5px;
	}

	.main-section .custom-section img {
		margin-top: 20px;
		width: 63%;
	}

	.buiness {
		margin: 24px 0 20px;
	}
	
	/* hover-section */
	.optimization .hover-section h2 {
		font-size: 16px;
	}

}

@media (max-width: 768px) {
	.seo-main-nav {
		top: 40px;
	}	
}

@media (max-width: 767px) {
	
	.header_main .leads {
		display: none;
	}
	
	.header_main .icon_menu ul {
		float: none;
	}
	
	.header_main .icon_menu ul li:last-child {
		background: none;
	}
	
	.header_main {
		padding: 0;
		text-align: center;
	}

	.header_main .icon_menu ul li {
		border: none;
		padding: 8px 12px;
	}
	
	.site-header .site-branding {
		float: left;
		width: auto;
	} 
	
	.site-header .site-branding .custom-logo-link img {
		width: 180px;
	}

	.carousel-caption {
		left: 12%;
		top: 0;
		width: 50%;
		padding-top: 0;
	}

	.carousel .item .carousel-caption h3 {
		font-size: 30px;
	}

	.carousel {
		margin-bottom: 10px;
	}

	.section-aber {
		margin-top: 10px; 
	}

	.standard-text {
		margin-bottom: 10px;
		padding-bottom: 45px;
	}

	#myCarousel .carousel-caption {
		top: 12%;
	}

	#myCarousel2 .carousel-caption {
		left: 16%;
		padding: 0;
		width: 71%;
		top: 5%;
	}

	.carousel .item .carousel-caption p {
		font-size: 13px;
		line-height: 1.5;
		margin-bottom: 40px;
	}

	.plan_project {
		padding-bottom: 30px;
		padding-top: 30px;
	}
	
	.plan_project h1 {
		font-size: 25px;
		margin-bottom: 0;
	}
	
	.plan_project span.fa {
		display: block;
		float: none;
		font-size: 25px;
		line-height: 0;
		text-align: right;
	}

	.site-footer section {
		text-align: center;
	}

	#widget-footer section .textwidget img {
		margin: 0 auto;
	}

	.standard-text {
		margin: 0 auto 16px;
		width: 71%;
	}

	.optimization {
		margin: 0 auto;
		width: 70%;
	}

	.main-section {
		margin-top: 20px;
	}

	aside.widget-area {
		margin-top: 30px;
	}

	.ranking-banner {
		padding: 79px 0 99px;
	}

	.ranking-banner .satisfied ul li {
		font-size: 30px;
		padding: 0 4px;
	}

	.ranking-banner .satisfied ul li span {
		font-size: 13px;
	}

	.main-section .bg-design {
		padding: 66px 55px 40px 46px;
	}
	
	#widget-footer section h2::after {
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
	}

}


@media (max-width: 599px) {
	
	.carousel .item .carousel-caption p {
		display: none;
	}

	.carousel .item .carousel-caption a {
		font-size: 58%;
		font-weight: 600;
		padding: 9px 6px;
	}

	#myCarousel .carousel-caption {
		padding: 0;
		top: 20%;
		left: 0;
		width: 45%;
	}

	.carousel .item .carousel-caption h3 {
		font-size: 29px;
		margin-bottom: 17px;
	}

	.carousel-caption {
		text-align: center;
		top: 12%;
	}

	.carousel .item .carousel-caption p {
		font-size: 9px;
		line-height: 11px;
		margin-bottom: 4px;
	}

	.carousel {
		margin-bottom: 10px;
	}
	
}


@media (max-width: 480px) {
	
	.header_main .icon_menu ul li {
		border: none;
		padding: 8px 5px;
	}
	
	.header_main .icon_menu ul li:last-child {
		padding: 10px;
	}

	.section-aber  {
		margin-top: 15px;
	}

	.standard-text {
		margin-bottom: 20px;
		padding-bottom: 45px;
		width: 100%;
	}

	.plan_project {
		width: 100%;
	}

	.main-section .bg-design h3 {
		display: none;
	}
	
	#myCarousel .item {
		margin-bottom: 10px;
	}

	.main-section .bg-design p {
		display: none;
	}

	.ranking-banner {
		margin-top: 18px;
	}

	.main-section .bg-design a {
		display: block;
		width: 161px;
		text-align: center;
		margin: 12px auto;
	}

	#widget-footer section .textwidget img {
		margin: 0 auto;
	}

	aside section.widget.widget_search {
		display: block;
		margin-top: 25px;
	}

	.nav-links .nav-next a, 
	.nav-links .nav-previous a {
		width: 112px;
	}

	.entry-content form.post-password-form input {
		width: 100%;
	}

	.post-password-form label {
		width: 100%;
	}

	.gallery-columns-4 .gallery-item {
		max-width: 100%;
		margin-bottom: 8px;
		display: block;
	}

	#gallery-1 figure {
		display: inline;
		width: 100%;
	}

	#gallery-5 figure.gallery-item {
		display: inline-block;
		width: 25%;
	}

	.standard-text,
	.optimization {
		width: 92%;
	}

	.main-section {
		margin-top: 20px;
	}

	.comment-respond form .comment-form-author,
	.comment-respond form .comment-form-email {
		width: 100%;
		display: block;
	}

	aside.widget-area {
		margin-top: 15px;
	}

	section.not-found form.search-form label {
		width: 100%;
	}

	section.not-found form input.search-submit[type="submit"] {
		width: 100%;
	}

	.ranking-banner {
		padding: 37px 0 100px;
	}
	
	.ranking-banner .container {
		width: 100%;
	}
	
	.ranking-banner .satisfied {
		padding: 0;
	}

	.ranking-banner .satisfied ul li {
		min-width: 22%;
		padding: 0 4px;
		font-size: 23px;
		border: none;
	}

	.ranking-banner .satisfied ul li span {
		font-size: 13px;
		margin-bottom: 13px;
	}

	.main-section .bg-design {
		padding: 34px 0 36px;
	}

	.header_main .icon_menu > ul {
		margin: 0 auto;
		text-align: center;
		width: 100%;
	}
	
	.ranking h2 {
		font-size: 25px;
	}
	
	.ranking p {
		font-size: 15px;
	}
	
	.plan_project {
		padding-bottom: 20px;
		padding-top: 20px;
	}

}

@media (max-width: 360px) {
	#myCarousel .carousel-caption {
		top: 0;
	}
}


/******************************** Responsive  close ********************************/