/*

 Theme Name: Alpine

 Theme URI: http://www.creative-ispiration.com/wp/alpine/

 Description: Wordpress Responsive One Page HTML5/CSS3 Parallax Template

 Version: 1.9.8.2

 Author: MilkshakeThemes

 Author URI: http://themeforest.net/user/milkshakethemes

 License: Themeforest

 License: GNU General Public License version 3.0

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

 Tags: one-column, two-columns, right-sidebar, fluid-layout, custom-menu, editor-style, featured-images, post-formats, rtl-language-support, sticky-post, translation-ready

 Text Domain: alpine

*/





/* ##### GENERAL CLASS ##### */

*, *:after, *::before {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.section-title.title-page.text-center {
	
    display: none;
	
}
#navigation-sticky-wrapper {
    height: 25px !important;
}

html, body {

  height: 100%;

  width: 100%;

}



body {

  color: #898989;

  line-height: 1.5em;
	
  font-family: 'Raleway', sans-serif;

  overflow-x: hidden;

}



a, a * {

  transition: all 0.5s ease-out 0s;

}



a:focus {

  outline: none;

  text-decoration: none;

  color: #222;

}

a:hover {

  text-decoration: none;

  color: #222;

}

iframe {

  border: 0;

}

.lead {

  color: #7c7c7c;

  display: block;

}

.no-margin {

  margin: 0;

}



hr{ display:block; width:100%; clear:both; overflow:hidden; border:0; margin:0; padding:0; float:left;}



h1, h2, h3, h4, h5, h6{ overflow:hidden; display:block; width:100%; clear:both;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ line-height: 1.15;}

h1, h2, h3, h4, h5, h6, .section-title, .form-group label, form label, .widget_rss .widget-title a {

  color: #222;

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

}



img {

  max-width: 100%;

  height: auto;

}



blockquote {

  border-color: #dedede;

}



table td, table th {

  padding: 8px;

  border: 1px solid #DDD;

}

table th {

  color: #222;

}



.mask {

  background: #222;

  width: 100%;

  height: 100%;

  position: fixed;

  z-index: 100000;

  top:0;

}

#intro-loader {

  width: 65px;

  height: 65px;

  position: absolute;

  top: 50%;

  left: 50%;

  margin: -33px 0 0 -33px;

  background: url("assets/images/intro-loader.gif");

}



.section-content {

  padding: 40px 0;

  position: relative;

}

.bgdark, .bgdark .timeline-content #timeline .post-info {

  background: #F3F3F3;

}



.section-title div {

  font-size: 17px;

  letter-spacing: 1px;

}

.section-title div span {

  display: inline-block;

  color: #000;

  text-transform: uppercase;

}

.section-title h1 {

  font-size: 60px;

}



.section-title.title-page h1 {

  margin-top: 0;

}



.section-title ul {

  margin: 0;

  padding: 0;

  list-style: none;

  display: inline;

}

.section-title ul li {

  display: inline;

}



.section-title h1, .section-title h2, .section-title h3 {

  text-transform: uppercase;

  color: #000;

  font-weight: 600;

  display: inline-block;

}



.section-title h1 i {

  font-style: normal;

  display: block;

}

.section-title .line {

  width: 90px;

  background: #dedede;

  height: 1px;

  margin: 5px 15px;

}

.section-title .line.big {

  width: 170px;

}



.single-section-title .line.big{ display:block; margin:15px auto 5px auto;}



.section-title .lead {

  margin: 45px 0 0 0;

  letter-spacing:0;

}

.section-title .lead strong {

  color: #fff;

  font-weight: 200;

  padding: 0 6px;

}



.clear {

  clear: both;

  display: block;

  height: 0;

  overflow: hidden;

  visibility: hidden;

  width: 0;

}

.img-center {

  margin-left: auto;

  margin-right: auto;

}

.element-line {

  /*margin-top: 70px;*/

  clear: both;

}



.panel-default > .panel-heading {

  background: none;

}

.panel-default > .panel-heading + .panel-collapse .panel-body {

  border: none;

}

.panel-group {

  border-top: 1px solid #dedede;

}

.panel-group .panel + .panel {

  margin: 0;

}

.panel-group .panel {

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

  border: 0;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

.panel-group .panel-default {

  border-bottom: 1px solid #dedede;

}

.panel-group .panel-heading {

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

  border: 0;

  text-transform: uppercase;

}

.panel-group .panel-heading .panel-title {

  font-weight: 600;

}

.panel-group .panel-heading a {

  display: block;

}

.panel-group .panel-heading a.collapsed {

  color: #222;

}

.panel-group .panel-body {

  padding-top: 0;

}



.media {

  border-top: 1px solid #dedede;

  padding-top: 25px;

  margin-top: 20px;

}

.media:first-child {

  padding-top: 0;

  border-top: 0;

}

.media > .pull-left {

  margin-right: 25px;

}

.media .media-body .lead {

  margin: 0 0 10px 0;

}



.progress {

  height: 30px;

}

.progress .progress-bar {

  text-align: left;

}

.progress .progress-bar span {

  display: block;

  font-weight: bold;

  line-height: 30px;

  padding: 0 0 0 15px;

}



.nav-tabs {

  overflow: hidden;

  margin: 0 0 -1px 0;

  padding: 0;

  list-style: none;

  border: 0;

}

.nav-tabs > li > a:hover {

  background: #222;

  border-color: #222;

}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

  border-color: #dedede;

}

.nav-tabs > li > a {

  font-size: 13px;

  padding: 12px 16px;

  display: block;

  text-transform: uppercase;

  color: #fff;

  border-radius: 0;

  border: 1px solid #DEDEDE;

}

.tab-content {

  padding: 15px;

  border: 1px solid #DEDEDE;

}



/* ##### NAV BAR ##### */



#navigation{

  background:#222;

}

.navbar-default .navbar-brand{

  color:#fff;

  font-weight:200;

}

.navbar-default .navbar-brand img{ display:inline; vertical-align:middle;}



.navbar-brand {

  padding-top: 0;

  padding-bottom: 0;

  padding-right: 0;

  line-height: 60px;

}

.navbar-inner {

  border-bottom: none !important;

  box-shadow: 0 !important;

  z-index: 10;

  max-height:60px !important;

}

.navbar-header{ min-height:60px;}

.navbar-collapse {

  min-height: 60px !important;

  box-shadow: none;

}

.navbar-collapse.in {

  overflow-y: visible !important;

}

.navbar-inner .container {

  padding: 20px 0;

}

.navbar {

  position: relative;

  border: 0;

  margin: 0;

}

.navbar .navbar-nav {

  padding: 0;

}

.navbar .navbar-nav li {

  position: relative;

}

.navbar .navbar-nav li.menu-item-has-children > a:after {

  content: " ";

  font-family: "FontAwesome";

}

.navbar .navbar-nav li:hover > ul {

  display: block !important;

}

.navbar .navbar-nav ul {

  display: none;

  position: absolute;

  z-index: 9999;

  padding: 0;

  list-style: none;

  right: 0;

  margin: 0;

  font-size: 14px;

  border: 1px solid #ccc;

  border: 1px solid rgba(0, 0, 0, 0.15);

  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

}

.navbar .navbar-nav > li {

  display: block;

  float: left;

}

.navbar .navbar-nav > li > a {

  display: block;

  font-size: 12px;

  font-weight: 400;

  height: 60px;

  text-shadow: none;

  text-transform: uppercase;

  padding: 0 15px;

  line-height: 60px;

}

.navbar .navbar-nav > li > a:focus, .navbar .navbar-nav > li > a:hover {

  height: 60px;

  text-decoration: none;

}

.navbar .navbar-nav .sub-menu li a {

  width: 170px;

  display: block;

  padding: 6px 12px;

  font-size: 12px;

  text-transform: uppercase;

}

.navbar .navbar-nav .sub-menu .sub-menu {

  right: 170px;

  top: 0;

}

.navbar .navbar-nav .sub-menu {

  border-width: 0;

}

.navbar .navbar-nav .sub-menu > li > a:hover, .sub-menu > li > a:focus {

  background: none;

}



.navbar-default .navbar-toggle {

  padding: 0;

  margin: 15px 15px 0 0;

  border: 0;

  background: none;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

  background: none;

  border: 0;

  outline: none;

}



/* Center Menu */

/*

.navbar-header {

  position: relative;

  z-index: 10;

}

.navbar-collapse{

  left: 0;

  position: absolute;

  right: 0;

}

.navbar-right{

  float: none !important;

  text-align: center;

}

.navbar .navbar-nav > li{

  display:inline-block;

  float:none;

}

.navbar .navbar-nav ul{

  text-align: left;

}

*/



/* ##### HOME SECTION ##### */



.menu_first{

  position:fixed;

  top:0;

  left:0;

  right:0;

  z-index:150;

}



#home .section-title ul, #home .section-title ul li {

  display: block;

}



.mbYTP_wrapper{

	position:absolute !important;

}



.video-mobile {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-repeat: no-repeat;

  background-position: center;

}

.intro-video {

  background: url("assets/images/pattern.png");

  position: relative;

  width: 100%;

  height: 100%;

  color: #fff;

}



.intro-video .text-slider, .intro-video .text-home {

  width: 90%;

  height: 100%;

  margin: 0 5%;

  display: table;

}

.intro-video .intro-item {

  display: table-cell;

  text-align: center;

  vertical-align: middle;

}



.bx-wrapper .bx-viewport {

  -moz-box-shadow: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  border: 0;

  left: auto;

  background: none;

}



#home .main-button{

	margin-top:50px; display:inline-block;

}



#video-volume {

  bottom: 45px;

  left: 50%;

  margin: 0 0 0 -15px;

  position: absolute;

  z-index: 100;

  width: 30px;

  height: 30px;

  line-height: 26px;

  font-size: 20px;

  text-align: center;

  border-radius: 50%;

  border: 1px solid #fff;

  color: #FFFFFF;

  cursor: pointer;

}



#error-page {

  position: relative;

  width: 100%;

  height: 100%;

  color: #fff;

  display: table;

  background: #F3F3F3;

}

#error-page .intro-item {

  display: table-cell;

  vertical-align: middle;

  width: 90%;

  margin: 0 5%;

}

#error-page .intro-item .text-center {

  width: 90%;

  margin: 0 5%;

}

#error-page .intro-item .fa {

  font-size: 200px;

  color: #999;

}

#error-page .intro-item h3 {

  color: #333;

  font-size: 60px;

  font-weight: 400;

  line-height: 70px;

  text-transform: uppercase;

  margin: 25px 0;

}

#error-page .intro-item p.lead {

  margin: 0 0 50px 0;

  color: #999;

}



.intro-text-slider {

  position: absolute;

  top: 0;

  z-index: 20;

  height: 100%;

  width: 100%;

}



.intro-text-slider .text-slider, .intro-text-slider .text-home {

  width: 90%;

  height: 100%;

  margin: 0 5%;

  display: table;

}

.intro-text-slider .intro-item {

  display: table-cell;

  text-align: center;

  vertical-align: middle;

}



#home {

  position: relative;

  width: 100%;

  height: 100%;

  color: #fff;

}

#home h1 {

  color: inherit;

  margin: 25px 0;

  color: #fff;

}

#home p.lead {

  color: #fff;

  font-size: 26px;

}



#home .section-title .image_on{

	max-width:100%;

	margin:50px 0 30px 0;

}



#home .section-title div span {

  color: #fff;

}

#home .section-title .line {

  background: #7C7C7C;

}

#fullscreen-slider {

  display: none;

  background: #222;

}

#fullscreen-slider .pattern {

  background: url("assets/images/pattern.png") repeat;

  width: 100%;

  height: 100%;

}

#cycle-loader {

  height: 32px;

  left: 50%;

  margin: -8px 0 0 -8px;

  position: absolute;

  top: 50%;

  width: 32px;

  z-index: 999;

}

#slider_left {

  left: 50px;

  background: url("assets/images/arrow_left.png") no-repeat center left;

}

#slider_right {

  right: 50px;

  background: url("assets/images/arrow_right.png") no-repeat center right;

}

.fullscreen-slider-arrow {

  top: 50%;

  height: 60px;

  position: absolute;

  width: 32px;

  z-index: 20;

  margin-top: -30px;

  cursor: pointer;

}

.fullscreen-slider-arrow:hover {

  margin-top: -28px;

}

.fullscreen-slider-arrow img {

  max-width: 100%;

}

.slide-content {

  height: 100%;

  display: table;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  z-index: 10;

  width: 80%;

  margin-left: 10%;

  margin-right: 10%;

}

.slide-content .text-center {

  vertical-align: middle;

  display: table-cell;

}

div.mc-image {

  -webkit-transition: opacity 1s ease-in-out;

  -moz-transition: opacity 1s ease-in-out;

  -o-transition: opacity 1s ease-in-out;

  transition: opacity 1s ease-in-out;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  height: 100%;

  overflow: hidden;

  width: 100%;

}



#text-slider {

  position: absolute;

  width: 100%;

  height: 100%;

  display: table;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

}



/* ##### PORTFOLIO ##### */

#filters {

  display: block;

  text-align: center;

  margin: 0 0 50px 0;

}

#filters a {

  margin: 10px 4px;

}

#filters a.active span {

  background: #222;

}



#portfolio-wrap {

  list-style: none;

  margin: 0;

  padding: 0;

  overflow: hidden;

}

#portfolio-wrap .portfolio-item {

  position: relative;

  border:0;

  padding:0;

  margin:0;

}

#portfolio-wrap .portfolio-item img {

  max-width: 100%;

}

#portfolio-wrap .portfolio-item a, #portfolio-wrap .portfolio-item a img {

  position: relative;

  overflow: hidden;

  display: block;

  height: auto;

  cursor: pointer;

}

#portfolio-wrap .portfolio-item a .hover-items {

  position: absolute;

  background-color: rgba(0, 0, 0, 0.8);

  width: 100%;

  height: 100%;

}

#portfolio-wrap .portfolio-item a .hover-items span {

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  text-align: center;

  height: 110px;

  margin: -55px 0 0 0;

  text-transform: uppercase;

}

#portfolio-wrap .portfolio-item a .hover-items span i {

  color: #fff;

}

#portfolio-wrap .portfolio-item a .hover-items span em.lead {

  margin: 10px 0 0 0;

  padding: 0;

  color: #fff;

  font-size: 16px;

  font-weight: 600;

  display: block;

}

#portfolio-wrap .portfolio-item a .hover-items span em {

  color: #7C7C7C;

  font-style: normal;

  font-size: 12px;

}

#ajaxpage {

  padding: 100px 0;

}

#ajaxpage .section-title {

  margin: 0;

}

#ajaxpage .section-title h1 {

  font-size: 60px;

}

#ajax-section {

  position: relative;

  background: #f8f8f8;

  text-align: left;

}

#ajax-section #loader {

  width: 100%;

  height: 20px;

  padding: 40px 0 0 0;

  text-align: center;

  display: none;

  position: absolute;

  top: 47px;

  left: 0;

}

#ajax-section #loader.projectError {

  text-align: center;

  height: auto !important;

  background-position: top center;

}

#ajax-section #loader.projectError p {

  display: none;

  padding-top: 16px;

}

#ajax-section #loader {

  background: url("assets/images/loader.gif") center center no-repeat;

}

#ajax-section #loader.projectError p {

  color: #666 !important;

}

#ajax-content-outer {

  width: 100%;

  overflow: hidden;

  position: relative;

}

#ajax-content-inner {

  float: left;

  height: 0;

  opacity: 0;

  width: 100%;

}

#project-navigation {

  width: 100%;

  position: absolute;

  top: 60px;

  left: 0;

  right: 0;

  margin: 0;

  z-index: 1;

}

#project-navigation ul {

  margin: 0;

  list-style: none;

  padding: 0;

}

#project-navigation ul li {

  display: inline;

  padding: 0 3px;

}

#project-navigation ul li a{

  cursor:pointer;

}

.project-media .gallery-desc{

  margin: 20px 0 0 0;

  text-align:center;

  padding:0;

  overflow:hidden;

}



.project-media, .project-description {

  margin: 70px 0 0 0;

  overflow: hidden;

  display: block;

}

.project-description h4 {

  display: inline-block;

  text-transform: uppercase;

  padding: 0px 0px 10px;

  font-weight: 600;

  border-bottom: 1px solid #DEDEDE;

  margin-top: 0;

}

.project-description .project-details {

  margin-bottom: 50px;

}

.project-description .list-info {

  margin: 0 0 10px 0;

  padding: 13px;

  background: #eaeaea;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

}

.project-description .list-info i {

  color: #222;

}

.project-description .list-info span {

  font-weight: 600;

  color: #222;

}

.project-description .list-info em {

  font-size: 12px;

}



/* ##### TEAM ##### */



.team-inline{

	display: inline-block;

  float: none;

}



.team-item .team-element {

  position: relative;

  display: block;

  overflow: hidden;

}

.team-item .team-element:hover .team-inner {

  display: block;

}

.team-item .team-element .team-inner {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 10;

  display: none;

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

}

.team-item .team-element .team-inner .team-detail {

  text-align: center;

  display: table;

  width: 100%;

  height: 100%;

}

.team-item .team-element .team-inner .team-detail .team-content {

  display: table-cell;

  vertical-align: middle;

  padding: 0 15px;

  color: #fff;

}

.team-item .team-element .team-inner .team-detail .team-content h3 {

  margin: 0 0 8px 0;

  padding: 0 0 8px 0;

  border-bottom: 1px solid #666;

  text-transform: uppercase;

}

.team-item .team-element .team-inner .team-detail .team-content h3, .team-item .team-element .team-inner .team-detail .team-content a {

  color: #fff;

}

.team-item .team-element .team-inner .team-detail .team-content p {

  font-weight: 400;

  margin-bottom: 0;

  font-size: 15px;

  line-height: 18px;

}



.team-item .team-element .team-inner .team-detail .team-content p, .team-item .team-element .team-inner .team-detail .team-content a {

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

  filter: alpha(opacity=60);

  -moz-opacity: 0.6;

  -khtml-opacity: 0.6;

  opacity: 0.6;

}

.team-item .team-element .team-inner .team-detail .team-content a:hover {

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  filter: alpha(opacity=100);

  -moz-opacity: 1;

  -khtml-opacity: 1;

  opacity: 1;

}

.team-item .team-element .team-inner .team-detail .team-content ul {

  margin: 25px 0 0 0;

  padding: 0;

  list-style: none;

}

.team-item .team-element .team-inner .team-detail .team-content ul li {

  display: inline;

  padding: 0 6px;

}



.team-item .team-element .team-inner .team-detail .team-content .phone_number a{

  display:block;

  margin:25px 0 0 0;

  color:#fff;

}



.team-item .team-element .team-inner .team-detail .team-content .phone_number a i{

  vertical-align: middle;

}





/* ##### PRICING ##### */

.pricing-content {

  display: inline-block;

}



.pricing-box {

  width: 20%;

  display: inline-block;

  vertical-align: top;

  text-align: center;

  margin: 0 0 0 -1px;

  padding: 0;

  position:relative;

}



.pricing-box.main{

  z-index:10;

}



.pricing-box ul {

  margin-bottom: 0;

  padding: 0;

  border-left: solid 1px #eee;

  border-top: solid 1px #eee;

  border-right: 1px solid #eee;

}



.pricing-box li {

  list-style: none;

  margin: 0;

  padding: 15px 0 15px 0;

  border-bottom: solid 1px #eee;

}

.pricing-box li h4 {

  font-size: 22px;

  margin: 0;

  padding: 0;

  font-weight: 400;

}

.pricing-box li h1 {

  font-size: 45px;

  margin: 0;

  font-weight: 600;

}

.pricing-box li.title-row {

  padding: 15px 0 15px 0;

}

.pricing-box li.price-row {

  background: #f5f5f5;

  padding: 15px 0 15px 0;

}

.pricing-box li.price-row span {

  display: block;

  font-weight: 600;

}

.pricing-box li.btn-row {

  background: #f5f5f5;

}

.pricing-featured {

  z-index: 5;

  -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.5);

  -moz-box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.5);

  box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.5);

  position: relative;

  margin-top: -25px;

}

.pricing-box .pricing-featured li.price-row h1 {

  color: #fff;

}

.pricing-box .pricing-featured li.price-row span {

  color: rgba(0,0,0,0.5);

}



/* ##### TIMELINE ##### */

.timeline-content #timeline {

  list-style-type: none;

  margin: 0;

  padding: 0;

  position: relative;

  overflow: hidden;

  background: url("assets/images/timeline.png") repeat-y top center;

}

.timeline-content #timeline .timeline-item {

  clear: both;

  margin-bottom: 0;

  width: 50%;

  float: left;

}



.timeline-content #timeline .post {

  margin: 0 90px 0 0;

  position: relative;

  min-height: 200px;

  background: #fff;

  box-shadow: none;

  border: 0;

  padding: 0;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

  border: 1px solid #e1e1e1;

}

.timeline-content #timeline .post-body {

  border-bottom: 0 none;

  margin-bottom: 0;

  padding-bottom: 0;

}

.timeline-content #timeline .post-body .blog-title h1 {

  font-size: 21px;

}

.timeline-content #timeline .post-body .blog-title h1 a {

  color: #222;

}

.timeline-content #timeline .post-body .blog-title, .timeline-content #timeline .post-body .post-text {

  margin: 20px;

}



.timeline-content #timeline .post-body .post-text .lead{

  font-size:18px;

}



.timeline-content #timeline .post-body a {

  display: block;

  overflow: hidden;

}

.timeline-content #timeline .post-title {

  margin-bottom: 12px;

  text-transform: uppercase;

}

.timeline-content #timeline .post-info {

  left: 100%;

  margin: -100px 11px 0 11px;

  position: absolute;

  top: 50%;

  width: 160px;

  z-index: 1;

  padding: 0;

  border: 0;

  background: #fff;

}

.timeline-content #timeline .post-info .info-date {

  font-size: 17px;

  min-height:32px;

}

.timeline-content #timeline .post-info .info-date small {

  display: block;

}

.timeline-content #timeline .post-info .box-inner {

  display: block;

  width: 113px;

  margin: 10px auto;

}

.timeline-content #timeline .post-info .box-inner img {

  border: 1px solid #e1e1e1;

  padding: 9px;

  background: #fff;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

}

.timeline-content #timeline .post-arrow {

  background-image: url("assets/images/timeline-arrow-right.png");

  background-size: 11px 22px;

  height: 22px;

  left: 100%;

  margin-top: -11px;

  position: absolute;

  top: 50%;

  width: 11px;

}

.timeline-content #timeline .timeline-item:nth-child(2n) {

  float: right;

}

.timeline-content #timeline .timeline-item:nth-child(2n) .post {

  margin-left: 90px;

  margin-right: 0;

}

.timeline-content #timeline .timeline-item:nth-child(2n) .post-info {

  left: auto;

  right: 100%;

}

.timeline-content #timeline .timeline-item:nth-child(2n) .post-arrow {

  background-image: url("assets/images/timeline-arrow-left.png");

  left: auto;

  right: 100%;

}

.timeline-content .action {

  margin-top: 50px;

}



/* ##### PARALLAX AREA ##### */

.parallax {

  background-attachment: fixed !important;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

  min-height: 260px;

}

.parallax h1, .parallax h2, .parallax .info-address-list li span {

  color: #fff;

}



.social-link span {

  text-transform: uppercase;

  font-size: 12px;

  display: block;

}



.parallax .social-link span {

  color: #fff;

}



.parallax .social-link .lead {

  margin: 0;

}

.parallax .social-link .hi-icon-effect-1 .hi-icon {

  background: rgba(255,255,255,0.15);

}

.parallax-overlay {

  background-color: #000;

  position: absolute;

  left: 0px;

  right: 0px;

  bottom: 0px;

  top: 0px;

  zoom: 1;

  filter: alpha(opacity=80);

  opacity: 0.8;

}

.parallax-overlay.no-img {

  filter: alpha(opacity=100);

  opacity: 1;

}



.parallax-background-color {

  filter: alpha(opacity=90);

  opacity: 0.9;

}



.parallax .service-items a, .parallax .service-items a h3, .parallax .circular-pie span, .parallax .circ_counter_desc .lead, .parallax .number-counters strong, .parallax .media-heading, .parallax .contact-content h1 i, .parallax .info-address-list li a:hover {

  color: #fff;

}



.parallax .call-number {

  background-color: rgba(255,255,255,0.2);

}



.parallax .owl-theme .owl-controls .owl-page span{ background:#fff;}



.parallax-background-color-content p, .parallax .info-address-list li a, .content-box a:hover p, .parallax .counters-item .fa {

  color: rgba(255,255,255,0.6);

}



.parallax-background-color-content .service-items a:hover, .parallax-background-color-content .service-items a:hover h3 {

  color: rgba(0,0,0,0.8);

}



.parallax-background-color-content .mybutton a span, .parallax-background-color-content .mybutton button span, .csstransforms3d .parallax-background-color-content .mybutton a:hover span::before, .csstransforms3d .parallax-background-color-content .mybutton button:hover span::before, .csstransforms3d .parallax-background-color-content .mybutton a span::before, .csstransforms3d .parallax-background-color-content .mybutton button span::before, .parallax-background-color-content .mybutton2 a, .parallax-background-color-content .mybutton2 button, .parallax-background-color-content .hi-icon-effect-1 .hi-icon, .no-touch .parallax-background-color-content .hi-icon-effect-1 .hi-icon:hover {

  background-color: #fff;

}



.parallax-background-color-content .content-box a:hover {

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

}



.parallax-background-color-content .mybutton2 a:hover, .parallax-background-color-content .mybutton2 button:hover {

  background: none;

}



.parallax-background-color-content .hi-icon-effect-1 .hi-icon:after {

  box-shadow: 0 0 0 4px #fff;

}



.parallax-content {

  position: relative;

}



.content-box a {

  background: #fff;

  padding: 30px 20px;

  display: block;

}



.content-box a:hover i, .content-box a:hover h4 {

  color: #fff;

}

.content-box a i {

  color: #a4a4a4;

}

.content-box a p {

  color: #000;

}

.content-box h4 {

  font-size: 18px;

  font-weight: 600;

  text-transform: uppercase;

  margin: 12px 0;

}

.content-box p {

  margin: 0;

  font-size: 14px;

  line-height: 18px;

}



/* RADIAL PROGRESS BAR */

.circular-content {

  display: inline-block;

  height: auto;

  text-align: center;

  min-height:400px;

}

.cart {

  position: relative;

  overflow: hidden;

  min-height: 388px;

  text-align: center;

}

.cart .hidden {

  display: none;

}

.easyPieChart {

  position: relative;

  text-align: center;

  margin: 0px auto;

}

.easyPieChart canvas {

  position: absolute;

  top: 0;

  left: 0;

}

.circular-pie {

  width: 310px;

  height: 310px;

}



.circular-pie span {

  display: block;

  position: absolute;

  top: 20px;

  right: 20px;

  bottom: 20px;

  left: 20px;

  height: 210px;

  width: 210px;

  z-index: 10;

  line-height: 210px;

  border-radius: 100%;

  text-align: center;

  font-size: 68px;

  letter-spacing: -3px;

  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);

}



.circ_counter_desc {

  margin: 20px 0;

  font-size: 15px;

  text-align: center;

}

.circ_counter_desc .lead {

  font-size: 26px;

}



/* NUMBER COUNTER */

.number-counters {

  overflow: hidden;

}

.counters-item {

  overflow: hidden;

}

.number-counters strong {

  color: #222;

  display: block;

  font-size: 60px;

  font-weight: 600;

  line-height: 60px;

}



.client-list a img {

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

  filter: alpha(opacity=70);

  -moz-opacity: 0.7;

  -khtml-opacity: 0.7;

  opacity: 0.7;

}

.client-list a:hover img {

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  filter: alpha(opacity=100);

  -moz-opacity: 1;

  -khtml-opacity: 1;

  opacity: 1;

}

.service-items a {

  display: block;

}

.service-items a, .service-items a h3 {

  color: #222;

}



.service-items h3 {

  font-size: 17px;

  font-weight: 600;

  text-transform: uppercase;

  margin: 10px 0;

}

.call-number {

  -webkit-border-radius: 7px;

  -moz-border-radius: 7px;

  border-radius: 7px;

  margin: 12px 0px 0 0;

  padding: 10px 50px;

  line-height: 100px;

  font-weight: 600;

  color: #fff;

  display: inline-block;

  font-size: 78px;

}

.call-number a {

  color: #fff;

}



.info-address-list {

  overflow: hidden;

  list-style: none;

  margin: 40px 0 0 0;

  padding: 0;

}

.info-address-list li {

  display: inline-block;

  padding: 10px 20px;

}

.info-address-list li a:hover {

  filter: alpha(opacity=100);

  opacity: 1;

}

.info-address-list li p {

  margin: 0;

  display: inline;

}



/* ##### CONTACT ##### */

.form-group {

  position: relative;

}

.form-group label, form label {

  text-transform: uppercase;

}

.form-group label.error {

  position: absolute;

  top: 0;

  right: 0;

  font-size: 14px;

  text-transform: none;

}

.form-group .form-control {

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

  box-shadow: none;

  border-color: #DEDEDE;

}

.form-group .form-control:focus {

  border-color: #afafaf;

}

.form-group .form-control.input-lg {

  font-size: 14px;

}

.form-group .form-control.error, .form-group .form-control.error:focus {

  border: 1px solid #DEDEDE;

}

.form-group textarea {

  height: 219px;

  resize: vertical;

}

.form-button {

  margin-top: 50px;

}

.form-respond .content-message {

  margin: 0 0 50px 0;

  padding: 30px;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

  background: #f5f5f5;

}

.form-respond .content-message i {

  color: #222;

}

.form-respond .content-message h2 {

  font-size: 24px;

  text-transform: uppercase;

  font-weight: 600;

  margin: 10px 0px 0 0;

}

.map_canvas {

  width: 100%;

  height: 500px;

}

.map_canvas img {

  max-width: none;

}

.map_canvas #bodyContent {

  max-width: 245px

}



/* ##### FOOTER ##### */

footer {

  font-size: 12px;

  padding: 0 0 30px;

  text-align: center;

}



footer .copy-line a {

  font-weight: bold;

}



footer .social-icon {

}

footer .social-icon a {

  color: #CFCFCF;

  padding: 0 8px 20px 8px;

  display: inline-block;

}

footer .social-icon a:hover {

  color: #999;

}



#back-top {

  position: fixed;

  bottom: 20px;

  right: 20px;

  width: 40px;

  height: 40px;

  text-align: center;

  line-height: 40px;

  background: #222;

  color: #fff;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  zoom: 1;

  filter: alpha(opacity=50);

  opacity: 0.5;

  z-index: 100;

  display: none;

}

#back-top:hover {

  filter: alpha(opacity=100);

  opacity: 1;

}



/* ##### BLOG PAGE ##### */

.blog-content a {

  color: #222;

}

.blog-content .avatar {

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px;

}

.blog-content p {

  margin-bottom: 20px;

}

.blog-content dt, .blog-content p strong {

  color: #222;

}

.blog-content pre {

  border: 0;

  color: #898989;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  border-radius: 0px;

}

.blog-content .img-gallery img{ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}



.media-post{ margin:35px 0;}

.single .media-post{ margin:0 0 45px 0;}



.blog-comments ul {

  margin-left: 0;

  padding-left: 0;

  list-style: none;

}

.blog-comments ul li {

  border-top: 1px solid #DEDEDE;

  margin-top: 20px;

  padding-top: 25px;

}

.blog-comments .avatar {

  position: absolute;

  top: 0;

  left: 0;

}

.blog-comments .comment-body {

  overflow: hidden;

  position: relative;

  padding: 0 0 0 90px;

  min-height: 70px;

}

.blog-comments .children {

  padding-left: 90px;

}

.blog-comments .children .comment-body {

  overflow: hidden;

  position: relative;

  padding: 0 0 0 70px;

  min-height: 50px;

}

.blog-comments .children .children {

  padding-left: 70px;

}

.blog-comments .children .avatar {

  width: 50px;

  height: 50px;

}

.blog-comments .alert {

  margin: 15px 0 0 0;

}



.post-info {

  overflow: hidden;

  margin-bottom: 15px;

  display: block;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  border: dotted #DEDEDE;

  border-width: 1px 0;

  font-size: 13px;

  padding: 9px 0;

}

.post-info ul {

  list-style: none;

  padding: 0;

  margin: 0;

  display: inline;

}

.post-info ul li {

  display: inline;

}



.post-tags {

  border-left: 5px solid #DEDEDE;

  padding: 10px 20px; /*margin:0 0 50px 0;*/

  overflow: hidden;

}

.post-tags .icon {

  float: left;

  line-height: 27px;

  margin: 0 10px 0 0;

}

.post-tags a {

  padding: 6px 8px;

  line-height: 32px;

  font-size: 12px;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  background: #DEDEDE;

  color: #6E6E6E;

}

.blog-content .post-tags a:hover {

  color: #fff;

}



#post-author {

  overflow: hidden;

  background: #F5F5F5;

  margin: 0px 0px 40px 0;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  border: 1px solid #EAEAEA;

  padding: 20px;

}

#post-author h5 {

  margin: 0 0 5px 0;

  display:inline;

}

#post-author .avatar {

  float: left;

  margin: 0 20px 10px 0;

}

.comment-list .comment-respond{

  margin-bottom:55px;

}

.comment-respond{

  margin-top:55px;

}

.comment-respond form {

  border-top: 1px solid #DEDEDE;

  margin-top: 20px;

}

.comment-respond form p {

  margin: 25px 0 0 0;

}

.comment-respond form p.form-submit {

  margin: 45px 0 0 0;

}

.comment-respond form p.form-submit input {

  width: auto;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  background: #222;

  color: #fff;

  border: 0;

}

.comment-respond form input, .comment-respond form textarea {

  border: 1px solid #DEDEDE;

  font-size: 14px;

  padding: 10px 16px;

  width: 100%;

}

.comment-respond form input:focus, .comment-respond form textarea:focus {

  border-color: #afafaf;

}



.comment-respond form textarea {

  height: 160px;

  resize: vertical;

}

.comment-respond code {

  display: block;

  font-size: 12px;

  line-height: 14px;

  padding: 10px;

  white-space: normal;

  margin: 10px 0 0 0;

  background: #F5F5F5;

  color: #999;

}



/* PAGINATION */



.pager {

  border-top: 1px solid #DEDEDE;

  margin: 0;

  padding-top: 30px;

  font-size: 13px;

}

.pager .puls {

  display: inline;

}

.pager ul {

  margin: 0;

  padding: 0;

}

.pager ul li {

  display: inline-block;

}

.pager ul li a, .pager ul li span, .pager a, .comment-pagination .page-numbers {

  background: #EDEDED;

  margin: 0;

  border: 0;

  padding: 5px 10px;

  margin: 0;

  color: #6e6e6e;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

}

.pager ul li a:hover, .pager .puls a:hover, .comment-pagination .page-numbers:hover {

  color: #fff;

}

.pager ul li .current, .pager .puls a, .comment-pagination span.page-numbers {

  color: #fff;

  border: 0;

  background: #222;

  padding: 5px 10px;

}

.comment-pagination {

  border-top: 1px solid #DEDEDE;

  margin-top: 20px;

  padding-top: 25px;

}

.comment-pagination .next.page-numbers, .comment-pagination .prev.page-numbers {

  display: none;

}



/* WIDGET */

.widget {

  margin-bottom: 50px;

}

.widget a,

#wp-calendar #prev,

#wp-calendar #next{

  color: #898989;

}



.widget_tag_cloud .tagcloud{ overflow:hidden;}

.widget_tag_cloud .tagcloud a{

  display: block;

  float: left;

  font-weight: 200;

  padding: 0 10px 10px 0;

}



.widget.widget_recent_comments a:hover, .widget.widget_rss a:hover {

  color: #222;

}

.widget .widget-title {

  margin: 0 0 20px 0;

  font-weight: 600;

  font-size: 18px;

  text-transform: uppercase;

}

.widget .form-group {

  margin: 0;

}

.widget #searchform input {

  font-size: 14px;

  border: 1px solid #DEDEDE;

  color: #999;

  height: 45px;

  line-height: 1.33;

  padding: 10px 16px;

  display: block;

  width: 100%;

}

.widget #searchform input:focus {

  color: #555;

  border-color: #AFAFAF;

}

.widget #searchform input[type="submit"] {

  display: none;

}

.widget select {

  width: 100%;

  border: 1px solid #DEDEDE;

  color: #555;

  font-size: 14px;

  padding: 10px 16px;

  background: none;

}

.widget select:focus {

  outline: none;

}

.widget ul {

  margin: 0;

  padding: 0;

  list-style: none;

}

.widget ul li {

  border-bottom: 1px solid #DEDEDE;

  padding: 12px 0 12px 30px;

  position: relative;

}

.widget ul li:before {

  color: #999999;

  content: "";

  display: block;

  font-family: "FontAwesome";

  font-size: 16px;

  font-style: normal;

  font-weight: normal;

  left: 14px;

  position: absolute;

  top: 13px;

}

.widget ul li:first-of-type {

  padding-top: 0;

}

.widget ul li:first-of-type:before {

  top: 2px;

}

.widget ul li ul {

  padding-top: 12px;

}

.widget ul li ul li {

  border-bottom: 0;

  padding-bottom: 0;

}

.widget_rss .rss-date {

  margin: 0 0 5px 0;

}

.widget_rss .rss-date, .widget_rss cite {

  display: block;

  font-size: 12px;

}

.textwidget strong {

  color: #222;

}

#wp-calendar {

  width: 100%;

}

#wp-calendar caption {

  font-size: 15px;

  font-weight: 600;

  margin: 0 0 8px 0;

  text-align: right;

  text-transform: capitalize;

}

#wp-calendar thead {

  font-size: 10px;

}

#wp-calendar thead th {

  padding: 0 0 10px 0;

  text-align: center;

  border: 0;

}

#wp-calendar tbody {

  color: #AAAAAA;

}

#wp-calendar tbody td {

  background: none repeat scroll 0 0 #F5F5F5;

  border: 1px solid #FFFFFF;

  width: 35px;

  height: 35px;

  line-height: 35px;

  text-align: center;

  padding: 0;

}

#wp-calendar tbody td:hover {

  background: none repeat scroll 0 0 #FFFFFF;

}

#wp-calendar tbody td a {

  color: #fff;

  display: block;

}

#wp-calendar a {

  color: inherit;

  font-weight: 700;

}

#wp-calendar tbody .pad {

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

}

#wp-calendar tfoot td {

  border: 0;

  padding: 0;

}

#wp-calendar tfoot #prev, #wp-calendar tfoot #next {

  font-size: 11px;

  padding-top: 15px;

  text-transform: uppercase;

}

#wp-calendar tfoot #next {

  text-align: right;

}



.not-found i {

  font-size: 250px;

  color: #DEDEDE;

}



/* Require css class */

.wp-caption {

  overflow: hidden;

  max-width: 100%;

}

.wp-caption-text {

  padding: 10px;

  background: #F5F5F5;

  font-size: 12px;

}

.sticky {

}

.gallery-caption {

}

.bypostauthor {

}

.alignright {

  float: right;

  margin-left: 15px;

}

.alignleft {

  float: left;

  margin-right: 15px;

}

.aligncenter {

  margin: auto;

  display: block;

}



.client-logo{ padding:10px 14px;}



/* ##### EFFECT ##### */

.rotate {

  display: inline-block;

  max-width: 100%;

  -webkit-transition-duration: 0.8s;

  -moz-transition-duration: 0.8s;

  -o-transition-duration: 0.8s;

  transition-duration: 0.8s;

  -webkit-transition-property: -webkit-transform;

  -moz-transition-property: -moz-transform;

  -o-transition-property: -o-transform;

  transition-property: transform;

  overflow: hidden;

  position:relative;

  z-index: 1;

}

.rotate:hover {

  -webkit-transform: rotate(360deg);

  -moz-transform: rotate(360deg);

  -o-transform: rotate(360deg);

}

.zoom img {

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.zoom:hover img {

  transform: scale(1.15);

  -ms-transform: scale(1.15); /* IE 9 */

  -moz-transform: scale(1.15); /* Firefox */

  -webkit-transform: scale(1.15); /* Safari and Chrome */

  -o-transform: scale(1.15); /* Opera */

}

.hi-icon {

  display: inline-block;

  cursor: pointer;

  margin: 15px;

  width: 105px;

  height: 105px;

  border-radius: 50%;

  text-align: center;

  position: relative;

  z-index: 1;

  color: #fff;

}

.hi-icon:after {

  pointer-events: none;

  position: absolute;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  content: '';

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

}

.hi-icon:before {

  speak: none;

  line-height: 105px;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  display: block;

  -webkit-font-smoothing: antialiased;

}

.hi-icon-effect-1 .hi-icon {

  -webkit-transition: background 0.2s, color 0.2s;

  -moz-transition: background 0.2s, color 0.2;

  transition: background 0.2s, color 0.2s;

}

.hi-icon-effect-1 .hi-icon:after {

  top: -7px;

  left: -7px;

  padding: 7px;

  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;

  -webkit-transform: scale(.8);

  -moz-transition: -moz-transform 0.2s, opacity 0.2s;

  -moz-transform: scale(.8);

  -ms-transform: scale(.8);

  transition: transform 0.2s, opacity 0.2s;

  transform: scale(.8);

  opacity: 0;

}

.no-touch .hi-icon-effect-1 .hi-icon:hover:after {

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

  opacity: 1;

}



.item_top {

  top: -50px;

  padding-right: 0px;

  opacity: 0;

  position: relative;

}

.item_bottom {

  bottom: -50px;

  padding-left: 0px;

  opacity: 0;

  position: relative;

}

.item_left {

  left: -80px;

  padding-right: 0px;

  opacity: 0;

  position: relative;

}

.item_right {

  right: -80px;

  padding-left: 0px;

  opacity: 0;

  position: relative;

}

.item_fade_in {

  opacity: 0;

  position: relative;

  padding-left: 0px;

  right: 0px;

}



.owl-item .item_top,

.owl-item .item_bottom,

.owl-item .item_left,

.owl-item .item_right,

.owl-item .item_fade_in{

  opacity: 1;

  top: auto;

  right: auto;

  bottom: auto;

  left: auto;

  padding: 0;

}



/* ##### CUSTOM BUTTON ##### */

.mybutton a:hover, .mybutton button:hover, .mybutton a:focus

.mybutton button:focus {

  outline: none;

}

.mybutton.ultra a, .mybutton.ultra button {

  font-size: 20px;

  line-height: 60px;

}

.mybutton.ultra a span, .mybutton.ultra button span {

  padding: 0 30px;

}

.mybutton.big a, .mybutton.big button {

  font-size: 17px;

  line-height: 50px;

}

.mybutton.big a span, .mybutton.big button span {

  padding: 0 20px;

}

.mybutton.medium a, .mybutton.medium button {

  font-size: 14px;

  line-height: 40px;

}

.mybutton.medium a span, .mybutton.medium button span {

  padding: 0 15px;

}

.mybutton.small a, .mybutton.small button {

  font-size: 12px;

  line-height: 35px;

}

.mybutton.small a span, .mybutton.small button span {

  padding: 0 10px;

}

.mybutton {

  display: inline;

}

.mybutton a, .mybutton button {

  text-transform: uppercase;

  border: 0;

  padding: 0;

  position: relative;

  display: inline-block;

  outline: none;

  text-decoration: none;

  font-weight: 400;

  text-shadow: 0 0 1px rgba(255,255,255,0.3);

  letter-spacing: 0;

}

.mybutton a span, .mybutton button span {

  color: #fff;

  text-align: center;

  position: relative;

  display: inline-block;

}

.mybutton2.ultra a span, .mybutton2.ultra button span {

  font-size: 20px;

  line-height: 60px;

  padding: 0 30px;

}

.mybutton2.big a span, .mybutton2.big button span {

  font-size: 17px;

  line-height: 50px;

  padding: 0 20px;

}

.mybutton2.medium a span, .mybutton2.medium button span {

  font-size: 14px;

  line-height: 40px;

  padding: 0 15px;

}

.mybutton2.small a span, .mybutton2.small button span {

  font-size: 12px;

  line-height: 35px;

  padding: 0 10px;

}



.mybutton2 {

  display: inline-block;

}



.mybutton2 a, .mybutton2 button {

  text-transform: uppercase;

  border: 0;

  padding: 0;

  display: block;

  font-weight: 400;

  color: #fff;

  outline: none;

  text-align: center;

  display: inline-block;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

  overflow: hidden;

  vertical-align: middle;

}

.mybutton2 a span, .mybutton2 button span {

  display: block;

}



.mybutton2 a:hover span, .mybutton2 button:hover span, .mybutton2 a:focus span, .mybutton2 button:focus span {

  background: rgba(0, 0, 0, .2);

  color: #fff;

}



.owl-theme .owl-controls{

  margin-top:25px;

}

.owl-theme .owl-controls .owl-page span {

  margin: 0 7px;

  width: 10px;

  height: 10px;

  background:#222;

}



.show-grid{

  background: none repeat scroll 0 0 #999999;

  color: #FFFFFF;

  font-size: 12px;

  margin-top: 20px;

  padding: 10px 0;

  display:block;

  text-align:center;

  font-weight:600;

}

.fa-short i{

  color:#222;

}



/*custom css ideas*/

.wpcf7 input[type="text"],

.wpcf7 input[type="email"]

{

	font-size: 14px;

	border-radius: 0;

    	box-shadow: none;

    	border-color: #DEDEDE;

	height: 45px;

    	padding: 10px 16px;

    	line-height: 1.33;

    	color: #555555;

    	vertical-align: middle;

    	background-color: #ffffff;

    	background-image: none;

    	border: 1px solid #cccccc;

	display: block;

    	width: 100%;

} 

.wpcf7 textarea

{

	font-size: 14px;

	border-radius: 0;

    	box-shadow: none;

    	border-color: #DEDEDE;

    	padding: 10px 16px;

    	line-height: 1.33;

    	color: #555555;

    	vertical-align: middle;

    	background-color: #ffffff;

    	background-image: none;

    	border: 1px solid #cccccc;

	display: block;

    	width: 100%;

}

.submit-form

{

	padding: 0 15px;

	background-color: #0484c9;

	color: #fff;

    	text-align: center;

    	position: relative;

    	display: inline-block;

    	font-size: 14px;

    	line-height: 40px;

    	text-transform: uppercase;

    	border: 0;

	transition: transform .3s ease,box-shadow .3s ease

}







.submit-form:hover {

	transform: translate3d(-5px,-5px,0);

    	box-shadow: #c2c2c2 1px 1px, #c2c2c2 2px 2px, #c2c2c2 3px 3px, #c2c2c2 4px 4px, #c2c2c2 5px 5px;

}



.form_capcha{

	clear:both;

}

/*END custom css ideas*/