@charset "utf-8";
/* CSS Document */

*{ padding:0px; margin:0px;}
body{ font:normal 13px/20px Arial, Helvetica, sans-serif; color:#333; background: #fff;}
a img{ border:0px;}
img, iframe{ max-width:100%;}
ul, ol{ list-style-type:none;}
a{ text-decoration:none; color:#233069;}
.clear{ clear:both; line-height:0;}
div{ display:block;}
div:after{ clear:both; line-height:0; content:""; visibility:hidden; display:block;}

#header{ /*background:url(../images/banner_bg.jpg) no-repeat top center; height:500px; background-size:100%;*/}
.banner{ background:url(../images/banner_bg.jpg) no-repeat top center; height:500px; background-size:100%;}
#h_top{ width:100%; position:relative; z-index:1;}
.wrapper{ width:1000px; margin:0 auto;}
#blog{ float:right; margin:27px 70px 0 0; background:url(../images/plainbg.png) no-repeat top center; padding:18px 0 0 70px; width:179px; height:35px;}
#blog ul{}
#blog ul li{ float:left;}
#blog ul li+li{ background:url(../images/spacer1.jpg) no-repeat 0 0;}
#blog ul li a{ font:normal 14px/18px Arial, Helvetica, sans-serif; color:#fff; padding:0 15px; text-transform:uppercase;}
#content{ padding:45px 0;}
#content h1{ border-bottom:2px dashed #fff; padding-bottom:5px;}
.logo{ background:url(../images/shadow1.png) no-repeat bottom center; text-align:center; padding-bottom:20px; float:left; width:219px; margin:20px 30px 0 0;}
/*.logo:nth-child(4){ margin-right:0;}
.logo:nth-child(8){ margin-right:0;}*/
.order{ text-align:center; margin:30px 0; width:100%;}
/*#footer{ height:118px; background:url(../images/bg_footer.png) no-repeat bottom center; text-align:center;}*/
/*#footer p{ font:normal 12px/18px Arial, Helvetica, sans-serif; color:#fff; padding-top:80px;}*/
/*.inputboxstyle, .setformdivpart input[type="text"], .setformdivpart input[type="email"]{*/
.inputboxstyle{
    background-color: #C0C0C0 !important;
    border: 0 none !important;
    color: #666666 !important;
    float: left !important;
    font-size: 12px;
    height: 30px;
    line-height: 20px;
    padding: 0 10px !important;
    width: 98%;
}
span.wpcf7-form-control-wrap{ display:block; width:100%;}
.textareaboxstyle {
    background-color: #C0C0C0 !important;
    border: 0 none !important;
    color: #666666 !important;
    float: left !important;
    font-size: 12px;
    height: 100px;
    line-height: 20px;
    overflow: auto;
    padding: 5px 0 0 10px !important;
    width: 99%;
}

.setformdivpart > .frminputbox {
    padding: 10px 0;
    width: 100%;
}

.setformdivpart div.frminputbox label.frmtitlebox { width:100%; display:block; padding:3px 0;}
span.wpcf7-form-control-wrap.beside{ float:left; padding:0 15px 0 0; width:auto;}
.inputboxstyle2 {
    background-color: #C0C0C0 !important;
    border: 0 none !important;
    color: #666666 !important;
    float: left !important;
    font-size: 12px;
    height: 30px;
    line-height: 20px;
    padding: 0 10px !important;
    width: 97%;
}
.setdiv_checkboxandtextbox div.first_divcheck {
    float: left; padding:0 3%;
    width:44%;
}

.setdiv_checkboxandtextbox {
    float: left;
    width: 100%;
}
span.wpcf7-form-control-wrap {
    position: relative;
}

.first_divcheck span span span {
    float: left;
    width: 90%;
}

.first_divcheck span span span input {
    float: left;
	margin: 3px;
}
.first_divcheck span.wpcf7-list-item-label {
    display: block;
}
.first_divcheck span span span span {
    float: left;
    padding-bottom: 5px;
    width: 20%;
}

.setdiv_checkboxandtextbox div.cesond_divcheck {
    float: left;
    padding: 10px 3% 0;
    width: 44%;
}
input, textarea, select {
    font-family: Arial;
    font-size: 13px;
}
span.wpcf7-list-item {
    margin-left: 0.5em;
}

.setredfont {
    color: #FF0000;
    font-weight: bold;
}

.frminputbottomline {
    border-bottom: 2px solid #000000;
    float: left;
    height: 2px;
    margin-bottom: 20px;
    width: 100%;
}

.frmexamplefont2 {
    color: #666666;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
.frminputbox > .icon_big_box:nth-child(2n+1){ clear:left; margin-right:1%; margin-left:0%;}
.icon_big_box {

    float: left;
    height: auto;
    margin-bottom: 10px;
    margin-left: 1%;
    padding: 0;
    width: 49%;
}
.middeltextstyle {
    font-weight: bold;
}
.icon_big_box_middle {
    border-left: 1px solid #C0C0C0;    border-right: 1px solid #C0C0C0;

    height: auto;
    padding: 5px 0 5px 5px;

}
.icon_big_box_top {
    border: 1px solid #C0C0C0;

    height: auto;
    padding: 5px 0 5px 5px;

}
.icon_big_box_bottom {

    min-height: 120px;
    padding: 10px 0 6px;
    text-align: center;    border: 1px solid #C0C0C0;

}
.frmexamplefontred {
    color: #FF0000;
    font-size: 12px;
}
.color01 {
    background-color: #FE0000;
}
.color_inner_top {
    height: 83px;
    padding: 0;
	border-radius: 6px; border:1px solid #333;
}
.color_inner_bottom {
    color: #666666;
    float: left;
    height: auto;
    line-height: 20px;
    padding: 0;
    text-align: center;
    width: 81px;
}

.color_inner {
    float: left;
    height: auto;
    margin:0 0.6%;
    padding: 0;
    width: 9.9%;
}
.color_other {
    float: left;
    height: auto;
    margin-bottom: 5px;
    padding: 0;
    width: 100%;
}
.color_box {
    height: auto;
    padding: 10px 0;
    width: 100%;
}
.wpcf7-list-item-label {
    display: none;
}
.color02 {
    background-color: #FEF200;
}
.color03 {
    background-color: #00A652;
}
.color04 {
    background-color: #00BAFF;
}
.color05 {
    background-color: #2025CB;
}
.color06 {
    background-color: #FF4BB6;
}
.color07 {
    background-color: #720D11;
}
.color08 {
    background-color: #FFB900;
}
.color09 {
    background-color: #F05D27;
}
.color010 {
    background-color: #C3E423;
}
.color011 {
    background-color: #96FF0F;
}
.color012 {
    background-color: #02542E;
}
.color013 {
    background-color: #1072BB;
}
.color014 {
    background-color: #6975D7;
}
.color015 {
    background-color: #683093;
}
.color016 {
    background-color: #988576;
}
.color017 {
    background-color: #554840;
}
.color018 {
    background-color: #8D6339;
}
.color019 {
    background-color: #412414;
}
.color020 {
    background-color: #000000;
}
.color021 {
    background-color: #6F6F6F;
}
.color022 {
    background-color: #0C183E;
}
.color023 {
    background-color: #071B00;
}
.color024 {
    background-color: #CECECE;
}
.font_box {
    border: 1px solid #C0C0C0;
    float: left;
    height: auto;
    margin: 10px 0;
    width: 100%;
}
.font_box_big {
    border-bottom: 1px solid #C0C0C0;
    float: left;
    height: 89px;
    width: 260px;
}
.font_box_big_top {
    float: left;
    height: auto;
    width: 260px;
}
.font_box_big_bottom {
    float: left;
    height: auto;
    text-align: center;
    width: 255px;
}
.font_box_small {
    float: left;
    height: 89px; width:20%; box-shadow:0 0 1px #666;
}
.font_box_small img{ max-width:98%; margin:0 auto; display:block;}
.font_box_small_bottom {
    float: left;
    height: auto;
    text-align: center;
    width: 150px;
}
.font_box_small_top {
    height: auto;
    padding: 5px 0 10px 5px;
}
.look_feel {
    border: 1px solid #C0C0C0;
    height: auto;
    margin-bottom: 10px;
    padding: 0;

}
.look_feel_other {

    height: auto;
    padding: 0;
    width: 251px;
}
.look_feel_other_top {
    border-bottom: 1px solid #C0C0C0;
    float: left;
    height: auto;
    padding: 0;
    width: 251px;
}
.look_feel_other_top_first {
    float: left;
    height: auto;
    line-height: 20px;
    padding: 0 0 0 10px;
    width: 190px;
}
.look_feel_other_top_second {
    float: right;
    height: auto;
    padding: 0;
    width: 25px;
}

.look_feel_other_botoom {
    float: left;
    height: 135px;
    padding: 10px 0 0;
    text-align: center;
    width: 250px;
}
.look_feel_inner {
    float: left;
    height: auto;
    padding: 0;
    width:20%;border-bottom: 1px solid #C0C0C0;
}

.look_feel_inner_top {
    border-bottom: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;

    height: auto; position:relative;
    padding:0 0 5px;

}
.look_feel_inner_top_second { position:absolute; right:5px; top:5px;


}
.look_feel_inner_top_first {

    height: auto;
    line-height: 20px;
    padding: 0 0 0 10px;

}
.look_feel_inner_bottom {
    border-left: 1px solid #C0C0C0;

    height: 135px;
    padding: 10px 0 0;
    text-align: center;

}
.look_feel_inner_bottom img {
    max-height: 130px;
    max-width:98%; display:block; margin:0 auto;
}
.radiobtndiv span {
    display: block !important;
}
.radiobtndiv .wpcf7-list-item-label {
    float: left;
}
.radiobtndiv input {
    float: left;
    line-height: 30px;
	margin: 5px 5px 0;
}
input, textarea, select {
    font-family: Arial;
    font-size: 13px;
}
#theForm {
    text-align: center;
}
.modalbox:hover{ text-decoration:none;}

/*#your_email{ background-color:#C0C0C0 !important; border:0 none !important; color:#666666 !important; float:left !important; font-size:12px; height:30px; line-height:20px; padding:0 10px !important; width:98%;}
#logo_name{ background-color:#C0C0C0 !important; border:0 none !important; color:#666666 !important; float:left !important; font-size:12px; height:30px; line-height:20px; padding:0 10px !important; width:98%;}
#captcha{ width:15%; background-color:#C0C0C0 !important; border:0 none !important; color:#666666 !important; font-size:12px; height:30px; line-height:20px; padding:0 10px !important;}*/

/*input[type="text"]{ background-color:#C0C0C0 !important; border:0 none !important; color:#666666 !important; float:left !important; font-size:12px; height:30px; line-height:20px; padding:0 10px !important; width:98%;}*/
#contact input[type="text"], #contact input[type="email"] { background:#C0C0C0; border:0; color:#666; font:normal 12px/30px Arial, Helvetica, sans-serif; height:30px; padding:0 1%; width:98%;}
#contact textarea.txtarea{ background:#C0C0C0; border:0; color:#666; font:normal 12px/16px Arial, Helvetica, sans-serif; height:150px; padding:5px 1%; width:98%;}
#contact textarea.txtarea.error, #contact input[type="text"].error, #contact input[type="email"].error{ background:#F0BEBE !important; color:#A35959 !important;}
#contact label{ color:#646464; font:normal 16px/26px Arial, Helvetica, sans-serif; display:block; padding:5px 0 0;}
#contact #send, #contact #cancel{ float:left; margin:0 10px 0 0;}
/*----------------------------------------------*/
.wrap { width:1200px; margin:0 auto; }
#header { border-top:4px solid #4aa243; box-shadow:0 1px 3px rgba(0,0,0,0.40); position:relative; z-index:2; }
.logo_holder{float:left; width:432px; margin: 0;}
#logo {margin:15px 0 15px 0; display: block; }

.hd_rightbox { float:right; }
.top_rightbox{	padding:14px 0; float:right; }

.green_button{  background: #4aa243; color: #fff; float: left; text-decoration: none; padding: 3px 8px; border: 2px solid #4aa243; }
.green_button:hover{ background: #ffffff; color: #4aa243; }

.social-icons { float: right; }
.social-icons a { width:35px; height:34px; display:block; float:left; text-indent:-999em; border-radius:100%; margin-left:12px; background-image:url(../images/social-icon.png); -moz-transition:all 0.47s cubic-bezier(.56,.03,.19,1.1); -webkit-transition:all 0.47s cubic-bezier(.56,.03,.19,1.1); -o-transition:all 0.47s cubic-bezier(.56,.03,.19,1.1); -ms-transition:all 0.47s cubic-bezier(.56,.03,.19,1.1); transition:all 0.47s cubic-bezier(.56,.03,.19,1.1); }
.social-icons a:hover { background-color:#fff;  }
.fb { background-position:0 0; background-color:#537bbd; }
.fb:hover { background-position:0 -34px; }
.tw { background-position:-35px 0; background-color:#78cdf0; }
.tw:hover { background-position:-35px -34px; }
.rss { background-position:-70px 0; background-color:#f39200; }
.rss:hover { background-position:-70px -34px; }
.lin { background-position:-105px 0; background-color:#2085c7; }
.lin:hover { background-position:-105px -34px; }
.sky { background-position:-140px 0; background-color:#00aaf1; }
.sky:hover { background-position:-140px -34px; }

.ph-number { color:#505050; text-transform:uppercase; font-weight:700; text-align:right; font-size:23px; line-height:110%; width:100%; clear:both; padding-bottom:2px; }
.ph-number span { display:block; font-size:16px; line-height:20px; }
.ph-number a { color:#505050; text-decoration:none; }
.ph-number a:hover { color:#ef4036; }

#mainmenu { margin:0; padding:0; list-style:none;  }
#mainmenu > li { float:left; padding:0 14px; line-height:44px; position:relative }
#mainmenu li{ position: relative;}
#mainmenu li a { font-size:14px; color:#505050; font-weight: 700; text-decoration:none; }
#mainmenu li a:hover, #mainmenu li.active > a, #mainmenu li.current_page_item > a, #mainmenu li.current_page_ancestor > a { color:#0e76bc; }
#mainmenu ul { position:absolute; left:0; top:100%; width:180px; text-align:center; line-height:32px; line-height:30px; padding:5px 0; background: rgba(49, 49, 49, 0.9); border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-top: 5px solid #4aa243; -webkit-transition:500ms ease; -moz-transition:500ms ease; -o-transition:500ms ease; transition:500ms ease; list-style: none; display: none;}
#mainmenu ul li a { color:#f0f0f0; }
#mainmenu ul li a:hover { color:#fff; }
#mainmenu ul li.active a, #mainmenu ul li.current_page_item a, #mainmenu ul li.current_page_ancestor a { font-weight:700; color:#fff; }
#mainmenu li:hover > ul { display: block; }
#mainmenu ul ul { left: 180px; top: 0; border-radius: 0; -webkit-border-radius: 0;}

#footer{ background: #313131; padding: 25px 0 20px; color: #ffffff;}
#footer a{ color: #ffffff;}
.foot-left{ float: left; width: 420px; padding: 45px 0;}
.foot-right{ float: right; width: 420px; text-align: right;}
.foot-mid{ text-align: center;}
.foot-mid ul{ list-style: none; margin: 0 0 10px;}
.foot-mid ul li{ display: inline-block; margin: 0 2px;}
.foot-mid ul li figure{ float: left;}
/*----------------------------------------------*/
.client-data{border:1px solid #4aa243; font-family: Arial,Helvetica,sans-serif; width:100%; border-collapse: collapse;  border-spacing: 0; margin:15px 0 0;}
.client-data th{ color:#fff; background:#4aa243;}
.client-data td{ color:#333; border-top:1px solid #4aa243;}
.client-data td+td{ border-left:1px solid #4aa243;}
.client-data div{ padding:5px 3px; }
.last-2{ text-align:center;}
.last-2 a{ color:#4aa243;}
.login_btn a{ background:#4aa243; border-radius:5px; color:#fff; display:inline-block; font-size:24px; font-weight:700; line-height:40px; padding:0 30px 3px;  text-decoration:none;}
.myaccount { background:#4aa243; border-radius:5px; color:#fff; display:inline-block; font-size:24px; border: medium none; font-weight:700; line-height:40px; padding:0 30px 3px;  text-decoration:none;}
.logo-details{border:2px solid #4aa243; font-family: Arial,Helvetica,sans-serif; width:100%; border-collapse: collapse;  border-spacing: 0; margin:15px auto; width:100%; max-width:600px;}
.logo-details td{ padding:3px;}
.logo-details tr+tr td{border-top:1px solid #4aa243; font-weight:bold;}
.logo-details tr td+td{border-left:1px solid #4aa243; font-weight:normal;}
.logo-details tr td{font-weight:bold;}
.logo-details tr td+td{font-weight:normal;}
.logo-details a{ color:#4aa243; font-weight:bold;}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (max-width: 1000px) {
.wrapper{ width:748px;}
#blog{ margin:5px 40px 0 0;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (max-width: 767px) {
.wrapper{ width:460px;}	
#blog{ background:#000; width:170px; height:auto; padding:5px 10px; margin:0; border-radius:7px;}
.font_box_small, .look_feel_inner { width:33.3%;}
.color_inner { margin:0 1%; width: 18%;}
.icon_big_box, .frminputbox > .icon_big_box:nth-child(2n+1) {    float:none;    margin:0 5% 10px;    width: 90%;}
.client-data th{ display:none;}
.client-data td, .logo-details tr td{ width:100%; float:none; display:block; text-align:center;}
.client-data tr+tr+tr td:first-child{ border-top:3px double #000;}
.client-data td+td{ border-left:0;}

.logo-details tr td{ padding:3px 0; min-height:18px;}
.logo-details tr+tr td:first-child{ border-top:3px double #000;}
.logo-details tr+tr td{border-top:0px solid #4aa243;}
.logo-details tr td+td{border-left:0px solid #4aa243;border-top:1px solid #4aa243;}   
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (max-width: 480px) {
.wrapper{ width:300px; padding:0 10px;}	
#content h1{ text-align:center;}
.order{ margin:30px 0 0 0;}
#blog{ margin:145px 55px 0 0;}
.font_box_small, .look_feel_inner { width:50%;}
.color_inner { width:23%;}
.icon_big_box, .frminputbox > .icon_big_box:nth-child(2n+1) {    float:none;    margin:0 2% 10px;    width: 96%;}
}
@media only screen and (max-width: 1024px) {
	.wrap{ width: 960px;}
	.foot-left,.foot-right{ width: 300px;}
}
@media only screen and (max-width: 980px) {
	.wrap{ width: 860px;}
}
@media only screen and (max-width: 868px) {
	.wrap{ width: 760px;}
	.logo_holder{ width: 370px;}
	.foot-left, .foot-right, .foot-mid { padding: 10px 0; text-align: center; width: 100%;}
	#mainmenu > li{padding:0 8px;}	
	#mainmenu ul{visibility:hidden;}
}
@media only screen and (max-width: 768px) {
	.wrap{ width: 660px;}
	.logo_holder{ width: 280px;}
	#logo{ margin: 15px 0;}
	#mainmenu > li{padding:0 6px;}	
}
@media only screen and (max-width: 668px) {
	.wrap{ width: 560px;}
	.logo_holder{ float: none; margin: 0 auto;}
	.hd_rightbox{ float: none; width: 100%;}
	.top_rightbox{ float: left;}
	.ph-number{ clear: none;}
	#mainmenu > li{padding:0 6px; text-align:center; float:none; line-height: 26px;}
}
@media only screen and (max-width: 568px) {
	.wrap{ width: 460px;}
	.top_rightbox{ width: 100%;}
	.ph-number{ clear: both; text-align: center;}
	.social-icons{float:none; text-align:center;}
	.social-icons a{
		display:inline-block;
		float:none;
	}
}
@media only screen and (max-width: 480px) {
	.wrap{ width: 360px;}
	.logo_holder{ width: auto; text-align:center}
	.logo_holder img{width:70%;}
}
@media only screen and (max-width: 360px) {
	.wrap{ width: 300px;}
	.top_rightbox{ text-align: center;}
	.social-icons{float: none; margin: 0 auto; width: 235px;}	
}