/*
Theme Name: Psychologist
Theme URI: http://themeforest.net/user/rayoflightt
Author: Rayoflightthemes.com
Author URI: Rayoflightthemes.com
Description: Premium Wordpress Theme for psychological practice
Version:1.3.3
Tags: gray, white, blue, orange, light, right-sidebar, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-menu, featured-images, post-formats, sticky-post, threaded-comments, translation-ready
, page-builder
License:http://themeforest.net
License URI: http://themeforest.net/licenses
*/
/* -----------------------------------------------------------
CONTENT:
color variables
variables
html5 and responsive content
reset
wordpress core
menu+ general clases
header top
button
main columns
about - skills and counter
team
home blog
gallery 
services
inner page
blog pages
timeline events
contact
single pages
sidebar and widgets
blog pages and widgets
media queries for featured image
pagebuilder unyson
contact form plugin
events calendar plugin
appointment calendar plugin
------------------------------------------------------------*/

/*********** COLOR VARIABLES - CHANGE COLOR HERE ************/
/*********** @light-color: #ff6544; @dark-color: #252b3b; @base-color1: #f0f0f0;************/

@dark-color: #202020;
@light-color: #d2232a;
@base-color1: #322f31;
@base-color2: #555555;

/********* variables *********/
.transition {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.borderradius0 {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}
.circle {
  -webkit-border-radius: 500px;
     -moz-border-radius: 500px;
          border-radius: 500px;
}
	   
/********* variables end *********/


/********* html5 and responsive content *********/
header, 
nav, 
article, 
section, 
aside, 
footer {
  display: block;
} 
img {
  -ms-interpolation-mode: bicubic; 
  max-width: 100%; 
  width: auto;
}
/*** for wp post and pages responsive images important! ***/
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"],
#site-header img {	
height: auto;
}
embed, 
object, 
video {
  max-width: 100%; 
}
/*** for iframe responsive important! ***/
/* notice: always add div as wrapper for iframe contains iframe-container class !*/
.iframe-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 35px;
  height: 0;
  overflow: hidden;
  iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
	border: none;
  }
}
@media (max-width: 500px) {
.iframe-container iframe {
  width: auto;
  height: auto;
  max-width: 100%;
}
}
/********* html5 and responsive content end *********/


/********* reset *********/
a:link, 
a:visited { 
  outline: none;
  text-decoration: none;
  color: @dark-color;
  &:hover { 
    outline: none;
    text-decoration: none;
    color: @light-color;
  }
}
ul, 
ol { 
  margin: 0 0 11px 0;  
  padding: 0;
  line-height: 1.6; 
}
ul li, 
ol li { 
  margin: 0 0 11px 0; 
}
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
  margin-top: 0;
  color: @dark-color;
  font-family: "Raleway", arial, san-serif;
}
h1, 
h2 
{
  font-weight: 700;
  margin-bottom: 22px;
}
h3, 
h4,
h5,
h6 {
  font-weight: 700;
  margin-bottom: 10px;
}
h1, 
h2 {
  line-height: 1.2;
}
h3, 
h4, 
h5, 
h6 {
  line-height: 1.4;
}
h6 {
  font-size: 14px;
}
h5 {
  font-size: 18px;
}
h4 {
  font-size: 22px;
}
h3 {
  font-size: 27px;
}
h2 {
  font-size: 36px;
}
h1 {
  font-size: 44px;
}
@media (max-width: 450px) {
h2 {
  font-size: 30px;
}
h1 {
  font-size: 35px;
}
}
p {
  margin: 0 0 22px 0;
  color: @base-color2;
  font-size: 14px;
  font-family: "Raleway", arial, san-serif;
 /*     font-family: "Open Sans", arial, san-serif;  */
  font-weight: 400;
  line-height: 1.6;
}
blockquote {
  margin: 0 0 22px 0;
  padding: 22px;
}
blockquote p {
  margin: 0;
}
/**IMPORTANT CLASS FOR METABOXES!**/
.hide {
  display: none!important;
}
/***bootstrap fix important!***/
.col-five-columns{
  width: 20%;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
}
@media (max-width: 992px) {
.col-five-columns{
  width: 50%;
}
}
@media (max-width: 767px) {
.col-five-columns{
  width: 100%;
}
}
.row {
  margin-right: 0;
  margin-left: 0;
}
@media (max-width: 992px) {
.pull-right{
  float: none;
  width: 100%;
  padding: 0;
  margin: 0;
}
}
@media (max-width: 992px) {
.navbar-fixed-top{
  position: relative!important;
}
}
/***bootstrap fix important end ***/

/************ reset end ************/


/********* WordPress Core *********/
.postnavigation { 
  margin: 22px 0;
  a {
    font-size: 22px;
    letter-spacing: 2px;
  }
}
.gallery-caption,
.bypostauthor {
}
.alignnone {
  margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
  background: #fff;
  border: 1px solid @base-color1;
  max-width: 96%; /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}
.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}
.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}
.sticky h2 a:link, 
.sticky h2 a:visited {
  padding-left: 30px;
  color: @light-color;
  background: url(assets/images/sticky.png) left center no-repeat;
}
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/********** WordPress Core End **********/


/********* menu + general classes *********/
html,
body {
  height: 100%;
}
body { 
  height: 100%;
  line-height: 1.6;
  background: #fff;
  background-attachment: fixed;
  font-size: 14px;
  font-family: "Raleway", Arial, sans-serif;
  font-weight: 400;
  color: @base-color2;
}
::selection {
  color: #fff;
  background: @dark-color; 
}
::-moz-selection {
  color: #fff;
  background: @dark-color; 
}
/* important! */
.wrapper100percent {
  float: left;
  width: 100%;
}
.text-left{
  text-align: left;
}
.text-right{
  text-align: right;
}
.text-center{
  text-align: center;
}
/* revolution slider fix */
.rev_slider_wrapper {
  float: left;
}
/*** sections ***/
.sectionpadding {
  position: relative;
  float: left;
  margin-top: 1px;
  padding-bottom: 120px;
  width: 100%;
}
.section1c1 {
  background: #fff;
}
.section1c2 {
  background: @dark-color;
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  input,
  form,
  textarea,
  body,
  {
    color: #fff;
  }
  a {
    color: #fff;
	&:hover {
      color: @light-color;
    }
  }
}
.section1c3 {
  background: @light-color;
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  form,
  input,
  textarea,
  body,
  {
    color: #fff;
  }
  a {
    color: #fff;
	&:hover  {
      color: @dark-color;
    }
  }
}
.section1c4 {
  background: @base-color1;
}
/*** sections end ***/
.mainheadlinewrapper {
  margin-top: 0;
  margin-bottom: 66px; 
  float: left;
  text-align: center;
  width: 100%;
  .mainheadline {
    h2 {
      display: inline-block;
      font-weight: 900;
	    text-transform: uppercase;
      margin-bottom: 0;
      font-size: 36px;
      font-family: raleway;
	  span {
      color: @light-color;
    }
  }
  h4 {
      font-weight: 400;
      margin-bottom: 10px;
      font-size: 22px; 
   }
  }
@media (max-width: 450px) {
.mainheadlinewrapper {
  .mainheadline {
    h2 {
      font-size: 30px;
   }
   h4 {
      font-size: 18px;
     }
   }
 }
}
 .mainheadlinesmall {
    text-align: center;
	 h3 {
      font-weight: 700;
      margin-bottom: 0;
      font-size: 27px;
   }
}
}
.mainheadlinewrapperpage {
  margin-top: 0;
  margin-bottom: 66px;
  padding: 44px 0 40px 0;
  background: @base-color1;
  h1 {
   font-size: 35px;
   margin-bottom: 0;
 }
 p.widetext {
   letter-spacing: 2px;
   font-size: 18px;
  }
}
 @media (max-width: 450px) {
.mainheadlinewrapperpage {
  h1 {
   font-size: 30px;
 }
}
}

/** breadcrumbs **/
.breadcrumb {
  float: right;
  list-style: none;
  border-radius: 0;
  margin-bottom: 0;
  font-size: 14px;
  background: transparent;
  a {    
    font-size: 14px;
    text-decoration: underline;
    margin: 0;
    padding-right: 3px;
    line-height: 1;
  } 
  span {    
    padding-left: 1px;
  }
}
@media (max-width: 767px) {
.mainheadlinewrapperpage {
  text-align: center; 
}
.breadcrumb-wrapper {   
  padding-top: 0;
}
.breadcrumb {
  position: relative;
  float: none;
}
}
/** breadcrumbs end **/

.mainheadlinewrappersmall {
  margin-top: 0;
  margin-bottom: 44px; 
  float: left;
  width: 100%;
 .mainheadlinesmall {
    text-align: center;
	 h4 {
      font-weight: 400;
      margin-bottom: 0;
      font-size: 27px;
   }
}
}
@media (max-width: 767px) {
.mainheadlinewrapperpage {
  margin-top: 0;
  margin-bottom: 44px;

}
}
/******** menu ********/
/**no need for adminbar fix**/
@media (max-width: 992px){
.sticker{
  position: relative!important;
}
}
.headermore {
  width: 100%;
  float: left;
  text-align: center;
  text-transform: uppercase; 
  padding: 5px 0;
  background: @base-color1;
}

.headermore a{
  width: 100%;
}
.headermore  a:hover{
  width: 100%;
  color: @dark-color;
}
/**logo text**/
h2.site-title a {
  font-size:18px;
  margin:0;
  text-align:left;
  padding:0;
  border:none;
  color:#fff;
}
h2.site-title{
  font-size:18px;
  margin:0;
  text-align:left;
  padding:0;
  border:none;
  color:#fff;
}
h2.site-description{
  font-size:14px;
  font-weight: normal;
  margin:0;
  text-align:left;
  text-transform:none;
  color:#fff;
}
/**logo text end**/

/** toggle icon **/
/**   width: 60px; height: 45px; margin: 27px auto;**/
#toggle-icon {
  position: relative;
  width: 45px;
  height: 35px;
  margin: 20px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  .transition;
  cursor: pointer;
}
#toggle-icon span {
  position: absolute;
  display: block;
  height: 5px;
  width: 100%;
  background: @light-color;
  border-radius: 10px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  .transition;
}
#toggle-icon span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#toggle-icon span:nth-child(2) {
  top: 15px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#toggle-icon span:nth-child(3) {
  top: 30px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#toggle-icon.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -1px;
  left: 4px;
}
#toggle-icon.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
#toggle-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 30px;
  left: 4px;
}
/** toggle icon end **/

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 30000px;
}
@media (max-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 30000px;
  }
}
.navbarwrapper {
  position: relative;
  z-index: 1010;
  float: left;
  width: 100%;
  height: auto;
  background: @dark-color;
}
.navbar {
  float: left;
  width: 100%;
  min-height: 70px;
  padding-right: 0;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0;
}
.navbar li{
  list-style: none;
}
.navbar li a{
  word-wrap: break-word;
} 
.nav > li > a:link, 
.nav > li > a:visited {
  position: relative;
  display: inlne-block;
  margin-top: -1px;
  padding: 27px 15px 15px 15px;
  color: @base-color1;
  background: transparent;
  font-size: 13px; 
  font-family: raleway;
  font-weight: 700;
  text-transform: uppercase;
  .transition
}
.nav > li > a:hover,
.nav > li > a:active {
  color: @light-color;
}
.navbar-nav > .active > a:link,
.navbar-nav > .active > a:visited,
.navbar-nav > .active > a:hover,
.navbar-nav > .active > a:focus {
  display: inlne-block; 
  color: @light-color;
  .borderradius0;
}
/*** for dropdown hide ***/
.navbar-nav li ul {
  position: absolute;
  z-index: 100;
  left: -9999px;
}
.navbar-nav li:hover ul {
  left: 0;
}
.navbar-nav li:hover ul li ul {
  left: -9999px;
}
.navbar-nav li ul li ul {
  postion: absolute;
  left: -9999px;
}
.navbar-nav li ul li:hover ul  {
  left: 0;
}
/*** for dropdown hide end ***/
/*** second level ***/
.navbar-nav > li > ul  {
  padding: 0;
  margin: -2px 0 0 0;
  width: 100%;
}
.navbar-nav > li > ul > li {
  padding: 0;
  margin: 0;
  width: 100%;
}
.navbar-nav > li > ul > li > a:link, 
.navbar-nav > li > ul > li > a:visited {
  position: relative;
  display: block;
  padding: 7px 15px;
  min-width: 200px;
  margin: 0;
  background: #202020;
  font-weight: 700;
  color: #f0f0f0;
  font-size: 13px;
  .transition;
}
.navbar-nav > li > ul > li > a:hover {
  color: #d2232a;
}
.navbar-nav > li:hover ul { 
  left:0;
}
/*** second level end ***/
/*** third level ***/
.navbar-nav > li > ul > li > ul  {
  padding: 0;
  margin: -22px 0 0 200px;
  width: 100%;
}
.navbar-nav > li > ul > li > ul > li {
  padding: 0;
  margin: 0;
  width: 100%;
}
.navbar-nav > li > ul > li > ul > li > a:link, 
.navbar-nav > li > ul > li > ul > li > a:visited {
  position: relative;
  display: block;
  padding: 7px 12px;
  min-width: 200px;
  margin: 0;
  background: #202020;
  font-weight: 700;
  color: #f0f0f0;
  font-size: 13px;
  .transition;
}
.navbar-nav > li > ul > li > ul > li > a:hover {
  color: #d2232a;
}
@media (max-width: 992px) {
.navbar-nav > li > ul > li > ul > li > a:link, 
.navbar-nav > li > ul > li > ul > li > a:visited {
  display: block;
  width: 100%;
}
.navbar-nav > li > ul > li > ul  {
  display: block;
  margin: 0;
  width: 100%;
}
}
.navbar-nav > li:hover ul { 
  left:0;
}
/*** third level end ***/
/** fix for navigation breakpoing **/
@media (max-width: 992px) {
  .nav  {
    width: 100%;
    float: left;
  }
  .nav > li {
    border-top: none!important;
  }
  .navbar-header {
    float: none;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse.collapse {
    display: none!important;
  }
  .navbar-nav {
    float: none!important;
  }
  .navbar-nav > li {
    float: none;
  }
  .navbar-text {
    float: none;
    margin: 15px 0;
  }
  .navbar-collapse.collapse.in {
    display: block!important;
  }
  .collapsing {
    overflow: hidden!important;
  }
}
/** fix for navigation breakpoing end **/
@media (max-width: 1200px) {
.nav > li > a:link, 
.nav > li > a:visited {
  padding: 27px 12px 14px 12px;
}
}
@media (max-width: 1000px) {
.nav > li > a:link, 
.nav > li > a:visited {
  padding: 27px 4px 14px 4px;
  font-size: 13px;
  }
}
@media (max-width: 992px) {
.navbar-nav > li > a {
  margin: 0!important;
}
.navbar-nav > li > a {                                           
  margin-left: 0;
}
.navbar-nav > li > a {
  margin-right: 0;
  color: #fff;
  padding: 20px 0 12px 0!important;
}
.navbar {
  height: auto;
}
.nav {
  margin-top: 20px;
}
.nav li {
  width: 100%;
  text-align: center;
}
.nav li a {
  font-size: 17px!important;
}
.navbar-nav > li > ul > li > a:link, 
.navbar-nav > li > ul > li > a:visited {
  width: 100%;
  text-align: center;
  display: block;
  font-size: 14px!important;
  padding: 7px 0;
  line-height: 1.6!important;
}
.navbar-nav > li > ul > li > ul > li > a:link, 
.navbar-nav > li > ul > li > ul > li > a:visited {
  font-size: 12px!important;
  font-weight: normal!important;
}
.navbar-nav li ul {
  position: relative;
  z-index: 100;
  left: 0;
}
.navbar-nav li:hover ul {
  left: 0;
}
.navbar-nav li:hover ul li ul {
  left: 0;
}
.navbar-nav li ul li ul  {
  postion: relative;
  left: 0;
}
.navbar-nav li ul li:hover ul  {
  left: 0;
}
.navbarwrapper {
  position: relative;
  z-index: 900;
}
}
/*** menu end ***/
/********* menu + general classes end **********/  


/************* header top ******************/
.headerwrapper {
  height:auto;
  background: #fff;
}
@media (max-width: 767px) {
.headerwrapper {
  height: auto;
  text-align: center;
}
}
/*** searchform in header ***/
.headersearchform {
  width: 100%;
  input {
    position: relative;
    z-index: 999;
    width: 100%;
	margin: 7px 0;
    padding: 1px 10px;
    float: left;
    border: none;
	font-size: 12px;
	border: 1px solid @dark-color;
	.transition;
  &:hover {
	border: 1px solid @light-color;
  }
   &:focus {
	border: 1px solid @light-color;
  }
}
  #searchform span{
  display: none;
  visibility: hidden; 
}
}
@media (max-width: 767px) {
.headersearchform  input {
  margin-bottom: 11px;
}
}
/*** searchform in header end ***/
/* for social icons in header */
.headerwrapper .socialicons i {
  color: @base-color2; 
  .transition;
}
.headerwrapper ul {
  display: inline-block;
  margin: 6px 0;
  width: 100%;
  float: left;
}
.headerwrapper ul.socialicons li {
  margin: 0 2px;
}
.headerwrapper .socialicons i {
  padding-top: 0;
  font-size: 12px;
    color: @base-color2;
}
.headerwrapper ul.socialicons li a:link, 
.headerwrapper ul.socialicons li a:visited  {
  padding-top: 0;
  width: 25px;
  height: 25px;
  border: 1px solid @base-color2;
}
/* for social icons in header end */
/************* header top end ******************/


/********* button **********/  
.button1 {
  a {
    &:link,
	&:visited {	
	  display: inline-block;
	  text-wrap: none;
	  padding-top: 40px;
      font-size: 14px;
	  letter-spacing: 3px;
	  text-transform:uppercase;
	  padding: 15px 36px;
	  text-align: center;
	  font-weight: 600;
	  border: 2px solid @dark-color;
	  color: @dark-color;
    }
	&:hover{
	  color: @light-color;
	  .transition;
    }
  }
}
.button1small a {
    &:link,
	&:visited {	
	  display: inline-block;
	  text-wrap: none;
	  padding-top: 40px;
      font-size: 12px;
	  letter-spacing: 2px;
	  text-transform:uppercase;
	  padding: 8px 18px;
	  text-align: center;
	  font-weight: 600;
	  border: 2px solid @dark-color;
	  color: @dark-color;
    }
	&:hover{
	  color: @light-color;
	  .transition;
    }
}
.button1big {
  a {
    &:link,
	&:visited {	
	  display: inline-block;
	  text-wrap: none;
	  padding-top: 40px;
      font-size: 18px;
	  letter-spacing: 3px;
	  text-transform:uppercase;
	  padding: 20px 45px;
	  text-align: center;
	  font-weight: 600;
	  border: 2px solid @dark-color;
	  color: @dark-color;
    }
	&:hover{
	  color: @light-color;
	  .transition;
    }
  }
}
.section1c2 {
.button1 {
  a {
    &:link,
	&:visited {	
	  display: inline-block;
	  text-wrap: none;
	  padding-top: 40px;
      font-size: 14px;
	  letter-spacing: 3px;
	  text-transform:uppercase;
	  padding: 15px 36px;
	  text-align: center;
	  font-weight: 600;
	  border: 2px solid #fff;
	  color: #fff;
    }
	&:hover{
	  color: @light-color;
	  .transition;
    }
  }
}
.button1small a {
    &:link,
	&:visited {	
	  display: inline-block;
	  text-wrap: none;
	  padding-top: 40px;
      font-size: 12px;
	  letter-spacing: 2px;
	  text-transform:uppercase;
	  padding: 8px 18px;
	  text-align: center;
	  font-weight: 600;
	  border: 2px solid #fff;
	  color: #fff;
    }
	&:hover{
	  color: @light-color;
	  .transition;
    }
}
.button1big {
  a {
    &:link,
	&:visited {	
	  display: inline-block;
	  text-wrap: none;
	  padding-top: 40px;
      font-size: 18px;
	  letter-spacing: 3px;
	  text-transform:uppercase;
	  padding: 20px 45px;
	  text-align: center;
	  font-weight: 600;
	  border: 2px solid #fff;
	  color: #fff;
    }
	&:hover{
	  color: @light-color;
	  .transition;
    }
  }
}
}
.section1c3 {
.button1 {
  a {
    &:link,
	&:visited {	
	  display: inline-block;
	  text-wrap: none;
	  padding-top: 40px;
      font-size: 14px;
	  letter-spacing: 3px;
	  text-transform:uppercase;
	  padding: 15px 36px;
	  text-align: center;
	  font-weight: 600;
	  border: 2px solid #fff;
	  color: #fff;
    }
	&:hover{
	  color: @dark-color;
	  .transition;
    }
  }
}
.button1small a {
    &:link,
	&:visited {	
	  display: inline-block;
	  text-wrap: none;
	  padding-top: 40px;
      font-size: 12px;
	  letter-spacing: 2px;
	  text-transform:uppercase;
	  padding: 8px 18px;
	  text-align: center;
	  font-weight: 600;
	  border: 2px solid #fff;
	  color: #fff;
    }
	&:hover{
	  color: @dark-color;
	  .transition;
    }
}
.button1big {
  a {
    &:link,
	&:visited {	
	  display: inline-block;
	  text-wrap: none;
	  padding-top: 40px;
      font-size: 18px;
	  letter-spacing: 3px;
	  text-transform:uppercase;
	  padding: 20px 45px;
	  text-align: center;
	  font-weight: 600;
	  border: 2px solid #fff;
	  color: #fff;
    }
	&:hover{
	  color: @dark-color;
	  .transition;
    }
  }
}
}
.sectioncta {
  position: relative;
  z-index: 100;
  width: 100%;
  float: left;
  background: @light-color;
  .button1big a {
  display: block;
  width: 100%;
    &:link,
	&:visited {	
	padding: 30px 0;
	  text-wrap: none;
      font-size: 35px;
	  letter-spacing: 3px;
	  text-transform:uppercase;
	  text-align: center;
	  font-weight: 400;
	  border: none;
	  color: #fff;
    }
	&:hover{
	  background: @base-color1;
	  border: none;
	  color: @light-color;
	  .transition;
    }
 }
}
@media (max-width: 450px) {
.sectioncta {
  .button1big a {
    &:link,
	&:visited {	
      font-size: 24px;
    }
 }
}
}

/********* button end **********/  


/********* main columns **********/  
.column1 {
  width: 100%;
 }
.column2 {
  width: 50%;
 }
.column3 {
  width: 33.33%;
}
.column4 {
  width: 25%;
}
.column5 {
  width: 20%;
}
.columnswrapper {
  width: 100%;
  float: left;
  display: -webkit-flex;
  display: flex; 
}
@media (max-width: 767px) {
.columnswrapper {
  display: inline-block; 
}
.column2 {
  width: 100%;
}
.column3 {
  width: 100%;
}
.column4 {
  width: 100%;
}
.column5 {
  width: 100%;
  }
} 
  .onecolumn {
    text-align: center;
	  float: left;
    padding: 88px 0;
    .transition;
	  i {
      color: #fff;
	    font-size: 88px;
	    margin-bottom: 20px;
    }
	  h3 {
	    font-size: 27px;
      color: #fff;
	    text-transform: uppercase;
    }
	  p {
      color: #fff;
	    margin-left: 60px;
	    margin-right: 60px;
    }
    a i {
      display: inline-block;
      font-size: 44px;
      font-weight: bold;
      .transition;
      &:hover {
        width: 44px;
        height: 44px;
        margin-left: 10px;
        margin-right: -10px;
      }
    }
    &:hover {
      padding-top: 78px;
      padding-bottom: 98px;
    }
  }
  .onecolumn1 {
      background: @dark-color;
   }
   .onecolumn2 {
      background: #fff;
	  i {
        color: @light-color;
      }
	  h3 {
        color: @dark-color;
      }
	  p {
      color: @base-color2;
     }
   }
   .onecolumn3 {
      background: @light-color;
   }
   .onecolumn4 {
      background: @base-color1;
   i {
        color: @light-color;
    }
	h3 {
      color: @dark-color;
    }
	p {
      color: @base-color2;
   }
  }
@media (max-width: 767px) {
.maincolumns .onecolumn {
  width: 100%;
}
}
/********* maincolumns end **********/  

/********* about - skills and counter **********/ 
.aboutimage img {
  margin: 0 auto -20px auto;
  float: none;
}
@media (max-width: 992px) {
.aboutimage .aq_span6  {
  width: 100%;
}
}
/*** skills ***/
.skillonewrapper  { 
    width: 100%;
	float: left;
    margin-bottom: 22px;
    p { 
      margin-bottom: 5px;
      color: @dark-color;
      font-size: 14px;
      font-weight: 400;
	  letter-spacing: 2px;
    }
    .skillone { 	
      width: 100%;
      height: 20px;
      background: @dark-color;
      margin-bottom: 22px; 
	  .skilloneinner.skill90 { 
        width: 90%;
		height: 20px;
		background: @light-color;
      }
      .skilloneinner.skill80 { 
        width: 80%;
		height: 20px;
		background: @light-color;
      }
      .skilloneinner.skill70 { 
        width: 70%;
		height: 20px;
		background: @light-color;
      }
	  .skilloneinner.skill60 { 
        width: 60%;
		height: 20px;
		background: @light-color;
      }
	  .skilloneinner.skill50 { 
        width: 50%;
		height: 20px;
		background: @light-color;
      }
	  .skilloneinner.skill40 { 
        width: 40%;
		height: 20px;
		background: @light-color;
      }
	  .skilloneinner.skill30 { 
        width: 30%;
		height: 20px;
		background: @light-color;
      }
	  .skilloneinner.skill20 { 
        width: 20%;
		height: 20px;
		background: @light-color;
      }
	  .skilloneinner.skill10 { 
        width: 10%;
		height: 20px;
		background: @light-color;
      }
    }
  }

/*** skills end ***/
/*** counter ***/
.timerwrapper1 { 
  width: 100%;
}
.timerwrapper2 { 
  width: 49%;
  margin-right: 1%;
}
.timerwrapper3 { 
  width: 32%;
  margin-right: 1%; 
}
.timerwrapper4 { 
  width: 24%;
  margin-right: 1%;   
}
.timerwrapper { 
  text-align: center; 
  float: left;
  .onecounter { 
    padding: 10px 20px;
	margin-bottom: 3px;
    border: 1px solid @dark-color;
	.transition;
	&:hover { 
    border: 1px solid @light-color;
  }
  }
 p { 
    font-size:27px;
    color: @light-color;
    font-weight:700;
  }
  h6 { 
    font-size:14px;
    color: @dark-color;
    font-weight: 400;
	letter-spacing: 2px;
  }
}
/*** counter end ***/
/********* about - skills and counter end **********/  

/********* team *********/ 
.teamcolumn { 
  height: 100%;
  .teamcolumninner {
    margin-bottom: 30px; 
    text-align: center;
    img{
      display: block;
      max-width: 600px; /* should be the same or smaller as two_rows_img in functions.php, currently it is 600px */
      width: 100%;
      margin: 0 auto;
    }
    h4 { 
      margin-bottom: 10px;
    }
    p { 
      color: @base-color2;
	    letter-spacing: 2px;
    }
    .maskinner { 
      margin: 0;
	    width: 100%;
	    float: left;
	  ul {
	    position: absolute;
	    top: 50%;
	    margin-top: -25px;
	    width: 100%;
	    float: left;
  	  li { 
        display: inline-block;
		    margin: 0;
      }
	  }
	a { 
    display: inline-block;
	  width: 35px;
	  height: 35px;
    color: @base-color2;
	  margin: 2px;
	  padding-top: 5px;
    border: 1px solid @base-color2;
	  i { 
        font-size: 15px;
      }
	  &:hover i { 
        color: @light-color;
      }
    }
	li.teamlinkwrapper { 
	  display: block;
	  width: 100%;
	}
	a.teamlink { 
	  display: block;
	  width: 100%;
	  text-align: center;
	  border: none;
	  margin: 11px 0;
	  font-size: 14px;
	  font-weight: 600;
	  text-transform: uppercase;
	  width: 100%;
    color: @base-color2;
	  letter-spacing: 2px;
	  &:hover { 
        color: @light-color;
      }
	  &:hover i { 
       color: @light-color;
    }
   }
  }
  .view {
   float: left;		
   height:auto;
   width: 100%;
   margin-bottom: 21px;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
  }
  .view .maskhover, 
  .view .content {
     position: absolute;
     overflow: hidden;
     top: 0;
     left: 0;
  }
  .view .maskhover { 
    width: 100%;
    height: 100%;
    float: left;
    text-align: center;
  }
  .view img {
    display: block;
    position: relative;
  }
  .view-first img {
   .transition;
  }
  .view-first .maskhover {
     -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
     filter: alpha(opacity=0);
     opacity: 0;
     background-color: rgba(255,255,255, 0.9);
     .transition;
  }
  .view-first:hover .maskhover {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
  }
  }
  }
  @media (max-width: 992px) {
    .maskinner { 
      margin: 30% 0;
    }
    .teamcolumn { 
      width: 100%;
      float: left;
      .masonryselector2 {
        width: 100%;
        float: left;
        img {
          display: block;
          max-width: 400px; /* should be the same or smaller as two_rows_img in functions.php, currently it is 600px */
          width: 100%;
          margin: 0 auto;
        }
      }
    }
}
/********* team end *********/


/********* home blog *********/
.homeblog {
  position: relative;
  z-index: 5;
  height: 100%;
  .homebloginner {
    margin-bottom: 30px;
    img{
      display: block;
      max-width: 600px; /* should be the same as two_rows_img in functions.php, currently it is 600px */
      width: 100%;
      margin: 0 auto;
    }
    .homeblogtext{
      padding: 60px;
      text-align: center;
	    p{
        margin-bottom: 10px;
      }
    }
  }
  .meta  {  
    text-align: center;
    ul{
      width: 100%;
      float: left;
      margin: 0 0 5px 0;
      padding: 0;
      list-style: none;
	  background: transparent!important;
	  li{
        display:inline-block;
        float:left;
        width: 100%;
        padding: 5px 0;
        margin-bottom: 0;
        background: transparent;
        color: @dark-color;
		border: none;
		font-weight: 400;
	    letter-spacing: 2px;
  	    a{
          color: @dark-color;
          font-weight: normal;
	        letter-spacing: 2px;
		  .transition;
		  &:hover{
          color: @light-color;
          }
        }
      }
  	  li.metatime{
        display: inline-block;
        float: left;
        font-weight: 400;
        background: transparent;
        border-right: none;
      }   
    }
  }
}
@media (max-width: 767px) {
.homeblog {
  .homebloginner {
    .homeblogtext{
      padding: 40px 20px;
    }
  }
}
}
.section1c1 .homeblogtext{
  background: @base-color1;
}
.section1c2 .homeblogtext{
  background: @light-color;
  .meta ul li a{
    color: @dark-color;
  }
   a{
      color: #fff!important;
	  &:hover{
      color: @dark-color!important;
    }
 }	
}
.section1c3 .homeblogtext{
  background: @dark-color;
  a{
    color: #fff!important;
	&:hover{
    color: #fff!important;
    }
   }
  .meta ul li {
    color: #fff;	
 }	
}
.section1c4 .homeblogtext{
  background: #fff;
}
/********* home blog end *********/

/**** gallery ****/
#masonrycontainer {
  padding: 0;
  margin-bottom: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
  float: left;
  overflow: hidden; 
  .view {
    float: left;		
    height:auto;
    width: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
  }
  .view .maskhover, 
  .view .content {
    position: absolute;
	z-index:900;
    overflow: hidden;
    top: 0;
    left: 0;
  }
  .view .maskhover {
    width: 100%;
    height: 100%;
    float: left;
    text-align: center;
  }
  .view .maskinner {
    position: absolute;
    top: 50%;
    margin-top: -44px;
   width: 100%;
   height: 100%;
   float: left;
   text-align: center;
  }
  .view img {
    display: block;
    position: relative;
  }
  .view-first img {
    .transition;
  }
  .view-first .maskhover {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    background-color: rgba(255,255,255, 0.9);
    .transition;
  }
  .view-first:hover .maskhover {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
  }
}
.element {
  width: 25%;
  margin: 0;
  float: left;
  overflow: hidden;
  position: relative; 
}
@media (max-width: 1000px) {
.element {
  width: 33.33%;
}
} 
@media (max-width: 767px) {
.element {
  width: 50%;
}
} 
@media (max-width: 450px) {
.element {
  width: 100%;
}
} 
.maskinner h4 {
  margin-bottom: 5px;
  color: @light-color;
}
.maskinner a{
  color: @dark-color;
  font-size: 14px;
  margin: 0 3px 5px 3px;
}
/********** gallery end ***********/

/********** services ***********/
.services{
  text-align: center;
  margin-bottom: 20px;
  i {
    color: @dark-color;
	font-size: 44px;
	margin-bottom: 10px;
  }

    &:hover i{
	  color: @light-color;
	}
  }

/********** services end ***********/


/********* inner page *********/
@media (min-width: 767px) {
.leftsidebar {
  float: right;
}
.innerpagecontent {
  float: right;
}
}
.widget {
  margin:0 auto 44px auto;
}
/********** inner page end ***********/


/********* blog pages *********/
.masonrycontainer2 {
  height: 100%;
  img {
    margin-bottom: 10px;
  }
  .masonrys {
    margin: 0 0 44px 0;
  }
}
  p {
   display: block;
   padding-bottom: 10px;
   margin: 0;
  }
.blogmeta {
  float: left;
  width: 100%;
  p {
   padding-bottom: 10px;
   margin: 0;
   letter-spacing: 2px;
  }
  a {
    color: @dark-color;
	text-decoration: none;
    &:hover {
    color: @light-color;
    }
  }
}
.pagination {
  margin-bottom: 66px;
  float: right;
}
.pagination a:link, 
.pagination a:visited {
  display: inline-block;
  width: 33px;
  height: 33px;
  padding-top: 5px;
  margin-left: 5px;
  color: @dark-color; 
  text-align: center;
  border: 1px solid @base-color2; 
}
.pagination a:hover {
  color: @light-color; 
}
.pagination .current{
  display: inline-block;
  width: 33px;
  height: 33px;
  padding-top: 5px;
  margin-left: 5px;
  color: #fff;
  text-align: center;
  border: 1px solid @base-color2;
  background: @dark-color;
}
.blogpost {
  img {
    margin-bottom: 20px;
  }
}
.commentwrapper {
  margin: 12px 0;
  width: 100%;
  float: left;
   a {
      color: @dark-color;
	  letter-spacing: 2px;
   &:hover {
      color: @light-color;
  }
  }
}
/********* blog pages end *********/



/********* timeline events *********/
.timeline-panel .tribe-events-event-body {
  display: none;
}
/*dark color background */
.section1c2 .timeline {
  margin: 0 auto;
  overflow: hidden;
  height: auto;
  position: relative;
  padding: 0;
  list-style-type: none;
  color: #fff;
}
.section1c2 .timeline .timeline-left {
  float: left;
}
@media all and (min-width: 767px) {
  .section1c2 .timeline .timeline-left:after {
    display: block;
    content: ' ';
    height: 11px;
    width: 11px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    position: absolute;
    right: -4.6%;
    top: 15px;
    background: #fff;
  }
}
.section1c2 .timeline .timeline-right {
  float: right;
}
@media all and (min-width: 767px) {
  .section1c2 .timeline .timeline-right:after {
    display: block;
    content: ' ';
    height: 11px;
    width: 11px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    position: absolute;
    left: -4.6%;
    top: 15px;
    background: #fff;
  }
}
.section1c2 .timeline .event {
  display: block;
  z-index: 15;
  position: relative;
  text-align: center;
  width: 45%;
  margin-right: 2.5%;
  margin-left: 2.5%;
  text-decoration: none;
}
@media all and (max-width: 767px) {
  .section1c2 .timeline .event {
    width: 100%;
    margin: 22px auto;
  }
}
.section1c2 .timeline li {
  margin-bottom: 0;
  position: relative;
}
.section1c2 .timeline li .timeline-panel {
  position: relative;
  width: 100%;
  float: left;
  border: 1px solid #fff;
  padding: 20px;
}
.section1c2 .timeline li .timeline-panel:hover {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border: 1px solid #d2232a;
}
@media (max-width: 767px) {
  .section1c2 .timeline li .timeline-panel {
    width: 98%;
    width: calc(95%);
    width: -moz-calc(95%);
    width: -webkit-calc(95%);
  }
}
.section1c2 .timeline .t-heading h4 {
  color: #202020;
  font-size: 27px;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 10px;
  /*csaba color: #d2232a; */
  /* text-transform: uppercase; */
  color: #f0f0f0;
}
.section1c2 .timeline .t-heading i {
  font-size: 14px;
  margin-right: 5px;
  color: #d2232a;
}
.section1c2 .timeline .t-heading p {
  color: #fff;
}
.section1c2 .timeline .t-body p {
  font-size: 16px;
  color: #fff;
}
.section1c2 .timeline .t-body a {
  font-weight: 600;
  /* text-transform: uppercase; */
  color: #d2232a;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 16px;
}
.section1c2 .timeline .t-body a:hover {
  color: #fff;
}
.section1c2 .timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 1px;
  left: 50%;
  background: #fff;
}
.section1c2 .timeline li:before,
.section1c2 .timeline li:after {
  content: " ";
  display: table;
}
.section1c2 .timeline li:after {
  clear: both;
}
.section1c2 .timeline li.timeline-inverted .timeline-panel {
  float: right;
}
@media (max-width: 767px) {
  .section1c2 ul.timeline:before {
    left: 0;
  }
  .section1c2 ul.timeline > li > .timeline-panel {
    float: right;
  }
}
/* light color background */
.section1c3 .timeline {
  margin: 0 auto;
  overflow: hidden;
  height: auto;
  position: relative;
  padding: 0;
  list-style-type: none;
}
.section1c3 .timeline .timeline-left {
  float: left;
}
@media all and (min-width: 767px) {
  .section1c3 .timeline .timeline-left:after {
    display: block;
    content: ' ';
    height: 11px;
    width: 11px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    position: absolute;
    right: -4.6%;
    top: 15px;
    background: #fff;
  }
}
.section1c3 .timeline .timeline-right {
  float: right;
}
@media all and (min-width: 767px) {
  .section1c3 .timeline .timeline-right:after {
    display: block;
    content: ' ';
    height: 11px;
    width: 11px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    position: absolute;
    left: -4.6%;
    top: 15px;
    background: #fff;
  }
}
.section1c3 .timeline .event {
  display: block;
  z-index: 15;
  position: relative;
  text-align: center;
  width: 45%;
  margin-right: 2.5%;
  margin-left: 2.5%;
  text-decoration: none;
}
@media all and (max-width: 767px) {
  .section1c3 .timeline .event {
    width: 100%;
    margin: 22px auto;
  }
}
.section1c3 .timeline li {
  margin-bottom: 0;
  position: relative;
}
.section1c3 .timeline li .timeline-panel {
  position: relative;
  width: 100%;
  float: left;
  border: 1px solid #fff;
  padding: 20px;
}
.section1c3 .timeline li .timeline-panel:hover {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border: 1px solid #202020;
}
@media (max-width: 767px) {
  .section1c3 .timeline li .timeline-panel {
    width: 98%;
    width: calc(95%);
    width: -moz-calc(95%);
    width: -webkit-calc(95%);
  }
}
.section1c3 .timeline .t-heading h4 {
  color: #202020;
  font-size: 27px;
  letter-spacing: 2px;
  font-weight: 400;
  margin-bottom: 10px;
}
.section1c3 .timeline .t-heading i {
  font-size: 14px;
  margin-right: 5px;
  color: #202020;
}
.section1c3 .timeline .t-heading p {
  color: #fff;
}
.section1c3 .timeline .t-body p {
  font-size: 14px;
  color: #fff;
}
.section1c3 .timeline .t-body a {
  font-weight: 600;
  text-transform: uppercase;
  color: #202020;
  letter-spacing: 2px;
  font-weight: 400;
}
.section1c3 .timeline .t-body a:hover {
  color: #fff;
}
.section1c3 .timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 1px;
  left: 50%;
  background: #fff;
}
.section1c3 .timeline li:before,
.section1c3 .timeline li:after {
  content: " ";
  display: table;
}
.section1c3 .timeline li:after {
  clear: both;
}
.section1c3 .timeline li.timeline-inverted .timeline-panel {
  float: right;
}
@media (max-width: 767px) {
  .section1c3 ul.timeline:before {
    left: 0;
  }
  .section1c3 ul.timeline > li > .timeline-panel {
    float: right;
  }
}
/* white and base color background */
.section1c1 .timeline,
.section1c4 .timeline {
  margin: 0 auto;
  overflow: hidden;
  height: auto;
  position: relative;
  padding: 0;
  list-style-type: none;
}
.section1c1 .timeline .timeline-left,
.section1c4 .timeline .timeline-left {
  float: left;
}
@media all and (min-width: 767px) {
  .section1c1 .timeline .timeline-left:after,
  .section1c4 .timeline .timeline-left:after {
    display: block;
    content: ' ';
    height: 11px;
    width: 11px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    position: absolute;
    right: -4.6%;
    top: 15px;
    background: #202020;
  }
}
.section1c1 .timeline .timeline-right,
.section1c4 .timeline .timeline-right {
  float: right;
}
@media all and (min-width: 767px) {
  .section1c1 .timeline .timeline-right:after,
  .section1c4 .timeline .timeline-right:after {
    display: block;
    content: ' ';
    height: 11px;
    width: 11px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    position: absolute;
    left: -4.6%;
    top: 15px;
    background: #202020;
  }
}
.section1c1 .timeline .event,
.section1c4 .timeline .event {
  display: block;
  z-index: 15;
  position: relative;
  text-align: center;
  width: 45%;
  margin-right: 2.5%;
  margin-left: 2.5%;
  text-decoration: none;
}
@media all and (max-width: 767px) {
  .section1c1 .timeline .event,
  .section1c4 .timeline .event {
    width: 100%;
    margin: 22px auto;
  }
}
.section1c1 .timeline li,
.section1c4 .timeline li {
  margin-bottom: 0;
  position: relative;
}
.section1c1 .timeline li .timeline-panel,
.section1c4 .timeline li .timeline-panel {
  position: relative;
  width: 100%;
  float: left;
  border: 1px solid #202020;
  padding: 20px;
}
.section1c1 .timeline li .timeline-panel:hover,
.section1c4 .timeline li .timeline-panel:hover {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border: 1px solid #d2232a;
}
@media (max-width: 767px) {
  .section1c1 .timeline li .timeline-panel,
  .section1c4 .timeline li .timeline-panel {
    width: 98%;
    width: calc(95%);
    width: -moz-calc(95%);
    width: -webkit-calc(95%);
  }
}
.section1c1 .timeline .t-heading h4,
.section1c4 .timeline .t-heading h4 {
  color: #d2232a;
  font-size: 27px;
  letter-spacing: 2px;
  font-weight: 400;
  margin-bottom: 10px;
}
.section1c1 .timeline .t-heading i,
.section1c4 .timeline .t-heading i {
  font-size: 14px;
  margin-right: 5px;
  color: #202020;
}
.section1c1 .timeline .t-heading p,
.section1c4 .timeline .t-heading p {
  color: #202020;
}
.section1c1 .timeline .t-body p,
.section1c4 .timeline .t-body p {
  font-size: 14px;
  color: #202020;
}
.section1c1 .timeline .t-body a,
.section1c4 .timeline .t-body a {
  font-weight: 600;
  text-transform: uppercase;
  color: #d2232a;
  letter-spacing: 2px;
  font-weight: 400;
}
.section1c1 .timeline .t-body a:hover,
.section1c4 .timeline .t-body a:hover {
  color: #202020;
}
.section1c1 .timeline:before,
.section1c4 .timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 1px;
  left: 50%;
  background: #202020;
}
.section1c1 .timeline li:before,
.section1c4 .timeline li:before,
.section1c1 .timeline li:after,
.section1c4 .timeline li:after {
  content: " ";
  display: table;
}
.section1c1 .timeline li:after,
.section1c4 .timeline li:after {
  clear: both;
}
.section1c1 .timeline li.timeline-inverted .timeline-panel,
.section1c4 .timeline li.timeline-inverted .timeline-panel {
  float: right;
}
@media (max-width: 767px) {
  .section1c1 ul.timeline:before,
  .section1c4 ul.timeline:before {
    left: 0;
  }
  .section1c1 ul.timeline > li > .timeline-panel,
  .section1c4 ul.timeline > li > .timeline-panel {
    float: right;
  }
}
/* for pages and other posts */
.timeline {
  margin: 0 auto;
  overflow: hidden;
  height: auto;
  position: relative;
  padding: 0;
  list-style-type: none;
}
.timeline .timeline-left {
  float: left;
}
@media all and (min-width: 767px) {
  .timeline .timeline-left:after {
    display: block;
    content: ' ';
    height: 11px;
    width: 11px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    position: absolute;
    right: -4.6%;
    top: 15px;
    background: #202020;
  }
}
.timeline .timeline-right {
  float: right;
}
@media all and (min-width: 767px) {
  .timeline .timeline-right:after {
    display: block;
    content: ' ';
    height: 11px;
    width: 11px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    position: absolute;
    left: -4.6%;
    top: 15px;
    background: #202020;
  }
}
.timeline .event {
  display: block;
  z-index: 15;
  position: relative;
  text-align: center;
  width: 45%;
  margin-right: 2.5%;
  margin-left: 2.5%;
  text-decoration: none;
}
@media all and (max-width: 767px) {
  .timeline .event {
    width: 100%;
    margin: 22px auto;
  }
}
.timeline li {
  margin-bottom: 0;
  position: relative;
}
.timeline li .timeline-panel {
  position: relative;
  width: 100%;
  float: left;
  border: 1px solid #202020;
  padding: 20px;
}
.timeline li .timeline-panel:hover {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border: 1px solid #d2232a;
}
@media (max-width: 767px) {
  .timeline li .timeline-panel {
    width: 98%;
    width: calc(95%);
    width: -moz-calc(95%);
    width: -webkit-calc(95%);
  }
}
.timeline .t-heading h4 {
  color: #d2232a;
  font-size: 27px;
  letter-spacing: 2px;
  font-weight: 400;
  margin-bottom: 10px;
}
.timeline .t-heading i {
  font-size: 14px;
  margin-right: 5px;
  color: #202020;
}
.timeline .t-heading p {
  color: #202020;
}
.timeline .t-body p {
  font-size: 14px;
  color: #202020;
}
.timeline .t-body a {
  font-weight: 600;
  /* text-transform: uppercase; */
  color: #d2232a;
  letter-spacing: 2px;
  font-weight: 400;
}
.timeline .t-body a:hover {
  color: #202020;
}
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 1px;
  left: 50%;
  background: #202020;
}
.timeline li:before,
.timeline li:after {
  content: " ";
  display: table;
}
.timeline li:after {
  clear: both;
}
.timeline li.timeline-inverted .timeline-panel {
  float: right;
}
@media (max-width: 767px) {
  ul.timeline:before {
    left: 0;
  }
  ul.timeline > li > .timeline-panel {
    float: right;
  }
}
/********* timeline events end *********/



/********* contact *********/
.copyright {
  width: 100%;
  float: left;
  margin-top: 44px;
  margin-bottom: 44px;
  p {
    margin-bottom: 0;
    color: #fff; 
    font-size: 12px;
    letter-spacing: 2px;
  }
  a {
    color: #fff; 
    margin-bottom: 0;
    .transition;
  }
  &:hover {
  color: @light-color; 
  }
}
.maincolumnsbottom{
  margin-bottom: 66px;
}
.contactwrapper{
  padding:88px 0;    

}
@media (max-width: 767px) {
.contactwrapper{
  padding:0 0 88px 20px;
}
}
footer.bottom {
  width: 100%;
  float: left;
  padding: 66px 0;
  background: @dark-color;
}

.contactaddress  {
  padding: 66px 20px 20px 0;
  h4 {
  font-size: 27px;
  font-weight: 400;margin-bottom: 66px;
  }
  ul  {  
  color: @base-color2;
  li {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 2px;
  list-style: none;
  span {
  text-transform: uppercase; 
  }
 }
} 
}
.address {
  text-align: center;
}
@media (max-width: 767px) {
.address {
  margin-bottom: 44px;
}
}
.address h4 {
  margin-bottom: 22px;
  font-size: 27px;
}
.address i {
  width: 66px;
  height: 66px;
  padding-top: 15px;
  margin: 0 auto 27px auto;
  font-size: 35px;
  color: @dark-color;
  border: 1px solid @base-color1;
}
.address ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.address p {
  margin: 0;
  font-size: 14px;
  font-weight: bold;
}

/** social icons **/
.footer .socialicons { 
  text-align: center;
}
.socialicons { 
  li {
    margin:0 5px 5px 0;
    display: inline-block;
    text-align: center;
	list-style: none;
  }
  i {
    font-size: 18px;
    color: #fff; 
  }  
}
ul.socialicons li a:link, 
ul.socialicons li a:visited  {
  display: inline-block;
  border: 1px solid #fff;
  width: 45px;
  height: 45px;
  padding-top: 12px;
 .transition;
}
ul.socialicons li a:hover i {
  color: @light-color; 
}
/** social icons end **/

.copyrightwrapper {
  background: @dark-color;
}
.copyright {
  float: left;
  width: 100%;
  margin-top: 22px;
  margin-bottom: 22px;
  text-align: center;
}
.copyright p {
  margin-bottom: 0;
  color: #fff; 
  font-size: 12px;
}
@media (max-width: 767px) {
.copyright p {
  margin-right: 20px;
  margin-left: 20px;
}
}
.copyright a:link, 
.copyright a:visited {
  color: #fff; 
  font-weight: bold;
  margin-bottom: 0;
  -webkit-transition: all .1s;
     -moz-transition: all .1s; 
       -o-transition: all .1s;
          transition: all .1s;
}
.copyright a:hover {
  color: @light-color; 
}

/***footer stay at bottom fix***/
#wrapperpages {
  width: 100%;
  min-height: 100%;
  padding-bottom: 84px;
}

/***footer stay at bottom fix end***/
.bottom {
  width: 100%;
  float: left;
  min-height: 44px;
}
.bottominner {
  width: 100%;
  float: left;
  background: @dark-color; 
}
.bottominner1 {
  width: 100%;
  float: left;
}
/** footer stick to bottom fix end **/

/********* contact end *********/


/********* single pages *********/
.contentwrapper {
  margin-top: 22px;
  margin-bottom: 22px;
}
.one-post {
  margin-bottom: 44px;
}
/******single pages end******/


/*********sidebar and widgets**********/
.widget a {
  letter-spacing: 2px;
}
.scrollbutton {
  text-align: center;
  i {
    color: #fff; 
  }
}
.sidebar {
  height: 100%;
}
.sidebarl {
  float:left;
}
.contentr {
  float:right;
}
@media (max-width: 992px) {
.sidebar {
  float: left;
  width:100%;
  padding-top:44px;
}
.sidebarl {
  float: left;
  width:100%;
}
.contentr {
  float: none;
}
}

/*** widgets style1 for sidebar ***/

/* events widget */
.widgets-style1 .widget.tribe-events-list-widget { 
  ol li{
  list-style: none!important;
 }
  h4{
  font-size: 18px;
  font-weight: normal;
 }
 span{
  font-weight: normal;
 }
}
/* events widget end */

.widgets-style1 .widget {
  margin-bottom: 12px;
  padding: 20px;
  background: @base-color1;
}
.widgets-style1  h3 {
  margin-bottom: 22px;
  font-size: 18px;
}
.widget select  {
  width:100%;
  max-width: 300px;
}
.widgets-style1 .tagcloud a{
  display: inline-block;
  margin: 2px;
  font-size: 14px!important;
  border: 1px solid @base-color2;
  padding: 5px;
}
.widgets-style1 .tagcloud a:hover{
  color: @light-color;
  border: 1px solid @base-color2;
}
.widgets-style1 .widget ul,
.widgets-style1 .widget li {
  list-style:disc;
}
.widgets-style1 .widget ul {
  margin: 0;
  padding: 0 0 12px 12px;
}
.widgets-style1 .searchform {
  font-size: 18px;
}
#searchsubmit{
  display: none;
  visibility: hidden;
}
.widgets-style1 .searchform span{
  margin-bottom: 11px;
}
.widgets-style1 .searchform input {
  width:100%;
  padding:10px;
  margin-bottom: 22px;
  font-size: 14px;
  background: #fff;
  border: none;
}
/* Calendar Widget */
.widgets-style1 .widget #wp-calendar{
  width: 100%;
}
.widgets-style1 .widget_calendar table,
.widgets-style1 .widget_calendar td {
  border: 0;
  border-collapse: separate;
  border-spacing: 1px;
}
.widgets-style1 .widget_calendar caption {
  font-size: 14px;
  margin: 0 0 11px 0;	
  text-align: left;
}
.widgets-style1 .widget_calendar th,
.widgets-style1 .widget_calendar td {
  padding: 0;
  text-align: center;
}
.widgets-style1 .widget_calendar a {
  display: block;
  border: 1px solid @dark-color;
}
.widgets-style1 .widget_calendar a:hover {
  color: @light-color;
}
.widgets-style1 .widget_calendar a:active {
  background: @light-color;
}
.widgets-style1 .widget_calendar tbody td {
  border: 1px solid @base-color2;
  padding:3px;
}
/***widgets style1 for sidebar***/


/***widgets style2 for footer***/

/* events widget */
.widgets-style2 .widget.tribe-events-list-widget { 
  ol li{
  list-style: none!important;
 }
  h4{
  font-size: 18px;
  font-weight: normal;
 }
 span {
  color: @base-color1;
  font-weight: normal;
 }
}
/* events widget end */

.widgets-style2 .widget {
  padding: 22px 0;
  background: transparent;
 
}
.widgets-style2  h3 {
  text-align:left;
  color: #fff;
}
.widgets-style2 .tagcloud a{
  font-size: 14px!important;
}
.widgets-style2  .widget_calendar {
  width: 100%;
}
.widgets-style2  .widget_calendar a:hover {
  border: 1px solid #fff;
}
.widgets-style2 a{
  color: #fff;
}
.widgets-style2 .widget a:hover{
  color: @light-color;
}
.widgets-style2 .searchform input {
  border: none;
}
.widgets-style2.searchform input:hover{
  border: none;
}
.widgets-style2.searchform input:focus {
  border: none;
}
.widgets-style2 .searchform {
  text-align: left;
}
.widgets-style2  a ,
.widgets-style2  p,
.widgets-style2  h3,
.widgets-style2  label,
.widgets-style2  td,
.widgets-style2  th,
.widgets-style2  ul li,
.widgets-style2  caption {
  color: #fff;
}
/* Calendar Widget */
.widgets-style2 .widget #wp-calendar{
  width: 100%;
}
.widgets-style2 .widget_calendar table,
.widgets-style2 .widget_calendar td {
  border: 0;
  border-collapse: separate;
  border-spacing: 1px;
}
.widgets-style2 .widget_calendar caption {
  font-size: 14px;
  margin: 0 0 11px 0;	
  text-align: left;
}
.widgets-style2 .widget_calendar th,
.widgets-style2 .widget_calendar td {
  padding: 0;
  text-align: center;
}
.widgets-style2 .widget_calendar a {
  display: block;
  border: 1px solid #fff;
}
.widgets-style2 .widget_calendar a:hover {
  color: @light-color;
}
.widgets-style2 .widget_calendar a:active {
  background: @light-color;
}
.widgets-style2 .widget_calendar tbody td {
  border: 1px solid #fff;
  padding:3px;
}
/***widgets style1 for footer field for icons end***/

/********* sidebar and widgets end **********/


/********* blog pages *********/
label{
font-weight:normal;
}
/***for featured images***/
.postimage img {
  margin-bottom: 22px;
  margin-right: 22px;
}
.postimage1 img {
  margin-bottom: 22px;
  margin-right: 22px;
}
.postimage1.postimage1center img {
  margin-bottom: 0;
  margin-right: 0;
}
.btn-blog {
    a {
    color: @dark-color;
    text-transform: uppercase;
    font-size: 18px;
  }
}
@media (max-width: 767px) {
.postimage1center {
  text-align: center;
  margin:0;
}
}

/***meta***/
.meta  {  
  text-align: center;
  ul{
    width: 100%;
    float: left;
	height: auto;
    margin: 0 0 22px 0;
	background: @dark-color;
    padding: 0;
    list-style: none;
	li{
      display:inline-block;
      float:left;
      width: 25%;
      padding: 10px 0;
      margin-bottom: 0;
      color: #fff;
	  a{
        color: #fff;
        font-weight: bold;
      }
    }
	li.metatime{
      display: inline-block;
      float: left;
      font-weight: 700;
      background: @light-color;
      border-right: none;
    }   
  }
}
@media (max-width: 767px) {
.meta ul li{
  width: 100%;
  border: 1px solid @base-color2;
}
}
/***meta end***/

/*tags*/
.tags {
  margin: 22px 0;
}
.tags a{
  padding: 5px;
  text-transform: uppercase;
  font-size: 14px;
}
.tags a:hover{
  color: #fff;
  background: @dark-color;
}

/*** blog comments ***/
.comment-respond h3 {
margin-top: 0;
margin-bottom: 24px;
}
.comment cite {
display:block;
margin-top:11px;
}
.comments-area {
margin: 48px auto;
}
.comment-reply-title,
.comments-title {
text-transform: uppercase;
}
.comment-list .reply {
	margin-top: 0px;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
margin-bottom: 24px;
padding-top: 24px;
}
.comment-content ul,
.comment-content ol {
margin: 0 0 24px 22px;
}
.comment-content li > ul,
.comment-content li > ol {
margin-bottom: 0;
}
.comment-content > :last-child {
margin-bottom: 0;
}
.comment-list .children {
list-style: none;
margin-left: 15px;
}
.comment-respond {
margin-bottom: 24px;
padding: 0;
}
.comment .comment-respond {
margin-top: 24px;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.no-comments,
.form-allowed-tags,
.form-allowed-tags code {

background:transparent;
width:auto;
line-height: 1.5;
}
.commenttext ol {
padding:0;
list-style:none;
margin-bottom:21px;
}
.comments .avatar{
display:block;
width:150px;
height:150px;
}
.comments img{
margin:10px;
}
.commenttext h3, .commenttext p.date{
display:inline-blocK;
}
.commenttext h3{
text-transform:uppercase;
}
.commenttext p.date{
font-weight:bold;
margin-left:10px;
}
.reply {
text-align:left;
padding-top:0px;
padding-bottom:21px;
}
.reply a:link, .reply a:visited{
text-transform:uppercase;
font-size:14px;
}
/**bootstrap fix***/
code {
display: block;
white-space: normal!important;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
width:100%;
float:left;
box-shadow:none;
border:@base-color2 1px solid;
box-shadow:none;
padding:20px;
outline:none;
height:50px;
.transition;
margin-bottom:21px;
}
.comment-form textarea{
width:100%;
float:left;
padding:20px;
box-shadow:none; 
border:@base-color2 1px solid;
box-shadow:none;
outline:none;
height:250px;
.transition;
margin-bottom:21px;
}
.comment-form input:hover,
.comment-form textarea:hover {
border:@dark-color 1px solid;
}
.comment-form input:focus,
.comment-form textarea:focus {
border:@light-color 1px solid;
}
button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
background-color: transparent;
border: 1px solid @dark-color;
margin:21px 0;
width:100%;
border-radius: 0px;
color: @dark-color;
padding: 10px ;
text-transform: uppercase;
vertical-align: bottom;
float:left;
box-shadow:none;
box-shadow:none;
outline:none;
height:50px;
}
button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
color: @light-color;
}
button:active,
.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
color: @light-color;
}
h4.commentsheadline, 
.blogcommentform h6, 
.blogcommentform h5, 
.blogcommentform h4, 
.blogcommentform h3, 
.blogcommentform h2, 
.blogcommentform h1 {
  font-size: 28px;
}
/***blog comments end***/

/*** pagination ***/
.paginationblog{
margin:63px auto 0 auto;
max-width:250px;
float:none;
}
.paginationblog a:link, .paginationblog a:visited{
background:@dark-color;
color:#fff;
padding:5px 15px;
float:left;
margin-right:5px;
margin-left:5px;
display:inline-block;

font-size:18px;
}
.paginationblog a:hover{
background:#fff;
color:@dark-color;
}
.paginationblog p{
float:left;
margin:10px 10px 0 0;
color:@dark-color;
}
/****** blog pages end ******/



/******* media queries for featured image *******/

@media (min-width: 1431px) {

.postimage .post-large {
display:block;
}
.postimage .post-medium {
display:none;
}
.postimage .post-small {
display:none;
}
.onethirdimage .onethird-thumb {
display:none;
}

.postimage1 .postsecond-large {
display:block;
}
.postimage1 .postsecond-medium {
display:none;
}
.postimage1 .postsecond-small {
display:none;
}
.postimage1 .postsecond-thumb {
display:none;
}

.onethirdimage .onethird-large {
display:block;
}
.onethirdimage .onethird-medium {
display:none;
}
.onethirdimage .onethird-small {
display:none;
}
.onethirdimage .onethird-thumb {
display:none;
}

.oneforthimage .oneforth-large {
display:block;
}
.oneforthimage .oneforth-medium {
display:none;
}
.oneforthimage .oneforth-small {
display:none;
}
.oneforthimage .oneforth-thumb {
display:none;
}
}

@media (max-width: 1430px) {

.postimage .post-large {
display:none;
}
.postimage .post-medium {
display:block;
}
.postimage .post-small {
display:none;
}
.postimage .post-thumb {
display:none;
}

.postimage1 .postsecond-large {
display:block;
}
.postimage1 .postsecond-medium {
display:none;
}
.postimage1 .postsecond-small {
display:none;
}
.postimage1 .postsecond-thumb {
display:none;
}

.onethirdimage .onethird-large {
display:block;
}
.onethirdimage .onethird-medium {
display:none;
}
.onethirdimage .onethird-small {
display:none;
}
.onethirdimage .onethird-thumb {
display:none;
}

.oneforthimage .oneforth-large {
display:block;
}
.oneforthimage .oneforth-medium {
display:none;
}
.oneforthimage .oneforth-small {
display:none;
}
.oneforthimage .oneforth-thumb {
display:none;
}

}

@media (max-width: 1200px) {

.postimage .post-large {
display:none;
}
.postimage .post-medium {
display:block;
}
.postimage .post-small {
display:none;
}
.postimage .post-thumb {
display:none;
}

.postimage1 .postsecond-large {
display:none;
}
.postimage1 .postsecond-medium {
display:block;
}
.postimage1 .postsecond-small {
display:none;
}
.postimage1 .postsecond-thumb {
display:none;
}

.onethirdimage .onethird-large {
display:none;
}
.onethirdimage .onethird-medium {
display:block;
}
.onethirdimage .onethird-small {
display:none;
}
.onethirdimage .onethird-thumb {
display:none;
}

.oneforthimage .oneforth-large {
display:none;
}
.oneforthimage .oneforth-medium {
display:block;
}
.oneforthimage .oneforth-small {
display:none;
}
.oneforthimage .oneforth-thumb {
display:none;
}

}

@media (max-width: 992px) {
.postimage1 .postsecond-large {
display:block;
}
.postimage1 .postsecond-medium {
display:none;
}
.postimage1 .postsecond-small {
display:none;
}
.postimage1 .postsecond-thumb {
display:none;
}

.postimage .post-large {
display:none;
}
.postimage .post-medium {
display:none;
}
.postimage .post-small {
display:block;
}
.postimage .post-thumb {
display:none;
}

.onethirdimage .onethird-large {
display:none;
}
.onethirdimage .onethird-medium {
display:none;
}
.onethirdimage .onethird-small {
display:block;
}
.onethirdimage .onethird-thumb {
display:none;
}

.oneforthimage .oneforth-large {
display:none;
}
.oneforthimage .oneforth-medium {
display:none;
}
.oneforthimage .oneforth-small {
display:block;
}
.oneforthimage .oneforth-thumb {
display:none;
}

}

@media (max-width: 767px) {
.postimage1 .postsecond-large {
display:none;
}
.postimage1 .postsecond-medium {
display:none;
}
.postimage1 .postsecond-small {
display:block;
}
.postimage1 .postsecond-thumb {
display:none;
}

.onethirdimage .onethird-large {
display:none;
}
.onethirdimage .onethird-medium {
display:none;
}
.onethirdimage .onethird-small {
display:none;
}
.onethirdimage .onethird-thumb {
display:block;
}
}

@media (max-width: 600px) {
.postimage .post-large {
display:none;
}
.postimage .post-medium {
display:none;
}
.postimage .post-small {
display:none;
}
.postimage .post-thumb {
display:block;
}

.postimage1 .postsecond-large {
display:none;
}
.postimage1 .postsecond-medium {
display:none;
}
.postimage1 .postsecond-small {
display:none;
}
.postimage1 .postsecond-thumb {
display:block;
}

.onethirdimage .onethird-large {
display:none;
}
.onethirdimage .onethird-medium {
display:none;
}
.onethirdimage .onethird-small {
display:block;
}
.onethirdimage .onethird-thumb {
display:none;
}


.oneforthimage .oneforth-large {
display:none;
}
.oneforthimage .oneforth-medium {
display:none;
}
.oneforthimage .oneforth-small {
display:none;
}
.oneforthimage .oneforth-thumb {
display:block;
}

}
/********* media queries for featured imageend *******/


/********* pagebuilder unyson *********/
#main-columns .fw-col-xs-12 {
  padding-left: 0!important;
  padding-right: 0!important;
}
.fw-iconbox-1 .fw-iconbox-image {
	color: @light-color!important;
}
.fw-iconbox-1.bg-on .fw-iconbox-image {
	background-color: @light-color!important;
}
.fw-iconbox-2 .fw-iconbox-image {
	color: @light-color!important;
}
.fw-iconbox-2.bg-on .fw-iconbox-image {
	background-color: @light-color!important;
}
.fw-iconbox-3 .fw-iconbox-image {
	color: @light-color!important;
}
.fw-iconbox-3.bg-on .fw-iconbox-image {
	background-color: @light-color!important;
}




/********* pagebuilder unyson end *********/


/*** Contact Form plugin ***/

form.wpcf7-form {
position: relative;
z-index: 999;
margin:0 auto;
float:none;
width:100%;
}
form.wpcf7-form input{
position: relative;
z-index: 999;
width: 100%;
float:left;
height:40px;
margin-top:40px;
text-align: center;
padding:0 20px;
border-top: none;
border-left: none;
border-right: none;
border-bottom:@base-color2 1px solid;
box-shadow:none;
background:transparent;
}
form.wpcf7-form input:focus{
border:@dark-color 1px solid!important;
}
form.wpcf7-form textarea{
width: 100%;
float:right;
margin-top:40px;
padding:15px;
border-top: none;
border-left: none;
border-right: none;
text-align: center;
border-bottom:@base-color2 1px solid;
background:transparent;
box-shadow:none;
height:129px;
}
form.wpcf7-form textarea:focus{
border:@dark-color 1px solid;
}

input.wpcf7-form-control.wpcf7-submit{
margin-bottom: 20px;
font-size:14px;
text-align:center;
width: 100%;
color:#fff;
letter-spacing: 2px;
border: none;
background: @dark-color;
text-transform:uppercase;
margin-top:40px;
height: 50px;
.transition;
}

input.wpcf7-form-control.wpcf7-submit:hover{
background: @light-color;
}
/* for dark color */
.section1c2 {
form.wpcf7-form {
position: relative;
z-index: 999;
margin:0 auto;
float:none;
width:100%;
}
form.wpcf7-form input{
position: relative;
z-index: 999;
width: 100%;
float:left;
height:40px;
margin-top:40px;
text-align: center;
padding:0 20px;
border-top: none;
border-left: none;
border-right: none;
border-bottom:#fff 1px solid;
box-shadow:none;
background:transparent;
}
form.wpcf7-form input:focus{
border:#fff 1px solid!important;
}
form.wpcf7-form textarea{
width: 100%;
float:right;
margin-top:40px;
padding:15px;
border-top: none;
border-left: none;
border-right: none;
text-align: center;
border-bottom:#fff 1px solid;
background:transparent;
box-shadow:none;
height:129px;
}
form.wpcf7-form textarea:focus{
border:#fff 1px solid;
}

input.wpcf7-form-control.wpcf7-submit{
margin-bottom: 20px;
background-color:transparent;
font-size:14px;
text-align:center;
width: 100%;
color:#fff;
letter-spacing: 2px;
border: none;
background: @light-color;
text-transform:uppercase;
margin-top:40px;
height: 50px;
.transition;
}
input.wpcf7-form-control.wpcf7-submit:hover{
background: #fff;
color: @dark-color;
}
}
/* for light color */
.section1c3 {
form.wpcf7-form {
position: relative;
z-index: 999;
margin:0 auto;
float:none;
width:100%;
}
form.wpcf7-form input{
position: relative;
z-index: 999;
width: 100%;
float:left;
height:40px;
margin-top:40px;
text-align: center;
padding:0 20px;
border-top: none;
border-left: none;
border-right: none;
border-bottom:#fff 1px solid;
box-shadow:none;
background:transparent;
}
form.wpcf7-form input:focus{
border:#fff 1px solid!important;
}
form.wpcf7-form textarea{
width: 100%;
float:right;
margin-top:40px;
padding:15px;
border-top: none;
border-left: none;
border-right: none;
text-align: center;
border-bottom:#fff 1px solid;
background:transparent;
box-shadow:none;
height:129px;
}
form.wpcf7-form textarea:focus{
border:#fff 1px solid;
}
input.wpcf7-form-control.wpcf7-submit{
margin-bottom: 20px;
background-color:transparent;
font-size:14px;
text-align:center;
width: 100%;
color:#fff;
letter-spacing: 2px;
border: none;
background: @dark-color;
text-transform:uppercase;
margin-top:40px;
height: 50px;
.transition;
}
input.wpcf7-form-control.wpcf7-submit:hover{
background: #fff;
color: @light-color;
}
}
/******** contact form plugin end ********/


/*********** events calendar plugin ****************/
.tribe-events-notices {
  color: @dark-color!important;
}
.tribe-events-calendar h4{
  color: @dark-color!important;
}
/* Tribe Theme Color */
.tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"], 
.tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] > a,
#tribe_events_filters_wrapper input[type=submit],
.tribe-events-button,
#tribe-events .tribe-events-button,
.tribe-events-button.tribe-inactive,
#tribe-events .tribe-events-button:hover,
.tribe-events-button:hover,
.tribe-events-button.tribe-active:hover {
  background-color: @dark-color!important;
}
#tribe_events_filters_wrapper h3 span:after { 	
  border-top-color: @dark-color!important;
}

#tribe_events_filters_wrapper .tribe_events_filter_item.closed h3 span:after {
  border-left-color: @dark-color!important;
}
.single-tribe_events a.tribe-events-ical, 
.single-tribe_events a.tribe-events-ical:hover, 
.single-tribe_events a.tribe-events-gcal, 
.single-tribe_events a.tribe-events-gcal:hover {
  color: #fff!important;
}
/*********** events calendar plugin end ****************/


/*********** appointment calendar plugin ****************/
.cpp_form {
  text-align: center;
  input[type=text]{
  width: 100%;
  min-height: 40px;
  background: @base-color1;
  padding: 0 10px;
  margin-bottom: 22px;
  margin-top: 10px;
  box-shadow: none;
  .transition;
  border: @base-color1 1px solid;
    &:hover {
      border: @dark-color 1px solid;
}
	&:focus {
      border: @dark-color 1px solid;
    }
}
    input[type=submit]{
    width: 100%;
    min-height: 40px;
	background: @dark-color;
	color: #fff!important;
    border: @base-color1 1px solid;	
	padding: 0 10px;
	margin-bottom: 22px;
	margin-top: 10px;
	font-size: 14px;
    box-shadow: none;
	.transition;
    &:hover {
	  background: @light-color;
	  color: #fff!important;
      border: @light-color 1px solid;	
}
	&:focus {
      border: @light-color 1px solid;
    }
}
  textarea{
    width: 100%;
    height: 150px;
    box-shadow: none;
	margin-bottom: 22px;
	margin-top: 10px;
	padding: 0 10px;
	background: @base-color1;
    border: @base-color1 1px solid;
	.transition;
    &:hover {
      border: @dark-color 1px solid;
    }
	&:focus{
      border: @dark-color 1px solid;
    }
  }
}
.yui-calcontainer {
  width: 100%;
  float: left;
	background-color: #fff!important;
	border: 1px solid @base-color1!important;

}
.yui-calendar {
	font:Raleway;
	width: 100%;
}
.yui-calendar td.calcell {
    font-size: 18px;
	padding:20px!important;
	color: #fff;
	border:1px solid @base-color1!important;
}
@media (max-width: 500px) {
.yui-calendar td.calcell {
	padding:0!important;
	font-size: 13px;
}
}
.yui-calendar td.calcell a {
	color:@dark-color!important;
	text-decoration:none;	
}
.yui-calendar td.calcell.today {
	background:@dark-color!important;
	cursor: pointer;
	a {
	color: #fff!important;
}
}
.yui-calendar td.calcell.oom {
	cursor:default;
	color:@dark-color!important;
	background-color:@base-color1!important;
	border:1px solid #fff!important;
}
.yui-calendar td.calcell.selected {
	background-color:@light-color!important;
	border:1px solid @base-color1!important;
	a {
	color: #fff!important;
}
}
.yui-calendar22 td.calcell.calcellhover {
	cursor:pointer;
	color:#FF0;
	background-color:#fff;
	border:1px solid @dark-color;
}
.yui-calendar td.calcell.previous {
	color:#ccc;
}
.yui-calendar .calhead {
	border:1px solid @base-color1!important;
	vertical-align:middle;
	background-color:#FFF;
	padding: 20px 0;	
}
.yui-calendar .calheader {
	position:relative;
	width:100%;
	text-align:center;
	font-size: 22px;
}
@media (max-width: 500px) {
.yui-calendar .calheader {
	font-size: 18px;
}
}
.yui-calendar .calweekdaycell {
  padding: 20px 0;
}
.yui-panel{
  border-color:#fff!important;
}
@media (max-width: 767px) {
.yui-panel{
  width: auto!important;
}
}
.yui-panel .bd,
.yui-panel .ft{
  background-color:#fff!important
}
.yui-panel .hd{
  background:@base-color1!important;
}
.cell {
  background-color:@base-color1!important;
}
.cellReserved {
  background-color:#fff!important;
}
.yui-calendar .calnavleft {
  background:url("assets/images/left.png") no-repeat!important;
}
.yui-calendar .calnavright {
  background:url("assets/images/right.png") no-repeat!important;
}

/** for base color1 **/
.section1c4 {
.cpp_form {
  text-align: center;
  input[type=text]{
  width: 100%;
  min-height: 40px;
  background: #fff;
  padding: 0 10px;
  margin-bottom: 22px;
  margin-top: 10px;
  box-shadow: none;
  .transition;
  border: #fff 1px solid;
    &:hover {
      border: @dark-color 1px solid;
}
	&:focus {
      border: @dark-color 1px solid;
    }
}
    input[type=submit]{
    width: 100%;
    min-height: 40px;
	background: @dark-color;
	color: #fff!important;
	padding: 0 10px;
	margin-bottom: 22px;
	margin-top: 10px;
	font-size: 14px;
    box-shadow: none;
    border: @dark-color 1px solid;
	.transition;
    &:hover {
      border: @light-color 1px solid;
	  background: @light-color;
}
	&:focus {
      border: @light-color 1px solid;
	  background: @light-color;
    }
}
  textarea{
    width: 100%;
    height: 150px;
    box-shadow: none;
	margin-bottom: 22px;
	margin-top: 10px;
	padding: 0 10px;
	background: #fff;
    border: #fff 1px solid;
	.transition;
    &:hover {
      border: @dark-color 1px solid;
    }
	&:focus{
      border: @dark-color 1px solid;
    }
  }
}
}
/** for base color1 end **/


/** for dark color **/
.section1c2 {
.cpp_form {
  text-align: center;
  input[type=text]{
  width: 100%;
  min-height: 40px;
  background: transparent!important;
  padding: 0 10px;
  margin-bottom: 22px;
  margin-top: 10px;
  box-shadow: none;
  .transition;
  border: @base-color1 1px solid;
    &:hover {
      border: @light-color 1px solid;
}
	&:focus {
      border: @light-color 1px solid;
    }
}
    input[type=submit]{
    width: 100%;
    min-height: 40px;
	padding: 0 10px;
	margin-bottom: 22px;
	margin-top: 10px;
	font-size: 14px;
    box-shadow: none;
	background: @light-color!important;
    border: @light-color 1px solid;
    color: #fff!important;	
	.transition;
    &:hover {
	background: #fff!important;
    border: #fff 1px solid!important;
    color: @dark-color!important;
}
	&:focus {
	background: #fff!important;
    border: #fff 1px solid!important;
    color: @dark-color!important;
    }
}
  textarea{
    width: 100%;
    height: 150px;
    box-shadow: none;
	margin-bottom: 22px;
	margin-top: 10px;
	padding: 0 10px;
	background: transparent!important;
    border: @base-color1 1px solid;
	.transition;
    &:hover {
      border: @light-color 1px solid;
    }
	&:focus{
      border: @light-color 1px solid;
    }
  }
}
.yui-calcontainer {
  margin-top: 22px;
  width: 100%;
  float: left;
  background-color: transparent!important;
  border: 1px solid @base-color1!important;
}
.yui-calendar {
	font:Raleway, Arial;
	width: 100%;
}
.yui-calendar td.calcell {
        font-size: 18px;
	padding:20px!important;
	border:1px solid @base-color1!important;
}
@media (max-width: 500px) {
.yui-calendar td.calcell {
   padding:0!important;
   font-size: 18px;
}
}
.yui-calendar td.calcell a {
	color:@light-color!important;
	text-decoration:none;	
}
.yui-calendar td.calcell.today.restricted {
	background:@dark-color!important;
	cursor: pointer;
	color: @light-color!important;
border:5px solid @light-color!important;
}
.yui-calendar td.calcell.today {
	background:@dark-color!important;
	cursor: pointer;
border:5px solid @light-color!important;
	a {
	color: @light-color!important;
}
}
.yui-calendar td.calcell.restricted {
	background:@base-color1!important;
	cursor: pointer;
	color: @dark-color!important;
	border:1px solid @dark-color!important;
}
.yui-calendar td.calcell.oom {
	cursor:default;
        color: #ccc!important;
	background-color:@base-color2!important;
	border:1px solid #fff!important;
}
.yui-calendar td.calcell.selected {
	background-color:@light-color!important;
	border:1px solid @base-color1!important;
	a {
	color: #fff!important;
}
}
.yui-calendar22 td.calcell.calcellhover {
	cursor:pointer;
	color:#FF0;
	background-color:#fff;
	border:1px solid @dark-color;
}
.yui-calendar td.calcell.previous {

}
.yui-calendar .calhead {
	border:1px solid @base-color1!important;
	vertical-align:middle;
	background-color:#FFF;
	padding: 20px 0;	
}
.yui-calendar .calheader {
	position:relative;
	width:100%;
	text-align:center;
}
.yui-calendar .calweekdaycell {
  padding: 20px 0;
  color:#fff!important;
}
.yui-panel{
  border-color:#fff!important;
}
.yui-panel .bd,
.yui-panel .ft{
  background-color:#fff!important
}
.yui-panel .hd{
  background:@base-color1!important;
}
.cell {
  background-color:@base-color1!important;
}
.cellReserved {
  background-color:#fff!important;
}
.yui-calendar .calnavleft {
  background:url("assets/images/left.png") no-repeat!important;
}
.yui-calendar .calnavright {
  background:url("assets/images/right.png") no-repeat!important;
}
}
/** for dark color end **/

/** for light color **/
.section1c3 {
.cpp_form {
  text-align: center;
  input[type=text]{
  width: 100%;
  min-height: 40px;
  background: transparent!important;
  padding: 0 10px;
  margin-bottom: 22px;
  margin-top: 10px;
  box-shadow: none;
  .transition;
  border: @base-color1 1px solid;
}
    input[type=submit]{
    width: 100%;
    min-height: 40px;
	background: transparent!important;
	padding: 0 10px;
	margin-bottom: 22px;
	margin-top: 10px;
	font-size: 14px;
    box-shadow: none;
	color: @light-color!important;
	background: #fff!important;;
    border: #fff 1px solid!important;
	.transition;
    &:hover {
	color: #fff!important;
	background: @dark-color!important;;
    border: @dark-color 1px solid!important;
}
	&:focus {
	color: #fff!important;
	background: @dark-color!important;;
    border: @dark-color 1px solid!important;;
    }
}
  textarea{
    width: 100%;
    height: 150px;
    box-shadow: none;
	margin-bottom: 22px;
	margin-top: 10px;
	padding: 0 10px;
	background: transparent!important;
    border: @base-color1 1px solid;
	.transition;
    &:hover {

    }
	&:focus{

    }
  }
}
}
/** for light color end **/


/*********** appointment calendar plugin end ****************/