/*
Vasix
*/
@font-face {
    font-family: Jane;
    src: url(JaneAust.ttf);
    weight:100;
}

@font-face {
    font-family: Dorsis;
    src: url(Dosis-Bold.ttf);
    weight:100;
}

@font-face {
    font-family: bi;
    src: url(biysk.regular.ttf);
    weight:100;
}

@font-face {
    font-family: nunito;
    src: url(nunito.light.ttf);
    weight:100;
}


body {
  margin: 0;
  text-align: left;
  color: #333;
  background: #FFF;
  background-position: center;
  /*background:url("images/ps_bg1.jpg");*/
  background-size: cover;
  background-attachment:fixed;
  font: 100 160%/150% nunito,Verdana, Arial, sans-serif;
}

.logo {
  font: 100 150%/100% bi,Verdana, Arial, sans-serif;
}

.white{
  color:#fff;
}

.signature{
  color: #0000b5;
  font: 100 150%/100% Jane,verdana, Arial, sans-serif;
}
.op50{
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;

  background-color: rgba(0,0,0,0.0);
  color:#333;
  
}
/*
elementary color schemes
------------------------
Eper - piros
*/
.eper1{
  background: #ff8c82;
  color: #330000;
}
.eper2{
  background: #ed5353;
  color: #330000;
}
.eper3{
  background: #c6262e;
  color: #fff;
}
.eper4{
  background: #a10705;
  color: #fff;
}
.eper5{
  background: #7a0000;
  color: #fff;
}
/*
Narancs
*/
.narancs1{
  background: #ffc27d;
  color: #4D0F00;
}
.narancs2{
  background: #ffa154;
  color: #4D0F00;
}
.narancs3{
  background: #f37329;
  color: #4D0F00;
}
.narancs4{
  background: #cc3b02;
  color: #fff;
}
.narancs5{
  background: #a62100;
  color: #fff;
}

/*
Banán
*/
.banan1{
  background: #fff394;
  color: #381F00;
}
.banan2{
  background: #ffe16b;
  color: #381F00;
}
.banan3{
  background: #f9c440;
  color: #381F00;
}
.banan4{
  background: #d48e15;
  color: #381F00;
}
.banan5{
  background: #ad5f00;
  color: #fff;
}

/*
Lime
*/
.lime1{
  background: #d1ff82;
  color: #0B2400;
}
.lime2{
  background: #9bdb4d;
  color: #0B2400;
}
.lime3{
  background: #68b723;
  color: #0B2400;
}
.lime4{
  background: #3a9104;
  color: #fff;
}
.lime5{
  background: #206b00;
  color: #fff;
}

/*
afonya
*/
.afonya1{
  background: #8cd5ff;
  color: #000F33;
}
.afonya2{
  background: #64baff;
  color: #000F33;
}
.afonya3{
  background: #3689e6;
  color: #000F33;
}
.afonya4{
  background: #0d52bf;
  color: #fff;
}
.afonya5{
  background: #002e99;
  color: #fff;
}

/*
szolo
*/
.szolo1{
  background: #e4c6fa;
  color: #160038;
}
.szolo2{
  background: #cd9ef7;
  color: #160038;
}
.szolo3{
  background: #a56de2;
  color: #fff;
}
.szolo4{
  background: #7239b3;
  color: #fff;
}
.szolo5{
  background: #452981;
  color: #fff;
}

/*
kakao
*/
.kakao1{
  background: #a3907c;
  color: #fff;
}
.kakao2{
  background: #8a715e;
  color: #fff;
}
.kakao3{
  background: #715344;
  color: #fff;
}
.kakao4{
  background: #57392d;
  color: #fff;
}
.kakao5{
  background: #3d211b;
  color: #fff;
}

/*
ezust
*/
.ezust1{
  background: #fafafa;
  color: #1a1a1a;
}
.ezust2{
  background: #d4d4d4;
  color: #1a1a1a;
}
.ezust3{
  background: #abacae;
  color: #1a1a1a;
}
.ezust4{
  background: #7e8087;
  color: #fff;
}
.ezust5{
  background: #555761;
  color: #fff;
}

/*
pala
*/
.pala1{
  background: #95a3ab;
  color: #0e141f;
}
.pala2{
  background: #667885;
  color: #fff;
}
.pala3{
  background: #485a6c;
  color: #fff;
}
.pala4{
  background: #273445;
  color: #fff;
}
.pala5{
  background: #0e141f;
  color: #fff;
}

/*
fekete
*/
.fekete1{
  background: #666666;
  color: #fff;
}
.fekete2{
  background: #4d4d4d;
  color: #fff;
}
.fekete3{
  background: #333333;
  color: #fff;
}
.fekete4{
  background: #1a1a1a;
  color: #fff;
}
.fekete5{
  background: #000000;
  color: #fff;
}
/*
-------------------------------------------------------
*/
.jumbotron{
  background-color: #b80000;
  color: #fff;
}

.container-fluid{
  padding: 60px 50px;
}

.ico_logo-small {
    color: #b80000;
    font-size: 50px;
}

.ico_logo {
    color: #b80000;
    font-size: 200px;
}

.bg-grey {
      background-color: #f6f6f6;
  }
.bg-ps{
  background-color: #b80000;
  border-color: #b80000;
}
/*
Zoli vége
*/

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #b50000;
}

.tree, .tree ul {
    margin:0;
    padding:0;
    list-style:none
}
.tree ul {
    margin-left:1em;
    position:relative
}
.tree ul ul {
    margin-left:.5em
}
.tree ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-left:1px solid
}
.tree li {
    margin:0;
    padding:0 1em;
    line-height:2em;
    color:#000;
    font-weight:700;
    position:relative;
    cursor: pointer;
}
.tree ul li:before {
    content:"";
    display:block;
    width:10px;
    height:0;
    border-top:1px solid;
    margin-top:-1px;
    position:absolute;
    top:1em;
    left:0
}
.tree ul li:last-child:before {
    background:#fff;
    height:auto;
    top:1em;
    bottom:0
}
.indicator {
    margin-right:5px;
}
.tree li a {
    text-decoration: none;
    color:#000;
}
.tree li button, .tree li button:active, .tree li button:focus {
    text-decoration: none;
    color:#000;
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
}
.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.v_sh{
  text-shadow: 1px 1px #000;
}
.v_sh2{
  text-shadow: 1px 1px #bbb;
}
.v_bottom{
  background: #b50000;
  color: #fff;
  padding-bottom: 15px;

}
.v_line{
  border-bottom: 1px solid #EEE;
}
.v_t{
  position: relative;
  background: #000 url("http://www.degreelawn.com/wp-content/uploads/2015/02/Large-Home-Lawn.jpg") center center;
  background-size: cover;
  color:#b50000;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-shadow: 0px 0px 4px #f00;
  transition: background 0.5s cubic-bezier();
}
.signature a{
  text-decoration: none;
    color:#284cff;
    border:none;
}

.signature a:visited {
  text-decoration: none;
    color:#284cff;
    border:none;
}

.signature a:hoover {
  text-decoration: none;
    color:#284cff;
    border:none;
}

.signature a:active {
  text-decoration: none;
    color:#284cff;
    border:none;
}

.signature a:link {
  text-decoration: none;
    color:#284cff;
    border:none;
}

.jane{
  font: 100 130%/100% Jane,verdana, Arial, sans-serif;
}

.work_bg{
  background:url("images/work-bg.jpg");
}

.footer_bg{
  background:url("images/footer-bg.jpg");
}

.content_style input, select, button
{
    border-bottom-color: #b3b3b3;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #b3b3b3;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #b3b3b3;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #b3b3b3;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-style: solid;
    border-top-width: 1px;
    padding:2px;

}
.content_style button{
  padding-right: 8px;
  padding-left: 8px;
}
.content_style select {
  padding-bottom: 3px;
}

.content_style a:link {
  color: #b50000;
  text-decoration: none;
}

.content_style a:visited {
  color: #b50000;
  text-decoration: none;
}
.content_style a:hoover {
  color: #b50000;
  text-decoration: none;
}
.content_style a:active {
  color: #b50000;
  text-decoration: none;
}

/*
Accordion style
*/

.form-inline .form-group { margin-right:10px; }
.well-primary {
color: rgb(255, 255, 255);
background-color: rgb(66, 139, 202);
border-color: rgb(53, 126, 189);
}
.glyphicon { margin-right:5px; }


/*
Contract style
*/
.invoice-title h2, .invoice-title h3 {
    display: inline-block;
}

.table > tbody > tr > .no-line {
    border-top: none;
}

.table > thead > tr > .no-line {
    border-bottom: none;
}

.table > tbody > tr > .thick-line {
    border-top: 2px solid;
}

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
  padding-bottom: 20px;
}


#sidebar {
	padding-top:20px;
}

.alert {
	margin-top:20px
}

img.logo {
    margin-top: -5px;
    margin-right: 5px;
}

/* Make posted content images responsive too */
.bbcode-img { display: block; 	max-width: 100%; 	height: auto; }

/* Sign in Page */

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}



/* Page Sections */
.section,
.section-colored {
  padding: 50px 0;
}

.section-colored {
  background-color: #e1e1e1; /* change this to change the background color of a colored section */
  color: #000;
}

.img-home-portfolio, .img-customer, .portfolio-item {
    margin-bottom: 30px;
}


.row > .col-md-4:nth-child(4n+1) {  clear:right; }  /* fix wrapping in gallery portfolio */



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */

.featurebox.carousel {
 	min-height:460px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.featurebox.carousel .item {
  min-height:460px;
  background-color: #CCCCCC;
}

.featurebox-item-image.pull-left, .featurebox-item-image.pull-right {

  margin-top: 25px;
}

img.featurebox { border-radius: 5px }

.xurl-social-icons a {
    color: inherit;
    text-decoration: none;
    opacity: .7;
    padding-left:15px;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}

.xurl-social-icons a:hover {
	opacity: 1;
}

.btn-featurebox, .btn-cpage { margin-top:10px  }

.tab-pane { padding-top:15px }

#login-template { max-width: 330px;  margin-right: auto;  margin-left: auto;     }
#login-template h2.caption { text-align:center; font-size:120%; opacity:0.8 }
#login-template .logo { padding-top:50px; margin-left:auto; margin-right: auto }

.modal-lg { width: 70% }


table label.checkbox {
    margin-left: 20px;
}











/* CUSTOM Responsive Styles */


/* Extra small devices Phones (<768px)  .col-xs */
@media all and (max-width: 767px) {

	.featurebox .carousel-indicators 										{ top:10px; }
	.featurebox-item-image.pull-left, .featurebox-item-image.pull-right 	{ margin-top: 30px; }
	.news-images-main                                                       { padding-left: 0; padding-bottom:15px; padding-right:0}
}

/* Small devices Tablets .col-sm */
@media all and (min-width: 768px) and (max-width: 991px)  {
	.news-images-main       { padding-left: 0; padding-bottom:5px }
}

/* Medium devices Desktops (≥992px)  .col-md */
@media all and (min-width: 992px) and (max-width: 1199px)  {
	.news-images-main { padding-left: 0; padding-bottom:5px}

 }

/* Large devices (large desktops, 1200px and up).col-lg  */
@media all and (min-width: 1200px) {

	.news-images-main { padding-left: 0; padding-bottom:5px}
}