/* CSS Document */

@font-face {
				font-family: 'SegoeUI-Regular';
				src: url('../font/segoeui.eot');
				src: url('../font/segoeui.eot?#iefix') format('embedded-opentype'),
						 url('../font/segoeui.woff') format('woff'),
						 url('../font/segoeui.ttf') format('truetype'),
						 url('../font/segoeui.svg#segoeui') format('svg');
				font-weight: normal;
				font-style: normal;
		}
*{ margin:0; padding:0;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#636363; background: url(../images/body-bg.jpg) repeat;}
.cls{ clear:both;}
h1, h2, h3, h4, h5{ margin:0; padding:0;} 

a{ outline:none;}
img{ border:none; outline:none;}
span, ol, ul, li, a, p{ margin:0; padding:0; text-decoration:none; list-style:none; outline:none;}
.header-por{ width:100%; /*background:url(../images/header-bg.jpg) repeat-x;*/  border-top:4px solid #51921e;}
.header-inner{background:#fff; width:100%; float:left;}
.body-por{ width:100%; background:url(../images/body-bg.jpg) repeat;}
.container{ width:919px; margin:0 auto;}
.logo{ width:auto; float:left; margin:15px 0 0 2px;}
.phone-no-plate{ width:164px; height:39px; float:right; background:url(../images/phone-no-plate.png) no-repeat; margin:42px 0 0 0;}
.phone-no-plate span{ background:url(../images/phone-icon.png) left no-repeat; padding:0 0 0 40px; font-family: 'SegoeUI-Regular'; font-size:17px; color:#3d801d; text-shadow: 0px 1px 1px #000; line-height:40px; float:left; margin:0 0 0 6px;}
.map-plate{ width:121px; height:39px; float:right; background:url(../images/map-plate.png) no-repeat; margin:42px 0 0 16px;}
.map-plate span{ padding:7px 0 0 0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#162008; line-height:22px; float:left; margin:0 0 0 6px;}
.map-plate span a{ color:#162008;}
.map-plate span img{ float:left; margin:0 8px 0 0;}
.nav{ width:100%; margin:0 0 0 0; display:block; float:left; background:url(../images/nav-bg.png) left top repeat-x;}
.nav ul{ margin:0; padding:0; float:left;} 
.nav ul li{ background:url(../images/nav-devider.png) left top no-repeat; float:left; margin:0 0px 0 0px; padding:0 24px 0 24px;}
.nav ul li:first-child{ background:none;}
.nav ul li a{ font-family: 'SegoeUI-Regular'; font-size:13px; color:#fff; text-shadow: 0px 1px 1px #000; line-height:45px; padding:0 0px 18px 0px; display:block;}
.nav ul li a:hover{ background:url(../images/menu-hover.png) bottom  no-repeat; color:#7ffe00;}
.nav ul li a.active{background:url(../images/menu-hover.png) bottom no-repeat; color:#7ffe00;}
.banner{ width:919px; height:230px; float:left; background:url(../images/devider.gif) bottom repeat-x; padding:0 0 20px 0;}
.banner-cont-area{ width:570px; float:left; display:block; padding:30px 0 0 15px;}
.banner-cont-area h1{ width:auto; color:#2a2a2a; font-size:25px; font-weight:normal; font-family: 'SegoeUI-Regular'; margin:0 0 0px 0;}
.banner-cont-area h2{ width:auto; color:#2a2a2a; font-size:40px; font-weight:normal; font-family: 'SegoeUI-Regular'; margin:0 0 0px 0;}
.banner-cont-area p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; padding:15px 0 0 0;} 
.banner img{ float:right; margin:30px 35px 0 0;}
.body-inner-por{ width:919px; float:left; display:block; margin:5px 0 0 0;}
.body-inner-por-header{ width:919px; margin:0 auto; color:#2A2A2A; font-family: 'SegoeUI-Regular'; font-size:30px; background: url(../images/devider.gif) repeat-x center bottom; padding:0 0 10px 0; margin-bottom:8px;} 
.body-mid-supporter{ width:865px; float:left; display:block;}
.body-top-img{ width:919px;}
.body-bottom-img{ width:919px;}
.body-mid-img{ width:865px; background:url(../images/body-mid-img.png) repeat-y; padding:15px 19px 20px 30px; float:left;}
.body-cont-left{ width:865px; float:left;}
.body-cont-left h3{ width:869px; float:left; font-family: 'SegoeUI-Regular'; color:#2A2A2A; font-size:24px; padding:10px 0 10px 0; font-weight:normal;}
.body-cont-left p{ width:auto; font-size:13px; color:#242424; display:block; line-height:20px; padding:0 20px 0 0; margin:0 0 15px 0;}
.body-cont-left p span{ font-size:14px; font-weight:bold; color:#242424; }
.body-cont-left p img{ float:left; margin:0 15px 0 0;}
.body-cont-left ul{  margin:10px 0 10px 30px; float:left;}
.body-cont-left ul li{  margin:5px 0 15px 0; list-style:none; background: url(../images/body-li-icon.png) no-repeat left 4px; padding:0 0 0 20px; color:#242424; font-size:13px;}

.body-cont-left p a{ color:#45860f; text-decoration:underline;}
.body-first-block{ width:370px; float:left; display:block; margin:15px 0 0 18px;}
.body-first-block ul{ width:auto;}
.body-first-block ul li{ width:auto; display:block; font-size:13px; font-weight:bold; color:#464646; background:url(../images/body-li-icon.png) left no-repeat; padding:0 0 0 20px; margin:10px 0 10px 0;}

.body-second-block{ width:215px; float:left; display:block; margin:15px 0 0 18px;}
.body-second-block ul{ width:auto;}
.body-second-block ul li{ width:auto; display:block; font-size:13px; font-weight:bold; color:#464646; background:url(../images/body-li-icon.png) left no-repeat; padding:0 0 0 20px; margin:10px 0 10px 0;}
.green-btn{ width:237px; height:61px; float:right; display:block; background:url(../images/green-btn.png) left no-repeat; margin:0 -22px 0 0; padding:20px 0 0 0;}
.green-btn:hover{  background:url(../images/blu-btn.png) left no-repeat;}
.green-btn a{ font-size:12px; float:left; text-align:left; font-weight:bold; text-shadow: 0px 1px 1px #000; color:#fff; line-height:20px; padding:0 0 0 78px; outline:none;}
.green-btn a span{
	font-size:12px;
	text-transform:uppercase;
} 

.green-btn-pdf{background:url(../images/green-btn-pdf.png) left no-repeat;}
.green-btn-pdf:hover{background:url(../images/blu-btn-pdf.png) left no-repeat;}
.green-btnBig-pdf{background:url(../images/green-btnBig-pdf.png) left no-repeat; padding-top:20px; height:81px;}
.green-btnBig-pdf:hover{background:url(../images/blu-btnBig-pdf.png) left no-repeat;}
.sec-green-btn{ margin:0 -22px 0 0;}
.blu-btn{ width:237px; height:61px; float:right; display:block; background:url(../images/blu-btn.png) left no-repeat; margin:0px 1px 0 0; padding:20px 0 0 0;}
.blu-btn a{ font-size:14px; float:left; text-align:left; font-weight:bold; text-shadow: 0px 1px 1px #000; color:#fff; line-height:20px; padding:0 0 0 78px; outline:none;}
.blu-btn a span{ font-size:16px; text-transform:uppercase;} 
.footer-inner{ width:919px; background:url(../images/devider.gif) top repeat-x; float:left; margin:10px 0 0 0; padding:15px 0 0 0;}
.footer{ width:100%; background:url(../images/body-bg.jpg) repeat;}
.footer-left-logo{ width:auto; float:left; display:block; position:relative; margin:0px 0 0 10px;}
.footer-left-logo p{ position:absolute; color:#3e7112; font-size:11px; left:75px; top:6px;} 
.footer-right-first-row{ width:218px; float:right; }
.footer-right-add-row{ width:auto; float:right;} 
.footer-right-add-row p{ font-size:11px; color:#444444;}
.footer-right-add-row p span{ color:#398204; line-height:18px; font-size:12px;}
.footer-right-add-row p a{ color:#444444;}

.pdfsupporter{ width:237px; float:right; }
.interpreter-img{ width:auto; float:right; margin:50px 20px 0 0;}
.rqr-field{ font-style:italic; font-size:12px; color:#009900; font-weight:bold;}


.contact-form-full-box {
    float: left;
    padding: 20px 0 0;
    width:888px;
}
.contact-form-supporter {
    float: left;
    margin: 0 0 5px 50px;
    width: 838px;
}
.contact-form-supporter label {
    color: #242424;
    display: block;
    float: left;
    font-size: 13px;
    margin: 7px 0 0;
    width:230px;
	font-family:Arial, Helvetica, sans-serif;
}
.contact-form-supporter input {
    background:#fff;
    border: 1px solid #C1C1B9;
    float: left;
    height: 24px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#242424;
    margin: 0;
    width: 250px;
	padding:0 5px 0 5px;
}

.contact-form-supporter select {
    background:#fff;
    border: 1px solid #C1C1B9;
    color: #242424;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    height: 24px;
    width: 263px;
}
.contact-form-supporter textarea {
    background:#fff;
    border: 1px solid #C1C1B9;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 54px;
    padding: 5px;
    width: 251px;
}

.contact-form-supporter input[type="submit"] {
	width:124px;
	height:32px;
	border:none;
   	background:url(../images/request-btn.jpg) no-repeat;
    line-height: 28px;
	cursor:pointer;
	color:#fff;
	font-size:16px;
    padding: 2px 3px 5px;
}
.form-inner-text{ margin:0 0 0 228px; font-size:11px;}
.icon-box{ width:150px; float:right; margin:0px 20px 10px 10px;}
.icon-box h2{ font-family: Arial, Helvetica, sans-serif; color: #000000; font-size:16px; font-weight:bold; padding:9px 0 10px 0px;  }
.footer-right-first-row{ width:218px; float:left;   margin: 10px 0 0 95px; line-height:18px;  }
.copy-right{ width:auto; float:left; font-size:11px; color:#757575; padding:20px 0 5px 330px} 

/*  23-06-2016 */
.payment_btn{background: #4D911B url(../images/credit-card-icon.png) no-repeat 10px 14px; border: 1px solid #44730C; padding:14px 22px 11px 56px; color: #fff; font-size: 20px; text-transform: uppercase; position: fixed; right: -62px; top: 46%; line-height: 20px; transform: rotate(270deg); letter-spacing: 2px;}
.payment_container .form-row{float: left; margin: 0 0 5px 50px; width: 838px;}
.payment_container .form-row label {color: #242424; display: block; float: left;  font-size: 13px;  margin: 7px 0 0; width: 230px; font-family: Arial, Helvetica, sans-serif;}
.payment_container .card_num input {background: #fff; border: 1px solid #C1C1B9;  float: left; height: 24px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #242424; margin: 0; width: 250px; padding: 0 5px 0 5px;}
.payment_container .expi_co input {background: #fff; border: 1px solid #C1C1B9;  float: left; height: 24px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #242424; margin: 0; width: 67px; padding: 0 5px 0 5px;}
.payment_container .expi_co span{float: left; line-height: 24px; padding: 0px 10px;}
.payment_container .cvc_co input {background: #fff; border: 1px solid #C1C1B9;  float: left; height: 24px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #242424; margin: 0; width: 67px; padding: 0 5px 0 5px;}
.payment_sub{background: #4D911B; border: 1px solid #44730C; padding: 6px 16px 4px 16px; color: #fff; font-size: 16px; text-transform: uppercase; margin-left: 280px; margin-top: 5px;}

/* payment success page css */
.payment_success_wr{float: left; width: 100%; padding-left: 70px; padding-top: 30px;}
.payment_success_wr h2{font-family: Arial, Helvetica, sans-serif; text-align: left; color: #4C8419; font-weight: 600; font-size: 30px; background: url(../images/success-icon.png) no-repeat left center; padding-left: 41px; margin-left: -41px;}
.payment_success_wr h4{font-family: Arial, Helvetica, sans-serif; text-align: left; color: #807c7c; font-size: 15px; font-weight: 500; padding-top: 10px; margin-bottom: 20px;}
.payment_success_wr p{font-family: Arial, Helvetica, sans-serif; color: #333; margin: 0px; padding: 0px; margin-bottom: 1px;}

/* payment error page css */
.payment_error_wr{float: left; width: 100%; padding-left: 70px; padding-top: 30px;}
.payment_error_wr h2{font-family: Arial, Helvetica, sans-serif; text-align: left; color: #d61f33; font-weight: 600; font-size: 30px; background: url(../images/error-icon.png) no-repeat left center; padding-left: 41px; margin-left: -41px;}
.payment_error_wr h4{font-family: Arial, Helvetica, sans-serif; text-align: left; color: #807c7c; font-size: 15px; font-weight: 500; padding-top: 10px; margin-bottom: 20px;}
.payment_error_wr p{font-family: Arial, Helvetica, sans-serif; color: #333; margin: 0px; padding: 0px; margin-bottom: 1px;}


.mobile-nav{
    display: none;
}
.open-nav{
    display: block;
}
/*footer-menu*/
.footer-menu{
    width: 100%;
    clear: both;
    margin: 10px 0px;
}
.footer-menu ul{
    float: none;
    text-align: center;
}
.footer-menu ul li{
    list-style: none;
    display: inline-block;
}
.footer-menu ul li a {
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-transform: capitalize;
    color: #000000;
    font-size: 12px;
    font-weight: 700;
    transition: 0.2s;
}
.footer-menu ul li a:hover{
    text-decoration: underline;
    color: #48820e;
    transition: 0.2s;
}
.phone-no-plate a{color:#3d801d;}
/**********************************************
RESPONSIVE SECTION
***********************************************/

@media only screen and (max-width: 1023px){
	
	.header-por{background:#fff; border-top:4px solid #51921e;}
  
    .body-first-block ul li, .body-second-block ul li{
        font-size: 12px;
    }
     .container {
        width: 750px;
     }  
     .logo {
        max-width: 40%;
    }
     .logo img{
        width: 100%;
        height: auto;
    } 
    .phone-no-plate {
        width: 164px;
        height: 39px;
        margin: 25px 5px 0px 0px;
    }
    .map-plate {
        width: 121px;
        height: 39px;
        float: right;
        margin: 25px 0px 0px;
    }

    .nav ul li {
        padding: 0 10px;
    }
    .nav ul li a {
        font-size: 13px;
        padding: 0 0px 18px 0px;
        display: block;
    }
    .banner {
        width: 750px;
        height: auto;
        float: left;
        background: url(../images/devider.gif) bottom repeat-x;
        padding: 10px 0px;
    }
    .banner img {
        float: right;
        margin: 10px 0px;
        max-width: 100%;
        height: auto;
    }
    .banner-cont-area {
        width: 60%;
        display: table-cell;
        padding: 10px 0px;
    }
    .banner-cont-area h1 {
        font-size: 20px;
    }
    .banner-cont-area h2 {
        font-size: 30px;
    }
    .banner-cont-area p {
        padding: 1px 0px;
    }
    .body-inner-por {
        width: 100%;
    }
    .body-mid-img {
        width: 98%;
        padding: 1%;
        overflow: hidden;
		background:#fff;
		border:1px solid #b4b4b4;
    }
    .body-top-img, .body-bottom-img {
        width: 100%;
        height: auto;
		display:none;
    }
    .body-cont-left {
        width: 98%;
        padding: 1%;
    }
    .body-cont-left p {
        font-size: 13px;
        line-height: 17px;
        margin: 0 0 8px 0;
    }
    .body-mid-supporter {
        width: 100%;
        position: relative;
    }
    .green-btn {
        width: 190px;
    }
	.green-btn a{font-size:10px;}
	.green-btnBig-pdf, .green-btn-pdf{width:243px;}
	.body-first-block{width:310px;}
    .payment_btn {
        position: fixed;
        top: 29%;
		font-size:16px;
		padding:10px 22px 11px 56px;
		background:#4d911b url("../images/credit-card-icon.png") no-repeat scroll 10px 9px;
    }
    .footer-inner {
        width: 100%;
    }
    .footer-left-logo {
        width: 36.33%;
		margin-right:0;
    }
    .footer-right-first-row {
        width: 37%;
        margin: 0px 2%;
        line-height: 18px;
    }
	.icon-box{margin-right:0;}
	.icon-box h2{padding-top:0;}
    img {
       max-width: 100%;
       height: auto;
    }
    .green-btn a span {
        font-size: 10px;
        text-transform: uppercase;
        line-height: 15px;
    }
    .green-btn a {
        margin-top: 0px;
        line-height: 13px;
    }
    .copy-right {
        width: 100%;
        float: left;
        padding: 10px 0px;
        text-align: center;
    }

    /*translation page*/
    .body-inner-por-header {
        width: 750px;
        font-size: 18px;
        line-height: 20px;

    }
    
    
}
@media only screen and (max-width: 767px){
    .container {
        width: 96%;
        margin: 0 auto;
    }
	
	 .body-inner-por-header {
        width: 96%; margin-top:10px;

    }
    .logo {
        width: 100%;
        text-align: center;
		margin:6px 0 0 0;
    }
    .logo img{
        width: 280px;
        height: auto;
    }
    .map-plate {

        margin: 10px 0px 10px 2.5%;
    }
    .phone-no-plate {
        margin: 10px 0px;
    }
	.payment_btn{top:60%;}
    .mobile-nav {
        display: block;
        text-align: right;
        width: 100%;
        clear: both;
        padding: 10px 0px;
		background:url(../images/nav-bg.png) left top repeat-x;
    }
	.mobile-nav span{float:left; color:#fff; font-size:17px; font-family:"SegoeUI-Regular"; line-height:17px;}
    .mobile-nav i{
        color: #ffffff;
        margin: 0px 0 0 10px;
        font-size: 20px;
        cursor: pointer;
    }
    .open-nav{
        display: none;
    }
    .cl-nav{
        display: block !important;
        transition: height 0.5s; background: #386a06;
    }
    .nav {
        width: 100%;
        margin: 0 0 0 0;
        float: left;
		position:relative; z-index:999;
    }
    .nav ul {
        margin-top: 0px;
        float: none;
        text-align: center;
        
    }
    .nav ul li {
        background: url(../images/nav-devider.png) left top no-repeat;
        float: none;
        margin: 0 0px 0 0px;
        padding: 10px 0px;
        display: inline;
        background-image: none;
    }
    .nav ul li a, .nav ul li a.active {
        background: none;
        padding: 13px;
        line-height: 0;
    }
    .banner {
        width: 100%;
        height: auto;
        background: url(../images/devider.gif) bottom repeat-x;
        padding: 0 0 20px 0;
        text-align: center;
    }
    .banner img {
        width: 50%;
        height: auto;
        margin-top: 20px;
        float: none;
    }
    .banner-cont-area {
        width: 100%;
        padding: 10px 0px 10px 0px;
    }
    .banner-cont-area h1 {
        font-size: 20px;
        line-height: 20px;
        text-align: left;
    }
    .banner-cont-area p {
        padding: 1px 0px;
        text-align: left;
    }
    .banner-cont-area h2 {
        font-size: 20px;
        margin: 5px 0px;
        text-align: left;
    }
    .footer-left-logo {
        width: 100%;
        padding: 0px;
        margin: 0px;
        text-align: center;
    }
    .footer-left-logo p {
        left: 42%;
    }
    .footer-right-first-row {
        width: 70%;
        margin: 10px 0px;
        line-height: 18px;
    }
    .footer-right-add-row {
        margin-bottom: 0;
		float:left;
    }
    .icon-box {
        width: auto;
        float: right;
        margin: 0px;
    }
    .body-bottom-img {
        display: none;
    }
    .copy-right {
        padding: 10px 0px;
    }

.pdfsupporter{width:100%;}
.green-btn{width:90%; margin:0 auto; float:none; margin-bottom:10px; background:#4d911b; border-radius:5px; border:1px solid #44730c; height:auto; padding:10px; overflow:hidden;}
.green-btn:hover{background:#1f778c; border:1px solid #10686f;}
.green-btn a{display:block; text-align:center; float:none; font-size:12px; padding:0;}
.pdfsupporter .green-btn{width:90%; margin:0 auto; float:none; margin-bottom:10px;}
.pdfsupporter .green-btn a{display:block; text-align:center; float:none; font-size:12px;}
.payment_container .form-row {
        float: left;
        margin: 5px 0px;
        width: 100%;
    }
    .payment_container .form-row label {
        width: 100%;
        margin: 0px 0px 5px;
    }
    .payment_sub{
        margin-left: 0px;
    }
	
	.contact-form-supporter {
        float: left;
        margin: 0px;
        width: 100%;
    }
    .contact-form-supporter label {
        margin: 10px 0px;
        width: 100%;
    }
    .contact-form-full-box {
        float: left;
        padding: 0px;
        width: 100%;
    }
    .contact-form-supporter input[type="submit"]{
        margin-bottom: 10px;
    }
	.contact-form-supporter input{width:96%;}
	input[type="text"], input[type="number"], input[type="email"], input[type="phone"], textarea, input[type="submit"]{-webkit-appearance:none; border-radius:0;}
}

@media only screen and (max-width: 639px){
	.logo{max-width:100%;}
	.map-plate, .phone-no-plate{display:inline-block; float:none;}
	.header-inner{text-align:center;}
	.body-first-block, .body-second-block{margin:0 0 0 15px; float:none; width:90%; overflow:hidden; }
	.body-cont-left ul{margin-left:15px;}
	.footer-right-first-row, .icon-box{width:100%;}
	.footer-left-logo, .copy-right{text-align:left;}
	.footer-left-logo p{left:75px;}
	}