@import url(//fonts.googleapis.com/css?family=Karla|Quicksand);
@import url('css/boots-bones.css');
/*
Theme Name: ThePags
Theme URI: 
Author: Ronnie
Author URI: http://nethues.com
Description: A simple wordpress them for ThePags site.
Version: 1.0
License: GNU General Public License

-------------------------------------------------------------- */
/* Reset
-------------------------------------------------------------- */
@charset "utf-8";
@font-face {
    font-family: 'tahomaregular';
    src: url('fonts/tahoma-webfont.eot');
    src: url('fonts/tahoma-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/tahoma-webfont.woff') format('woff'),
         url('fonts/tahoma-webfont.ttf') format('truetype'),
         url('fonts/tahoma-webfont.svg#tahomaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'TimesRegular';
    src: url('fonts/timessregular.eot');
    src: url('fonts/timessregular.eot') format('embedded-opentype'),
         url('fonts/timessregular.woff') format('woff'),
         url('fonts/timessregular.ttf') format('truetype'),
         url('fonts/timessregular.svg#TimesSRegular') format('svg');
}

@font-face {
    font-family: 'timesbold';
    src: url('fonts/times_bold-webfont.eot');
    src: url('fonts/times_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/times_bold-webfont.woff') format('woff'),
         url('fonts/times_bold-webfont.ttf') format('truetype'),
         url('fonts/times_bold-webfont.svg#timesbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'timesitalic';
    src: url('fonts/times_italic-webfont.eot');
    src: url('fonts/times_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/times_italic-webfont.woff') format('woff'),
         url('fonts/times_italic-webfont.ttf') format('truetype'),
         url('fonts/times_italic-webfont.svg#timesitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'DINNeuzeitGroteskBoldCondRegular';
    src: url('fonts/dinneuzeitgrotesk-boldcond-regular.eot');
    src: url('fonts/dinneuzeitgrotesk-boldcond-regular.eot') format('embedded-opentype'),
         url('fonts/dinneuzeitgrotesk-boldcond-regular.woff') format('woff'),
         url('fonts/dinneuzeitgrotesk-boldcond-regular.ttf') format('truetype'),
         url('fonts/dinneuzeitgrotesk-boldcond-regular.svg#DINNeuzeitGroteskBoldCondRegular') format('svg');
}

body{ margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(images/body_bg.jpg) repeat 0 0;}
img, input, select, button, a, h1, h2, h3, h4, h5, h6, ul, li, p{ outline:none; border:0px none; margin:0px; padding:0px; list-style:none; vertical-align:top; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
*{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.clearfix{clear:both;}

.fullscreen{ position:absolute; z-index:9999; width:100%; top:0px; height:2000px; background:url(images/1.png) no-repeat center top; display: none;*/}

.wapper{ width:982px; margin:15px auto auto auto; background:#ffffff;}

header{ width:100%; float:left; padding-bottom:12px;}
header.inner{ background:url(images/top_banner_bg.jpg) no-repeat 198px 0; border-bottom:9px solid #bdbdbd;}
.logo{float:left; padding:14px 0 0 16px; width:198px;}
nav{float:right; margin:40px 44px 0 0; width:740px;}
nav ul{ margin:0px; padding:0px; float:right;}
nav ul li{float:left; font-family:"tahomaregular"; font-size:13px; color:#555454;}
nav ul li a{color:#555454; text-decoration:none;  background:url(images/nav_arrow.jpg) no-repeat right 3px; letter-spacing: 0.5px; padding: 0 13px; word-spacing: 1px; text-transform: uppercase;}
nav ul li a:hover{color:#D0CFCF; text-decoration:none;}
nav ul li.current-menu-item a{color:#D0CFCF; text-decoration:none;}

.banner{ width:100%; float:left; margin-bottom:20px;}

.bottom_thumbnail{ width:100%; float:left;}
.bottom_thumbnail ul{ margin:0; padding:0px; text-align:center; }
.bottom_thumbnail li{ margin:0 6px 0 0px; padding:0px; width:141px; height:141px; display:inline-block; position:relative;}
.bottom_thumbnail li span.menu-image-title{position: absolute; display:block; bottom:0px; font-size:20px; color:#FFFFFF; text-align:left; font-family:"timesitalic"; height:48px; width:100%; padding: 2px 0 0 5px; word-spacing:-1px; background:url(images/black_bg.png) repeat 0 0;}
.bottom_thumbnail li a{color:#FFFFFF; text-decoration:none; }
.bottom_thumbnail li a:hover span{color:#86A45E; background:#000000;}
.bottom_thumbnail li a span:hover{color:#86A45E; background:#000000;}

footer{ width:100%; float:left; background:#363636; font-family:arial; font-size:13px; color:#FFFFFF; text-align:left; margin-top:17px; padding:16px 41px 4px 41px;}
footer a{ float:right; color:#FFFFFF; text-decoration:none;}


.login_form_banner{ font-family:"DINNeuzeitGroteskBoldCondRegular"; color:#FFFFFF; text-align:left; margin:35px 0 0 -6px;}
.login_form_banner label{ font-size:19px; line-height:30px; float:left;}
.login_form_banner input{ font-size:13px; font-family:arial; color:#a2a2a2; background:#fff; box-shadow:-1px 1px 2px #989898 inset; height:30px; margin-left:7px; padding:8px; width:183px;  float:left;}
.login_form_banner .signup{ background: url(images/sign_in.png) no-repeat 0 0; box-shadow:0px 0px 0px; height:34px; margin-left:6px; padding:0px; width:71px; text-indent:-9999px; cursor:pointer;  float:left;}
.login_form_banner .forgotpassword{ background: url(images/forgotpassword.png) no-repeat 0 0; box-shadow:0px 0px 0px; height:34px; margin-left:6px; padding:0px; width:155px; text-indent:-9999px; cursor:pointer;  float:left;}
.login_form_banner input[type="submit"]:hover{ box-shadow:0 0 5px #ccc; border:0;}
.login_form_banner a{ background:url(images/white_bg.png) repeat 0 0; height:30px; float:left; color:#454545; font-family:"DINNeuzeitGroteskBoldCondRegular"; text-decoration:none; font-size:18px; line-height:30px; margin-left:7px; padding:0 8px; opacity: 1;}
.login_form_banner a:hover{ text-decoration:underline;}

.left_section{ width:198px; float:left;}
.left_section ul{ margin:10px 0 0 0; padding:0px;}
.left_section li{ margin:0px; padding:0px; font-family:Verdana; font-size:14px; color:#666666; border-top:1px solid #F0F0F0}
.left_section li:first-child{border-top:0px none;}

.left_section li a{color:#666666; text-decoration:none; display:block; padding:8px 15px 7px 18px; line-height:normal;}
.left_section li a:hover{ color:#86A45E;}
.left_section li a.current{ color:#86A45E;}


.right_section{ width:784px; float:left; padding:0 0 0 30px; background:url(images/bg.jpg) no-repeat right bottom #f8f8f8; margin-bottom:-17px; padding-bottom:20px; min-height:566px;}
.right_section_area{ width:708px; float:left;   margin:50px 0 0 0; }
.right_section_area.space{margin:0 0 0 0; width:100%; float:left;}
.right_section_area.space .right_section_contant{ width:100%; float:left; padding-right:60px;}

.right_section_area.space .about-us{ overflow:hidden; margin:50px 0 0 0; width:708px}
.right_section_area.space .about-us .right_section_contant{ width:530px; float:left; padding-right:0;}


.right_section_contant{ width:530px; float:left;}
.right_section h2{ font-size:24px; color:#5A5A5A; text-align:left; font-family:"TimesRegular"; font-weight:normal; margin-top:13px;}
.right_section_contant h4{ font-family:Verdana; font-size:14px; color:#5A5A5A; font-weight:bold;}
.right_section_contant h5{ font-family:Verdana; font-size:12px; color:#666666; line-height:18px; font-weight:bold; margin-top:20px;}
.right_section_contant p{ font-family:Verdana; font-size:12px; color:#666666; line-height:18px; margin-top:20px;}
.right_section_contant a{color:#85a35c; font-weight:bold; text-decoration:none;}
.right_section_contant a:hover{text-decoration: underline;}

.right_section_pic{ width:138px; float:right;}
.right_section_pic ul{ margin:0; padding:0px;}
.right_section_pic li{ width:138px; float:left; height:138px; margin-bottom:2px;}

.right_gray_terms{ margin:20px 0 0 -30px; padding:20px 100px 0px 20px; background:#f0f0f0;}
.right_gray_terms.one{ margin-top:0px;}
.right_gray_terms.last{ margin-top:0px; background:url(images/bg1.jpg) no-repeat left bottom; position:relative; bottom:-17px; padding-bottom:17px; padding-right:0px;}
.right_gray_terms.white{background:#f8f8f8; margin-top:0px;}
.right_gray_terms h3{ font-family:Verdana; color:#5A5A5A; text-align:left; font-weight:bold; font-size:14px; line-height:14px;}
.right_gray_terms h3 span{ display:inline-block; float:left; margin-top:-17px;}
.right_gray_terms p{ font-family:Verdana; font-size:12px; color:#666666; line-height:18px; margin:15px 0 10px 0;}
.right_gray_terms span{ font-family:"TimesRegular"; color:#86A45E; text-align:left; font-weight: normal; font-size:38px; line-height:38px;}
.right_gray_terms ul{ margin:0px; padding:0px;}
.right_gray_terms li{ margin:0px; padding:0px; border-top:1px solid #FFFFFF;}
.right_gray_terms li span{ display:block; float:left; width:120px;  font-family:Verdana; font-size:12px; line-height:17px; color:#666666; font-weight:bold; padding:10px 0;}
.right_gray_terms li small{ display:block; overflow:hidden;  font-family:Verdana; font-size:12px; line-height:17px; color:#666666;  padding:10px 0;}

.right_gray_terms h3.related{float:left; width:50%; padding-bottom:5px;}
.right_gray_terms ul.related{margin:0px; padding:0px 0 0 0; width:50%; float:left;}
.right_gray_terms ul.related li{ margin:0px; padding:0px; border-top:0 none;}
.right_gray_terms ul.related li span{display:block; float:left; width:120px;  font-family:Verdana; font-size:12px; line-height:17px; color:#666666; font-weight:bold; padding:0px;}
.right_gray_terms ul.related li small{display:block; overflow:hidden;  font-family:Verdana; font-size:12px; line-height:17px; color:#666666; padding:0 44px 0 0;}

.right_section_contant p.new_search{ margin-top:10px;}
.right_section_contant p.new_search a{ font-size:13px; color:#85a35c; text-decoration:none; font-weight:normal;}
.right_section_contant p.green{ font-family:Verdana; font-size:14px; color:#85A35C; line-height:18px; margin-top:20px;}
.right_section_contant p.green a{ font-family:Verdana; font-size:14px; color:#85A35C; font-weight:normal;}

.right_section_contant p.green1{ font-family:Verdana; font-size:16px; color:#86A45E; line-height:18px; margin-top:20px;}
.right_section_contant p.green1 a{ color:#86A45E; font-weight:normal; margin-right:6px; text-decoration:none;}

.search_listing{ display:block;}
.search_listing ul{ margin:0px; padding:0px; clear: both;}
.search_listing li{ margin:0px; padding:0px; float:left; width:50%;  padding:30px 35px 0 0; /*max-height:195px; overflow:hidden;*/}
.search_listing li .thumbnail{ width:82px; height:82px; float:left; position:relative; margin:4px 12px 0px 0;}
.search_listing li .thumbnail .zoom{position: absolute; top:0px; right:0px; z-index:1; width:22px; height:22px;}
.search_listing li .thumbnail img{ width:100%; height:100%;}
.search_listing li .contant-part{ display:block; font-family:Verdana; font-size:12px; color:#666666; line-height:18px;}
.search_listing li .contant-part span{ display:block; font-weight:bold;}

.pagination{ border-top:1px solid #FFFFFF; display:block; margin:20px 0 0 0; padding-top:15px; width:100%; float:left;}
.pagination ul{ margin:0px; padding:0px; text-align:center;}
.pagination li{ margin:0px; padding:0px; font-family:Verdana; font-size:16px; color:#85A35C; display:inline-block;}
.pagination li a{font-size:16px; color:#85A35C; font-weight: normal; text-decoration: none; padding:0 5px;}
.pagination li a:hover{text-decoration: none;}
.pagination li .prev{padding:0 30px 0 0;}
.pagination li .next{padding:0 0 0 30px;}
.pagination li img{ margin:5px 3px 0 3px;}
.pagination li .current{ color:#666666;}


.form_search{ width:100%; float:left;}
.form_search input{ border:1px solid #c9c9c9; border-radius:5px; height:42px; font-family:Verdana; font-size:13px; color:#B3B3B3; padding:0 12px 0 12px;  box-sizing: border-box; width:100%; float:left;}
.form_search select{ border:1px solid #c9c9c9; border-radius:5px; height:31px; line-height:30px; font-family:Verdana; font-size:13px; color:#B3B3B3; padding:0 12px 0 12px;  box-sizing: border-box; width:100%; float:left;}
.form_search p{ font-family:Verdana; font-size:13px; color:#4D4D4D; margin:0 0 7px 0;}
.form_search .search_box{ width:472px; float:left; position:relative; margin-top:20px;}
.form_search .search_box  input{padding:0 40px 0 12px; line-height:40px;}
.form_search .search_box input[type='submit']{ width:40px; height:40px; position: absolute; top:0px; right:0px; border:0px; padding:0px; background:url(images/search.jpg) no-repeat center 13px; text-indent:-9999px; cursor:pointer;}
.form_search .search_box1{ width:100%; float:left; position:relative; margin-top:20px;}
.form_search .search_box1 input{ width:160px; float:left; line-height:40px;}
.form_search .search_box1 span{ float:left; display:block;  font-family:Verdana; font-size:13px; color:#4D4D4D; line-height:42px; padding:0 12px;}
.form_search .search_box2{ width:261px; float:left; margin:20px 48px 0 0; position:relative;}
.form_search .search_box2 input{ border:1px solid #7baa5b; background:#7baa5b; cursor:pointer; border-radius:5px; height:31px; line-height:26px; font-family:Verdana; font-size:12px; color:#fff; padding:0 25px;  box-sizing: border-box; width: auto; float:left; margin:25px 0 0 0;}
.form_search .search_box2 input:hover{ background:#363636;  border:1px solid #000;}
.select{ background:url(images/select.png) no-repeat right top; width:100%; display:block; height:31px; position:absolute; font-family:Verdana; font-size:12px; color:#B3B3B3; padding:7px 12px 0 12px;  box-sizing: border-box;}
.select1{ background:url(images/select.png) no-repeat right top; width:100%; display:block; height:31px; position:absolute; font-family:Verdana; font-size:12px; color:#B3B3B3; padding:7px 12px 0 12px;  box-sizing: border-box;}

.form_search .search_box3{ width:404px; float:left; position:relative; margin-top:20px;}
.form_search .search_box3  input{padding:0 40px 0 12px;  }
.form_search .search_box3 input[type='submit']{ border:1px solid #7baa5b; background:#7baa5b; cursor:pointer; border-radius:5px; height:31px; line-height:26px; font-family:Verdana; font-size:12px; color:#fff; padding:0 25px;  box-sizing: border-box; width: auto; float:right; margin:0 0 0 0; clear:both;}
.form_search .search_box3 input[type='submit']:hover{ background:#363636;  border:1px solid #000;}

.form_search .search_box4{ width:404px; float:left; position:relative; margin-top:20px;}
.form_search .search_box4 input{padding:0 125px 0 12px;  }
.form_search .search_box4 .captcha{ position:absolute; width:116px; height:40px; right:1px; top:1px; }
.form_search .search_box4 .captcha img{ width:116px; height:38px; border-radius:0 5px 5px 0;}

.unsupported{ float:left; width:100%; margin:10px 0 0 0;}
.unsupported ul{ margin:0px; padding:0px; float:left; width:50%;}
.unsupported ul li{ margin:0px; padding:0px; font-family:Verdana; font-size:12px; color:#666666; line-height:19px;}
.unsupported ul li a{color:#666666; text-decoration:none; font-weight:normal;}
.unsupported ul span{ font-family:"TimesRegular"; color:#86A45E; text-align:left; font-weight: normal; font-size:50px; line-height:50px; display:block; margin:20px 0 0 0;}
.unsupported ul span:first-child{margin:0 0 0 0;}

.new_plants_section{ width:100%; float:left; padding:0 40px 0 40px; background:#ffffff; padding-bottom:20px; min-height:566px;}
.new_plants_section h2{ font-size:24px; color:#5A5A5A; text-align:left; font-family:"TimesRegular"; font-weight:normal; margin-top:13px;}
.new_plants_section h3{ font-size:16px; color:#6A6A6A; text-align:left; font-family:"timesbold"; font-weight: normal; margin:20px 0 20px 0;}
.new_plants_section .num_box{background:#f4e6de; border-radius: 10px; width:100%; padding:28px 10px 15px 28px; color: #3b3b3d; line-height: 18px; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top:15px;}
.new_plants_section .num_box p{ margin:15px 0 0 0;}

.formelement{ display:block; padding:0px;  color:#6A6A6A;}
.title_name{margin:20px 0 5px 0; font-size: 12px; color:#6A6A6A;}
.lable{padding-right:8px; float: left; }
.mandatory {color: red;}
.title_name select{ border-radius: 4px; border:1px solid #a6a6a6;}
.formwraper_txt{ display:block;}
.formelement input {width: 281px; border: 1px solid #ccc; color: #888; height:28px; border-radius:3px; padding:2px 5px; line-height:20px; }

.address_section{ display:block; margin:12px 0 0 0px;}
.address_text {font-size: 12px;color: #888;}

.formwraper_txt_area{ float:left;}
.section2 {margin: 12px 0 0 0px;}
.formelement textarea {color: #888; width: 281px; height: 150px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; padding-top: 8px; padding-bottom: 8px; border: 1px solid #ccc; padding-left: 5px;}
.notes {float: left; margin-left: 20px; width: 340px; color: #6a6a6a;}
.notes p {margin-top: 15px; margin-bottom: 15px; font-family:Verdana; font-size:12px; color:#6a6a6a;}
.notes1 {float: left; margin-left: 0; width: 100%; color: #6a6a6a;}
.notes1 p {margin-top: 0px; margin-bottom: 15px; font-family:Verdana; font-size:12px; color:#6a6a6a;}

.introduction{ float:left;}
.section2_detail {margin:0px; clear: both; width: 100%; color: #6A6A6A; float:left; }
.section2_detail p { margin-bottom:15px; font-family:Verdana; font-size:12px; color:#6a6a6a; line-height:18px;}

.form_text {    color: #888888;    font-size: 12px;    padding: 0 0 5px;}
.cultivar {    height: 100px; width: 288px; border: 1px solid #cccccc;     color: #888888;    font-family: Verdana,Arial,Helvetica,sans-serif;    font-size: 13px;}
.formelement_flo {    clear: both;    margin: 10px 0;    overflow: hidden;}
.formelement_flo textarea {color: #888; width: 281px; height: 150px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; padding-top: 8px; padding-bottom: 8px; border: 1px solid #ccc; padding-left: 5px;}
.formelement_flo textarea.distinguishing {height:52px;}
.formelement_flo input {width: 281px; border: 1px solid #ccc; color: #888; height:32px; border-radius:3px; padding:0; }

.formelement_flo span{ float:left;}
.formelement_flo .notes p{margin-top: 0;}

.growth_plant{ float:left; width:150px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px;  color: #6A6A6A; margin-bottom:5px; }
.growth_plant input{ float:left; width:15px; height:15px; margin:1px 5px 0 0;}
.growth_plant input[type='radio']{ border:0px none;}

.plant_size{color: #888; width: 150px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px;  border: 1px solid #ccc; padding-left: 5px;}
.percentage{ float:left; margin-top:15px;}

.section2_detail input[type='submit']{ border:1px solid #7baa5b; background:#7baa5b; cursor:pointer; border-radius:5px; height:31px; line-height:26px; font-family:Verdana; font-size:12px; color:#fff; padding:0 25px;  box-sizing: border-box; width: auto; clear:both; margin:0 0 0 0; clear:both;}
.section2_detail input[type='submit']:hover{ background:#363636;  border:1px solid #000;}

.round_img1 {
background: url("images/round-img2.png") no-repeat scroll left top; color: #ffffff;  font-family: Arial; font-size: 15px; font-weight: bold; height: 29px; margin: 0 0 0 -39px; padding:6px 11px 0 0; position: absolute; width: 39px; text-align:center;
}
.round_img1.second{margin:-6px 0 0 -39px; }
.form_sec-1{ padding-left:10px;}

.full_width{ width:100%; float:left; padding:0 60px;}
.full_width .right_section_contant{padding:0px;}
.copyright {
    float: left;
}
.login-form{
	overflow:hidden;	
}
.login-form form{
	overflow:hidden;
}
.login-error{
	color: #fff;
	font-weight: normal;
	font-size: 12px;
	float: left;
	text-align: left;
	margin-left: 45px;
	word-spacing: 2px;
	letter-spacing: 0.5px;
	border: 1px solid rgb(223, 38, 38);
	padding: 5px;
	background-color: rgb(247, 83, 83);
	border-radius: 4px;
}
.forgot-error{	
	margin-left: 115px;
	color: #fff;
	font-weight: normal;
	font-size: 12px;
	float: left;
	text-align: left;
	word-spacing: 2px;
	letter-spacing: 0.5px;
	border: 1px solid rgb(223, 38, 38);
	padding: 5px;
	background-color: rgb(247, 83, 83);
	border-radius: 4px;	
}
.error{
	font-size: 11px;
	color: red;
	font-weight: normal;
}
.success{	
	color: #fff;
	font-weight: normal;
	font-size: 16px;
	float: left;
	text-align: left;
	margin: 10px 0;
	word-spacing: 2px;
	letter-spacing: 0.5px;
	border: 1px solid #7baa5b;
	padding: 5px;
	background-color: #7baa5b;
	border-radius: 4px;
	max-width: 405px;
	font-family: Verdana;
}

.page-id-65 .right_section_area.space .right_section_contant{padding:0px;}

/*reference page css*/
.reference_container{
	margin-top:20px;
	float:left;
	width: 100%;
}
.reference_container p{
	color: #666666;
    font-family: Verdana;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 20px;
	margin-top:0px;
}
.reference_inner_container{
	float:left;
	width: 100%;
	margin-top:20px;
}
.reference{
	float:left;
	width: 100%;
	font-family: Verdana;
	color: #666666;
	font-size: 12px;
	line-height: 20px;
} 
.refrence_short{
	float:left;
	width:22%;
}
.refrence_full{
	float:left;
	width:75%;
	margin-left:3%;    
}
.no-record{
	color: red;
	font-size:16px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	padding: 14px 0;
}

.privecy ul{
	color: #666666;
    font-family: Verdana;
    font-size: 12px;
    line-height: 26px;
    margin-top: 10px;
    padding-left: 30px;
}
.privecy ul li{
	list-style:disc;
}

.page-restrict-output {
	font-family: Verdana;
	font-size: 12px;
	color: #666666;
	line-height: 18px;
	margin-top: 20px;
}
.page-restrict-output a{
	color: #85a35c;
	font-weight: bold;
}

/***23july***/
/*
.login_form_banner #wppb-recover-password-button{
    background: rgba(0, 0, 0, 0) url("images/forgotpassword.png") no-repeat scroll 0 0!important;
    box-shadow: 0 0 0;
    cursor: pointer;
    float: left;
    height: 34px;
    margin-left: 6px;
    padding: 0;
    text-indent: -9999px;
    width: 155px;
} */

.wppb-error,.wppb-warning {
    background-color: rgb(247, 83, 83);
    border: 1px solid rgb(223, 38, 38);
    border-radius: 4px;
    color: #fff;
    float: left;
    font-size: 12px!important;
    font-weight: normal;
    letter-spacing: 0.5px;
    margin-left: 115px;
    padding: 2px!important;
    text-align: left;
    word-spacing: 2px;
    margin-top: 31px !important;
    position: absolute;
    width: auto !important;
}
.boxcap {
    float: left;
    margin-right: 7px;
    margin-top: 10px;
}
.cptcha #answer {
    padding: 5px;
    width: 100px;
}
#errorcaptcha {
    color: RED;
    padding: 10px;
}



.menu-image-hover-wrapper img.hovered-image{margin-left:0!important;position:absolute;top:0;left:0;}
.bottom_thumbnail li span.menu-image-title{background:rgba(0,0,0,0.5); line-height: 100%;}
.bottom_thumbnail li .menu-image-hover-wrapper{display:inline-block;width: 100%;padding-right: 0!important;}
.bottom_thumbnail li{overflow:hidden}

/* 230329 */
.hamburger{
    display: none;
}
.banner .nivoSlider{
    min-height: 450px;
}
.banner .slide_contant .contant_part {
    min-height: 100%;
}
.banner .theme-default .nivo-main-image,
.banner .theme-default .nivoSlider img{
    min-height: 450px;
    object-fit: cover;
}
#wppb-recover-password p {
    margin-bottom: 10px;
}
.login_form_banner #wppb-recover-password-button{
    position: relative;
    /* top: -5px; */
}

@media screen and (max-width: 1023px) {
    .hamburger{
        display: block;
    }
    .hamburger{
        width: 28px;
        height: 22px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        cursor: pointer;
    }
    .hamburger span{
        width: 100%;
        height: 3px;
        transform-origin: left;
        transition: all 1s ease;
        will-change: transform;
        background-color: #141213;
    }
    .menu-header-menu-container{
        display: block;
        width: 100%;
        position: absolute;
        /* left: 0; */
        background: #f1f1f1;
        top: 100%;
        z-index: 9999;
        height: 100vh;
        overflow-y: auto;
        right: -100%;
        transition: all 1s ease;
    }
    nav.active .menu-header-menu-container{
        right: 0;
    }
    nav.active .hamburger span:first-child{
        transform: rotate(45deg);
    }
    nav.active .hamburger span:nth-child(2){
        opacity: 0;
    }
    nav.active .hamburger span:last-child{
        transform: rotate(-45deg);
    }
    .wapper{
        width: 100%;
        max-width: 982px;
        overflow-x: hidden;
    }
    header{
        display: flex;
        justify-content: space-between;
        padding: 12px 16px;
        align-items: center;
        position: relative;
    }
    header .logo{
        padding: 0;
    }
    nav{
        max-width: 740px;
        width: auto;
        margin: 0;
    }
    .menu-header-menu-container ul{
        width: 100%;
        padding: 16px;
    }
    nav ul li{  
        width: 100%;
        padding: 14px;
        border-bottom: 1px solid #c1c1c1;
    }
    nav ul li a,
    nav ul li.current-menu-item a{
        padding: 0;
        background: none;
        color: #555454;
    }
    nav ul li.current-menu-item a{
        font-weight: bold;
    }
    .banner .slide_contant .contant_part h2{
        font-size: 36px;
        width: inherit;
    }
    .banner .slide_contant .contant_part p, .slide_contant .contant_part span{
        font-size: 16px;
        width: inherit;
    }
    .banner .nivo-caption{
        font: 18px;
    }
    .banner .content-sec{
        width: 100%;
    }
    .banner .slide_contant .contant_part {
        left: 0;
        top: 0;
        z-index: 999;
        padding: 36px;
        position: relative;
        min-height: 100%;
    }
    .banner{
        height: auto;
    }
    .banner .nivoSlider{
        min-height: 360px;
    }
    .banner .theme-default .nivo-main-image,
    .banner .theme-default .nivoSlider img{
        position: absolute!important;
        top: 0!important;
        left: 0!important;
        width: 100%!important;
        height: 100%!important;
        object-fit: cover!important;
    }
    .banner .slide_contant{
        position: relative;
    }
    .bottom_thumbnail li{
        margin-bottom: 12px;
    }
    .right_section{
        width: 100%;
        padding-right: 30px;
    }
    .left_section{
        width: 100%;
        margin-bottom: 40px;
    }
    .right_gray_terms{
        margin: 20px 0 12px;
    }
    .left_section li a{
        padding: 8px 30px 7px 30px;
    }
    .form_search .search_box3 input[type='submit']{
        float: left;
    }
    .form_search .search_box3{
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .login_form_banner a{
        margin-left: 0;
        margin-top: 12px;
    }
    .banner .nivo-caption{
        font-size: 18px;
    }
    .banner .slide_contant .contant_part{
        padding-bottom: 60px;
    }
    .banner .nivoSlider {
        min-height: 440px;
    }
    .right_section_area.space .about-us,
    .right_section_area.space .about-us .right_section_contant{
        width: 100%;
    }
    .right_section_area.space .right_section_contant{
        padding-right: 0;
    }
    .right_section_pic{
        float: left;
        width: 100%;
        margin-right: 0;
        margin-top: 16px;
    }
    .right_section_pic ul{
        display: flex;
        left: 0;
        gap: 12px;
    }
    .right_section_area.space .about-us{
        margin-top: 30px;
    }
    .right_gray_terms{
        padding: 20px;
    }
    .right_gray_terms h3{
        line-height: normal;
    }
    .banner .nivo-caption{
        height: auto;
    }
    .notes,
    .notes_intro,
    .section2{
        width: 100%;
        margin-left: 0;
    }
    .formelement input,
    .formelement textarea,
    .formwraper_txt_area,
    .formelement .formtxtarea{
        width: 100%;
        margin: 12px 0;
    }
    .introduction,
    .cultivar,
    .formelement_flo span,
    #plant_size,
    .percentage,
    .formelement_flo textarea,
    .formelement_flo input{
        width: 100%;
    }
    #plant_size{
        padding: 5px 0;
    }
    .new_plants_section .num_box{
        padding: 16px;
    }
    .report-img{
        height: 100px;
        padding-bottom: 15px;
        background-size: contain;
    }
}
@media screen and (max-width: 640px) {
    .banner .slide_contant .contant_part h2 {
        font-size: 26px;
        line-height: normal;
    }
    .banner .nivo-caption{
        font-size: 16px;
        line-height: normal;
    }
    .login_form_banner label,
    .login_form_banner input,
    .login_form_banner input{
        display: block;
        width: 100%;
        margin: 12px 0 0;
    }
    .login_form_banner input[type='submit'],
    .login_form_banner #wppb-recover-password-button{
        margin-left: 0;
    }
    .login_form_banner a{
        margin-left: 12px;
    }
    .banner .nivoSlider {
        min-height: 520px;
    }
    .bottom_thumbnail li span.menu-image-title{
        font-size: 16px;
        display: flex;
        align-items: center;
    }
    .banner .slide_contant .contant_part{
        padding-top: 20px;
    }
    .banner .slide_contant .contant_part,
    .left_section li a,
    .theme-default .nivo-caption a,
    .right_section{
        padding-left: 24px;
        padding-right: 24px;
    }
    .left_section{
        margin: 20px 0;
    }
    .right_section_area.space .about-us {
        margin-top: 10px;
    }
    .right_gray_terms.last{
        padding: 12px;
    }
    .right_gray_terms {
        padding: 12px;
    }
    .right_gray_terms .related:nth-child(2),
    .right_gray_terms .related:nth-child(4)
    {
        padding-left: 12px;
    }
    .right_section_contant p.green1{
        word-wrap: break-word;
        line-height: 36px;
    }
    .unsupported ul span{
        font-size: 36px;
    }
    .unsupported ul:first-child{
        padding-right: 12px;
    }
    .rc-anchor-normal,
    .form_search .search_box4,
    .form_search .search_box4 > div > div
    {
        width: 100%!important;
    }
}

/**************/

/* */
.slide_contants {
    position: relative;
    width: 100%;
    display: block;
}

form.bootstrap-frm, form#wppb-recover-password {
    display: block;
    position: absolute;
    right: 0;
    bottom: 170px;
    z-index: 48;
    width: auto;
    margin: auto;
    left: 0;
    max-width: 91%;
}

.login_form_banner #wppb-recover-password-button{
    background: rgba(0, 0, 0, 0) url("https://thepelargoniumregister.newsoftdemo.info/wp-content/themes/thepags/images/forgotpassword.png") no-repeat scroll 0 0!important;
    box-shadow: 0 0 0;
    cursor: pointer;
    float: left;
    height: 34px;
    margin-left: 6px;
    padding: 0;
    text-indent: -9999px;
    width: 155px;
}

form#wppb-recover-password p.form-submit {
    display: inline;
    float: left;
}
span.wppb-description-delimiter {
    position: absolute;
    top: 34px;
    left: 6rem;
    padding: 0;
    font-size: 11px;
    color: red;
    text-align: right;
    display: block;
}
li.wppb-form-field.passw2 label {
    margin-left: 10px;
}

p.wppb-success {
    display: block;
    position: absolute;
    right: 0;
    bottom: 170px;
    z-index: 48;
    width: auto;
    margin: auto;
    left: 0;
    max-width: 91%;
}
p.wppb-warning {
    display: block;
    position: absolute;
    bottom: 136px;
    z-index: 48;
    margin: auto;
    left: 42px;
}

.login-error {
    display: block;
    position: absolute;
    bottom: 136px;
    z-index: 48;
    left: 87px;
    margin-left: auto;
}

@media (max-width:1366px){ 
}

@media (max-width:1140px){

}



@media (max-width:992px){
 }

@media (max-width:767px){ 
p.wppb-warning {  
    bottom: 131px;
    margin-left: auto;
    left: 24px;
  
}

form.bootstrap-frm, form#wppb-recover-password {
    bottom: 158px; 
    left: 0;
    max-width: 86%;
}


.login_form_banner #wppb-recover-password-button { margin-left: 0px;}
div#login, form#wppb-recover-password {left: 0;}

}