/*

Theme Name: Aqua

Theme URI: http://designeers.in

Author: Designeers

Author URI: #

Description: 

Version: 1.1.4

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: light, white, two-columns, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, post-formats

Text Domain: aqua



Resetting and rebuilding styles have been helped along thanks to the fine work of

Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html

along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

and Blueprint http://www.blueprintcss.org/

*/

a.product-temp{
color:#2e3191;
}



/* =Reset

-------------------------------------------------------------- */
.treeview a
{
	color:#2e3191;
	font-weight:bold;
}


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, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	border: 0;

	font: inherit;

	font-size: 100%;

	font-style: inherit;

	font-weight: inherit;

	margin: 0;

	outline: 0;

	padding: 0;

	vertical-align: baseline;

}

html {

	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */

	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */

	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

main,

nav,

section {

	display: block;

}

ol, ul {

	list-style: none;

}

table { /* tables still need 'cellspacing="0"' in the markup */

	border-collapse: collapse;

	border-spacing: 0;

	margin: 0 0 1.5em;

	width: 100%;

}

th {

   font-weight: bold;

}

th, td {

   border: 1px solid #EAEAEA;

   padding: 6px 10px;

}

caption, th, td {

	text-align: left;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}

a:focus {

	outline: thin dotted;

}

a:hover,

a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */

	outline: 0;

}

a img {

	border: 0;

}

a img:hover {

	opacity: 0.9;

	/*filter:alpha(opacity=80);*/ /* For IE8 and earlier */

/*	box-shadow: #000 0 0 0;*/
	
	box-shadow: none;
}

embed, iframe, object {

	max-width: 100%;

}



.top-menu{
	background: #03a4d6;
}

.top {
    text-align: right;
    padding: 10px 0;
    font-weight: 500;
    font-size: 18px;
}

.top ul li {

  display: inline;

}

.member-login a{
color:#2e3191;
font-size:x-large;
}


/* =GLOBAL

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



a.swpm-login-link{

color:#2e3191;

}

a#forgot_pass{

color:#2e3191;

}

input.swpm{

background-color:#2e3191;

}

a.logout{

color:#2e3191;

}



body,

button,

input,

select,

textarea {

	color: #666666;

	font: 16px 'Roboto', sans-serif;

	line-height: 20px;

	word-wrap: break-word;

	font-weight: 300;

}

body {

	background: #eaeaea;

}

/* Headings */

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

	padding-bottom: 18px;

	color: #444444;

	font-weight: normal;

	font-family: 'Roboto Slab', sans-serif;

}

h1 { font-size: 30px; line-height: 36px; }

h2 { font-size: 28px; line-height: 34px; }

h3 { font-size: 26px; line-height: 32px; }

h4 { font-size: 24px; line-height: 30px; }

h5 { font-size: 22px; line-height: 28px; }

h6 { font-size: 19px; line-height: 25px; }

hr {

	border-color: #EAEAEA;

	border-style: solid none none;

	border-width: 1px 0 0;

	height: 0;

	margin: 30px 0;

}



/* =TEXT ELEMENTS

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

p {

	line-height: 24px;

	margin-bottom: 15px;

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

	font-size: 16px;

	font-weight: 300;

}

strong {

	font-weight: bold;

}

cite, em, i {

	font-style: italic;

}

pre {

	background-color: #fff;

	margin-bottom: 20px;

	overflow: auto;

	padding: 20px;

	border: 1px solid #EAEAEA;

}

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

	font-family:"Courier 10 Pitch",Courier,monospace;

	font-size: 14px;

	line-height: 19px;

	white-space: pre-wrap;

}

abbr, acronym, dfn {

	border-bottom: 1px dotted #666666;

	cursor: help;

}

address {

	display: block;

	font-style: italic;

	margin: 0 0 15px;

}

ins {

	background: #F8F8F8;

}

table {

	margin: 0 0 1.5em;

	width: 100%;

}



/* =SUPERCRIPT AND SUBSCRIPT

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

sup, sub {

	font-size: 10px;

	height: 0;

	line-height: 1;

	position: relative;

	vertical-align: baseline;

}

sup {

	bottom: 1ex;

}

sub {

	top: .5ex;

}



dl {

	margin-bottom: 24px;

	font-size: 16px;

}

dt {

	font-weight: bold;

	margin-bottom: 5px;

}

dd {

	margin-bottom: 24px;

}

ul,

ol {

	list-style: none;

	

}

ol {

	list-style: decimal;

}

li > ul,

li > ol {

	margin: 0 0 0 10px;

}



/* =BLOCKQUOTE

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

blockquote {

	padding: 30px 30px 20px 50px;

	margin-bottom: 20px;

	background-color: #77CC6D;

	color: #FFFFFF;

	border-radius: 5px;

}

blockquote p {

	font-size: 22px;

	font-family: 'Roboto Slab';

	line-height: 1.4;

	position: relative;

}

blockquote p:before {

	content: "\f10d";

	font-family: FontAwesome;

	font-style: normal;

	font-weight: normal;

	text-decoration: inherit;

	color: #FFFFFF;

	font-size: 22px;

	position: absolute;

	top: -5px;

	left: -30px;

}

blockquote em, blockquote i, blockquote cite {

	font-style: normal;

}

blockquote cite {

	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;

	font-weight: 300;

	letter-spacing: 0.05em;

	float: right;

}

blockquote a {

   color: #ffffff;

   text-decoration: underline;

}

blockquote a:hover {

   text-decoration: underline;

   font-weight: bold;

}



/* =FORMS

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

input, textarea {

 	-webkit-border-radius: 0px;

}

input[type="text"],

input[type="email"],

input[type="search"],

input[type="password"],

textarea {

	-moz-appearance: none !important;

	

	appearance: none !important;

}

input[type="text"],

input[type="email"],

input[type="password"],

textarea {

	

	

	line-height: 20px;

	

	

	

	

}

input[type="text"]:focus,

input[type="email"]:focus,

input[type="search"]:focus,

input[type="password"]:focus,

textarea:focus {

	border: 1px solid #EAEAEA;

}

input.s {

	width: 60%;

	padding: 4px 10px;

	height: 22px;

	color: #666666;

	background-color: #FFFFFF;

	margin: 0;

	border: 1px solid #EAEAEA;

}

input.s:focus {

	padding-left: 10px;

	border-color: #EAEAEA;

	text-indent: 0;

}

#inquiry{

background-color:#2e3191;

}

.accelerate-button,

input[type="reset"],

input[type="button"],

input[type="submit"],

button {

   margin-bottom: 30px;

   padding: 10px 20px;

	background-color: #2e3191;

	border: 0px;

	transition: background-color 0.3s linear 0s;

   -webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius:4px;

   font-size: 14px;

   -moz-appearance: none !important;

	-webkit-appearance: none !important;

	appearance: none !important;

	cursor: pointer;

	display:inline-block;

   color: #FFFFFF;

}

#search-form input[type="submit"] {

	border-radius: 0;

	margin-left: -8px;

	margin-bottom: 0;

	padding: 6px 10px 5px;

}

.accelerate-button:hover,

input[type="reset"]:hover,

input[type="button"]:hover,

input[type="submit"]:hover,

button:hover {

	background-color: #33363B;

}

.previous a,

.next a {

   padding: 5px 0;

	cursor: pointer;

   font-size: 16px;

}

.previous a:hover,

.next a:hover {

	text-decoration: underline;

}

/* =LINKS

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

a {

	color: #000000;

	text-decoration: none;

}

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

	text-decoration: none;

}



/* =IMAGES

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

figure {

	margin: 0;

	text-align: center;

}

img {

	max-width:100%;

	height:auto;

	vertical-align:top;

	margin-bottom: 18px;

}

.entry-content img, .comment-content img, .widget img {

	max-width: 100%;

}

img[class*="align"],

img[class*="wp-image-"],

img[class*="attachment-"] {



}

img.size-full, img.size-large {

	max-width: 100%;

	height: auto;

}

.entry-content img.wp-smiley {

	border: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}

img.alignleft, img.alignright, img.aligncenter {

	margin-bottom: 1.625em;

}

p img {

}

img#wpstats {

 	display: none;

}



/* =CLEARFIX

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

.clearfix:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

}

.clearfix {

	display: inline-block;

}

* html .clearfix {

	height:1%;

}

.clearfix {

	display: block;

}

.tg-after-three-blocks-clearfix {

	clear: both;

}

.tg-featured-posts-clearfix {

	clear: both;

}



/* =ALIGNMENT

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

.alignleft {

	display: inline;

	float: left;

	margin-right: 30px;

}

.alignright {

	display: inline;

	float: right;

	margin-left: 30px;

}

.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}



/*****************************************************************/

/*****************************************************************/



/* =BODY

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

body {

	padding-top: 15px;

	padding-bottom: 15px;

}

#page {

	max-width: 1180px;

	margin: 0 auto;

	background-color: #FFFFFF;

	box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);

	/*border-top: 3px solid #77CC6D;*/
	border-top:none;
}

.wide {

	padding-top: 0;

	padding-bottom: 0;

}

.wide #page {

	max-width: 100%;

}

.inner-wrap {

	margin: 0 auto;

	max-width: 1100px;

}



/* =HEADER

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

#masthead {

}

#header-text-nav-container {

	background-color: #FFFFFF;

}

#header-text-nav-wrap {

	padding: 15px 0;

}

#header-left-section {

	float: left;

	margin-right: 25px;

}

#header-logo-image {

	float: left;

	padding: 0 20px 0 0;

	max-width: 100%;

}

#header-logo-image img {

	margin-left: 15px;

}

#header-text {

	float: left;

	padding: 10px 20px 0 0;

}

#site-title a {

	color: #555555;

	font-size: 36px;

}

h1#site-title {

	padding-bottom: 5px;

}

#site-title a:hover {

	color: #77CC6D;

}

#site-description {

	line-height: 24px;

	font-size: 16px;

	padding-bottom: 0;

	color: #999999;

}

#header-right-section {

	float: right;

}

#header-right-sidebar {

	overflow: hidden;

}

#header-right-section .widget {

	text-align: right;

	padding-top: 10px;

	color: #999999;

	font-size: 14px;

}

#header-right-section .widget h3 {

	padding-bottom: 5px;

	font-size: 20px;

	line-height: 28px;

}

.header-image {

	margin-bottom: 0;

	width: 100%;

}



/* =SEARCH WIDGET

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

#masthead input.s {

	width: 150px;

}

#search-form span {

	background-color: #77CC6D;

	height: 32px;

	width: 30px;

	line-height: 40px;

	margin-left: -2px;

	color: #FFFFFF;

	position: absolute;

	text-align: center;

}

#masthead .search-wrap {

	position: relative;

}

#masthead .search-wrap span {

	right: 1px;

}

/* =Top Menu



ul#menu-top {

    display: -webkit-box;

}

.top-menu{

background-color:#2e3191;



}

.top {

background-color:#2e3191;

}





/* =NAVIGATION

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

nav li > ul,

nav li > ol {

	margin: 0;

	list-style: none;

}

.main-navigation {

	width: 100%;

	background-color: #03a4d6;

}

.menu-main-container {

margin:0;

}

.menu-main-container ul{

background-color: #2e3191;

}

.main-navigation li {

	float: left;

	position: relative;

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

	font-weight: 300;

}

.main-navigation a {
	color: #FFFFFF;
	display: block;
    float: left;
    font-size: 15px;
    padding: 12px 16px;
    font-weight: 500;
}

.main-navigation li.default-menu,

li.default-menu {

	display: none;

}

.main-navigation a:hover,

.main-navigation ul li.current-menu-item a,

.main-navigation ul li.current_page_ancestor a,

.main-navigation ul li.current-menu-ancestor a,

.main-navigation ul li.current_page_item a,

.main-navigation ul li:hover > a {

	color: #FFFFFF;

	background-color: #33363B !important;

	transition: background-color 0.3s linear 0s;

}



/* =DROP DOWN

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

.main-navigation ul li ul,

.main-navigation ul li:hover ul ul,

.main-navigation ul ul li:hover ul ul,

.main-navigation ul ul ul li:hover ul ul,

.main-navigation ul ul ul ul li:hover ul ul {

	display:none;

	z-index: 100;

	border-left: 1px solid #F8F8F8;

	border-right: 1px solid #F8F8F8;

	border-bottom: 1px solid #F8F8F8;

	margin-left: -1px;

}

.main-navigation ul li:hover ul,

.main-navigation ul ul li:hover ul,

.main-navigation ul ul ul li:hover ul,

.main-navigation ul ul ul ul li:hover ul,

.main-navigation ul ul ul ul ul li:hover ul {

	display:block;

}

.main-navigation ul li ul {

	position: absolute;

	width: 200px;

	top: 44px;

}

.main-navigation ul li ul li {

	float: none;

	border-bottom: 1px solid #F8F8F8;

}

.main-navigation ul li ul li:last-child {

	float: none;

	border-bottom: none;

}

.main-navigation ul li ul li a,

.main-navigation ul li.current-menu-item ul li a,

.main-navigation ul li ul li.current-menu-item a,

.main-navigation ul li.current_page_ancestor ul li a,

.main-navigation ul li.current-menu-ancestor ul li a,

.main-navigation ul li.current_page_item ul li a {

	float: none;

	font-size: 14px;

	font-weight: 300;

	height: 100%;

	padding: 8px 14px;

	color: #FFFFFF;

	background-color: #2e3191;

}

.main-navigation ul li ul li a:hover,

.main-navigation ul li ul li:hover > a,

.main-navigation ul li.current-menu-item ul li a:hover {

	color: #2e3191;

	background-color: #77CC6D;

}

.main-navigation ul li ul li ul {

	left: 200px;

	top: 0;

}

.main-navigation select {

	display: none;

}



/* =RESPONSIVE MENU

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

.menu-toggle {

	display: none;

	cursor: pointer;

}

.site-header .menu-toggle {

	background: #2e3191;

	color: #ffffff;

	font-size: 20px;

	font-weight: 300;

	padding: 5px 22px;

	margin: 0;

	text-align: center;

	font-family: 'Roboto';

}

.site-header .menu-toggle:before {

	content: "\f0c9";

	font-family: FontAwesome;

	font-style: normal;

	font-weight: normal;

	text-decoration: inherit;

	color: #FFFFFF;

	font-size: 21px;

	color: #77CC6D;

	padding-right: 10px;

}

.main-small-navigation {

	float: none;

	padding-top: 0;

	background-color: #FFFFFF;

}

.main-small-navigation ul {

  margin: 0;

  list-style: none;

}

.main-small-navigation a {

  display: block;

  color: #444444;

  padding: 10px 20px;

  text-decoration: none;

  border-bottom: 1px solid #F8F8F8;

}

.main-small-navigation li {

  background-color: #FFFFFF;

}

.main-small-navigation li:hover {

  background-color: #77CC6D;

  color: #FFFFFF;

}

.main-small-navigation ul ul a {

  padding-left: 60px;

}

.main-small-navigation ul ul ul a {

  padding-left: 80px;

}

.main-small-navigation ul > .current_page_item,

.main-small-navigation ul > .current-menu-item {

  background: #77CC6D;

  color: #FFFFFF;

}



/* =FOOTER MENU

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

.footer-menu {

	float: right;

}

.footer-menu li {

	float: left;

	position: relative;

}

.footer-menu li.default-menu,

li.default-menu {

	display: none;

}

.footer-menu a {

    display: block;
    float: left;
    height: 21px;
    padding: 5px 0 0 16px;
    font-size: 14px;
    font-weight: 400;
    color: #686d73;

}

.footer-menu a:hover,

.footer-menu ul li.current-menu-item a,

.footer-menu ul li.current_page_ancestor a,

.footer-menu ul li.current-menu-ancestor a,

.footer-menu ul li.current_page_item a,

.footer-menu ul li:hover > a {

	color: #77CC6D;

}



/* =FEATURED SLIDER

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

#featured-slider {

}

#featured-slider,

#featured-slider .slider-cycle {

	position: relative;

}

.slider-cycle {

}

#featured-slider .displayblock {

	display: block;

}

#featured-slider .displaynone {

	display: none;

}

#featured-slider .entry-container {

	right: 4%;

	margin: auto;

	position: absolute;

	bottom: 15%;

	z-index: 999;

	font-family: 'Roboto';

}



#featured-slider .entry-description-container {

}

#featured-slider img {

	margin-bottom: 0px;

}

#featured-slider .slider-title-head {

	left: 0;

	margin-bottom: 10px;

	text-align: right;

}

#featured-slider .entry-title {

	padding: 0;

}

.slider-title-head .entry-title a {

	color: #FFFFFF;

	text-decoration: none;

	background-color: #77CC6D;

	padding: 10px 15px;

	max-width: 400px;

	display: inline-block;

	font-size: 22px;

	font-weight: bold;

}

#featured-slider .entry-content {

	color: #FFFFFF;

	display: inline-block;

	max-width: 400px;

	text-align: right;

}

#featured-slider .entry-content p {

	margin: 0;

	padding: 10px 15px;

	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);

	font-size: 15px;

}



#featured-slider .entry-container-left {

	left: 4%;

	right: auto;

}

#featured-slider .entry-container-left .slider-title-head {

	text-align: left;

}

#featured-slider .entry-container-left .entry-content {

	text-align: left;

}

a.slide-prev,

a.slide-next {

   opacity: 0.7;

   filter:alpha(opacity=70);

   background-color: #77CC6D;

   padding: 12px 14px;

   visibility: hidden;

   position: absolute;

   top: 50%;

   -ms-transform: translateY(-50%); /* IE 9 */

   -webkit-transform: translateY(-50%);

   transform: translateY(-50%);

   z-index: 9;

}

.slide-prev i,

.slide-next i {

   color: #FFFFFF;

   font-size: 22px;

}

a.slide-next {

   padding-right: 8px;

   border-top-left-radius: 2px;

   border-bottom-left-radius: 2px;

   right: 0;

}

a.slide-prev {

   padding-left: 8px;

   border-top-right-radius: 2px;

   border-bottom-right-radius: 2px;

}

.slider-cycle:hover a.slide-prev,

.slider-cycle:hover a.slide-next {

   visibility: visible;

}

a.slide-prev:hover,

a.slide-next:hover {

   opacity: 1;

   filter:alpha(opacity=100);

}



/* =SLIDER CONTROLLERS

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

#controllers {

	text-align:center;

	line-height:0;

	position: absolute;

	width: 100%;

	bottom: 15px;

	z-index: 9;

}

#controllers a {

	width: 16px;

	height: 6px;

	margin: 0 4px;

	overflow:hidden;

	display:inline-block;

	background-color: #FFFFFF;

	color: #FFFFFF;

}

#controllers a:hover, #controllers a.active {

	background-color: #77CC6D;

	color: #77CC6D;

}



/* =PAGE HEADER TITLE

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

.page-header .page-title {

	border-bottom: 1px solid #F8F8F8;

	margin-bottom: 20px;

}



/* =CONTENT

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

.sticky {

}

#main {

	padding-top: 50px;

}



/* =POST FORMAT

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

/* POST FORMAT LINK */

.format-link .entry-content p {

	text-align: center;

	padding-top: 30px;

}

.format-link .entry-content a {

	text-decoration: underline;

	text-transform: uppercase;

	padding: 15px 40px;

	border-radius: 3px;

	background-color: #77CC6D;

   color: #FFFFFF;

   transition: background-color 0.3s linear 0s;

   display: inline-block;

}

.format-link .entry-content a:hover {

	background-color: #33363B;

}

/* POST FORMAT ASIDE */

.format-aside .entry-header { display: none; }

/* POST FORMAT STATUS */



/* POST FORMAT STANDARD */

.format-standard .entry-meta .post-format i { display: none; }

.format-standard .entry-meta .sep { margin-right: 0; }



/* STICKY POST */

.sticky .entry-meta .post-format i { display: block; }

.sticky .entry-meta .sep { margin-right: 60px; }



/* =2,3,4 COLUMNS

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

/* THREE COLUMN */

.tg-one-third {

	float: left;

	margin: 0 3.6364% 0 0;

	width: 30.909%;

	background-color: #ffffff;

	padding-top:0;

	box-shadow: 0 0 3px 1px rgb(0 0 0 / 15%);
    
    transition: all 0.3s;
    position: relative;

}

.tg-one-third:hover {
    box-shadow: none;
}

.tg-one-third-last {

	float: right;

	margin-right: 0;

}

/* FOUR COLUMN */

.tg-one-fourth {

	float: left;

	width: 31.152709%;

	margin: 0 2.46305419% 0 0;

}

.tg-one-fourth-last {

	margin: 0px;

}



/* TWO COLUMN */

.tg-one-half {

	float: left;

	width: 48.7684729%;

	margin: 0 2.46305419% 0 0;

	padding: 0px 0px 30px;

}

.tg-one-half-last {

	float: right;

	margin: 0px;

}



/* =RECENT WORK WIDGET

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

.widget_recent_work {

	margin-bottom: 60px;

}

.widget_recent_work .widget-title {

	color: #444444;

	font-size: 28px;

	padding-bottom: 5px;

	text-align: center;

}

.widget_recent_work p {

	margin-bottom: 30px;

	text-align: center;

}

.widget_recent_work img {

	margin-bottom: 0px;

}

.widget_recent_work .tg-one-fourth {

	position: relative;

	width: 25%;

	margin-right: 0;

}

.widget_recent_work .recent_work_title {

	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);

	bottom: 0;

	position: absolute;

	transition: all 0.6s ease-out 0s;

	width: 100%;

	z-index: 1000;

}

.widget_recent_work .recent_work_title .title_box {

	text-align: center;

}

.widget_recent_work .recent_work_title .title_box h5 {

	font-size: 16px;

	font-family: 'Roboto';

	padding: 8px;

}



/* =WIDGET FEATURED SINGLE POST

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

#secondary .widget_featured_single_post h3.widget-title a {

	color: #444444;

}

#secondary .widget_featured_single_post h3.widget-title a:hover {

	text-decoration: none;

	color: #77CC6D;

}

#secondary .widget_featured_single_post a.read-more:hover {

	text-decoration: none;

}



/* =WIDGET IMAGE SERVICE WIDGET

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

.widget_image_service_block {

	text-align: center;

	padding-bottom: 50px;

}

.widget_image_service_block:before {
    content: "";
    background: #068fe5;
    height: 490px;
	max-width: 100vw;
    margin-left: calc(-50vw + 50%);
    position: absolute;
    left: 0.6%;
    right: 0;
    width: 100%;
    margin-top: -20px;
/*    height: calc(100vh - 150px);*/
 }

.widget_image_service_block img {

	margin-bottom: 15px;

	width: 100%;

}

.widget_image_service_block .entry-title {

    font-size: 20px;
    line-height: 26px;
    padding-bottom: 10px;
    font-weight: 600;
    padding-left: 10px;
    padding-right: 10px;
}

.widget_image_service_block .entry-title a {

	color: #000000;

}

.widget_image_service_block .entry-title a:hover {

	color: #FFFFFF;

}

.widget_image_service_block p {

	font-size: 15px;
    color: #000000	;
    padding: 0 10px;
    margin-bottom: 10px;

}



/* =NAVIGATION

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

.default-wp-page .previous {

	float: left;

	margin-bottom: 30px;

}

.default-wp-page .next {

	float: right;

	margin-bottom: 30px;

}

.wp-pagenavi {

	text-align: center;

}



/* =PAGINATION

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

.pagination {

	margin: 15px 0;

}

.pagination span {

	padding: 2px 5px;

	border: 1px solid #EAEAEA;

	background-color: #77CC6D;

	color: #FFFFFF;

}

.pagination a span {

	background-color: #FFFFFF;

	color: #666666;

}

.pagination a span:hover {

	color: #77CC6D;

	border-color: #77CC6D;

	text-decoration: none;

}



/* =CALL TO ACTION WIDGET

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

.widget_call_to_action {

	text-align: left;

	margin-bottom: 60px;

}

.call-to-action-content-wrapper {

	text-align: center;

	border-radius: 5px;

	padding-bottom: 30px;

	padding-top: 30px;

}

.call-to-action-content h3 {

    font-size: 28px;
    padding-bottom: 8px;
    color: #000000;
    border-bottom: 5px solid #1165ca;
    font-weight: 600;

}

.call-to-action-content p {

	padding-top: 8px;

	font-weight: 600;

	color: #000000;

}

.widget_call_to_action .read-more {

	float: unset;

	font-size: 20px;

	padding: 15px 40px;

	background-color:#1165ca;

	font-weight: 500;

}



/* =MEDIA

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

.wp-caption {

	border: 1px solid #ccc;

	margin-bottom: 10px;

	max-width: 100%;

}

.wp-caption img[class*="wp-image-"] {

	display: block;

	margin: 1.2% auto 0;

	max-width: 98%;

}

.wp-caption-text {

	text-align: center;

}

.wp-caption .wp-caption-text {

	margin: 4px 0;

}

.gallery-caption {

}



/* =WORDPRESS GALLERY SUPPORT

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

.gallery {

	margin: 0 auto 2em;

}

.gallery .gallery-item {

	float: left;

	display: block;

	background: #fff;

	margin: 10px 1.5% 20px;

	text-align: center;

}

.gallery .gallery-item:hover { }

.gallery .gallery-icon {

	text-align: center;

	padding: 0;

	margin: 0;

	overflow: hidden;

	line-height: 0;

}

.gallery-columns-1 .gallery-item { float: none; text-align: center; width:100%; margin: 10px 0 20px; }

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

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

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

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

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

.gallery-columns-7 .gallery-item { width:12.25%; margin:10px 1% 10px; }

.gallery-columns-8 .gallery-item { width:10.5%; margin:10px 1% 10px; }

.gallery-columns-9 .gallery-item { width:9.11%; margin:10px 1% 10px; }

.gallery dl a {

	display: block;

}

.gallery dl a img {

	height: auto;

	margin: 0 auto;

}

.gallery .gallery-caption {

	font-size: 20px;

	line-height: 1.2;

	margin: 10px 0 0;

}

.gallery br+br { display:none; }



/* =COMMENTS

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

#comments {

	border-top: 1px solid #F8F8F8;

   padding-top: 15px;

}

#comments i {

	font-size: 16px;

	color: #AAAAAA;

	padding-right: 10px;

}

.comments-title {

	font-size: 22px;

	line-height: 28px;

}

.comment-content a {

	word-wrap: break-word;

}

.comment-navigation {

	margin-bottom: 15px;

}

.bypostauthor {

}

#comments h2.comments-title {

	margin-bottom: 10px;

}

.avatar {

	border-radius: 50%;

	float: left;

}

.comments-area article header {

	margin: 0 0 5px;

	overflow: hidden;

	position: relative;

}

.comments-area .comment-edit-link,

.comments-area .comment-permalink,

.comments-area .comment-date-time,

.comments-area .comment-author-link {

	display: block;

	margin-left: 100px;

	color: #999999;

}

#content .comments-area article header cite a:hover,

#content .comments-area a.comment-edit-link:hover,

#content .comments-area a.comment-permalink:hover {

	color: #77CC6D;

}

.comments-area .comment-author-link a {

	color: #999999;

}

.comments-area .comment-author-link a:hover {

	color: #77CC6D;

}

.comments-area .comment-author-link span {

	margin-left: 10px;

	padding: 0 5px;

	background-color: #77CC6D;

	color: #FFFFFF;

	border-radius: 3px;

}

.comments-area article header .comment-edit-link:before{

	content: "\f044";

	font-family: FontAwesome;

	font-style: normal;

	font-weight: normal;

	text-decoration: inherit;

	color: #AAAAAA;

	font-size: 16px;

	padding-right: 10px;

}

.comment-content {

	padding: 15px 15px 25px;

	background-color: #F8F8F8;

	border: 1px solid #EAEAEA;

	border-radius: 2px;

}

.comment {

	margin-bottom: 20px;

}

.comment ul, .comment ol {

   margin: 0 0 20px 20px;

}

.comment ul {

   list-style: square outside none;

}

.comment .comment-reply-link {

	float: right;

	color: #AAAAAA;

}

.comment .comment-reply-link:before {

	content: "\f112";

	font-family: FontAwesome;

	font-style: normal;

	font-weight: normal;

	text-decoration: inherit;

	color: #AAAAAA;

	font-size: 16px;

	padding-right: 10px;

}

.comment .comment-reply-link:hover {

	color: #77CC6D;

}

.comment-list {

	margin-bottom: 25px;

}

.comment-list .children {

   margin-left: 20px;

}

.comment-list, .comment-list .children {

	list-style-type: none;

	padding: 0;

}

.screen-reader-text { display: none; }

.nav-previous,

.nav-next {

   margin-bottom: 15px;

}

.nav-previous a,

.nav-next a {

   color: #77CC6D;

	cursor: pointer;

   font-size: 16px;

}

.nav-previous a { float: left; }

.nav-next a { float: right; }

.nav-previous a:hover,

.nav-next a:hover {

	text-decoration: underline;

}



/* =COMMENT FORM

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

#respond {

}

#respond h3#reply-title {

	font-size: 22px;

	line-height: 28px;

}

#respond h3#reply-title #cancel-comment-reply-link {

	margin-left: 10px;

	margin-left: 1rem;

	font-weight: normal;

	font-size: 16px;

	font-size: 1.6rem;

}

#respond form label {

	display: block;

	line-height: 1.5;

}

#respond form input[type="text"],

#respond form textarea {

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	font-size: 16px;

	line-height: 1.5;

	padding: 10px;

	width: 100%;

}

#respond form p.form-allowed-tags {

	font-size: 15px;

	line-height: 1;

	color: #5e5e5e;

	display: none;

}

.required {

	color: red;

}



/* =WIDGETS

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

#secondary .widget ul li, #colophon .widget ul li {

	line-height: 18px;

	padding: 3px 0;

}

#colophon .widget ul li {

	

}

#secondary .widget ul li li, #colophon .widget ul li li {

	border-bottom: none;

}

#secondary .widget ul ul, #colophon .widget ul ul {

	padding-left: 10px;

}

.widget select {

	border: 1px solid #DDDDDD;

	color: #666666;

	padding: 2px;

	width: 60%;

}

#secondary h3.widget-title {

	font-size: 22px;

	line-height: 32px;

	padding-bottom: 15px;

}

#secondary .widget, .error-404 .widget {

	margin-bottom: 35px;

	font-size: 16px;

}

#secondary a:hover {

	text-decoration: underline;

}

.error-404 {

	padding-bottom: 20px;

	text-align: center;

}

.error-404 input.s {

	width: 50%;

}



/* =CALENDAR WIDGET

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

#wp-calendar {

}

#wp-calendar th,

#wp-calendar td,

#wp-calendar caption {

	text-align: left;

	padding-bottom: 10px;

}

#wp-calendar #today {

	color: #77CC6D;

}

#wp-calendar caption {

	text-align: center;

}

#wp-calendar #next {

	padding-right: 35px;

	text-align: right;

}

.widget_calendar #wp-calendar th {

   font-weight: 600;

}

.widget-title span {

	border-bottom: 2px solid #2e3191;

	padding-bottom: 5px;

}

#colophon #wp-calendar th,

#colophon #wp-calendar td {

	border: 1px solid #444444;

	padding: 3px 2px 3px 8px;

}

.widget th, .widget td {

   padding: 1px 1px 1px 2px;

}



/* =WIDGETS ICON

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

#secondary h3 span:before, .footer-widgets-area h3 span:before {

	font-family: FontAwesome;

	font-style: normal;

	font-weight: normal;

	text-decoration: inherit;

	color: #77CC6D;

	font-size: 20px;

	padding-right: 15px;

}



#archives h3 span:before,

.widget_archive h3 span:before {

	content: "\f017";

}



.widget_calendar h3 span:before {

	content: "\f073";

	font-size: 16px;

}



.widget_categories h3 span:before {

	content: "\f07c";

}



#secondary .widget_pages h3 span:before,

.footer-widgets-area .widget_pages h3 span:before {

	content: "\f0f6";

	padding-right: 8px;

}



.widget_recent_comments h3 span:before {

	content: "\f0e6";

}

.widget_recent_comments #recentcomments li:before {

	content: "\f075";

	font-family: FontAwesome;

	font-style: normal;

	font-weight: normal;

	text-decoration: inherit;

	color: #EAEAEA;

	font-size: 16px;

	padding-right: 5px;

}



.widget_search h3 span:before {

	content: "\f002";

}



.widget_text h3 span:before {

	content: "\f0f6";

}



.widget_tag_cloud h3 span:before {

	content: "\f02c";

}



.accelerate_tagcloud_widget h3 span:before {

	content: "\f02c";

}

.accelerate_tagcloud_widget h3 span:before {

	content: "\f02c";

}

.accelerate_tagcloud_widget a:before {

	content: "\f02b";

	color: #D5D5D5;

	font-family: FontAwesome;

	font-style: normal;

	font-weight: normal;

	text-decoration: inherit;

	font-size: 12px;

	padding-right: 5px;

}

.accelerate_tagcloud_widget a {

	color: #666666;

	background-color: #F8F8F8;

	margin: 0 4px 6px 0;

   padding: 3px 6px;

	display: inline-block;

	border-radius: 3px;

}

.footer-widgets-area .accelerate_tagcloud_widget a {

	background-color: #D5D5D5;

	color: #666666;

}

.footer-widgets-area .accelerate_tagcloud_widget a:before {

	color: #FFFFFF;

}

#secondary .accelerate_tagcloud_widget a:hover,

.footer-widgets-area .accelerate_tagcloud_widget a:hover {

	text-decoration: none;

	color: #FFFFFF;

	background-color: #77CC6D;

}



#secondary .widget_nav_menu h3 span:before,

.footer-widgets-area .widget_nav_menu h3 span:before {

	content: "\f0c9";

	font-size: 21px;

}



.widget_recent_entries h3 span:before {

	content: "\f040";

}



/* =FOOTER WIDGET AREA

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

.footer-widgets-wrapper {

	background-color: #292929;

	border-top: 1px solid #F2F2F2;

}

.footer-widgets-area {

	padding-top: 30px;

	padding-bottom: 10px;

	color: #AAAAAA;

}

.footer-widgets-area .widget-title {

	text-align: left;

}

.footer-widgets-area h3.widget-title {

	color: #FFFFFF;

}

.footer-widgets-area p {

	text-align: left;

	color: #AAAAAA;

}

.footer-widgets-area a {

	color: #FFFFFF;

}

.footer-widgets-area a:hover {

	color: #77CC6D;

}

#colophon .widget {

	padding-bottom: 25px;

}

#colophon .widget-title {

	font-size: 22px;

	line-height: 32px;
	font-weight: 600;	

}

#colophon, #colophon p {

	font-size: 15px;

	line-height: 23px;

	color: #FFFFFF;

	font-weight: 300;

}



/* =FOOTER SOCKET AREA

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

.footer-socket-wrapper {
	border-top: 1px solid #ffffff !important; 
    padding: 10px 0;
	background-color: #292929;

/*	visibility:hidden;*/

}

.footer-socket-area {

	width: 100%;

}

.footer-socket-wrapper .copyright {

	color: #FFFFFF;

	max-width: 50%;

	float: left;

	font-size: 12px;

}

.footer-socket-wrapper .copyright a {

	color: #FFFFF;

	text-decoration: underline;

}

.footer-socket-wrapper .copyright a:hover {

	color: #1A1818;

	text-decoration: underline;

}

.footer-socket-wrapper .footer-menu {

	float: right;

}

.footer-socket-wrapper .footer-menu a {

	padding-top: 0;

}

.footer-socket-wrapper .footer-menu ul li ul {

	top: 21px;

}



/* =SCROLL UP

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

a#scroll-up {

	bottom: 20px;

	position: fixed;

	right: 20px;

	display: none;

	background-color: #1165ca !important;

	padding: 10px 16px;

	border-radius: 7px;

}

a#scroll-up:hover{
	background-color: #33363B !important;
}

a#scroll-up i {

	color: #FFFFFF;

}

a#scroll-up:hover {

	opacity: 1;

	filter:alpha(opacity=100); /* For IE8 and earlier */

}



/* =PRIMARY AND SECONDARY CONTENT AREA

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

#primary {

	float: left;

	width: 65.4546%;

}

#secondary {

	float: right;

	width: 30.909%;

}



/* =LEFT SIDEBAR CONTENT LAYOUT

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

.left-sidebar #primary {

	float: right;

}

.left-sidebar #secondary {

	float: left;

}



/* =NO SIDEBAR CONTENT LAYOUT

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

.no-sidebar #primary {

	float: none;

	margin: 0 auto;

}

.no-sidebar-full-width #primary {

	width: 100%;

}

.no-sidebar #secondary,

.no-sidebar-full-width #secondary {

	display: none;

}



/* =POST CONTENT

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

#content .post, #content .page {

	padding-bottom: 35px;

}

#content .post {

}

.single #content .post {

	padding-bottom: 25px;

}

h1.entry-title {
    text-align: center;
    position: relative;
}

h1.entry-title:before {
    content: "";
    height: 3px;
    max-width: 190px;
    background: #1165ca;
    display: block;
    margin: 0 auto;
    position: absolute;
    bottom: 13px;
    left: 0;
    right: 0;
}

.post .entry-title {

	font-size: 26px;

	line-height: 32px;

}

.post .entry-title a {

	color: #444444;

	transition: all 0.3s ease 0s

}

.post .entry-title a:hover {

	color: #77CC6D;

}

.post .entry-content {

	margin-bottom: 10px;

}

.entry-content ul {

	list-style: square;

}

.entry-content ul,

.entry-content ol {

	padding: 0 0 0 35px;

   margin-bottom: 30px;

}

.entry-content li > ul,

.entry-content li > ol {

	margin-bottom: 0;

}

.entry-content li {

	line-height: 1.3;

}

.post .entry-content a:hover {

	text-decoration: underline;

}

.blog-small .post .post-featured-image {

	float: left;

	width: 32%;

	text-align: left;

	padding-right: 4%;

}

.blog-alternate-small #primary article:nth-child(odd) figure {

	float: left;

	padding-right: 4%;

}

.blog-alternate-small #primary article:nth-child(even) figure {

	float: right;

	padding-left: 4%;

}



/* =POST META

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

.entry-meta {

	color: #AAAAAA;

	padding-bottom: 20px;

}

.entry-meta .byline i,

.entry-meta .cat-links i {

	padding-left: 5px;

	padding-right: 5px;

	font-size: 16px;

	color: #77CC6D;

}

.entry-meta .byline,

.entry-meta .cat-links {

}

.entry-meta .byline {

	margin-right: 25px;

}

.entry-meta a {

	color:#77CC6D;

}

.entry-meta a:hover {

	text-decoration: underline;

}

.entry-meta .sep {

	display:block;

	border-top:1px solid #F8F8F8;

	position:relative;

	margin:15px 60px 10px 0;

}

.entry-meta .post-format {

	padding: 5px;

	position: absolute;

	right: -64px;

	top: -32px;

}

.entry-meta .post-format i {

	background-color: #77CC6D;

	border-radius: 5px;

	color: #FFFFFF;

	display: block;

	height: 30px;

	line-height: 30px;

	text-align: center;

	width: 30px;

	-webkit-border-radius:5px;

	-moz-border-radius:5px;

	border-radius:5px;

	padding: 12px 8px 8px 8px;

	font-size: 20px;

}

.entry-meta .posted-on,

.entry-meta .comments-link,

.entry-meta .edit-link,

.entry-meta .tag-links {

	font-size:12px;

	line-height:20px;

	margin-right:25px;

}

.entry-meta .posted-on a,

.entry-meta .comments-link a,

.entry-meta .edit-link a,

.entry-meta .tag-links a {

	color: #AAAAAA;

}

.entry-meta .posted-on a:hover,

.entry-meta .comments-link a:hover,

.entry-meta .edit-link a:hover,

.entry-meta .tag-links a:hover {

	color:#77CC6D;

	text-decoration:none;

}

.entry-meta .posted-on i,

.entry-meta .comments-link i,

.entry-meta .edit-link i,

.entry-meta .tag-links i {

	font-size:14px;

	padding-right: 5px;

	padding-left: 5px;

	text-decoration:none

}

#menu-products-categories {
    background: #2e3191;
    padding: 21px 25px;
}

.read-more {

	font-size: 16px;

	margin-top: 10px;

	padding: 10px 20px;

	color: #FFFFFF;

	background-color: #77CC6D;

	transition: background-color 0.3s linear 0s;

	border-radius: 4px;

	cursor: pointer;

	display: inline-block;

	float: left;

}

a.read-more:hover {

	background-color: #33363B;

	border-color: #33363B;

}

.more-link {

	display: block;

	margin-top: 25px;

}

.more-link span {

	font-size: 16px;

	padding: 10px 20px;

	color: #FFFFFF;

	background-color: #77CC6D;

	transition: background-color 0.3s linear 0s;

	border-radius: 4px;

	cursor: pointer;

	display: inline-block;

}

.more-link  span:hover {

	background-color: #33363B;

	border-color: #33363B;

}

.entry-content a.read-more:hover {

	text-decoration: none;

}



/* =RESPONSIVE STRUCTURE

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

@media screen and (max-width: 1190px) {

	#page {

		width: 97%;

	}

	.wide #page {

		width: 100%;

	}

	.inner-wrap {

		width: 94%;

	}

}

@media screen and (max-width: 768px) {

	#header-text-nav-wrap {

		padding: 15px 0;

	}

	#header-left-section {

		float: none;

		max-width: 100%;

		margin-right: 0;

	}

	#header-logo-image {

		float: none;

		text-align: center;

		margin-bottom: 10px;

		padding-right: 0;

	}

	#header-text {

		float: none;

		text-align: center;

		padding: 0;

		margin-bottom: 10px;

	}

	#site-description {

		padding-bottom: 5px;

	}

	#header-right-section {

		float: none;

		max-width: 100%;

	}

	#header-right-section .widget {

		padding: 0 0 10px 0;

		float: none;

		text-align: center;

	}

	.widget_recent_work .tg-one-fourth {

		width: 50%;

		float: left;

	}

	.footer-socket-wrapper .copyright {

		float: none;

		max-width: 100%;

		text-align: center;

		margin-bottom: 5px;

	}

	.footer-socket-wrapper .footer-menu {

		float: none;

		text-align: center;

	}

	.footer-socket-wrapper .footer-menu li {

		float: none;

		display: inline;

	}

	.footer-socket-wrapper .footer-menu a {

		float: none;

		display: inline;

		padding: 5px 5px 0;

	}

}

@media screen and (max-width: 767px) {

	.menu-toggle,

	.main-navigation.toggled .nav-menu {

		display: block;

	}

	.main-navigation ul {

		display: none;

	}

	.main-navigation {

		float: none;

	}

	#featured-slider .entry-content {

		display: none;

	}

	.slider-nav {

		display: none;

	}

	#primary, #secondary {

		float: none;

		width: 100%;

	}

	.tg-one-half, .tg-one-third, .tg-one-fourth {

		float: none;

		width: 100%;

		margin: 0;

	}

	.widget_image_service_block .tg-one-third {

		padding-bottom: 20px;

	}

}

@media only screen and (max-width: 600px) {

   #featured-slider .slider-title-head .entry-title a {

   	font-size: 16px;

   	padding: 4px 12px;

   }

	.widget_recent_work .tg-one-fourth {

		width: 100%;

		text-align: center;

		position: relative;

	}

	.widget_recent_work .recent_work_title {

		right: 0;

	}

	.entry-meta .post-format {

		padding: 0;

		top: -18px;

	}

	.entry-meta .post-format i {

		font-size: 12px;

		padding: 2px 0 0;

	}

}

@media only screen and (max-width: 400px) {

	#featured-slider .slider-title-head .entry-title a {

		font-size: 12px;

		padding: 0 8px;

	}

}