/*** ======= // TABLE OF CONTENT // =======================

1.  Google Fonts

2.  General Styling

3.  Boxed Layout

4.  Cross Browser Compatibility

===================================================== ***/





/*===== Added Files =====*/

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');

@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');

@font-face {

  font-family: 'icomoon';

  src:  url('fonts/icomoon.eot?19usx5');

  src:  url('fonts/icomoon.eot?19usx5#iefix') format('embedded-opentype'),

    url('fonts/icomoon.ttf?19usx5') format('truetype'),

    url('fonts/icomoon.woff?19usx5') format('woff'),

    url('fonts/icomoon.svg?19usx5#icomoon') format('svg');

  font-weight: normal;

  font-style: normal;

}





@font-face {

  font-family: "Flaticon";

  src: url("../fonts/flat/Flaticon.eot");

  src: url("../fonts/flat/Flaticon.eot?#iefix") format("embedded-opentype"),

       url("../fonts/flat/Flaticon.woff") format("woff"),

       url("../fonts/flat/Flaticon.ttf") format("truetype"),

       url("../fonts/flat/Flaticon.svg#Flaticon") format("svg");

  font-weight: normal;

  font-style: normal;

}



@media screen and (-webkit-min-device-pixel-ratio:0) {

  @font-face {

    font-family: "Flaticon";

    src: url("../fonts/flat/Flaticon.svg#Flaticon") format("svg");

  }

}



[class^="flaticon-"]:before, [class*=" flaticon-"]:before,

[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   

  font-family: Flaticon;

        font-size: 20px;

font-style: normal;

margin-left: 0px;

}



.flaticon-animals:before { content: "\f100"; }

.flaticon-bag:before { content: "\f101"; }

.flaticon-drop:before { content: "\f102"; }

.flaticon-energy:before { content: "\f103"; }

.flaticon-fruit:before { content: "\f104"; }

.flaticon-money:before { content: "\f105"; }

.flaticon-nature:before { content: "\f106"; }

.flaticon-nature-1:before { content: "\f107"; }

.flaticon-shape:before { content: "\f108"; }

.flaticon-symbols:before { content: "\f109"; }

/*===== Added Files =====*/



/*

  Eric Meyer's Reset

 ----------------------------------------*/

/**

 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)

 * http://cssreset.com

 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

	line-height: 1.4;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after, q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}



/*

  General Style 

 ----------------------------------------*/

body {

	font-family: 'lato', sans-serif;

	font-size: 15px;

	color: #8d989e;

	line-height:1.3;

}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

	font-family: 'Poppins', sans-serif;

	font-weight: 600;

	color: #47535a;

	margin-top: 0;

	line-height: 1.2;	

	margin-bottom:0.55em;

}

h1, .h1 {

	font-size: 40px;

}

h2, .h2 {

	font-size: 30px;

}

h3, .h3 {

	font-size: 24px;

}

h4, .h4 {

	font-size: 20px;

}

h5, .h5 {

	font-size: 18px;

}

h6, .h6 {

	font-size: 16px;

}

p {

	font-family: 'lato', sans-serif;

	font-size: 15px;

	color: #8d989e;

	line-height:1;

	line-height: 26px;

	margin-bottom:15px;

}

img {

    vertical-align: middle;

    max-width: 100%;

	height: auto;

}

figure {

	max-width:100%;

}

figcaption {

	line-height: 2.5;

    font-weight: 700;

    text-align: center;

}

b, strong {

    font-weight: 700;

}

a{

	 color: #5c7e91;

}

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a{

    color:inherit;

} 

a:hover, a:focus,a:active {

	color: #52b780;

	text-decoration: none;

	outline: none;

}

kbd, samp, var {

	color: #929da2;

	font-weight: bold;

}

blockquote,q {

   font-size: 15px;

   font-weight:400;

   color:#929da2;

   line-height: 24px;

}

blockquote {

	padding: 0 16px 0 70px;

    line-height: 1.6;

    position: relative;

    margin:25px 0;

}

blockquote:before {

	content:"\“";

	position:absolute;

	left:0px;

	top:-5px;

    color: #bbe0fc;

    font-family: 'PT Serif', serif;

    font-size: 90px;

    line-height: 1;

}

q {

	color: #929da2;

    letter-spacing: 1px;

    border-left:5px solid #bbe0fc;

    padding-left: 5px;

}

cite {

	color:#47535a;

	font-weight: 600;

	font-family: 'Poppins', sans-serif;

	font-size: 14px;

}

small {

	font-size: 85.71429%;

	line-height: 1.75;

}

address {

	color: #8d989e;

    line-height: 24px;

    font-size: 15px;

    font-weight: 400;

}

pre, code, kbd, tt, samp, var {

	font-size: 100%;

}

pre {

	font-size: 100%;

	line-height: 1.5;

	margin: 0 0 1.5em 0;

	white-space: pre;

	white-space: pre-wrap;

	word-wrap: break-word;

}

pre, code {

	color: #5c7e91;

}

acronym, abbr {

	border-bottom: 1px #aaa dotted;

	font-variant: small-caps;

	cursor: help;

}

big {

    font-size: larger;

}

i, cite, em, var, dfn {

    font-style: italic;

}

tt, code, kbd, samp {

    font-family: monospace;

}

/*

   List Styles

 ---------------------------------*/

ul, ol, dl {

	font-size: 100%;

	line-height: 1.5;

}

li, dt {

	line-height: 1.5;

}

dt {

	font-weight:700;

}

dl {

	margin: 0 0 20px 0;

}

dd {

	margin: 0 0 20px 18px;

}

ul {

	list-style-type: disc;

	margin: 0 0 20px 0;

	list-style-position: inside;

}

ol {

	list-style-type: decimal;

	margin: 0 0 20px 0;

	list-style-position: inside;

}

ul ul, ol ul {

	list-style-type: circle;

	margin-top: 0;

	padding-left: 15px;

}

ul ul ul,ul ol ul,ol ol ul {

	list-style-type: square;

}

ol ol,ul ol {

	list-style-type: lower-latin;

	margin-top: 0;

	padding-left:15px;

}

ul ul ol,ul ol ol,ol ol ol {

	list-style-type: lower-roman;

}

/*

  Table Elements

 --------------------------*/

table {

	width: 100%;

	border-collapse: collapse;

	color: #8d989e;

	border-top: 1px #5c7e91 solid;

	border-bottom: 1px #5c7e91 solid;

	margin: 0 0 1.35714em 0;

}

caption {

	font-variant: small-caps;

	line-height: 1.5;

}

th, td {

	line-height: 1.5em;

	vertical-align: top;

	padding: 0.71429em 0.5em;

}

th *:first-child, td *:first-child {

	margin-top: 0;

}

thead th {

	text-align: left;

	color: #8d989e;

	border-bottom: 2px #5c7e91 solid;

}

tbody th {

	text-align: left;

	border-top: 1px solid #5c7e91;

}

tbody td {

	text-align: left;

	border-top: 1px solid #5c7e91;

}

/*

  Form Elements

 -----------------------------*/

button, input, optgroup, select, textarea {

	margin: 0;

	padding: 0;

	font-size: 100%;

	color: inherit;

	background: #fff;

	border:none;

	-webkit-transition: all 0.5s ease ;

	-moz-transition: all 0.5s ease ;

	-ms-transition: all 0.5s ease ;

	-o-transition: all 0.5s ease ;

	transition: all 0.5s ease;

}

input,textarea {

	line-height: normal;

  

    border-radius:0;

    padding: 10px;

    border:1px solid #5c7e91;

}

input[type="text"]{

	 -webkit-appearance: none;

}

select {

	line-height: 1.4;

    border-radius:0;

    max-width: 100%;

    padding: 10px;

}

input:focus, select:focus, textarea:focus, button:focus 

{

	

	outline: 0;

}

input[type="checkbox"], input[type="radio"] {

	padding: 5px;

    border: 1px solid;    

    background: #000476;

}

input[type="radio"] {

	border-radius: 50%;

}

input[type="checkbox"]:checked, input[type="radio"]:checked {

	background: #52b780;

	-webkit-box-shadow: 0 0 5px 1px #000476;

	box-shadow: 0 0 5px 1px #000476;

}

button, input[type="button"], 

input[type="reset"], 

input[type="submit"], 

input[type="file"] {

	cursor: pointer;

	line-height: normal;

	overflow: visible;

	padding: 13px 41px;

    color: #fff;

    background-color: #52b780;

    border:none;

}

button[disabled], input[disabled] {

	cursor: default;

	color: #8d989e;

	border-color: #5c7e91;

}

button::-moz-focus-inner, input::-moz-focus-inner {

	padding: 0;

	border: 0;

}

label {

	line-height:1.5;

	color: #5c7e91;

}

button:hover, 

input[type="button"]:hover, 

input[type="reset"]:hover, 

input[type="submit"]:hover, 

input[type="file"]:hover {

	background-color: #000476;

	-webkit-transition: all ease-in-out .3s;

   -moz-transition: all ease-in-out .3s;

    -ms-transition: all ease-in-out .3s;

     -o-transition: all ease-in-out .3s;

        transition: all ease-in-out .3s;

}



/*

  selectbox style

 -----------------------------*/

.sbSelector,.sbHolder {

	height:40px;

	line-height: 40px;	

}

.sbHolder {

	border:none;

	-webkit-box-shadow: 0 0 20px 5px #edeef1;

	box-shadow: 0 0 20px 5px #edeef1;

	width: 260px;

}

.sbSelector,

.sbOptions a,

.sbOptions a:link {

	padding: 0 10px;

	color:#5c7e91;

	font-weight: 300;

	font-family: 'Lato', sans-serif;

	font-size: 14px;	

}

.sbOptions,

.sbOptions a {

	border:2px solid #f4f5f8;

}

.sbSelector:link, .sbSelector:visited, .sbSelector:hover {

	color:#5c7e91

}

.sbToggle {

	top:18px;

}

.em-tickets-spaces .sbHolder {

	width:100px;

}



/*

  pagenation style

 -----------------------------*/

.pagination > .active > a, 

.pagination > .active > span, 

.pagination > .active > a:hover, 

.pagination > .active > span:hover, 

.pagination > .active > a:focus, 

.pagination > .active > span:focus {

	background-color: #000476;

    border-color: #000476;

}

.pagination > li {

	margin-right:10px;

	display: inline-block;

}

.pagination > li > a,

.pagination > li > span

{

    font-family: 'lato';

    font-size: 14px !important;

    line-height: 34px;

    display: block;

    min-height: 35px;

    padding: 2px 24px;

    -webkit-transition: all ease-in-out .3s;

       -moz-transition: all ease-in-out .3s;

        -ms-transition: all ease-in-out .3s;

         -o-transition: all ease-in-out .3s;

            transition: all ease-in-out .3s;

    text-align: center;

    text-transform: uppercase;

    color: #5c7e91;

    border: none;

    border-radius: 30px;

    background: #ffffff;

}

.paginations-box .pagination > li:last-child > a,

.paginations-box .pagination > li:last-child > span

{

    border-top-right-radius: 25px;

    border-bottom-right-radius: 25px;

}

.pagination > li:first-child > a,

.pagination > li:first-child > span

{

    margin-left: 0;

    border-top-left-radius: 25px;

    border-bottom-left-radius: 25px;

}



/*

  Default widgets style

 -----------------------------*/

.rss-date {

	display: block;

	color:#47535a;

}



.rescuepress-required{

	border-color:#ff0000 !important;

}

.alignleft {

	float:left;

	margin-right:20px;

}

.alignright {

	float:right;

	margin-left:20px;

}

.wp-caption, .wp-caption-text,.gallery-caption,.bypostauthor{

	line-height: 1.5;

    font-weight: 600;

}

.aligncenter {

	text-align:center;

	margin-left:auto;

	margin-right:auto;

}

.gn-btn,.bl-btn:hover {

	background-color: #52b780;

	color: #fff;

}

.bl-btn,.gn-btn:hover,.gr-btn:hover {

	background-color: #000476;

	color: #fff;

}

.gr-btn{

	background-color:#7e878c;

	color: #fff;

	-webkit-transition: all ease-in-out .3s;

   -moz-transition: all ease-in-out .3s;

    -ms-transition: all ease-in-out .3s;

     -o-transition: all ease-in-out .3s;

        transition: all ease-in-out .3s;

}

.btn-global {

	padding: 15px 45px;

    border-radius: 30px;    

    text-transform: uppercase;

    font-size: 14px;

}



/* Wrapper */

.sl-wrapper a {

	border-bottom: 0 !important;

	text-decoration: none !important;

}

.sl-button {

	line-height: 1;

	font-weight: normal;

}

/* Icon */

.sl-icon {

	margin-right: 0.3125em;

	font-family: 'Arial Unicode MS', Arial, sans-serif;

	vertical-align: middle;

}

.sl-icon svg {

	fill: currentColor;

	width: 1em;

	height: 1em;

}

.sl-icon svg:after {

	content: "";

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left:0;

}



/* Count */

.sl-count {

	font-size: 0.625em;

	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;

	text-transform: uppercase;

	vertical-align: middle;

}



/* Loader */

.loader,

.loader:before,

.loader:after {

  background: rgba(0, 0, 0, 0.2);

  -webkit-animation: load1 1s infinite ease-in-out;

  animation: load1 1s infinite ease-in-out;

  width: .2em;

  height: .6em;

}

.loader:before,

.loader:after {

  position: absolute;

  top: 0;

  content: '';

}

.loader:before {

  left: -.375em;

  -webkit-animation-delay: -0.32s;

  animation-delay: -0.32s;

}

.loader {

  text-indent: -9999em;

  display: inline-block;

  position: relative;

  vertical-align: middle;

  font-size: 1em;

  -webkit-transform: translateZ(0);

  -ms-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-animation-delay: -0.16s;

  animation-delay: -0.16s;

}

.loader:after {

  left: .375em;

}

@-webkit-keyframes load1 {

  0%,

  80%,

  100% {

    box-shadow: 0 0 rgba(0, 0, 0, 0.2);

    height: .6em;

  }

  40% {

    box-shadow: 0 -.3em rgba(0, 0, 0, 0.2);

    height: 1em;

  }

}

@keyframes load1 {

  0%,

  80%,

  100% {

    box-shadow: 0 0 rgba(0, 0, 0, 0.2);

    height: .6em;

  }

  40% {

    box-shadow: 0 -.3em rgba(0, 0, 0, 0.2);

    height: 1em;

  }

}

a.liked span.sl-count, .sl-count {

    font-size: 14px;

}

.sl-icon svg {

    padding-top: 0px;

    margin-bottom: -2px;

}

.projects-content-block span.sl-wrapper, .projects-content-block span {

    margin-left: 6px;

}



/*

     sticky header style 

 ----------------------------------------*/

body #header {

	-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

}



body #header.fixed {

	left: 0;

	margin: 0 auto;

	position: fixed !important;

	right: 0;

	top: 0;

	width: 100%;

	z-index: 99999;

}

body #header.fixed {

	background:#fff;

	width: 100%;

}

body .top-m {

	padding-top:150px;

}

body #header.intelligent {

	left: 0;

	position: fixed !important;

	right: 0;

	top: 0;

	width: 100%;

	z-index: 99;

	background:#fff;

}

body.admin-bar #header.fixed,

body.admin-bar #header.intelligent {

	top:32px;

}

body #header.up {

	opacity: 0;

	top: -162px;

	visibility: hidden;

}



/*

    switcher layout

 ----------------------------------------*/

#wrapper.boxed, .boxed header {

    margin: 0 auto;

    max-width: 1200px;

    width: 100%;

}

code, kbd, pre, samp{

    padding:5px 10px; 

}

.comment-reply-title small{

    float:right;

}

.comment-reply-title small > a{

     border:none;

     color:#52b780;

    font-size: 10px;

     text-transform:uppercase;

    margin-top:-24px;

    position:relative;

    display:block;

}

#comments h3.common-heading.heading{

    padding-right:90px;

}

thead th{

    font-weight:700;

}

.rescuepress-page-links span{

    border-color:#000476;

    background-color:#000476;

    color:white;

    border-radius: 30px;

     border:1px solid #000476;

    font-size: 14px !important;

    line-height: 34px;

    min-height: 35px;

    padding: 2px 24px;

    text-align: center;

    text-transform: uppercase;

    transition: all 0.3s ease-in-out 0s;

    display:inline-block;

}

.rescuepress-page-links a > span{

       background: #ffffff none repeat scroll 0 0;

    border: medium none;

    border-radius: 30px;

    color: #5c7e91;

     border:1px solid #ddd;

    font-size: 14px !important;

    line-height: 34px;

    min-height: 35px;

    padding: 2px 24px;

    text-align: center;

    text-transform: uppercase;

    transition: all 0.3s ease-in-out 0s;

    display:inline-block;

}

.rescuepress-page-links a > span:hover,

.rescuepress-page-links a > span:focus

{

     background-color: #eee;

    border-color: #ddd;

    color: #23527c;

    z-index: 2;

}

.inner-page-banner{

    background-color:#ccc;

    background-size:cover;

    background-repeat: no-repeat;

    

}



.parallax-window {

    min-height: 400px;

    background: transparent;

}