.np {
    padding: 0!important;
}
      

      #inner{
        height: auto;
        min-height: 0;
      }
      #contact-container,
      #contact-wrapper{
        overflow-x: hidden;
      }
      #map-container {} #contact-info a,
      #contact-info a:hover {
          text-decoration: none;
          color: #444444;
      }
      .pg-header {
          height: 300px;
          background-repeat: no-repeat;
          background-position: left;
          width: 100%;
          padding-top: 150px;
          background-size:cover;
          padding-left: 5%;
      }
      
      .form-group > div{
        padding-left: 0;
      }
      
      
      #contact-info {
          font-size: 1.3em;
          color: #444444;
          padding-left: 5% !important;
      }
      #contact-info p {
          margin: 0;
          font-weight: 600;
      }
      #contact-info img {
          margin-right: 10px;
      }
      .contact-icon {
          width: 15px;
      }
      #contact-logo {
          margin-top: 50px;
          margin-bottom: 40px;
      }
      .contact-intro {
          text-transform: uppercase;
          font-size: 1.4em;
          color: #444444;
          padding-right: 5%;
          line-height: normal;
          font-weight: bold;
      }
      .c-info {
          line-height: 90px;
      }
      .c-info-small {
          line-height: 45px;
      }
      .map-icon {
          padding-left: 40px;
          background-image: url("/images/icons/contact-icon/map-icon.png");
          background-repeat: no-repeat;
          background-position: left;
      }
      .phone-icon {
          padding-left: 40px;
          background-image: url("/images/icons/contact-icon/phone-icon.png");
          background-repeat: no-repeat;
          background-position: left;
      }
      .mail-icon {
          padding-left: 40px;
          background-image: url("/images/icons/contact-icon/mail-icon.png");
          background-repeat: no-repeat;
          background-position: left;
      }
      /*email küldés*/
      
      #send-mail {

          text-align: center;
          padding-top: 30px;
          overflow: hidden;
      }
      #send-mail h2 {
          font-weight: 600;
          font-size: 2em;
          text-transform: uppercase;
      }
      #send-mail input {
          margin-bottom: 25px;
      }
      
      #kuldes{
        padding: 5px;
      }
      
      
      .form-control {
          border-radius: 0px;
          border: 1px solid #A5A4A4;
          background-color: #57B369;
          color: #fff;
      }
      ::-webkit-input-placeholder {
          /* WebKit, Blink, Edge */
          
          color: #fff!important;
          text-transform: uppercase;
          font-weight: 600;
      }
      :-moz-placeholder {
          /* Mozilla Firefox 4 to 18 */
          
          color: #fff!important;
          opacity: 1;
          text-transform: uppercase;
          font-weight: 600
      }
      ::-moz-placeholder {
          /* Mozilla Firefox 19+ */
          
          color: #fff!important;
          opacity: 1;
          text-transform: uppercase;
          font-weight: 600
      }
      :-ms-input-placeholder {
          /* Internet Explorer 10-11 */
          
          color: #fff!important;
          text-transform: uppercase;
          font-weight: 600
      }
      textarea:focus,
      input:focus,
      .uneditable-input:focus {
          border-color: rgba(73, 73, 73, 0.8) !important;
          box-shadow: 0 1px 1px rgba(273, 73, 73, 0.075) inset, 0 0 8px rgba(73, 73, 73, 0.6) !important;
          outline: 0 none !important;
      }
      #check-detect {
          display: none;
      }
      #kuldes {
          margin: auto;
          margin-top: 20px;
          width: 220px;
          height: 30px;
          border: 0;
          text-transform: uppercase;
          font-weight: 600;
          background-color: #57B369;
      }
      .valid-error {
          text-align: left;
          color: red;
          height: 20px;
      }
      /*eof eamail küldés*/
      /*media query*/
     @media screen and (max-width: 1480px) {
          .c-info {
            line-height: 65px;
          }
          .c-info-small{
            line-height: 40px;
          }
      }
      @media screen and (max-width: 1400px) {
          #contact-info {
              font-size: 1.2em;
              padding-left: 2% !important;
          }
      }
       @media screen and (max-width: 1275px) {
          .c-info {
            line-height: 70px;
          }
          .c-info-small{
            line-height: 40px;
          }
      }
      
      
      .contactinfo{
        display: inline-block;
      }
      .mapwrap{
        height: 100%;
      }
      
      .leftside{
        width: 70%;
        height: calc(100% - 206px);
      }
      
       @media screen and (max-width: 1150px) {
#inner, #cpage-wrapper, #fullpage, .section{
    display: table;
    width: 100%;
    height: 100%
}
#cpage-wrapper{
    min-height: 600px;
}
      }
      
      @media screen and (max-width: 1200px) {
          #contact-info {
              font-size: 1.1em;
              padding-left: 2% !important;
          }
      }
      @media screen and (max-width: 991px) {
          #contact-container {}
          .c-info {
              line-height: 60px;
          }
          .c-info-small {
              line-height: 40px;
          }
          #contact-logo {
              margin-top: 45px;
              margin-bottom: 50px;
          }
      }
      
             @media screen and (max-width: 920px) {
          .c-info {
            line-height: 60px;
          }
          .c-info-small{
            line-height: 40px;
          }
      }
      @media screen and (max-width: 500px) {
          #contact-container {} .c-info {
              line-height: 70px;
          }
          .c-info-small {
              line-height: 40px;
          }
          #contact-logo {
              margin-top: 35px;
              margin-bottom: 40px;
          }
          #contact-info {
              font-size: 1em;
          }
          .contact-intro {
              padding-right: 0;
          }
      }
      @media screen and (max-width: 500px) {
          .c-info {
              line-height: 70px;
          }
          .c-info-small {
              line-height: 35px;
          }
          #contact-logo {
              margin-top: 35px;
              margin-bottom: 40px;
          }
          #contact-info {
              font-size: 0.85em;
              padding-left: 5% !important;
          }
          .contact-intro {
              padding-right: 0;
          }
          .map-icon {
              padding-left: 30px;
              background-position: left;
          }
          .phone-icon {
              padding-left: 30px;
              background-position: left;
          }
          .mail-icon {
              padding-left: 30px;
              background-position: left;
          }
      }
      
      
      
      @media screen and (max-width: 1150px), screen and (max-height: 925px){
        .desktop-footer{
            display: none !important;
        }
      }
      
      
      
      
      
      
      
      
      
      
      
      #map {
        height: 100%;
        width: 100%;
	float: left;
	z-index: 0;
       }
       
       #cpage-wrapper{
		margin-top: 100px;
	}
	#cpage-wrapper .leftside{
		width: 70%;
		height: calc(100% - 206px);
		position: relative;
		top: 0px;
		z-index: 10;
	

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,ffffff+100&1+74,1+74,0+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 1%, rgba(255,255,255,1) 74%inn, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 1%,rgba(255,255,255,1) 74%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,1) 1%,rgba(255,255,255,1) 74%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

	}
		#cpage-wrapper .left-side-content{
		position: absolute;
		color: #a2a1a1;
	}
	
	.left-side-content{
		width: 90%;
		padding-left: 11%;
	}
	#cpage-wrapper .contact, #cpage-wrapper .contact-card {
	 display: inline-block;
	 margin-left: 2%;
	}
	
	.cotact-card{
		width: 300px;
	background-color: #45AD5B;
	display: inline-block;
	padding: 10px;
	text-align: center;
	color: #fff;
	margin-left: 10px;
	margin-right: 10px;
	}
	
	.img-div img{
		width: 100%;
	}
	
	.contact-card-wrap{
		display: flex;
	}
	.contact-bottom{

	}
	
	
	#cpage-wrapper h1 {
    font-family: 'Nunito', sans-serif !important;
    font-weight: 600;
    display: inline-block;
    padding-bottom: 20px;
    position: relative;
    color: #a2a1a1;
    margin-top: 60px;
}

	#cpage-wrapper h2 {
	margin-top: 70px;
	margin-bottom: 50px;
}


	
	.leftwrapper h1:before {
    content: "";
    position: absolute;
    width: 20%;
    height: 1px;
    bottom: 0;
    left: 0;
    border-bottom: 5px solid #57b369;
}



p:before {
    content: "";
    display: block;
    background: url("icon.jpg") no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin: 0 6px 0 0;
}

#ajanlat{
	background-image: url("/images/contact-background.jpg");
	background-position: right;
	background-size: cover;
	
}



.cardinfo{
	display: block;
}

.cotact-card{
	vertical-align: top;
}

.caddress p{
	
    content: "";
    background: url("/images/cmarkericon.png") no-repeat;
    height: 45px;
    padding-left: 5px;
    display: table-cell;
    vertical-align: middle;

	
}

.ctel p{
	
    content: "";
    background: url("/images/cphone-icon.png") no-repeat;
    height: 45px;
    padding-left: 15px;
    display: table-cell;
    vertical-align: middle;
    margin-left: 2%;
	
}

.cmail p{
	
    content: "";
    background: url("/images/cmail.png") no-repeat;
    height: 45px;
    padding-left: 15px;
    display: table-cell;
    vertical-align: middle;
     margin-left: 2%;
	
}


#leftwrapper { position: relative; height: 100%;   min-height: 600px; }
#over_map {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99;
    background-color: red;
    width: 70%;
    height: 100%;
      min-height: 600px;
  
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,ffffff+100&1+74,1+74,0+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 1%, rgba(255,255,255,1) 74%inn, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 1%,rgba(255,255,255,1) 74%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,1) 1%,rgba(255,255,255,1) 74%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

}

.left-side-content{
	padding-top:150px;
}

.leftside{
	height: calc(100% - 206px);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,ffffff+100&1+74,1+74,0+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 1%, rgba(255,255,255,1) 74%inn, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 1%,rgba(255,255,255,1) 74%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,1) 1%,rgba(255,255,255,1) 74%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	
}
.contactinfo{
	display: inline-block;
}
   #google_map{height: 100%; width: 100%;}
   
   
   @media (max-width: 1150px) {
 #over_map {
    position: relative;
 }

}


   @media (max-width: 768px) {

	#send-mail {
	      padding: 0;
    padding-top: 20px;

}
	
	#over_map{
		width: 100%;
	}
	
	#ajanlat{
	background-image: none;
	background-color: #fff;
	background-position: right;
	background-size: cover;
	
}
 .contact-card-wrap {
    display:  block;
    
 }
 
 .form-group > div{
       padding: 0;
 }
 
 .form-group input, .form-group textarea{
    padding-left: 30px;
 }
 
 .left-side-content{
	width: 100%;
	padding: 150px 8% 0 8%;
 }
 
 .leftside{
	width: 100%;
 }
 
 
 
 .cotact-card{
	width: 90%;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
 }
 
 .text-div{
	margin-left: 45%;
 }

 .img-div img{
	    width: 100%;
    max-width: 200px;
    float: left;

 }
}

  @media (max-width: 500px) {
	 .img-div img{
	    width: 100%;
    max-width: 100px;
    float: left;

 }
  .text-div{
	margin-left: 0;
	text-align: center;
 }

 
  .img-div img{
	    width: 100%;
    max-width: 200px;
    float: none;

 }
 
 
.cotact-card {
    width: 90%;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

.img-div img {
    width: 100%;
    max-width: 100%;
    float: none;
}

  }