@charset "UTF-8";
/*
Theme Name: Ardrend Custom Theme.
Theme URI: https://dientweb.net/
Author: the DientWeb team
Author URI: https://dientweb.net/
*/

html, body 	{float:left;width:100%;margin:0;padding:0;height: 100%;background: #fff;overflow-x:hidden;}
body 		{font-family: 'Poppins', sans-serif;color:#000;}
ul 			{margin:0;padding:0;}
a 			{text-decoration:none;color: inherit;}
p 			{float: left;width: 100%;font-size: 15px;line-height: 25px;letter-spacing: 0px;}
h1          {font-size: 40px;line-height: 48px;font-weight: bold;margin: 20px 0 14px;}
h2          {font-size:33px;font-weight: bold;margin:0;line-height: 34px;}
h3          {font-size: 14px;font-weight: bold;}
h1,h2,h3    {float: left;width: 100%;}
.screen-reader-text {display: none;}
#wrapper 	{width: 1126px;float: none;margin:0 auto;}
#wrapper925 {width: 925px;float: none;margin:0 auto;}
#wrapper-slide {width:1180px;float: none;margin:0 auto;}
#wrapper-small {width:950px;float: none;margin:0 auto;}
/* pre-head */
#prehead  {float:left;width:100%;background: #06428A;padding:6px 0;color:#BCBCBC;font-size: 11px;letter-spacing: 0.5px;font-weight:600;margin-top: -26px;}
.preheadl  {float:left; width: auto;}
    .header-mail {float: left;width:auto;background: url('img/mail.png') no-repeat center left;padding-left: 25px;margin-right: 30px;}
    .header-phone {float: left;width:auto;background: url('img/phone.png') no-repeat center left;padding-left: 20px;}
.preheadr  {float:right; width: auto;}
    .connect-intro {float: left;width:auto;}
    .connect-media {float:right;width:99px;}
    .connect-media ul {float: right;width:auto;}
    .connect-media ul li {list-style: none;width:14px;height:auto;float: left;margin-left: 10px;}
    .connect-media ul li {display: inline-block;}
    .connect-media ul li:nth-child(2) {margin-left: 5px;}

/*header*/
#head {float: left;width: 100%;padding:12px 0;}
    .logo       {float:left;width:auto;}
    .logo img   {width:auto;max-width: 100%;height:auto;float: left;}
    .menuu      {float: right;width: auto;font-weight: 500;position: relative;margin-top: 6px;}
    .search-form {float: left;width: 100%;border: 1px solid #ccc;border-radius: 4px;}
    input[type="search"] {float: left;width: 90%;box-sizing: border-box;padding: 14px;border: none;outline: none;margin: 5px 0;}
    .search-submit {border: none;background: transparent url('img/search.png') no-repeat center center;box-sizing: border-box;padding: 13px;width: 10%;text-align: center;outline: none;border-left: 1px solid #ccc;margin: 6px 0;color: transparent;}

#home-banner  {float: left;width:100%;}

#page-content       {float: left;width:100%;margin: 80px 0 0;}
.home-intro-p       {padding:0 9%;box-sizing: border-box;float: left;width:100%;}
.home-intro-logo, .ardrend-usps {text-align: center;float: left;width: 100%;}
.home-intro-p h1    {margin-bottom: 0;}
.wpb_content_element{margin-bottom: 0!important;}
#usp-box            {float:left;width:100%;margin:0px 0 50px;}
.ardrend-usps       {margin: 20px 0;box-sizing: border-box;}
.ardrend-usps h3    {font-weight:normal;margin: 0;font-size: 26px;}
.ardrend-usps p     {font-size: 14px;line-height: 20px;box-sizing: border-box;padding: 0 15px;}

#grey-box   {background-color: #F6F6F6;padding:80px 0;margin:40px 0 0; float: left;width: 100%;}
.home-services-header h2 {font-size: 30px;}
.home-services-header p {font-size: 14px;line-height: 22px;margin: 12px 0;width:95%;}
.blue-btn   {float: left;width:auto;}
.blue-btn a {color:#fff;float: left;width:auto;background: #06428A url('img/tinyarrow.png') no-repeat center right 15px;padding:12px 44px 12px 15px;border-radius: 4px;}
.blue-btn a:hover {background: #6599FF url('img/tinyarrow.png') no-repeat center right 15px;}
#hm-services .blue-btn {float: right;}

.hs-box      {float: left;margin-right: 15%;background: #fff;border-radius: 4px;margin-top: 35px;position:relative;height: 410px;margin-bottom: 20px !important;}
.hs-box img  {float: left;width:100% !important;}
.hs-box h3, .hs-box p, .border-btn {box-sizing: border-box;padding: 0 20px;}
.hs-box h3      {font-size: 18px;margin:14px 0 11px;line-height: 24px;}
.hs-box p       {font-size: 13px;line-height: 20px;margin: 0;}

#why-choose ul li {float:left;width:100%;list-style:none;margin: 0;padding-left: 31px;line-height: 31px;}
#why-choose ul li:first-child {background:url('img/icon-innovative.png') no-repeat center left;}
#why-choose ul li:nth-child(2) {background:url('img/icon-environmental.png') no-repeat center left;}
#why-choose ul li:last-child {background:url('img/icon-green.png') no-repeat center left;}

.home-sleft,   
.home-scenter,
.home-sright    {width:95%;background: #fff;border-radius: 4px;min-height: 410px;box-sizing:border-box;}

.home-sleft     {margin:35px 10px 0 0;float:left;}
.home-scenter   {margin:35px 10px;float:left;}
.home-sright    {margin:35px 0 0 10px;float:right;}

.home-sleft img,   
.home-scenter img,
.home-sright img    {float: left;width:100%;height:auto;}

.home-sleft h3,   
.home-scenter h3,
.home-sright h3     {box-sizing: border-box;padding: 0 20px;font-size: 18px;margin:14px 0 11px;line-height: 24px;}

.home-sleft p,   
.home-scenter p,
.home-sright p      {font-size: 13px;line-height: 20px;margin: 0;box-sizing: border-box;padding: 0 20px;}


.border-btn     {float: left;width:95%;position:absolute;bottom:0;}
.border-btn a   {color: #06428A;box-sizing: border-box;float: left;width: 100%;border-top: 1px solid #ccc;padding: 11px 0 20px;font-weight: bold;font-size: 14px;background: url('img/blue-arrow.png') no-repeat center right;}

.search-result .entry-content {display: none !important;}
.postbox_body   {float: left;width:100%}
.postbox_body h3 {margin: 20px 0 6px;font-size: 19px;}
.postbox_body p  {margin: 0;font-size: 13px;line-height: 21px;margin-bottom: 30px;}
.border-bttn     {float: left;width:100%;}
.border-bttn a   {position: absolute;bottom: 0;color: #06428A;box-sizing: border-box;float: left;width: 100%;border-bottom: 1px solid #ccc;padding: 11px 0 20px;font-weight: bold;font-size: 14px;background: url('img/blue-arrow.png') no-repeat center right;}


#hs-core        {float: left;width:100%;padding: 60px 0;}
.hs-core-left   {color:#fff;}
.hs-core-left h2 {font-size: 30px;margin-top: 25px;}
.hs-core-left p {font-size: 14px;line-height: 20px;margin:10px 0 50px;}
#hs-core .vc_col-sm-3   {width: 30%;}
#hs-core .vc_col-sm-9   {width: 65%;float: right;}
.vc_toggle_size_md.vc_toggle_simple .vc_toggle_title {background: #F6F6F6;border-radius: 4px;padding: 13px 32px;}
.vc_toggle_size_md.vc_toggle_simple .vc_toggle_title .vc_toggle_icon {right: 26px !important;left: auto !important;}
.vc_toggle_size_md.vc_toggle_simple .vc_toggle_content {padding-right: 33px;}
.vc_toggle_content p {font-size: 14px;line-height: 20px;margin: 0 0 20px;}
.vc_toggle {background: #fff;border-radius: 4px;}

#home-blog          {float: left;width:100%;margin-top: 70px;display:none;}
#home-blog li       {list-style: none;width:30.48%;padding: 0;margin: 0 4% 0 0;float: left;border: 1px solid #ccc;border-radius: 4px;overflow:hidden;min-height: 310px;}
#home-blog li:last-child {margin-right: 0;}
#home-blog li img   {float: left;width:100%;}
#home-blog li p     {padding: 10px 25px;box-sizing: border-box;font-size: 18px;text-align: center;line-height: 26px;font-weight: bold;}
.hb-img {float: left;width:100%;height:200px;overflow: hidden;}
#home-blog a:hover  {color:#06428A;}
#home-blog li img:hover {opacity: 0.8;}

#page-header, .ph-image, .ph-text {float: left;width:100%;position: relative;color:#fff;}
#page-header        {overflow:hidden;}
#page-header h1     {position: absolute;bottom:30%;text-align: center;width:950px;}
.single #page-header h1 {bottom:95px;}
.ph-image img       {float: left;width:100%;}
#page-header, .ph-image {height:300px;}

.home-blog-title {float: left;width:100%;text-align: center;box-sizing: border-box;padding: 0 22%;}
.home-blog-title h2
.home-blog-title p {padding: 0 20%;box-sizing: border-box;line-height: 25px;margin-bottom: 30px;}
#home-foot-note {float: left;width:100%;margin-top: 80px;}
.hfnote         {float: left;width:100%;background: #F6F6F6;border:1px solid #D9D9D9;border-radius: 4px;overflow: hidden;}
.hfnotel        {float: left;width: 34%;box-sizing: border-box;padding:57px 32px;}
.hfnoter        {float: right;width:65.5%;}
.hfnoter img    {float: left;width:100%;}
.hfnotel h2     {font-size: 28px;}
.hfnotel p      {font-size: 14px;line-height: 23px;}
.hfnotel .blue-btn {margin-top:34px;}

.vimi-boxl      {float: left;width:95%;} 
.vimi-boxr      {float: right;width:95%;} 
.vimi-boxl, .vimi-boxr {margin-top:50px;border-radius: 4px;min-height: 360px;background: #F6F6F6;text-align: center;box-sizing: border-box;padding: 25px 40px 60px;}
.vimi-box h3    {margin: 0;}
.vimi-boxl h3, .vimi-boxr h3 {font-size: 23px;font-weight: normal;margin: 0;}
.vimi-boxl p, .vimi-boxr p {font-size: 14px;line-height: 22px;}
.content-block   {margin-top:60px !important;}
.content-block h2 {font-size: 25px;}
.content-block li {margin-left:18px;font-size: 15px;}

.inspection-subtitle h2 {font-size: 20px;margin: 40px 0 20px !important;font-weight: normal;}

#project-image  h3 {margin-top:30px;}
#project-image img {float:left;width:98%;}

#project-row {float:left;width:100%;height: 350px;overflow: hidden;margin-bottom:60px;}


#project-left h2, #project-right h2 {margin:-12px 0 12px 0;font-size: 24px;line-height: 27px;}
#project-left p, #project-right p {margin-top: 0;padding-top: 0;font-size: 14px; line-height:22px;}
#project-left {float:left;color: #fff;width:30%;height:350px;overflow:hidden;}
#project-left img {width:106%;float: left;height: auto;}
#project-right {float:right;background:#f7f7f7;width:70%;height:350px;}
.project-inner {float:left;width:100%;padding:25px;box-sizing:border-box;}
#project-right .project-inner {padding-top:25px;}
.project-status {float: left;width: auto;border-radius: 6px;padding: 0 6px;font-size: 10px;margin-bottom: 10px;}
#completed .project-status {background: #06428A;color:#fff;}
#ongoing .project-status {background: #FED500;color:#000;}

.category-completed-projects .postbox_cnt p {padding: 0;min-height: 40px;}
.category-completed-projects .border-btn {padding: 0;}
.category-completed-projects li.postbox {min-height: 360px;}

.search-results h2 {background: url('img/blue-dot.png') no-repeat top 12px left; padding-left: 20px;}
.search-results h2:hover {color:#06428A}

.contact-details-boxl {float: left;width:90%;}
.contact-details-box {float: left;width:90%;margin: 40px 0 0;padding: 0 0 10px;border-bottom: 1px solid #ccc;}
.contact-details-box h2 {font-size: 20px;float: left;}
.contact-details-box p  {margin:0;}

li.postbox {display: inline-block;width:47%;position: relative;margin-top: 20px;margin-bottom: 20px;min-height: 400px;}
li.postbox {float: left;}
li.postbox:nth-child(2n) {margin-right:5%;}
.prtimg, .prtimg img {float: left;width:100%;border-radius: 4px;overflow: hidden;}
.postbox_cnt {position: absolute;bottom: 5%;background: #ffffffe3;width: 96%;left: 2%;box-sizing: border-box;padding: 0px;border-radius: 4px;}
.postbox_cnt p {margin-bottom: 99px;padding: 0 20px;font-size: 19px;font-weight: 500;box-sizing: border-box;line-height: 23px;min-height: 83px;}
.postbox_cnt:hover {background: #fff;}



#gallery-menu {float:left;width:16%;}
#gallery-menu ul {float:left;width:100%;}
#gallery-menu ul li {float:left;width:100%;list-style:none;background:#F6F6F6;border: 1px solid #D9D9D9;margin-bottom:20px;border-radius:4px;}
#gallery-menu ul li a {color:#000; font-size:15px; padding:13px; float:left;width:100%;box-sizing:border-box;}
#gallery-menu ul li:hover, #gallery-menu ul li.current-menu-item {background: #FFF5BF;}

#gallery-content {float:right;width:80%;}
li.gallery-box {float:left;width:100%;list-style:none;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #F1F1F1;}
.gallery-box-image {float:left;width:25%;border-radius:4px;}
.gallery-box-image img {float:left;width:100%;height:auto;}
.gallery-box-text {float:right;width:72%;}
.gallery-box-text h3 {margin: 0;font-size: 19px;}
.gallery-box-text p {font-size: 14px;line-height: 22px;margin-bottom: 0;}



#foot-note  {float: left;width:100%;box-sizing: border-box;border:1px solid #D9D9D9;border-radius: 4px;background: #F6F6F6;padding: 40px;margin-top:50px;}
.fnotel     {float: left;width:66%;font-size: 14px;}
#foot-note h2  {font-size: 30px;margin-bottom: 10px;}
.fnoter     {float: right;width:25%;}

#pagination {float: left;width:100%;}
#pagination-in {text-align: center;}
.current {background: #e9e9e9;}
.page-numbers {border:1px solid #ccc;padding: 2px 10px;border-radius: 4px;}
.page-numbers:hover {background: #06428A;color:#fff;}

.postid-300 .fnoter {margin-top: -35px;}

#prefoot    {float: left;width:100%;background-color: #585858;padding:0;font-size: 13px;margin-top: 120px;}
#footer                 {float: left;width:100%;margin:0;color:#adadad;font-size: 11px;background: #4A4A4A;}
.pf-left ul li {list-style: none;display: inline-block;margin-right: 25px;}
.pf-left, .pf-right     {padding:12px 0;}
.pf-left 		        {float: left;width: auto;}
.pf-right 		        {float: right;width: auto;}
.pf-left a              {color: #fff;}





#cproject-l p,
#cproject-r p {font-size:12px;margin:0;}

#cproject-l h2 {font-size: 34px;padding-right: 10%;box-sizing: border-box;line-height: 40px;margin-bottom:15px;}
#cproject-r h2 {font-size:20px;text-transform:capitalize;line-height: 22px;margin-bottom:15px;}

/*==========================================================================================================================
CONTACT FORM
============================================================================================================================*/

#formbox {float: left;width:100%;border:1px solid hsl(0, 0%, 85%);background: #F6F6F6;box-sizing: border-box;border-radius: 4px;padding:13px 30px 0;}
.page-id-11 #formbox {margin-top:40px; padding-top: 30px;}
.wpcf7-form-control-wrap input[type="text"], 
.wpcf7-form-control-wrap input[type="email"],
.wpcf7-form-control-wrap input[type="tel"],
.wpcf7-textarea, .wpcf7-submit    {float:left;width:100%;padding:15px;box-sizing:border-box;font-family: 'Poppins', sans-serif;margin-bottom:14px !important;outline:none;border-radius: 4px;}
.wpcf7-form-control-wrap input[type="text"], 
.wpcf7-form-control-wrap input[type="email"],
.wpcf7-form-control-wrap input[type="tel"],
.wpcf7-textarea {border: 1px solid #b2b2b2;}
.wpcf7-textarea {height:100px;}
.wpcf7-submit {color:#fff;float: left;width:auto;background: #06428A url('img/tinyarrow.png') no-repeat center right 15px;padding:12px 44px 12px 15px;border-radius: 4px;border:0;outline:none;cursor: pointer;}
.wpcf7-submit:hover {background: #6599FF url('img/tinyarrow.png') no-repeat center right 15px;}

.form-grp       {float:left;width:100%;}
.form-grp p     {margin:0;padding:0;}
.form-right     {float:right;}
.form-left      {float:left;}
.form-right, .form-left     {width:49%;}
.form-left-t  {float: left;}
.form-left-m  {float: left;margin: 0 2%;}
.form-left-r  {float: right;}
.form-left-t, .form-left-m, .form-left-r {width:32%;}

/*===========================================================================================================================
mobile styles
===========================================================================================================================*/

@media (max-width:1024px) {
    #wrapper, #wrapper925   {width: 900px;}
    #wrapper-slide    {width: 946px;}
    .ph-image img {width: 130%!important;max-width: 130% !important;}
    #project-left p, #project-right p {font-size: 12px;line-height: 20px;}
    #project-right h2, .project-inner h2 {font-size: 20px;line-height: 27px;}
    #project-left img {width: 130%;}
    
    #home-blog li {width: 30.40%;}
    #home-blog li img {height: auto;}
    .hfnoter img {float: left;width: 110%;height: 454px;}
    #home-blog li p {font-size: 16px;line-height: 20px;padding: 10px 22px;}
    #bwg_container1_1 #bwg_container2_1 .bwg-container-1.bwg-standard-thumbnails .bwg-title2, #bwg_container1_1 #bwg_container2_1 .bwg-container-1.bwg-standard-thumbnails .bwg-ecommerce2{display:none;}
}

@media (max-width:800px) {
    #wrapper, #wrapper925, #wrapper-small, #page-header h1     {width: 700px;}
    #project-left, #project-right {width: 100%;}
    #project-row {height: auto;}
    #project-left {height: 150px;}
    #project-right {height: auto;}
    #project-left img {width: 100%;}
    #wrapper-slide    {width: 760px;}
    #home-blog li {width: 46.4%;}
    #home-blog li:nth-child(3) {display:none;}
    #home-blog li:nth-child(2) {margin-right:0;float:right;}
    .home-blog-title {padding: 0;}
    .hfnotel {width: 100%;padding: 32px;}
    .hfnoter {display: none;}
    .hfnotel .blue-btn {margin: 10px 0;}
    .ph-image img {width: 170%!important;max-width: 170% !important;}
    .postbox_cnt p {margin-bottom: 80px;}
    .category-completed-projects li.postbox {min-height: 370px;}
    .home-sleft, .home-scenter, .home-sright {min-height: 455px;}
}

@media (max-width:600px) {
    #wrapper, #wrapper925, #wrapper-small, #page-header h1     {width: 500px;}
    #wrapper-slide {width:550px;}
    #gallery-menu {width: 100%;margin-bottom: 30px;}
    #gallery-content {float: left;width: 100%;}
    #gallery-menu ul li a {padding: 10px 13px;}
    #project-left, #project-right {width:100%;}
    .ph-image img {width: 230%!important;max-width: 230% !important;}
    #formbox {margin-top: 50px;}
    .pf-right {float: left;width: 100%;padding-top: 0;}
    .connect-media {float: left;width: 100%;}
    .connect-media ul li {float: left;margin-left: 0;margin-right: 18px;}
    .connect-media ul li:first-child {margin-right: 8px;}
    .preheadr {display:none;}
    .preheadl {width: 100%;}
    .header-phone {float: right;}
    .home-intro-p {padding: 0;}
    #hm-services .blue-btn {float: left;}
    #hs-core .vc_col-sm-3 {width: 100%;}
    #hs-core .vc_col-sm-9 {width: 100%;float: left;}
    .hs-core-left p {margin: 10px 0 20px;}
    #hs-core .blue-btn {margin-bottom: 30px;float:left;}
    #hs-core {padding:20px 0 60px;}
    .vimi-boxl, .vimi-boxr {margin-top: 30px;min-height:20px;float: left;width: 100%;}
    .fnotel {width: 100%;}
    .fnoter {float: left;width: auto;margin-top: 20px;}
    li.postbox {width: 100%;}
    .prtimg img {height: auto;}
    .form-right, .form-left {width: 100%;}
    .form-left-t, .form-left-m, .form-left-r {width: 100%;float: left;margin-left: 0;}
    .inspection-subtitle h2 {line-height: 25px;}
    .postbox_cnt {bottom: 0;width: 100%;left: 0;}
    .home-sleft, .home-scenter, .home-sright {float:left;width:100%;margin:35px 0;}
    .connect-media ul {float: left;}
    #page-content {margin: 60px 0 0;}
	.postid-300 .fnoter {margin-top: 20px;}

}

@media (max-width:450px) {
    #wrapper, #wrapper925, #wrapper-small, #page-header h1  {width: 350px;}
    #wrapper-slide {width:400px;}
    #page-header {min-height: 200px;height: 200px;}
    .connect-media {margin: 30px 0 10px;}
    .pf-left ul li {padding: 15px 0;float: left;width: 100%;border-bottom: 1px solid #777;}
    .pf-left ul {margin-bottom:20px;}
    .pf-left {padding-bottom: 0;}
    .home-intro-p h1 {margin-bottom: 0;line-height: 30px;font-size: 26px;}
    #home-blog li {width: 100%;margin-bottom: 40px;margin-right: 0;float:left;}
    .ph-image {height: 200px;}
    #page-header h1 {bottom: 30%;font-size: 30px;line-height: 30px;}
    .single #page-header h1 {bottom: 35px;}
    .category-blog .prtimg {height:150px;}
    .category-blog li.postbox {min-height:300px;}
    .category-blog .border-btn, .category-blog .postbox_cnt {position: relative;}
    .category-blog .postbox_cnt p {margin-bottom: 0;padding: 0;}
    .category-blog .border-btn {padding: 0;margin: 0;}
    #page-content {margin: 40px 0 0;}
    .gallery-box-image {width: 100%;height: 250px;overflow: hidden;margin-bottom: 35px;}
    .gallery-box-text {float: left;width: 100%;}
}

@media (max-width:360px) {
    #wrapper, #wrapper925, #wrapper-small, #page-header h1 {width: 320px;}
    #wrapper-slide {width:370px;}
    .home-intro-logo {display:none;}
    #page-content {margin: 40px 0 0;}
    .sa_owl_theme .owl-dots {width: 85% !important;}
    .ph-image img {width: 252%!important;max-width: 252% !important;}
    .ph-image {height: 220px;overflow: hidden;}
    .category-completed-projects li.postbox {min-height: 310px;}
    #page-header h1 {font-size: 23px;line-height: 26px;}
    .single #page-header h1 {bottom: 65px;}
    .vc_toggle_size_md.vc_toggle_simple .vc_toggle_title {padding-left:18px !important;}
    .vc_toggle_size_md.vc_toggle_simple .vc_toggle_title .vc_toggle_icon {right: 12px !important;}
    .vc_toggle_title>h4 {display: inline;font-size: 15px;line-height: 18px;font-weight: normal;}
    .vc_toggle_size_md.vc_toggle_simple .vc_toggle_content {padding-right: 0;padding-left: 0 !important;}
    #foot-note {padding:20px;}
    #cproject-l h2 {font-size: 25px;padding-right: 0;box-sizing: border-box;line-height: 30px;}
    #cproject-r h2 {font-size: 16px;}
}

@media (max-width:320px) {
    #wrapper, #wrapper925, #wrapper-small, #page-header h1 {width: 300px;}
    #wrapper-slide {width:350px;}
    #prehead {font-size:10px;}
    .ph-image img {width: 302%!important;max-width: 302% !important;}
}