/*
Theme Name: Instant Agency Theme
Theme URI: http://xstheme.com
Author: xstheme
Author URI: http://themeforest.com/user/xstheme
Description: Instant Agency Theme.
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: instant-agency
Tags: threaded-comments, translation-ready

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.

Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS: 

1. Fonts
2. Alignments
3. Default Calendar Style 
4. Default Archive Style
5. Default Category Style
6. Default Widget Text Style
7. Default Tag Cloud Style 
8. Default Sidebar Menu Style
9.  Clearings
10.  404 pages
11.  Accessibility And Default Style

/*----------------------------------------------------------------------- 
table of content
-------------------------------------------------------------------------* /

The Consult - Resume HTML5 Template

File:           CSS Base
Version:        1.1
Last change:     
Author:         xsTheme


/* ----------------------------
* 1 = Fonts 
* 2 = Global 
 2.1= Color Code
 2.2= margin setting
 2.3= paddind setting
*3 = Blog single
*4 = Blog page
*5 = Portfolio
*6 = Portfolio single
*7 = 404page

/*----------------------------------------------------------------------- 
End of Table of Content
-------------------------------------------------------------------------* /
*/

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


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



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

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,
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;
	border-radius: 3px;
	color: rgba(255, 255, 255, 0.8);
	font-size: 16px;
	padding: 10px 20px;
	background: orange;
}

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

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

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/


a:hover{
	color: #ffae11;
}

a:focus {
	outline: thin dotted;
}

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

/*--------------------------------------------------------------
## 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;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

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

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

.main-navigation ul ul li {

}

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

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


/*--------------------------------------------------------------
# - 2 Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.alignnone {
    width: auto !important;
    margin-bottom: 1.5em;
}
.aligncenter img,
.alignright img,
.alignleft img,
.alignnone img {
    margin-bottom: 0.5em;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.blog-right-side-content .widget {
	width:100%;
	float:left;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}
.default-footer .widget.widget-newsletter {
    padding: 0 !important;
    background: transparent !important;
}
.default-footer .widget.widget:not(.widget-search):not(.widget-newsletter) h6 {
    border: none !important;
}
.wp-caption-text,
.gallery-caption,
.bypostauthor,
.wp-caption {
    font-size: inherit;
}
.variations select {
    padding: 0 1.5em 0 1em;
    cursor: pointer;
    line-height: 3.5rem;
    max-width: 100%;
    height: 40px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    border: 1px solid #ccc;
    background-color: #e0e0e0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}
footer h2.widgettitle {
    margin-top: 0;
    padding-bottom: 55px;
}
.single-post img {
    height: auto;
    max-width: 100%;
}
.single-post p img {
    margin-top: 30px;
   margin-bottom: 30px;
}
article.sticky {
    padding: 15px 30px;
    margin-bottom: 30px;
    background-color: #eceef0;
}
/* - 3 Default Calendar Style 
-------------------------------------------------*/
table {
    border-bottom: 1px solid #ededed;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
caption,
th,
td {
    font-weight: normal;
    text-align: left;
    padding: 10px 5px;
}
caption {
    font-size: 16px;
    margin: 0 0 20px 0;
}
th {
    font-weight: bold;
    text-transform: capitalize;
    border-top: 1px solid #EDEDED;
    padding: 12px;
}
td {
    border-top: 1px solid #ededed;
}
ins {
    text-decoration: none;
    margin-left: 5px;
    font-size: 1.2em;
    font-weight: 700;
}
dl {
    margin: 0 20px;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 0 20px;
}
dt {
    margin-bottom: 5px;
}
dd {
    margin-bottom: 20px;
}
.post-password-required input {
    height: 40px;
    width: 280px;
    padding: 0 15px;
    border: 1px solid #e6e6e6;
}
.post-password-required input[type=submit] {
    width: 70px;
    background-color: #fff;
}
.page-links a {
    color: inherit;
    border: 1px solid;
    padding: 0px 10px;
    display: inline-block;
}
figure.gallery-item figcaption {
    display: none;
}
.blog-title h2 {
    margin-top: 0;
}
/* 4 - Default Archive Style 
-------------------------------------------------*/
.sidebar {
    padding-left: 30px;
}
.sidebar .widget h2 {
    margin-bottom: 30px;
}
.widget.widget_text img {
    margin-bottom: 30px;
}
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget_archive ul,
.widget_pages ul,
.widget_meta ul,
.widget_rss ul {
    list-style: none;
}
.widget_recent_comments ul li.recentcomments,
.widget_recent_entries ul li,
.widget_archive ul li,
.widget_pages ul li,
.widget_meta ul li,
.widget_rss ul li {
    margin: 5px 0;
    position: relative;
}
.widget_rss ul li {
    padding-bottom: 15px;
}

.widget_categories select,
.widget_archive select {
    width: 100%;
    height: 40px;
    display: block;
    margin-top: 15px;
    padding: 7px 10px;
}
.widget_categories select option,
.widget_archive select option {
    padding: 7px 10px;
}
.widget_categories ul {
    padding: 0;
    list-style: none;
}
/* 5 - comments
-------------------------------------------------*/

.children {
    padding-left: 25px;
    list-style: none;
}
.leave-reply {
    display: table;
    width: 100%;
    margin-top: 50px;
}
.comment-area .children, 
.comment-area .parent {
    padding-bottom: 15px;
}
ul.commentlist {
    padding-left: 0;
    margin-bottom: 15px;
    margin-left: 0;
    border-bottom: 2px solid #ccc;
    list-style: none;
}
ul#submited-comment {
    list-style: none;
    float: left;
    display: block;
    margin: 0;
    padding: 0;
}

.avatar.vcard {
    margin-right: 10px;
    float: left;
    border-radius: 100%;
    overflow: hidden;
}

.comments-txt.dark-bg.content-box {
    padding-left: 100px;
}

.comment-head {
    margin-bottom: 30px;
}

form#add-comment > div {
    padding: 0;
    margin-top: 10px;
}

.contact-info {
    margin-bottom: 20px;
}

textarea#message {
    height: 100px;
}
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}


/* 6 - Default Widget Text Style 
-------------------------------------------------*/
.widget_text select {
    width: 100%;
    height: 40px;
    padding: 7px 15px;
}

/* 7 - Default Tag Cloud Style 
-------------------------------------------------*/
.widget_tag_cloud .tagcloud {
    margin-top: 20px;
}
.widget_tag_cloud a {
    float: left;
    padding: 8px 16px;
    margin: 0 6px 6px 0;
    text-decoration: none;
    color: #141518 !important;
    text-transform: uppercase;
    border: 1px solid #ebebeb;
    font-size: 12px !important;
}
.widget_tag_cloud a:hover {
    color: #ffffff !important;
    background-color: #e32805;
}
.input-append {
    position: relative;
}
.blog-search-bar .search-field {
    padding: 10px;
    height: 50px;
}

.blog-search-bar button.add-on {
    position: absolute;
    top: 2px;
    right: 2px;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

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

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

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

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

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

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

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

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

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

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

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

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


.gallery-caption {
	display: block;
}

/* custom 
--------------------------------------*/
section#slider-1, #home-video {
    margin-top: 180px;
}
.relative {
	position: relative;
}
.header-social {
    margin-right: 50px;
}
.footer-service label {
    display: block;
    color: #fff;
    margin-bottom: 15px;
    text-transform: capitalize;
}
a.white:focus, a.white:visited {
    color: #bdbdbd;
}
.footer-service input[type=email] {
    height: 50px;
    border: 1px solid #fff;
    padding: 15px;
    background-color: #203259;
    width: 100%;
    font-size: 15px;
}

.widget_nav_menu li {
    width: 45%;
}

div.wpcf7 input {
    margin-bottom: 0;
    height: 50px;
    padding: 10px;
    width: 100%;
}

div.wpcf7 label {
    display: block;
    margin: 0;
}
div#freeAdvice .modal-body {
    padding: 0 50px;
}
div#freeAdvice .modal-body h3 {
    text-align: center;
    margin-bottom: 15px;
    font-weight: bold;
}
div#freeAdvice .modal-body span {
    text-align: center;
    display: block;
    margin-bottom: 30px;
    font-weight: bold;
}
div#freeAdvice .modal-header {
    border-bottom: 0;
}

.contanct-area-section input.wpcf7-form-control.wpcf7-submit {
    width: 190px;
}

/*======== Extra css Start =========*/

/*======== Extra css End =========*/