/*
Theme Name: Transporting Theme
Theme URI: https://unioffice.hu
Author: László Anikó
Author URI: https://lancsawebdesign.hu
Description: VTBT Expressz Kft. honlapja
Version: 1.0
Text Domain: transtheme
Domain Path: /languages
*/

/*********************************************************************/
/********* General settings ********/
/* make keyframes that tell the start state and the end state of our object */ 
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 
.fade-in {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
 
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
} 

.affix { top: 0; width: 100%; }
.affix + .container { padding-top: 70px; }

.counter { line-height: 1.0 !important; }

span, p, li { font-family: 'Segoe UI Light','Helvetica Neue', Arial, sans-serif; }
	
html, body { width: 100%; height: 100%; }
body { padding-top: 60px; font-family: 'Segoe UI','Helvetica Neue', Arial, sans-serif !important; 
font-size: 16px !important; line-height: 1.6 !important; color: #6b6b6b !important;	}
.body-wrap { background-color: #fff; }

a { color: #91650e; }
a:hover, a:focus { text-decoration: none; color: #91650e; }
a, button, input[type=submit] { -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; transition: all .35s ease-in-out; }
a.link-bold { font-size: 14px !important; font-weight: 500 !important; padding: 2px 10px; text-transform: uppercase; }

.link-tags, .tag-cloud-link { display: inline-block; padding: 5px 10px; font-size: 14px !important; margin: 2px 0px !important; background-color: #d0c8c8; 
color: #ffffff !important; }
.link-tags:hover, .tag-cloud-link:hover { background: #91650e; }


h1, h2, h3, h4, h5, h6 { line-height: 1.28 !important; font-family: 'Anton', 'Segoe UI', Arial !important; color: #252525 !important; }
h1 strong, h2 strong, h3 strong, h4 strong, h1 span, h2 span, h3 span, h4 span { font-family: 'Anton', 'Segoe UI', Arial !important; }
@media(min-width: 768px){
h1 { font-size: 60px !important; }
h2 { font-size: 38px; }
h3 { font-size: 26px; }
}

@media(max-width: 767px) {
h1 { font-size: 45px !important; }
h2 { font-size: 30px !important; }
h3 { font-size: 20px !important; }	
}

p { margin-bottom: 20px; font-size: 16px; line-height: 1.6 !important; }

hr.divider { border-top: dashed 5px #03a9f4; width: 10%; margin-left: auto; margin-right: auto; margin-bottom: 25px !important; }
.bg-color1 hr.divider { border-top: dashed 5px #ffffff !important; }
.title { text-transform: uppercase; }
.title strong { color: #91650e !important; }

section { padding: 0; }
.section-wrap { position: relative; width: 100%; height: 100%; display: block; }

.btn-dark, .btn-light, .btn-color1 { font-family: 'Segoe UI' !important; display: inline-block; font-size: 16px !important; text-transform: uppercase; 
padding: 12px 22px; margin: 2px 0px; border-radius: 4px !important; }
.btn-s { padding: 6px 10px !important; font-size: 14px !important; }
.btn-color1:hover { background-color: #333333; color: #ffffff !important; }
.btn-light:hover, .btn-dark:hover { background-color: #91650e; color: #ffffff !important; }
.btn-dark, .btn-color1 { color: #ffffff !important; }

.text-white, .text-white p, .text-white h1, .text-white h2, .text-white h3, .text-white h4 { color: #ffffff !important; }
.text-white-shadow, .text-white-shadow p, .text-white-shadow h1, .text-white-shadow h2, .text-white-shadow h3, .text-white-shadow h4 { color: #ffffff !important; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);  }
.text-black, .text-black p, .text-black h1, .text-black h2, .text-black h3, .text-black h4 { color: #000000; }
.text-dark, .text-dark p, .text-dark h1, .text-dark h2, .text-dark h3, .text-dark h4 { color: #333333 !important;}
.text-light, .text-light p, .text-light h1, .text-light h2, .text-light h3, .text-light h4 { color: #f5f5f5 !important; }
.text-color1, .text-color1 p, .text-color1 h1, .text-color1 h2, .text-color1 h3, .text-color1 h4 { color: #91650e !important; }
.text-upper { text-transform: uppercase; }
.text-shadow { text-shadow: 1px 1px 2px rgba(0,0,0,0.8); }
.text-bold { font-weight: bold !important; }
.text-60 { font-size: 60px !important; }
.text-title { letter-spacing: 1px; margin: 0px 0px 20px 0px; }
.text-small, .text-small p { font-size: 14px !important; line-height: 1.5 !important; }
.text-numbering { font-size: 25px !important; border: solid 2px #5e3c3d; border-radius: 50%; padding: 10px 20px; }
.no-padding { padding: 0; }
.lead { text-align: center !important; font-family: 'Segoe UI Light', Arial !important; }
.lead p { font-size: 18px !important; font-family: 'Segoe UI Light', Arial !important; }

.background-covered { -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; background-position: center; } 
.bg-white { background-color: #ffffff; }
.bg-light, .btn-light { background: #f5f5f5; }
.bg-dark, .btn-dark { background-color: #333333; }
.bg-color1, .btn-color1 { background-color: #91650e; }

.box-img { display: block; position: relative; overflow: hidden; }
.page-left .box-img { margin-bottom: 10px; }
.box-img a { webkit-transition: color 0.35s ease-in-out, background 0.35s ease-in-out, border 0.35s ease-in-out;
-moz-transition: color 0.35s ease-in-out, background 0.35s ease-in-out, border 0.35s ease-in-out;
-o-transition: color 0.35s ease-in-out, background 0.35s ease-in-out, border 0.35s ease-in-out;
transition: color 0.35s ease-in-out, background 0.35s ease-in-out, border 0.35s ease-in-out;}
.box-img img { zoom: 1; -webkit-transition: all 0.9s ease 0s; -moz-transition: all 0.9s ease 0s; -ms-transition: all 0.9s ease 0s; -o-transition: all 0.9s ease 0s; transition: all 0.9s ease 0s;}
.box-img:hover img { zoom: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
img { max-width: 100% !important; height: auto !important; }
.text-center img, img.aligncenter { margin: 0px auto 10px auto !important; }
img.alignleft, img.alignnone { float: left !important; margin-right: 20px; margin-bottom: 20px; }
img.alignright { float: right !important; margin-left: 20px; margin-bottom: 20px; }

/*********************************************************************/
/********* General settings responsive css  ********/
@media(max-width:479px){
.visible-xxs { display: inline-block !important; }
.hidden-xxs { display: none !important; }
}
@media(min-width:480px){
.visible-xxs { display: none !important; }
.hidden-xxs { display: inline-block !important; }}
@media(min-width: 768px){
body { }
.text-futured p { font-size: 30px !important; letter-spacing: 1px; }
section { padding: 0; }
.col-right {  }
.col-left {  }
.col-right img { float: right !important; }
.lead p { font-size: 24px !important; }
.text-numbering { font-size: 38px !important; border: solid 2px #5e3c3d; border-radius: 50%; padding: 5px 20px; }
}
@media(max-width: 767px){ 
.section-left .container, .section-right .container {  }	
.section-left img, .section-right img, .box-img img { text-align: center; margin: 0px auto 20px auto !important; }
section .row { margin-left: 0px; margin-right: 0px !important;}
}

/*************************************************/
/*********************************************************************/
.header-sidebar { background: #ffffff; font-size: 14px !important; color: #91650e !important; text-align: right; padding: 4px 0px; }
.header-sidebar .textwidget { padding-right: 5px; }
.header-sidebar i.fa { font-size: 20px; }
/******** Navigation  ********/
#main-nav.shrink {  margin: 0px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; }
#main-nav.shrink .navbar-nav > li { margin: 0px !important; }
#main-nav.shrink .navbar-nav > li a{  }
#main-nav.shrink .logo-div { margin-left: -60px !important;  }
#main-nav.shrink .logo-div img { height: 81px !important; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease;}

#main-nav { background: #ffffff; z-index: 1000 !important; margin: 0px 0px; -webkit-transition: all 0.4s ease; 
transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; }
#main-nav .navbar-nav {  }
#main-nav .navbar-nav > li { text-align: center; transition: transform 0.5s ease-in;
-moz-transition: transform 0.5s ease-in; -ms-transition: transform 0.5s ease-in; -o-transition: transform 0.5s ease-in; -webkit-transition: transform 0.5s ease-in; }
#main-nav .navbar-nav > li > a { text-transform: uppercase; font-size: 14px !important; letter-spacing: 1px; font-weight: 600 !important; color: #333333 !important; padding: 10px !important; }
#main-nav .navbar-nav > li.active > a, .current-menu-parent > a, .current-menu-item > a, #main-nav .navbar-nav > li > a:hover { background-color: transparent !important; color: #91650e !important; }
#main-nav .navbar-nav > li > a:focus { background-color: transparent !important; color: #91650e !important; }
.navbar-toggle .icon-bar { width: 28px; height: 4px; border-radius: 0px; background-color: #91650e !important;}
.navbar-toggle { background-color: white !important; }

.navbar-nav > li > ul { margin:0 0 0 0px; padding: 0px; background-color: #333333; border: 0px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); position: absolute; top: 100%; left: 0; 
min-width: 210px; visibility: hidden; text-align:left; opacity:0; transition: visibility 0.5s linear 0.5s, opacity 0.5s linear; }
.navbar-nav > li ul li { margin:0; display: block; padding: 10px; }
.navbar-nav > li ul li a { padding: 20px 10px !important; color: rgb(245,245,220) !important; font-size: 14px !important;  }
.navbar-nav > li ul li:hover { background-color: rgba(255,255,255,0.1); }
.navbar-nav > li:hover ul { visibility: visible; opacity: 1; transition-delay: 0.1s; }
.navbar-nav .current-menu-item, .navbar-nav .active, .navbar-nav .active a, .current-menu-parent > a, .current-menu-item > a 
{ background-color: transparent !important; color: #91650e !important;}

.logo-div { padding: 0px; position: absolute; left: 50%; width: 170px; margin-left: -85px !important;  }
.logo-div img { width: auto; height: 81px !important; }
.logo-div h1 { margin: 0px !important; padding: 0px; font-size: 38px !important; color: #715657 !important; font-family: 'Pacifico' !important; }
.logo-div h2 { margin: 0px !important; padding: 0px; font-size: 16px !important; color: #715657 !important; font-family: 'Oswald' !important; }

/*** page navigation, search ****/
.navigation { text-align: center; margin: 0px auto; }
.navigation ul { width: auto; margin: 0px auto !important; }
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}
 
.navigation li {
    display: inline;
}
 
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #03a9f4;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
}
 
.navigation li a:hover,
.navigation li.active a {
    background-color: #333333;
}

/************************************************/
/*********************************************************************/
/********* Navigation responsive css  ********/
@media(min-width: 768px){
#main-nav .navbar-nav > li  { margin: 0px; }
#main-nav .navbar-nav > li a { padding: 30px 10px !important; }
}
@media(max-width: 991px){
#main-nav .navbar-nav > li a { font-size: 13px !important; padding: 30px 5px !important; }

.navbar-nav > li:hover ul, .navbar-nav > li ul { display: none; }
#main-nav .navbar-nav {  }
}
@media(min-width: 992px){
.navbar-toggle { padding: 10px; margin-top: 15px; margin-bottom: 15px; border: 0px;}
.logo-div img { height: 105px !important; }
}
@media(min-width: 1200px){
	#main-nav .navbar-nav > li a { padding: 30px 25px !important; }
}
@media(max-width: 767px){
.navbar-collapse {  border-bottom: solid 1px #bbbbbb; }
#main-nav .navbar-nav > li a { font-size: 13px !important; padding: 10px 5px !important; }
#main-nav .navbar-nav > li { float: left !important; width: 100%; display: block; text-align: right; }
#main-nav .navbar-nav > li.lang-item img { position: absolute; bottom: 0; right: 10px; }
}

/*************************************************/
/*********************************************************************/
/********* List ********/
.list-box p { margin-bottom: 10px !important; }
.list-box .box-img, .list-box img { border-radius: 4px; }
.list-box h3 { font-size: 24px !important; margin: 0px 0px 10px 0px; }
.list-box h3 a, .blog-box h3 a { color: #53241b !important; }
.blog-box h3 { font-size: 24px !important;  margin: 10px 0px; }
.blog-box, .list-box { margin-bottom: 40px; }

@media(max-width: 767px){
.blog-box, .list-box { margin-bottom: 25px; }
}

/*************************************************/
.box { padding: 20px; margin: 0px 0px 25px 0px; }
.box h3 { margin: 0px 0px 20px 0px; padding: 10px 0px 10px 0px; border-bottom: solid 3px #ffffff; }
.service-box { margin-bottom: 25px; text-align: center; min-height: 300px; -webkit-transition: all 0.4s ease; 
transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; 
display: table !important; width: 100%; height: 100%; padding: 0; }
.section-layer { position: relative; top: 0; bottom: 0; width: 100%; height: 100%; }
.service-box h3.service-title {
    display: table-cell !important;
    vertical-align: middle;
    text-align: center;
    padding: 150px 10px !important;
	background-color: rgba(0,0,0,0.4);
margin: 0px !important;	
}
.service-box h3.service-title:hover { background-color: rgba(0,0,0,0.6); transition: background-color 0.4s linear 0s; transition-delay: 0.1s; }
.service-box h3.service-title a { color: #ffffff !important; padding: 20px 0px; border-top: solid 4px #ffffff; border-bottom: solid 4px #ffffff; }

/*********************************************************************/
/********* Content, intro  ********/
#fejresz { padding: 8% 0px 5% 0px !important; -webkit-background-size: cover; -moz-background-size: cover; 
background-size: cover; -o-background-size: cover; background-position: center; }
#fejresz h1, #fejresz h1 a { color: #ffffff !important; text-align: center; }
.breadcrumb { text-align: center; font-size: 14px !important; padding: 5px !important; }
#tartalom-cim { color: #ffffff; background-image: url(./images/headerbg-m.jpg); background-repeat: no-repeat; 
-webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; 
background-position: center; padding: 8% 0px 5% 0px !important;  }
#tartalom-cim h2 span { font-family: inherit !important; background-color: rgba(0,0,0,0.4); padding: 20px 25px; text-align: center; vertical-align: middle; width: auto; margin: 0px auto !important; }

.page-content { padding: 5% 0px; }
/*************************************************/

.prev-next-links, .prev-next-links-cat { display: block; margin: 10px 0px; min-height: 60px; }
.prev-next-links a:nth-child(1), .prev-next-links-cat .prev-page { float: left; display: inline-block; padding: 5px 0px; margin-bottom: 10px; }
.prev-next-links a:nth-child(1):before, .prev-next-links-cat .prev-page a:before { content: '\f137'; position: relative; font-family: "FontAwesome"; margin-right: 5px; }
.prev-next-links a:nth-child(2), .prev-next-links-cat .next-page, .next-link { float: right; display: inline-block; padding: 5px 0px; margin-bottom: 10px; }
.prev-next-links a:nth-child(2):after, .prev-next-links-cat .next-page a:after, .next-link:after { content: '\f138'; position: relative; font-family: "FontAwesome"; margin-left: 5px; }

.sidebar-box .sidebar-title { font-size: 26px !important; padding-bottom: 15px; margin: 0px 0px 20px 0px !important; text-transform: uppercase; }
.sidebar-box { margin-bottom: 40px; }
.sidebar-box ul { padding-left: 0px !important; }
.sidebar-box ul li { padding: 5px; list-style: none !important; border-bottom: solid 1px #d0c8c8; font-size: 14px !important; color: #53241b; }
.sidebar-box ul li a { color: #53241b; }
.sidebar-box ul li a:hover { color: #91650e; }


.search-box { padding: 0px !important; margin-bottom: 40px; border: solid 1px #91650e !important; }
.search-box .form-group { margin-bottom: 0px !important; }
.search-div button { border: 0px !important; padding: 8px 10px !important; background: transparent !important; }
.search-div .input-group-addon { color: #ffffff !important; border: 0px !important; background: #91650e;}
.search-div .input-group-addon i.fa { font-size: 20px !important; }
.search-div .form-control { border: 0px !important; font-size: 14px !important; color: #aaaaaa !important; }

/*
.sidebar-box ul { list-style: none !important; padding: 0px; margin: 0px; }
.sidebar-box ul.post-list img, .sidebar-box ul.post-list .no-img { width: 100px; height: 90px; float: left; margin: 0px 10px 10px 0px; background: #97CB6E; }
ul.post-list li, ul.post-list p { font-size: 14px !important; line-height: 1.4 !important; margin-bottom: 5px !important; }
ul.post-list h4 { margin: 0px 0px 5px 0px !important; font-size: 16px !important; }
.sidebar-box ul.post-list .no-img { display: inline-block; text-align: center; padding: 25px 10px; }
*/
.latest-posts { list-style: none !important; padding: 0px !important; margin: 0px !important; }
.latest-posts-li { margin-bottom: 10px; }
.latest-posts img{ margin-right: 15px; }
.latest-posts h4 { margin: 0px 0px 5px 0px !important; }
.latest-posts .post-date { display: inline-block; position: relative; color: #aaaaaa !important; }
.latest-posts .img-div { width: 90px; height: 90px; }
/*
.sidebar-box .cat-item a { padding-left: 6px; }
.sidebar-box .cat-item:before { position: relative; left: 0; line-height: 16px; font-family: FontAwesome; font-size: 16px; content: '\f00c';}
*/
.post-actions { border-top: solid 1px #dddddd; border-bottom: solid 1px #dddddd; padding: 10px; font-size: 14px !important; color: #BBBBBB; margin-bottom: 20px; }
.post-actions i { margin-right: 10px; }

/********* Content responsive css ********/
@media(max-width:767px){
.page-content img.pull-left { float: none !important; margin-bottom: 20px; }
}

@media(min-width:768px) {
.box { padding: 30px; }
.page-content img.pull-left { margin-right: 20px; }
.latest-posts .img-div { width: 110px; float: left; margin-right: 10px; }
}
@media (max-width: 991px){
#testimonials { background-image: none !important; }
}
@media(min-width:992px){
#tartalom-cim { background-image: url(./images/headerbg-l.jpg); }
.page-sidebar { padding-left: 40px; }
.content-left { margin-right: 50%; }
.content-right { margin-left: 50%; }
}
@media(min-width:1280px){
.page-sidebar { padding-left: 40px; }
.content-left { margin-right: 40%; }
.content-right { margin-left: 40%; }
}

/*************************************************/
/*********************************************************************/
/********* Footer  ********/
footer { padding: 0px; background: #333333; }
.footer-wrap { position: relative; width: 100%; height: 100%; display: block; padding: 40px 0px 20px 0px; }
.footer-title { text-transform: uppercase; color: #91650e !important; 
padding: 15px 0px !important; margin-bottom: 20px !important; }
.footer-box { margin-bottom: 20px; }
.footer-wrap .footer-box a { color: #91650e !important; }

.footer-bottom {  background: #91650e; font-size: 14px !important; color: #ffffff !important; padding: 20px 0px 0px 0px; }
.footer-bottom .footer-box { margin-bottom: 0px !important; font-size: 14px !important; }
.footer-bottom .text-widget { font-size: 14px !important; color: #ffffff !important; }
.footer-bottom .text-widget a, .footer-bottom .footer-box a { color: #ffffff !important; }

/*************************************************/
/*********************************************************************/
/********* Footer responsive css  ********/

/*************************************************/
/*********************************************************************/
/********* Free editor ********/
#free-editor .panel-grid { margin-left: 0px !important; margin-right: 0px !important;}

/*********************************************************************/
/********* testimonial  ********/
#testimonial-quote { z-index: 999; position: relative; display: block; bottom: 40px; width: 81px; height: 81px; margin: 0px auto !important; border: solid 3px #ffffff; 
border-radius: 50%; text-align: center; }
#testimonial-quote i { display: block; position: relative; margin: 25px auto; color: #ffffff; }
.testimonial-content { margin-top: 20px; padding: 0px 5% 40px 5%; text-align: center; }
.testimonial-content h3 { margin-top: 0px !important; }

@media(max-width: 991px){
.testimonial-content { margin-top: 40px; }
}
/*********************************************************************/
/********* carousel  ********/
#carouselTestimonials .carousel-inner { min-height: 220px; }
#carouselTestimonials .item img { margin: 0px auto !important;}
.carousel-indicators { bottom: -40px !important;}
.carousel-indicators .active { width: 20px; height: 20px; margin: 0px !important; }
.carousel-indicators li { display: inline-block; width: 20px; height: 20px; margin: 0px !important; text-indent: -999px; border: solid 2px !important;  border-radius: 50%; cursor: pointer; }
/*************************************************/
#carouselFutured .carousel-inner { text-align: right !important; }
#carouselFutured .carousel-inner .item { min-height: 400px; padding: 14% 15px; vertical-align: middle; margin: 20px auto; text-align: right !important; }
#carouselFutured .carousel-inner .carousel-text { color: #ffffff !important; }
#carouselFutured .slider-title { text-transform: uppercase; color: #ffffff !important; }
#carouselFutured .carousel-inner .item img { margin: 0px auto !important; }
#carouselFutured .carousel-indicators { bottom: 20px !important; }
#carouselFutured .carousel-indicators li { width: 40px !important; height: 12px !important; border-radius: 0px !important; border: 0px !important; background-color: #ffffff !important; }
#carouselFutured .carousel-indicators .active { background-color: #91650e !important; }
@media(min-width: 992px){
	#carouselFutured .carousel-inner .item { min-height: 650px; }
}


/*************************************************/
/*********************************************************************/
/********* Comments ********/
.comment-list, .comment-list ul { list-style: none !important; margin-left: 0px; padding: 0px; }
.comment-list li, .comment-list ul li { margin-bottom: 10px; min-height: 100px;}
.comment-list li > ul > li { margin-left: 20px; }
.comment-list .author.vcard img { display: block; margin: 0px 10px 10px 0px; border-radius: 50%; }
.comment-list .comment-meta { margin-bottom: 15px; font-style: italic; color: #909396; }
.comment-list .comment-meta .comment-time { font-size: 14px !important; }
.comment-list .comment-body { background-color: #ffffff; border-bottom: solid 1px #D2D4D4; padding: 10px; min-height: 110px; margin-bottom: 20px; }
.comment-list .comment-body p { margin-bottom: 0px !important; font-size: 14px !important; }
.comment-list .reply { display: block; }

/************************************************/
/*********************************************************************/
/********* Forms, inputs, contact form 7 ********/
.wpcf7-form { padding: 20px; text-align: left; }
.wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form input[type=tel], input[type=password] 
{ display: block; width: 100%; height: 40px; padding: 8px 12px; background-color: #ffffff; border: solid 1px #cccccc !important; color: #454545 !important; }
.wpcf7-form input[type=number] { display: inline-block; width: 110px; padding: 5px 10px; background-color: #ffffff; border: solid 1px #cccccc !important; color: #454545 !important; }
.wpcf7-form textarea { color: #454545 !important; display: block; width: 100%; padding: 8px 12px; line-height: 1.5; background-color:#ffffff; border: solid 1px #cccccc !important; }
.wpcf7-submit { background-color: #91650e; display: inline-block; color: #ffffff !important; padding: 10px 20px !important; border: solid 0px !important; margin: 2px !important; 
text-transform: uppercase; width: 100%; }
.wpcf7-submit:hover { text-decoration: none; background-color: #5e3c3d !important; transition: background-color 0.4s linear 0s; transition-delay: 0.1s; }
.wpcf7-form .table th, .wpcf7-form .table td { border-top: solid 1px #bbbbbb !important;}
/*************************************************/
/*********************************************************************/
/********* Forms, inputs, contact form 7 responsive css  ********/

@media(min-width:768px){
.wpcf7-form { padding: 20px 8%; }
}

.counter-style br { display: none !important; }

.list-icon-cross, .list-icon-checkmark { list-style: none; padding-left: 0px !important; }
.list-icon-cross li, .list-icon-checkmark li { padding-left: 0px; }
.list-icon-cross li:before { content: '\f00d'; color: #d71921 !important; font-family: 'FontAwesome'; position: relative; top: 0px; padding-right: 5px; font-size: 18px; font-weight: normal; }
.list-icon-checkmark li:before { content: '\f00c'; color: #d71921 !important; font-family: 'FontAwesome'; position: relative; top: 0px; padding-right: 5px; font-size: 18px; font-weight: normal; }

/********** masonry **************/
.list-column-2 ul, .list-column-3 ul, .list-column-4 ul { margin: 10px auto !important; width: 100%; list-style: none !important; padding: 0px !important; }
.list-column-2 ul li, .list-column-3 ul li, .list-column-4 ul li{ float: left !important; padding: 0px 10px 20px 10px; }
/*********************************************************************/

.col-left img, .col-right img { border-radius: 4px !important; }
/********* General settings responsive css  ********/
@media(max-width:479px){
.visible-xxs { display: inline-block !important; }
.hidden-xxs { display: none !important; }
}
@media(min-width:480px){
.visible-xxs { display: none !important; }
.hidden-xxs { display: inline-block !important; }}
@media(min-width: 768px){
.col-right {  }
.col-left {  }
.col-right img { float: right !important; }
.col-left img { float: left !important; }
.full-width .container { padding: 0px 7% !important; }
.list-column-2 ul li { width: 49%; }
.list-column-3 ul li { width: 33%; }
.list-column-4 ul li { width: 24%; }

.list-column-2 ol li { width: 42%; }
.list-column-3 ol li { width: 26%; }
.list-column-4 ol li { width: 20%; }

}
@media(max-width: 767px){ 
.section-left .container, .section-right .container, .col-right, .col-left {  }	
.section-left img, .section-right img, .box-img img { text-align: center; margin: 0px auto 20px auto !important; }
section .row { margin-left: 0px; margin-right: 0px !important;}
.list-column-2 ul li, .list-column-3 ul li, .list-column-4 ul li, .list-column-2 ol li, .list-column-3 ol li, .list-column-4 ol li { width: 100% !important; }
}
/*************************************************/
.list-column-2 ol, .list-column-3 ol, .list-column-4 ol, .list-column ol {
	counter-reset:li; /* Initiate a counter */
	margin-left:0; /* Remove the default left margin */
	padding-left:0; /* Remove the default left padding */
}
.list-column-2 ol > li, .list-column-3 ol > li, .list-column-4 ol > li {
	position:relative; /* Create a positioning context */
	margin: 20px 0px 0px 0px; /* Give each list item a left margin to make room for the numbers */
	padding:4px 8px; /* Add some spacing around the content */
	list-style:none; /* Disable the normal item numbering */	
}
.list-column-2 ol > li:before, .list-column-3 ol > li:before, .list-column-4 ol > li:before, .list-column ol > li:before {
	content:counter(li); /* Use the counter as content */
	counter-increment:li; /* Increment the counter by 1 */
	/* Position and style the number */
	position:absolute;
	bottom: 20px;
	left: 0px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom:8px;
	padding:4px;
	border: 1px solid #5e3c3d;
	color: #5e3c3d;
	font-weight:bold;
	text-align:center;
}
.list-column ol { padding: 0px; list-style: none !important; margin: 0px auto !important; width: 100%; -moz-column-gap: 1.5em; -webkit-column-gap: 1.5em; column-gap: 1.5em;}
.list-column ol li { display: inline-block; padding: 3% 0 3% 60px; min-height: 50px; margin: 0 0 1.5em; width: 100%; box-sizing: border-box; 
-moz-box-sizing: border-box;  -webkit-box-sizing: border-box; }

@media only screen and (min-width: 620px) {
    .list-column ol {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (min-width: 1120px) {
    .list-column ol  {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}