/*
 * Theme Name: Aspire Marketing
 /**
 * Table of Contents
 *
*/

/*-------------------------------------------------------------------------------
  1. Global Style
-------------------------------------------------------------------------------*/
/* 1.1 General */
html {font-size:62.5%}
body{ font-family: 'Open Sans', sans-serif; font-size: 14px; line-height:24px; font-size:1.4rem;line-height:2.4rem;color:#1a1b1f;font-weight:400; background-color:#FFF;overflow-x: hidden;}
a,a:hover,a:focus,i,input,button,input:focus{ text-decoration:none; outline: none;transition-delay: 0s;transition-duration: 0.5s;transition-property: all;transition-timing-function: ease; }
::-moz-selection {background: #245dc5;text-shadow: none; color: #FFF}
::selection {background: #245dc5;text-shadow: none;color: #FFF}
img{ max-width: 100%; display: block; border: none; outline: none; }
#ascrail2000-hr{ display:none; }
input,textarea {-webkit-appearance: none;border-radius:0;}
/* 1.2 Typography */
h1,h2,h3,h4,h5,h6{ font-family: 'Open Sans', sans-serif;}
.all-page-wrapper{ background-color: #FFF }
/*-------------------------------------------------------------------------------
  2. Header Style
-------------------------------------------------------------------------------*/
.header{ background-color: #1a1b1f; padding-top: 38px }
.hed-top{ overflow: hidden; }
.logo{ float: left; width: 100%; max-width: 109px }
.hed-top nav{ float: right; padding-top: 8px }
.hed-top nav ul{ text-align: right; list-style: none; padding: 0; margin: 0 }
.hed-top nav li { display: inline-block; font-size: 12px; font-size: 1.2rem; text-transform: uppercase; font-weight: 600; margin-left: 36px; position: relative; padding-bottom: 7px }
.hed-top nav li a{ color: #FFF }
.hed-top nav li:after{ width:0; background-color: #72bfae; height: 2px; content: ""; position: absolute; left: 0; bottom: 0;transition-delay: 0s;transition-duration: 0.5s;transition-property: all;transition-timing-function: ease; }
.hed-top nav li:hover:after,.hed-top nav li.active:after{ width: 100% }
.mobile_nav{ display: none; }
.banner{ padding-top: 73px }
.banner section h1{padding: 0; margin: 0; font-size: 35px; line-height: 45px; font-weight: 300; color: #FFF; padding-bottom: 34px}
.banner section p{ font-size: 16px; line-height: 24px; color: #a4a6b1; padding-bottom: 27px }
.banner section .button{ display: block; width: 150px; height: 41px; text-align: center; line-height: 41px; text-transform: uppercase; font-size: 12px; font-weight: 600; color: #FFF; background-color: #72bfae; border-radius: 3px }
.banner section .button:hover{ background-color: #9daa9b }

.top-section{ padding-top: 67px; padding-bottom: 73px }
.top-section p{ text-align: center; font-size: 24px; font-size: 2.4rem; line-height: 45px; color: #1a1b1f; font-weight: 300; padding: 0; margin: 0 }

.section-two{  background-color: #f3f4f2; padding-top: 73px; padding-bottom: 93px }
.section-two header{ text-align: center; padding-bottom: 56px }
.section-two header h2{ text-transform: uppercase; font-size: 18px; font-weight:700; color: #1a1b1f; display: inline-block;}
.section-two header h2:after{ border-bottom: 2px solid #72bfae; content: ""; display: block; padding-top: 10px  }
.section-two header p{ font-size: 30px; font-size: 3rem; color: #1a1b1f; font-weight: 300; padding-top: 12px }
.section-two section{ background-color: #FFF; min-height: 281px;text-align: center; padding-left: 36px; padding-right: 36px; padding-top: 30px; border-radius: 3px;box-shadow: 5px 5px 3px #edeeec; }
.section-two section figure{ text-align: center;margin: 0 auto; display: inline-block; min-height: 145px }
.section-two section p{ font-size: 15px; line-height: 24px;color: #1a1b1f; font-weight: 600; padding: 0; margin: 0; padding-top: 17px }

.customer_home{ padding-top: 99px; text-align: center;  }
.customer_home article{background-image: url(../images/article-icon.png); background-repeat: no-repeat; background-position: center top; padding-top: 104px; width: 100%; max-width: 921px; margin: 0 auto; text-align: center; padding-bottom: 89px}
.customer_home article p{ font-size: 18px; line-height:36px; padding-bottom: 57px }
.customer_home article figure{width: 61px;height: 61px; border-radius: 100%; margin: 0 auto; display: block; margin-bottom: 25px}
.customer_home article span{display: block;}
.customer_home article .name{ font-size: 15px; font-weight: 700;padding-bottom: 5px }
.customer_home article .dept{ font-size: 18px; color: #7b7d82 }
.button_customer{ text-align: center; display: inline-block; color: #72bfae; font-weight: 700; font-size: 18px; background-repeat: no-repeat; background-position: right center; background-image: url(../images/arrow.png); padding-right: 38px }
.button_customer:hover{ padding-right: 43px;color: #72bfae; }

.footer{ padding-top: 93px }
.footer-top{ background-color: #72bfae; background-repeat: no-repeat; background-position: 50% 0; background-image: url(../images/footer-top-bg.png); text-align: center;color: #FFF; padding-top: 64px;padding-bottom: 64px  }
.footer-top p{ font-size: 24px; padding-bottom: 24px;  }
.button_contact_h{ display: inline-block; width: 150px; height: 40px; line-height: 40px; font-size: 12px; font-weight: 600; color: #FFF; text-transform: uppercase;background-color: #1a1b1f; border-radius: 4px; letter-spacing: 1px }
.button_contact_h:hover{ color: #FFF; background-color: #9daa9b }
.footer-top span{ font-size: 15px; display: block; padding-top: 15px }

.footer_bot{ background-color: #1a1b1f; padding-top: 81px; padding-bottom: 101px }
.fooer_bot_pan{ float: right; color:#FFF }
.footer_logo{ display: inline-block; padding-bottom: 15px }
.copy_right{ font-size: 12px; line-height: 12px; color: #a4a6b1; }
.footer_nav{ padding: 0; margin: 0; list-style: none; }
.footer_nav li{font-size: 12px; line-height: 30px; display: block; text-transform: uppercase; letter-spacing: 1px}
.footer_nav li a{ color: #a4a6b1 }
.footer_nav li:hover a{ color: #9daa9b } 
.supp_hed{ font-size: 12px; font-weight: 600; color: #a4a6b1 }
.footer_logo_list{ list-style: none;padding: 0;margin: 0 }
.footer_logo_list li{ display: inline-block; vertical-align: middle; margin-right: 26px }
.footer_logo_list li:last-child{ margin-right: 0 }
.social_icon{ list-style: none; padding: 0 ; margin: 0; padding-top: 15px }
.social_icon li{ display: inline-block; margin-right: 2px }
.social_icon li a{ display: block; border-radius: 100%; width: 30px; height: 30px; border: 1px solid #323336; background-color: #131316; text-align: center; line-height: 30px; color: #a4a6b1; font-size: 13px }
.social_icon li.facebook:hover a{ border-color: #0276b8; background-color: #0276b8 ;color:#FFF}
.social_icon li.twitter:hover a{ border-color: #58d6e9; background-color: #58d6e9 ;color:#FFF}
.social_icon li.youtube:hover a{ border-color: #e8002c; background-color: #e8002c; color:#FFF }

.inner_header{ background-color:#FFF; }
.inner_header .hed-top{padding-bottom: 33px }
.inner_header nav li a{ color: #1a1b1f }
.inner_header .banner{ background-color: #1a1b1f;background-repeat: no-repeat; background-position:50% 0; background-image: url(../images/inner-banner-bg.png); padding: 0; height: 266px; }
.banner-heding{ text-align: center; display: table; width: 100%;height: 266px; }
.banner-heding h1{ display: table-cell; vertical-align: middle; color: #ffF; font-weight: 300; font-size: 34px; font-size: 3.4rem; line-height: 44px; line-height: 4.4rem }

.inner_wrapper{ padding-top: 88px }
.inner_content{ max-width: 650px;width: 100% }
.inner_wrapper p{ font-size: 18px; line-height: 35px; color:#1a1b1f; font-weight: 300; padding-bottom: 27px }
.inner_wrapper p span{ font-weight: 400 }
.inner_wrapper figure img{box-shadow:30px -30px 0px #edeeec }
.inner_wrapper ul{ padding: 0 ; margin: 0; padding-left: 19px; padding-bottom: 45px }
.inner_wrapper li{font-size: 18px; line-height: 35px; color:#1a1b1f; font-weight: 300;}
.inner_wrapper .services_page .sub_hed{ padding: 0; padding-bottom: 15px }
.inner_wrapper .testimonials_page .sub_hed{ padding: 0 }
.testimonials_list article{ background-color: #fafcfd; border: 1px solid #eaecee; padding:50px; padding-bottom: 24px; margin-bottom: 33px }
.testimonials_list article p{ font-size: 16px; line-height: 30px; padding: 0;background-image: url(../images/block-1.png);  padding-left: 21px; background-repeat: no-repeat; background-position: 0 0; padding-bottom: 10px }
.testimonials_list article p:after{ content: "";background-image: url(../images/block-2.png);background-repeat: no-repeat; background-position: 0 0; display: inline-block; width: 16px; height:19px; padding-left: 10px   }
.testimonials_list article span{ display: block; font-weight: 300;padding-left: 21px; }
.testimonials_list article span.cl_name{ font-size: 18px; font-weight: 400 }

.contact_from{ background-color: #f3f4f2;width: 100%; max-width: 570px; padding-right: 58px; padding-left: 55px; padding-bottom: 60px; padding-top: 59px; overflow: hidden; }
.contact_from .hed_from{ display: block; font-size: 18px; font-weight: 600; padding-bottom: 38px }
.contact_from .form-control{ border-radius: 0; box-shadow: none; height: 45px;margin-bottom: 20px }
.contact_from textarea.form-control{ height: 99px; resize: none; }
.contact_page section h2{ font-weight:700; font-size: 30px; margin: 0; padding: 0; padding-bottom: 23px }
.contact_page section p{ font-size: 14px;line-height: 24px; font-weight: 400; padding:0; margin: 0 }
.contact_page section address{ border-top: 1px solid #f3f4f2; margin-top: 41px; padding-top: 42px }
.contact_page section address p strong{ padding-bottom: 12px; display: block; }
.contact_page section address p a{ color: #72bfae; text-decoration: underline; }
.contact_page section address p + p { padding-bottom: 25px }
.error_message{ color:#e84d49}
#success_page h3,#success_page p{ color: #01923e }
.submit_button{display: block; border-radius: 4px; float: right; border: none; outline: none; text-align: center;background-color: #72bfae; width: 115px; height: 41px; line-height: 41px;text-transform: uppercase; font-size: 12px; font-weight: 600; color: #FFF; letter-spacing: 1px}
.submit_button:hover{ background-color: #1a1b1f }
