/*
Theme Name: Viresco Solutions Theme
Theme URI: https://wordpress.org/themes/twentyseventeen/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/

/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img { border: none; }




/* =Fonts
-------------------------------------------------------------- */

h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text,
input[type=submit]
{
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

body,
input,
textarea {
	color: #666;
	font-size: 12px;
	line-height: 18px;
}
hr {
	background-color: #E7E7E7;
	border:0;
	height: 1px;
	margin-bottom: 18px;
	clear:both;
}

/* Text elements */
p {
	margin-bottom: 18px;
}
ul {
	list-style: square;
	margin: 0 0 18px 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
ol ol {
	list-style:upper-alpha;
}
ol ol ol {
	list-style:lower-roman;
}
ol ol ol ol {
	list-style:lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom:0;
}
dl {
	margin:0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
textarea {
	padding: 2px;
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
}




table {
	border: 1px solid #e7e7e7;
	text-align: left;
	margin: 0 -1px 24px 0;
	width: 100%;
}
tr th,
 thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
 tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 24px;
}
 tr.odd td {
	background: #F2F7FC;
}




.attachment img {
	max-width: 900px;
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft, 
 img.alignright, 
 img.aligncenter {
	margin-bottom: 12px;
}
 .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	text-align: center;
	margin-bottom: 20px;
	padding: 4px;
}
 .wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	margin: 5px;
	color: #888;
	font-size: 12px;
}
.wp-smiley {
	margin:0;
}


/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom:none;
	margin-bottom:0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #FF4B33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #FF4B33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e7e7e7;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	display:block;
	margin: 0;
}
#comments .pingback .url {
	font-style: italic;
	font-size: 13px;
}



/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	margin: 24px 0;
	border-top: 1px solid #e7e7e7;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}
#respond .required {
	color:#FF4B33;
	font-weight:bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin:0 0 9px;
	width:98%;
}
#respond textarea {
	width:98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	width: auto;
	font-size: 14px;
}




/* ---------- layout ----------*/
.wrapper {
    margin:0 auto;
}
body{font-family: 'Poppins', sans-serif; color: #000;}

.clear{clear:both; font-size:0px;line-height:0px;}

/*----------- index.html ( Registration Page )----------------------*/


.container-fluid{ width: 100%; box-sizing: border-box; padding: 0 15px;}
.container{ width: 1240px; margin:0 auto;}
.videosection{ position: relative; line-height: 0;}
.videosection:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:rgba(43,48,56,0.37);}
.videosection video{ width: 100%; height: auto;}

.videocaption{ width: 980px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); text-align: center;}
.videocaption h1{ font-size: 42px; line-height: 48px; color: #fff; text-transform: uppercase; font-weight: 300; margin: 0 0 30px;}
.videocaption h1 strong{ font-weight: 500;}
.videocaption a{ display: inline-block;}
.videocaption a span{ display: inline-block; vertical-align: top; padding: 0 15px; border: solid 1px #fff; line-height: 40px; text-transform: uppercase; font-weight: 300; color: #fff; font-size: 16px; letter-spacing: 1px; margin: 0 5px 0 0; transition: ease-in all 0.3s;}
.videocaption a em{ display: inline-block; vertical-align: top; width: 42px; height: 42px; box-sizing: border-box; border: solid 1px #fff; background: url(images/rightarrow.png) no-repeat center center; transition: ease-in all 0.3s;}
.videocaption a:hover span{ background: #ee5f2d;}
.videocaption a:hover em{ background-color: #ee5f2d;}

.homebanner{ position: relative;}
.homebanner figure{ margin: 0; padding: 0; line-height: 0; position: relative;}
.homebanner figure:before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:rgba(43,48,56,0.37);}
.homebanner figure img{ display: block; width: 100%; height: 737px; object-fit: cover;}


header{ position: fixed; left: 0; top: 0; width: 100%; z-index: 99; transition: ease-in all 0.3s;}
.logo{ width:300px; float: left; padding: 10px 0 0; transition: ease-in all 0.3s;}
.logo a{ display: block;}
.logo a img{ display: block; width: 100%; height: auto;}

nav{ float: right; padding: 45px 20px 0 0; transition: ease-in all 0.3s;}
nav ul{ margin: 0; padding: 0; list-style: none; float: right;}
nav ul li{ float: left; margin: 0 40px 0 0; position: relative;}
nav ul li:last-child{ margin-right: 0;}
nav ul li a{ display: block; font-size: 16px; line-height: 22px; color: #fff; font-weight: 400; text-transform: uppercase; text-decoration: none; position: relative; transition: ease-in all 0.3s;}
nav > ul > li:hover > a{ color: #7bab3d;}
nav > ul > li > a:before{ content: ""; position: absolute; left: 0; bottom: -10px; width: 100%; height: 3px; background: #7bab3d; display: none;}
nav > ul > li:hover > a:before{ display: block;}

nav ul li ul{ position: absolute; top: 28px; left: -92px; width: 255px; display: none; box-shadow:0px 3px 8px 0px #333;}
/*nav ul li ul:before{ content: ""; position: absolute; left: 50%; bottom: 100%; transform: translate(-50%,0); -moz-transform: translate(-50%,0); -webkit-transform: translate(-50%,0);width: 0;*/
/*height: 0;*/
/*border-style: solid;*/
/*border-width: 0 10px 10px 10px;*/
/*border-color: transparent transparent #ffffff transparent;}*/
nav ul li ul li{ background: #fff; border-bottom: solid 1px #e8e8e8; padding: 0; margin: 0; float: none;}
nav ul li ul li:last-child{ border-bottom: none;}
nav ul li ul li a{ display: block; font-size: 12px; line-height: 25px; color: #444851; font-weight:400; text-transform: uppercase; text-align: center; padding: 0 10px; transition: ease-in all 0.3s;}
nav ul li ul li a:hover{ background: #f1f1f1;}
nav ul li ul li:first-child a{ line-height: 15px !important; padding: 8px 10px;}

nav ul li.dropdown:before{ content: ""; position: absolute; left: 50%; top: 100%; transform: translate(-50%,0); -moz-transform: translate(-50%,0); -webkit-transform: translate(-50%,0);width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #ffffff transparent;
display:none;
}

nav ul li.dropdown:hover:before{ display:block;}


a.gobottom{ display: block; width: 31px; height: 17px; background: url(images/downarrow.png) no-repeat center center; position: absolute; bottom: 25px; left: 50%; transform: translate(-50%,0); -moz-transform: translate(-50%,0); -webkit-transform: translate(-50%,0);}

.tagline{ background: #2b3038; padding: 38px 0; text-align: center;}
.tagline h4{ color: #fff; font-size: 26px; line-height: 40px; font-weight: 300; letter-spacing: 1px;}
.tagline h4 a{ color: #fff; font-weight: 500; text-decoration: none; display: inline-block;}


.whatwedo{ text-align: center; padding: 45px 0 40px;}
.whatwedo h4{ font-size: 24px; line-height: 26px; color: #4e4e4e; font-weight: 300; text-transform: uppercase; padding: 0 0 18px; position: relative; margin: 0 0 40px;}
.whatwedo h4 strong{ font-weight: 500;}
.whatwedo h4:before{ content: ""; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,0); -moz-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); width: 125px; height: 2px; background: #72cb41;}
.whatwedo ul{ margin: 0; padding: 0; list-style: none; width: 100%;}
.whatwedo ul li{ width: 33.33%; box-sizing: border-box; padding: 0 15px; float: left;}
.whatwedo ul li h5{ margin: 0 0 10px; text-transform: uppercase; font-size: 20px; font-weight: 300; line-height: normal; text-transform: uppercase;}
.whatwedo ul li p{ font-size: 16px; line-height: normal; color: #000; font-weight: 300;}
.whatwedo ul li a.learnmore{ display: inline-block; font-size: 16px; line-height: normal; color: #ef6a3b; font-weight: 500; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; transition: ease-in all 0.3s;}
.whatwedo ul li a.learnmore:hover{ color: #000;}


.howyouknow{ position: relative;}
.howyouknow figure{ margin:0; padding: 0; line-height: 0; position: relative;}
.howyouknow figure:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:  rgba(43,48,56,0.4);}
.howyouknow figure img{ display: block; width: 100%; height: 463px; object-fit: cover;}
.howyouknow figcaption{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); text-align: center; width: 100%;}
.howyouknow figcaption h2{ font-size: 40px; line-height: normal; color: #fff; font-weight: 300; padding: 0 0 20px; position: relative; margin: 0 0 30px;}
.howyouknow figcaption h2:before{ content: ""; position: absolute; left: 50%; bottom: 0; width: 95px; height: 2px; background: #ee5f2d; transform: translate(-50%,0); -moz-transform: translate(-50%,0); -webkit-transform: translate(-50%,0);}
.howyouknow figcaption p{font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: normal; color: #fff; font-weight: 300;}
.howyouknow figcaption p strong{ font-weight: 600;}


.boxwrap ul{ margin: 0; padding: 0; list-style: none; width: 100%;}
.boxwrap ul li:first-child figure{ margin-top: 0;}
.boxwrap ul li figure{ margin: -40px 0 0; padding: 0; line-height: 0; display: block; position: relative; width: 50%; position: relative;}
.boxwrap ul li figure img{ display: block; width: 100%; height: auto;}
.info{ box-sizing: border-box; width: 50%; padding: 100px 90px 100px 30px; position: relative;}
.info h2{ font-size: 36px; line-height: 30px; color: #4e4e4e; font-weight: 300; padding: 0 0 25px; position: relative; margin: 0 0 20px; text-transform: uppercase;}
.info h2:before{ content: ""; position: absolute; left: 0; bottom: 0; width:125px; height: 3px; background: #ee5f2d;}
.info h2 strong{ font-weight: 500;}
.info p{font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 22px; color: #000; font-weight: 400; margin: 0 0 25px;}

.info a span{ display: inline-block; vertical-align: top; padding: 0 15px; border: solid 1px #fff; line-height: 40px; text-transform: uppercase; font-weight: 300; color: #fff; font-size: 16px; letter-spacing: 1px; margin: 0 -1px 0 0 !important; transition: ease-in all 0.3s; background: #7bab3d;}
.info a em{ display: inline-block; vertical-align: top; width: 42px; height: 42px; box-sizing: border-box; border: solid 1px #fff; background: url(images/rightarrow.png) no-repeat center center #7bab3d; transition: ease-in all 0.3s;}
.info a:hover span{ background: #ee5f2d;}
.info a:hover em{ background-color: #ee5f2d;}



.info-projects{ box-sizing: border-box; width: 50%; padding: 50px 40px 50px 30px; position: relative;}
.info-projects h2{ font-size: 30px; line-height: 28px; color: #4e4e4e; font-weight: 300; padding: 0 0 25px; position: relative; margin: 0 0 20px; text-transform: uppercase;}
.info-projects h2:before{ content: ""; position: absolute; left: 0; bottom: 0; width:125px; height: 3px; background: #ee5f2d;}
.info-projects h2 strong{ font-weight: 500;}
.info-projects p{font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 20px; color: #000; font-weight: 400; margin: 0 0 25px;}

.info-projects a span{ display: inline-block; vertical-align: top; padding: 0 15px; border: solid 1px #fff; line-height: 40px; text-transform: uppercase; font-weight: 300; color: #fff; font-size: 16px; letter-spacing: 1px; margin: 0 -1px 0 0 !important; transition: ease-in all 0.3s; background: #7bab3d;}
.info-projects a em{ display: inline-block; vertical-align: top; width: 42px; height: 42px; box-sizing: border-box; border: solid 1px #fff; background: url(images/rightarrow.png) no-repeat center center #7bab3d; transition: ease-in all 0.3s;}
.info-projects a:hover span{ background: #ee5f2d;}
.info-projects a:hover em{ background-color: #ee5f2d;}








.boxwrap ul li figure:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(43,48,56,0.2);}
.boxwrap ul li:nth-child(odd) figure{ float: right;}
.boxwrap ul li:nth-child(odd) .info{ float: left;}
.boxwrap ul li:nth-child(odd) .info-projects{ float: left;}
.boxwrap ul li:nth-child(odd) figure:after{ content: ""; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%);width: 0;
height: 0;
border-style: solid;
border-width: 17.5px 0 17.5px 20px;
border-color: transparent transparent transparent #ffffff;
}

.boxwrap ul li:nth-child(even) figure:after{ content: ""; position: absolute; right: 0; top: 50%; transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 17.5px 20px 17.5px 0;
border-color: transparent #ffffff transparent transparent;
}



.boxwrap ul li:nth-child(even) figure{ float: left;}
.boxwrap ul li:nth-child(even) .info{ float: right;}
.boxwrap ul li:nth-child(even) .info-projects{ float: right;}


footer{ padding: 90px 0 40px; background: url(images/footer-img.jpg) no-repeat center top; background-size: cover;}
.row1{ text-align: center; padding: 0 0 150px;}
.row1 h2{ font-size: 32px; line-height: normal; padding: 0 0 12px; color: #fff; font-weight: 300; text-transform: uppercase; letter-spacing: 1px; position: relative; margin: 0 0 50px;}
.row1 h2:before{ content: ""; position: absolute; width: 95px; height: 3px; background: #e14e46; left: 50%; bottom: 0; transform: translate(-50%,0); -moz-transform: translate(-50%,0); -webkit-transform: translate(-50%,0);}
.row1 h2 strong{font-weight: 600;}

.row1 a span{ display: inline-block; vertical-align: top; padding: 0 15px; border: solid 1px #fff; line-height: 40px; text-transform: uppercase; font-weight: 300; color: #fff; font-size: 16px; letter-spacing: 1px; margin: 0 1px 0 0; transition: ease-in all 0.3s; background: none;}
.row1 a em{ display: inline-block; vertical-align: top; width: 42px; height: 42px; box-sizing: border-box; border: solid 1px #fff; background: url(images/rightarrow.png) no-repeat center center ; transition: ease-in all 0.3s;}
.row1 a:hover span{ background: #7bab3d;}
.row1 a:hover em{ background-color: #7bab3d;}

.fleft{ float: left; padding: 15px 0 0 20px;}
.flogo{ margin: 0 0 10px; display: block;}
.fnav{ padding: 0 0 6px;}
.fnav ul{ margin: 0; padding: 0; list-style: none; float: left;}
.fnav ul li{ float: left; padding: 0 28px 0 0; position: relative;}
.fnav ul li:before{ content: ""; position: absolute; left: -20px; top: 6px; width: 12px; height: 13px; background: url(images/sep.png) no-repeat center center;}
.fnav ul li:first-child:before{ display: none;}
.fnav ul li a{ display: block;font-family: 'Open Sans', sans-serif; color: #fff; text-decoration: none; font-size: 16px; line-height: 24px; font-weight: 400; transition: ease-in all 0.3s;}
.fnav ul li a:hover{ color: #78a63d;}
.fleft p{ font-size: 14px; line-height: 19px; color: #fff; font-weight: 400; margin: 0;}
.fleft p span{ display: inline-block; padding: 0 0 0 25px; background: url(images/sep.png) no-repeat left center;}

.fright{ float: right; text-align: right; padding: 0 20px 0 0;}
.fright p{font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 24px; color: #fff; font-weight: 400; margin: 0;}
.social { padding: 30px 0 10px;}
.social ul{ margin: 0; padding: 0; list-style: none; float: right;}
.social ul li{ float: left; margin: 0 15px 0 0;}
.social ul li:last-child{ margin-right: 0;}
.social ul li a i{ font-size: 25px; line-height: normal; color: #ffffff; transition: ease-in all 0.3s;}
.social ul li a i:hover{ color: #7bab3d;}

/* inner1.html */

.inbanner{ position: relative;}
.inbanner figure{ margin: 0; padding: 0; line-height: 0; position: relative;}
.inbanner figure:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(43,48,56,0.37);}
.inbanner figure img{ display: block; width: 100%; height: 345px; object-fit: cover;}

.inbanner h1{ position: absolute; left:50%; top: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); font-size: 42px; line-height: 48px; color: #fff; font-weight: 300; text-transform: uppercase; letter-spacing: 2px;}

.inner-content{ padding: 40px 0px 110px;}
.inner-content h2{ font-size: 30px; line-height: normal; color: #7bab3d; font-weight: 300; text-transform:uppercase; padding: 0 0 10px; position: relative; margin: 0 0 20px; font-family: 'Poppins', sans-serif;}
.inner-content h2:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 125px; height: 3px; background:#e14e46;}

.inner-content h3{ font-size: 24px; line-height: normal; color: #7bab3d; font-weight: 300; text-transform:uppercase; position: relative; font-family: 'Poppins', sans-serif;}


.inner-content p{font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 23px; color: #000000; font-weight: 300;}
.inner-content ul{ padding: 0 0 0 40px;font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 23px; color: #000000; font-weight: 300; list-style: disc;}

.pagin{ text-align: center; padding: 80px 0 0;}
.pagin ul{ margin: 0; padding: 0; list-style: none; display: inline-block;}
.pagin ul li{ float: left;}

.pagin ul li a span{ display: inline-block; vertical-align: top; padding: 0 15px; border: solid 1px #7bab3d; line-height: 40px; text-transform: uppercase; font-weight: 600; color: #7bab3d; font-size: 16px; letter-spacing: 1px; margin: 0 -1px 0 0; transition: ease-in all 0.3s; background: none;font-family: 'Poppins', sans-serif;}
.pagin ul li a em{ display: inline-block; vertical-align: top; width: 42px; height: 42px; box-sizing: border-box; border: solid 1px #7bab3d; background: url(images/rightarrow.png) no-repeat center center ; transition: ease-in all 0.3s;}
.pagin ul li a:hover span{ background: #ee5f2d; color: #fff; border: solid 1px #ee5f2d;}
.pagin ul li a:hover em{ background-color: #ee5f2d; border: solid 1px #ee5f2d;}

.pagin ul li.prev{ margin: 0 18px 0 0;}
.pagin ul li.next{ margin: 0 0 0 18px;}


.pagin ul li.prev em{ margin: 0 2px 0 0;}
.pagin ul li.next em{ margin: 0 0 0 2px;}

.pagin ul li.prev em{ background: url(images/lgreen.png) no-repeat center center;}
.pagin ul li.next em{ background: url(images/rgreen.png) no-repeat center center;}

.pagin ul li.next a:hover em{ background: url(images/rightarrow.png) no-repeat center center #ee5f2d;}
.pagin ul li.prev a:hover em{ background: url(images/leftarrow.png) no-repeat center center #ee5f2d;}


.hamburger{ display: none; /*width: 55px; float: right; margin: 28px 28px 0 0;*/}
/*
a.mobutton span{ display: block; width: 100%; height: 5px; background: #fff; margin: 0 0 7px;}
a.mobutton span:last-child{ margin: 0;}
*/

.fright p:nth-child(3){ display: none;}

/* ---------------------------------------------------------*/
body {
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a[href^=tel] {
	color: #fff;
	text-decoration:none;
}
header.sticky{ background: #2b3038; padding: 0 0 10px;}
header.sticky .logo{ width: 210px;}
header.sticky nav{ padding-top: 32px;}
.description-box {margin:0 !important; padding:50px 0 40px !important; background:#f9f9f9;}
.description-box container {width:96%;}
section.description-box p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px !important;
    line-height: 32px !important;
    color: #000;
    font-weight: 400;
}


.nf-field-label label {
    font-size: 15px!important;
}