html {
color: #222;
font-size: 1em;
line-height: 1.4;
} ::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
} hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
} audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
} fieldset {
border: 0;
margin: 0;
padding: 0;
} textarea {
resize: vertical;
}
body,html{
overflow-x:hidden;
margin: 0px;
padding: 0px;
}
body {
font-family: 'Work Sans', sans-serif;
font-size: 16px;
line-height: 25px;
font-style: normal;
}
ul{
padding: 0;
margin: 0;
list-style: none;
}
a{
text-decoration: none;
color: #4833DE;
}
a:hover,
a:focus{
text-decoration: none;
color: #4833DE;
}
h1,
h2,
h3,
h4,
h5,
h6{
}
img{
border:none;
max-width: 100%;
height: auto;
}
iframe{
border: none;
}
.img-center {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
max-width: 100%;
}
.img-right{
display: block;
margin-left: auto;
max-width: 100%;
}
.img-left {
display: block;
margin-right: auto;
max-width: 100%;
}
.af-floatleft{ float: left; }
.af-floatright{ float: right; }
.floatcenter{ margin: 0 auto; }  .af-container{
width: 1140px;
margin: 0 auto;
} .af-header-transparent-section{
padding: 25px 0px;
height: 100px;
z-index: 10;
}
.af-logo{
width: 210px;
}
.af-logo img{
width: 100%;
}
.af-navigation{
width: 780px;
text-align: center;
}
.af-navigation ul {
list-style: none;
}
.af-navigation ul li {
display: inline-block;
}
.af-navigation a {
display: inline-block;
padding: 10px 20px;
color: #ffffff;
font-family: 'Work Sans', sans-serif;
font-size: 16px;
line-height: 18.77px;
border-radius: 3px;
}
.af-navigation a.af-mobile-toggle-icon{
display: none;
}
.af-navigation a:hover,
.af-navigation a.active{
background-color: #dddddd33;
}
.af-header-button{
max-width: 150px;
}
.af-header-button a {
font-family: 'Work Sans', sans-serif;
font-size: 16px;
line-height: 18.77px;
letter-spacing: 1px;
text-align: center;
padding: 9px 20px;
border: 1px solid #ffffff;
color: #ffffff;
display: block;
border-radius: 3px;
}
.af-header-primary-section {
background: linear-gradient(195.68deg, #5F20E0 1.4%, #244ADC 110.34%);
background-color: #3C42E9;
}
.af-header-primary-section .af-header-trnsparent {
padding: 25px 0px 64px;
} .af-topnav {
overflow: hidden;
}
.af-topnav a {
display: inline-block;
padding: 5px 20px;
color: #ffffff;
font-family: 'Work Sans', sans-serif;
font-size: 16px;
line-height: 18.77px;
}
.af-topnav .af-mobilemenu-icon {
display: none;
font-size: 25px
} .af-home-hero-section{
background: linear-gradient(195.68deg, #5F20E0 1.4%, #244ADC 110.34%);
margin-top: -175px;
padding: 110px 0px 75px;
}
.af-home-hero-bg-layer{
background-image: url(//afwp.fakrulislam.me/wp-content/themes/agency-force-wp/assets/img/hero-bg.svg);
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
}
.af-hero-empty-space{
height: 630px;
}
.af-hero-content {
width: 50%;
margin-top: 35px;
}
.af-hero-content h1 {
color: #ffffff;
font-family: 'Work Sans', sans-serif;
font-size: 47px;
line-height: 70px;
}
.af-hero-content p{
color: #ffffff;
font-size: 20px;
line-height: 38px;
margin-bottom: 50px;
}
.af-hero-content a.af-hero-button {
display: inline-block;
background: #0091FF;
padding: 15px 40px;
border-radius: 3px;
color: #ffffff;
font-size: 16px;
line-height: 18px;
}
.af-hero-content a.af-video-icon{}
.af-hero-content a.af-video-icon img {
margin-left: 25px;
width: 50px;
}
.af-hero-img{
width: 50%;
}
.af-hero-img img {
margin-top: 70px;
width: 120%;
margin-left: -76px;
} .af-footer-top-border{
background-image: url(//afwp.fakrulislam.me/wp-content/themes/agency-force-wp/assets/img/footer-top-border.svg);
background-repeat: no-repeat;
background-position: top center;
height: 200px;
background-size: cover;
}
.af-footer-section{ background-image: url(//afwp.fakrulislam.me/wp-content/themes/agency-force-wp/assets/img/footer-bg.svg);
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
margin-top: -175px;
}
.af-footer-top{
padding: 220px 150px 0px 150px;
}
.af-footer-column{
float: left;
width: 210px;
}
.af-footer-column h4{
font-size: 18px;
line-height: 21.11px;
font-weight: 700;
color: #ffffff;
}
.af-footer-column ul{}
.af-footer-column li{}
.af-footer-column li a,
.af-footer-column li{
font-size: 16px;
line-height: 42px;
font-weight: 400;
color: #ffffff;
}
.af-footer-column li a:hover,
.af-footer-column li a:active,
.af-footer-column li a:focus{}
.af-footer-bottom{
padding-bottom: 50px;
margin-top: 50px;
}
.af-footer-social-links{
text-align: center;
margin-top: 30px;
}
.af-footer-social-links .af-social-link{
display: inline-block;
}
.af-footer-social-links img{
margin: 0px 15px;
}
.af-footer-copyright{
margin-top: 40px;
}
.af-footer-copyright p{
text-align: center;
font-size: 16px;
line-height: 25px;
font-weight: 400;
color: #ffffff;
} .af-logo-showcase-section {
margin-top: -72px;
z-index: 10;
position: relative;
}
.af-logo-showcase {
background: #fff;
padding: 30px 80px;
text-align: center;
border-radius: 5px;
-webkit-box-shadow: 0px 15px 30px -5px rgba(227,227,227,1);
-moz-box-shadow: 0px 15px 30px -5px rgba(227,227,227,1);
box-shadow: 0px 15px 30px -5px rgba(227,227,227,1);
}
.af-logo-showcase img {
width: 100px;
height: auto;
margin: 20px;
} .af-service-box-section {
background: #F5F6F8;
margin-top: -62px;
padding: 187px 0px 80px;
}
.af-service-boxes-container{}
.af-service-boxes-container > h2 {
font-size: 64px;
color: #333333;
text-align: center;
font-weight: 600;
margin: 0;
line-height: 88px;
}
.af-service-boxes-container > p {
color: #666666;
font-size: 16px;
line-height: 25px;
font-weight: 400;
text-align: center;
padding: 0% 27%;
}
.af-service-boxes {
margin-top: 70px;
}
.af-service-box-item {
width: 25%;
float: left;
margin: 10px;
background: #ffffff;
padding: 30px;
border-radius: 5px;
}
.af-service-box-item > img {
width: 30%;
}
.af-service-box-item > h3 {
font-size: 20px;
line-height: 33px;
font-weight: 500;
color: #333333;
}
.af-service-box-item p {
font-size: 14px;
line-height: 25px;
color: #666666;
margin-bottom: 25px;
}
.af-service-box-item ul{}
.af-service-box-item li {
margin: 10px 0px;
}
.af-service-box-item li img {
width: 6%;
float: left;
margin-right: 10px;
}
.af-service-box-item li p {
margin: 0;
} .af-feature-section-top {
margin: 100px 0px 150px;
}
.af-feature-top-wrapper{}
.af-feature-top-img {
width: 50%;
}
.af-feature-top-img img {
width: 90%;
}
.af-feature-top-content{
width: 50%;
}
.af-feature-top-content h2 {
font-size: 35px;
line-height: 50px;
font-weight: 600;
color: #333333;
}
.af-feature-top-content h6 {
font-size: 18px;
font-weight: 400;
line-height: 32px;
color: #333333;
margin: 30px 0px;
}
.af-feature-top-content p {
font-size: 16px;
line-height: 25px;
font-weight: 400;
color: #666666;
}
.af-feature-top-content a,
.af-latest-posts-callout a,
.af-project-slide-content a {
display: inline-block;
background: #E4F2FE;
padding: 16px 41px;
border-radius: 5px;
color: #0091FF;
font-size: 16px;
line-height: 19px;
font-weight: 500;
margin-top: 35px;
} .af-feature-section-bottom {
margin: 0px 0px 150px;
}
.af-feature-bottom-wrapper{}
.af-feature-bottom-content {
width: 45%;
}
.af-feature-bottom-content h2 {
font-size: 35px;
line-height: 55px;
font-weight: 600;
color: #333333;
margin-top: 0;
}
.af-feature-bottom-content p {
font-size: 16px;
line-height: 32px;
font-weight: 400;
color: #333333;
margin-bottom: 50px;
}
.af-icon-box-wrapper {
margin-bottom: 50px;
}
.af-icon-box-wrapper:last-child{
margin-bottom: 0px;
}
.af-icon-box-img {
width: 8%;
margin-right: 30px;
}
.af-icon-box-img img{}
.af-icon-box-content{}
.af-icon-box-content h4 {
font-size: 24px;
line-height: 33px;
font-weight: 500;
color: #333333;
margin: 0px 0px;
}
.af-icon-box-content p {
font-size: 13px;
line-height: 25px;
font-weight: 400;
color: #666666;
margin: 20px 0px 0px 78px;
}
.af-feature-bottom-img{
width: 55%;
}
.af-feature-bottom-img img {
width: 90%;
float: right;
margin-top: 25px;
} .af-testimonial-section {
background: linear-gradient(270deg, #6236FF 0%, #244ADC 100%);
border-radius: 0px 100px 0px 0px;
width: 80%;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
padding: 100px;
margin-bottom: 235px;
}
.af-testimonial-wrapper {
position: relative;
}
.af-testimonial-wrapper > img.af-top-right {
float: right;
}
.af-testimonial-wrapper > img.af-bottom-left {
bottom: 12%;
position: absolute;
left: -6%;
}
.af-testimonial-content-wrapper {
position: relative;
}
.af-testimonial-content-wrapper > img {
width: 90px;
position: absolute;
left: 57%;
top: 10%;
}
.af-carousel-item{}
.af-testimonial-img-wrapper {
width: 40%;
float: left;
}
.af-testimonial-img {
border: 1px solid #ffffff;
border-radius: 5px;
width: 412px;
height: 412px;
}
.af-testimonial-img img {
border-radius: 5px;
margin-top: 20px;
margin-left: -20px;
width: 412px;
height: 412px;
}
.af-testimonial-thumb-wrapper {
background: #ffffff;
padding: 20px 20px 24px;
border-radius: 5px;
position: relative;
width: 60%;
margin-left: 242px;
margin-top: -105px;
}
.af-testimonial-thumb-wrapper img {
width: 70px !important;
float: left;
margin-right: 25px;
}
.af-testimoial-thumb-content {
margin-left: 90px;
}
.af-testimoial-thumb-content h4 {
margin: 0;
font-size: 18px;
line-height: 30px;
font-weight: 400;
color: #333333;
}
.af-testimoial-thumb-content p {
margin: 0;
font-size: 16px;
line-height: 18px;
color: #666666;
font-weight: 400;
}
.af-testimonial-item-content {
width: 43%;
float: right;
}
.af-testimonial-item-content p {
font-family: Georgia, sans-serif;
font-size: 30px;
line-height: 55px;
font-weight: 400;
color: #ffffff;
margin: 60px 0px 0px;
} .owl-nav{
text-align: center;
margin-left: 25%;
margin-top: 80px;
}
.owl-nav button{
margin: 15px;
background: #0091FF !important;
color: #ffffff !important;
width: 50px;
height: 50px;
border-radius: 5px;
}
.owl-nav .disabled{
background: #3A4FF4 !important;
}
.owl-carousel .owl-stage-outer{
overflow: inherit !important;
} .af-latest-posts-section {
margin-bottom: 100px;
}
.af-latest-posts-wrapper{}
.af-latest-posts-callout {
width: 40%;
float: left;
margin-right: 100px;
}
.af-latest-posts-callout h2 {
font-size: 50px;
line-height: 65px;
color: #333333;
font-weight: 600;
margin-top: 0;
margin-bottom: 0px;
}
.af-latest-posts-callout p {
color: #666666;
font-size: 20px;
line-height: 33px;
font-weight: 400;
}
.af-latest-posts-callout a{}
.af-latest-posts-content-wrapper {
float: right;
width: 50%;
}
.af-latest-post-item {
width: 40%;
float: left;
margin: 15px;
padding: 10px;
border: 1px solid #DEDEDE;
border-radius: 5px;
}
.af-latest-post-item img {
width: 100%;
border-radius: 5px 5px 0px 0px;
}
.af-latest-post-item h3,
.af-latest-post-item h3 a {
font-size: 16px;
line-height: 25px;
font-weight: 400;
color: #333333;
font-family: Georgia, sans-serif;
}
.af-latest-posts-title-border {
border: 1px solid #FF83B2;
display: block;
width: 26%;
margin-top: 20px;
}
.af-latest-posts-content-wrapper > div:first-child,
.af-latest-posts-content-wrapper > div:nth-of-type(3){
margin-top: -67px;
} .af-primary-hero-section {
background: url(//afwp.fakrulislam.me/wp-content/themes/agency-force-wp/assets/img/about/about-hero-bg.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
padding: 290px 0px 411px;
margin-top: -218px;
}
.af-primary-hero-section h1 {
text-align: center;
color: #ffffff;
font-family: 'Work Sans', sans-serif;
font-size: 64px;
line-height: 88px;
font-weight: 600;
margin: 0% 17%;
}
.af-about-video-section{}
.af-video-content-wrapper{}
.af-about-video-content {
width: 53%;
padding-right: 45px;
}
.af-about-video-content h2 {
font-family: 'Work Sans', sans-serif;
font-size: 53px;
line-height: 74px;
font-weight: 600;
font-style: normal;
color: #333333;
}
.af-about-video-content p.af-video-subtitle {
font-size: 18px;
line-height: 32px;
font-weight: 400;
color: #333333;
}
.af-about-video-content p {
font-size: 16px;
line-height: 25px;
color: #666666;
font-weight: 400;
margin-right: 40px;
}
.af-about-video {
width: 43%;
margin-top: 110px;
}
.af-about-video a.video-thumb{}
.af-about-video a.video-thumb img{}
.af-icon-box-section{}
.af-icon-box-content-wrapper {
background: #F5F6F8;
padding: 50px;
margin: 100px 0px;
border-radius: 5px;
}
.af-icon-box {
width: 45%;
margin: 25px;
}
.af-iconbox-img {
float: left;
margin-right: 30px;
width: 8%;
}
.af-iconbox-img img{
width: 100%;
}
.af-iconbox-content {
float: right;
width: 85%;
}
.af-iconbox-content h3 {
font-size: 28px;
line-height: 32px;
font-weight: 500;
color: #333333;
margin: 0;
}
.af-iconbox-content p {
font-size: 16px;
line-height: 25px;
font-weight: 400;
color: #666666;
}
.af-project-slider-section{}
.af-project-slider-content-wrapper {
background-image: url(//afwp.fakrulislam.me/wp-content/themes/agency-force-wp/assets/img/about/dot-bg.svg);
background-repeat: no-repeat;
background-position: top right;
}
.af-project-slider-content-wrapper {}
.af-project-slider-content-wrapper .owl-nav {
margin-left: inherit;
margin-top: 50px;
}
.af-project-slider-content-wrapper .owl-nav button {
background: #ffffff !important;
color: #0091FF !important;
border: 1px solid #0091FF !important;
border-radius: 3px !important;
}
.af-project-slider-content-wrapper .owl-nav button.disabled{
background: #0091FF !important;
color: #ffffff !important;
border: none !important;
}
.af-project-slide-item{}
.af-project-slide-content {
width: 45%;
float: left;
padding-top: 20px;
}
.af-project-slide-content h2 {
font-size: 57px;
line-height: 60px;
font-weight: 600;
color: #333333;
font-family: 'Work Sans';
}
.af-project-slide-content p{}
.af-project-slide-content a{}
.af-project-slide-img {
width: 40%;
float: right;
height: 328px;
background-image: url(//afwp.fakrulislam.me/wp-content/themes/agency-force-wp/assets/img/about/slide-thumb-bg.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
margin-top: 73px;
margin-right: 50px;
}
.af-project-slide-img a{}
.af-project-slide-img a img {
margin-top: -18px;
border-radius: 5px;
box-shadow: 5px 5px 13px 4px #dbdbdb;
-webkit-box-shadow: 5px 5px 13px 4px #dbdbdb;
}
.af-about-calltoaction-section {
background-image: url(//afwp.fakrulislam.me/wp-content/themes/agency-force-wp/assets/img/about/call-to-action-top-bg.svg);
background-repeat: no-repeat;
background-position: top left;
background-size: contain;
padding: 197px 0px 0px;
}
.af-about-calltoaction-bglayer {
background-image: url(//afwp.fakrulislam.me/wp-content/themes/agency-force-wp/assets/img/about/call-to-action-bg.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
padding: 45px 0px;
margin-bottom: -18px;
}
.af-calltoaction-wrapper{}
.af-calltoaction-title {
width: 62%;
float: left;
}
.af-calltoaction-title h2 {
font-size: 48px;
line-height: 70px;
font-weight: 600;
color: #FFFFFF;
font-family: 'Work Sans';
}
.af-calltoaction-button {
float: right;
}
.af-calltoaction-button a {
color: #244ADC;
padding: 15px 55px;
background: #ffffff;
border-radius: 3px;
margin-top: 91px;
display: block;
box-shadow: 0px 6px 15px 0px #244adca1;
-webkit-box-shadow: 0px 6px 15px 0px #244adca1;
-moz-box-shadow: 0px 6px 15px 0px #244adca1;
}
.af-calltoaction-button a i {
margin-left: 20px;
}
.af-team-section {
background: #F5F5F5;
padding: 100px 0px;
}
.af-team-content-wrapper{}
.af-team-title{}
.af-team-title h2 {
font-family: 'Work Sans';
font-size: 64px;
line-height: 88px;
font-weight: 600;
color: #333333;
text-align: center;
margin-top: 0px;
margin-bottom: 20px;
}
.af-team-title p {
text-align: center;
color: #666666;
margin: 0% 27% 5%;
}
.af-team-member-wrapper{}
.af-single-team-card {
width: 26%;
padding: 50px 30px 35px;
background: #ffffff;
margin: 10px;
border: 1px solid #DEDEDE;
border-radius: 5px;
text-align: center;
}
.af-single-team-card img {
border-radius: 300px;
width: 40%;
}
.af-single-team-card h4 {
color: #666666;
text-transform: uppercase;
}
.af-single-team-card h3 {
font-size: 28px;
line-height: 33px;
font-weight: 500;
color: #333333;
}
.af-single-team-card p {
color: #666666;
}
.af-team-social-icon-wrapper{}
.af-team-social-icon-wrapper i {
color: #9B9B9C;
margin: 10px;
}
.af-about-testimonial-section {
padding: 100px 0px;
}
.af-about-testimonial-title {
text-align: center;
margin-bottom: 50px;
}
.af-about-testimonial-title h2 {
font-family: 'Work Sans';
font-size: 64px;
line-height: 88px;
font-weight: 600;
color: #333333;
margin-top: 0px;
margin-bottom: 20px;
}
.af-about-testimonial-title p {
color: #666666;
}
.af-about-testimonial-content-wrapper{}
.af-about-testimonial-thumb {
width: 50%;
}
.af-about-testimonial-client-img{}
.af-about-testimonial-client-img img {
border-radius: 5px;
width: 70%;
}
.af-about-testimonial-brand-logo-wrapper {
background: #ffffff;
border-radius: 5px;
padding: 25px;
width: 40%;
box-shadow: 1px 8px 10px 0px #c5c5c5;
-webkit-box-shadow: 1px 8px 10px 0px #c5c5c5;
-moz-box-shadow: 1px 8px 10px 0px #c5c5c5;
margin-top: -136px;
position: relative;
margin-left: 256px;
}
.af-about-testimonial-brand-logo {
width: 35%;
float: left;
margin-right: 20px;
}
.af-about-testimonial-brand-logo img{}
.af-about-testimonial-brand-logo-content {
width: 56%;
float: right;
}
.af-about-testimonial-brand-logo-content h4 {
font-family: 'Work Sans';
font-size: 20px;
line-height: 33px;
margin-top: 0px;
margin-bottom: 0px;
font-weight: 400;
color: #333333;
}
.af-about-testimonial-brand-logo-content p {
color: #999999;
margin: 0;
}
.af-about-testimonial-content {
width: 45%;
border-bottom: 1px solid #DEDEDE;
padding-bottom: 54px;
}
.af-about-testimonial-content p {
font-size: 32px;
line-height: 53px;
font-family: Georgia;
margin-top: 0px;
}
.af-about-testimonial-rating-wrapper{}
.af-about-testimonial-rating-wrapper img {
width: 23px;
}
.af-about-logo-section {
margin-bottom: 100px;
}
.af-about-logo-wrapper {
background: #ffffff;
text-align: center;
padding: 50px;
box-shadow: 0px 25px 10px -10px #d9d9d963;
-webkit-box-shadow: 0px 25px 10px -10px #d9d9d963;
-moz-box-shadow: 0px 25px 10px -10px #d9d9d963;
}
.af-about-logo-wrapper img {
margin: 20px;
width: 130px;
} .af-service-box-section-bg {
background: #ffffff;
padding-top: 100px;
}
.af-service-box-servicepage .af-service-box-item:first-child,
.af-service-box-servicepage .af-service-box-item:last-child{
border: 1px solid #dddddd;
}
.af-service-icon-box-section {
margin-top: 100px;
}
.af-service-icon-box-wrapper {
background: #244ADC;
border-radius: 15px;
padding: 50px;
color: #fff;
position: relative;
}
.af-service-icon-box-item {
float: left;
width: 29.4%;
padding: 20px;
}
.af-service-icon-box-item img {
width: 20%;
}
.af-service-icon-box-item h3 {
font-family: 'Work Sans';
font-size: 28px;
line-height: 45px;
margin: 15px 0px;
}
.af-service-icon-box-item p{}
.af-service-page-feature-section-top {
background: #f7f8f9;
margin: -212px 0px 0px;
padding-top: 336px;
}
.af-service-page-feature-section-bottom {
background: #f7f8f9;
margin: 0px;
padding: 136px 0px;
}
.af-service-page-calltoaciton-section {
padding: 0px 0px 217px;
background: #f7f8f9;
margin-bottom: -386px;
}
.af-service-page-calltoaciton-section .af-about-calltoaction-bglayer {
padding: 40px;
position: relative;
} .af-blogpage-hero-section {
background-image: linear-gradient(195.68deg, #5F20E0 1.4%, #244ADC 110.34%);
background-color: #244adc;
margin-top: -183px;
}
.af-blogpage-bg-layer {
padding: 145px 0px 280px;
background-image: url(//afwp.fakrulislam.me/wp-content/themes/agency-force-wp/assets/img/blog-bg-vector.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.af-blogpage-bg-layer h1 {
text-align: center;
color: #ffffff;
font-size: 64px;
line-height: 88px;
padding: 0px 22%;
}
.af-blog-post-section{}
.af-blog-post-wrapper {
background: #ffffff;
padding: 50px;
margin-top: -219px;
border-radius: 10px 10px 0px 0px;
}
.af-blog-post-wrapper > .af-blog-post-item {
width: 31.4%;
float: left;
margin: 10px;
min-height: 800px;
}
.af-left-column {
width: 68%;
margin-right: 20px;
}
.af-right-column {
width: 30%;
}
.af-blog-featured-content{}
.af-blog-post-item {
margin-bottom: 25px;
}
.af-blog-post-item img {
border-radius: 5px 5px 0px 0px;
}
.af-post-item-content {
padding: 30px;
border: 1px solid #9a9a9a42;
border-top: none;
}
.af-blog-featured-content .af-post-item-content{
border-radius: 0px 0px 5px 5px;
}
.af-blog-featured-content .af-post-item-content h1 a {
font-family: 'Work Sans';
font-size: 35px;
line-height: 50px;
font-weight: 700;
color: #333333;
}
.af-blog-post-item h1{
margin: 0px 0px 20px;
}
.af-blog-post-item h1 a {
font-family: 'Work Sans';
font-size: 20px;
line-height: 30px;
color: #333333;
font-weight: bold;
}
.af-blog-post-item p {
color: #666666;
}
.af-blog-post-item a.af-post-readmore {
font-family: 'Work Sans';
font-size: 16px;
line-height: 18px;
font-weight: 500;
color: #ffffff;
background-color: #244ADC;
padding: 15px 20px;
border-radius: 3px;
display: inline-block;
font-style: normal;
text-transform: capitalize;
margin-top: 15px;
}
.af-blogpage-footer-callout{
background: none;
}
.af-blog-posts{}
.af-blog-posts .af-blog-post-item {
width: 47.1%;
float: left;
margin: 10px;
}
.af-right-column .af-blog-post-item{}
.af-post-pagination {
margin: 0px 0px 50px 0px;
}
.af-post-pagination .nav-links {
text-align: center;
}
.af-post-pagination .nav-links .current{
color: #000000;
}
.af-post-pagination .nav-links a {
display: inline-block;
color: #9e9a9a;
text-decoration: none;
padding: 10px;
}
.af-post-pagination .nav-links a.prev{}
.af-post-pagination .nav-links a.next{} .af-blog-single-hero-section {
padding: 380px 0px 280px;
}
.af-blog-single-content-section {
margin-top: -459px;
margin-bottom: 100px;
}
.af-post-featured-thumb {
text-align: center;
}
.af-post-featured-thumb img {
border-radius: 5px;
width: 100%;
}
.af-post-meta-wrapper{}
.af-post-meta-wrapper h1 {
margin: 50px 0px 30px;
font-family: 'Work Sans';
font-size: 35px;
line-height: 50px;
font-weight: 700;
color: #333333;
}
.af-post-meta{}
.af-post-author {
width: 22%;
float: left;
margin-right: 50px;
}
.af-post-author img {
width: 64px;
border-radius: 10px;
float: left;
}
.af-author-name {
float: right;
width: 70%;
}
.af-author-name h4 {
margin: 0px;
font-family: 'Work Sans';
font-size: 20px;
line-height: 32px;
font-weight: 500;
color: #333333;
}
.af-author-name a {
color: #999999;
}
.af-post-date {
width: 22%;
float: left;
margin-right: 50px;
margin-top: 14px;
}
.af-post-date img {
width: 28px;
float: left;
margin-right: 20px;
}
.af-post-date p {
margin: 3px 0px 0px;
color: #666666;
}
.af-post-comment {
width: 22%;
float: left;
margin-top: 14px;
}
.af-post-comment img {
width: 28px;
float: left;
margin-right: 20px;
}
.af-post-comment p {
margin: 0;
}
.af-post-comment p a {
color: #666666;
}
.af-post-meta-wrapper {
padding-bottom: 40px;
border-bottom: 1px solid #DEDEDE;
margin-bottom: 50px;
}
.af-post-content {
width: 65%;
float: left;
}
.af-post-sidebar {
width: 25%;
float: right;
}
.af-post-sidebar h2 {
margin: 0px 0px 30px;
font-family: 'Work Sans';
font-size: 20px;
line-height: 30px;
color: #333333;
font-weight: 600;
}
.af-post-sidebar img{}
.af-post-sidebar-item {
margin-bottom: 50px;
}
.af-contact-content-section {
margin: 100px 0px 165px;
margin-bottom: -83px;
}
.af-contact-map{}
.af-contact-map img{}
.af-contact-info-wrapper {}
.af-contact-info {
float: right;
width: 26%;
padding: 40px;
}
.af-contact-info ul{}
.af-contact-info ul li{}
.af-contact-info ul li i {
color: #959AA3;
margin-right: 15px;
}
.af-contact-info ul li p {
display: inline-block;
color: #333333;
margin: 10px 0px;
}
.af-contact-form-wrapper {
width: 46%;
background-color: #ffffff;
padding: 50px;
margin-top: -30%;
z-index: 10;
position: relative;
margin-left: 10%;
float: left;
padding-right: 65px;
box-shadow: 0px 20px 5px -2px #afafaf59;
-webkit-box-shadow: 0px 20px 5px -2px #afafaf59;
-moz-box-shadow: 0px 20px 5px -2px #afafaf59;
background-image: url(//afwp.fakrulislam.me/wp-content/themes/agency-force-wp/assets/img/service-box-2-bg.svg);
background-repeat: no-repeat;
background-position: top right;
}
.af-contact-form-wrapper h1 {
font-family: 'Work Sans';
font-size: 64px;
line-height: 88px;
margin: 0;
color: #333333;
font-weight: 600;
}
.af-contact-form-wrapper > p {
color: #666666;
}
.af-contact-form-wrapper form{}
.af-contact-form-wrapper form p {
margin: 20px 0px;
}
.af-contact-form-wrapper form input,
.af-contact-form-wrapper form .af-message-field textarea {
padding: 15px;
background: #F5F6F8;
border: 1px solid #999999;
border-radius: 5px;
display: block;
width: 93%;
}
.af-contact-form-wrapper form input:focus,
.af-contact-form-wrapper form .af-message-field textarea:focus{
outline: none;
}
.af-contact-form-wrapper form input::placeholder{
color: #999999;
}
.af-contact-form-wrapper form .af-fname-field {
width: 45%;
float: left;
margin-right: 30px;
}
.af-contact-form-wrapper form .af-lname-field {
width: 46%;
float: left;
}
.af-contact-form-wrapper form .af-email-field{}
.af-contact-form-wrapper form .af-phone-field{}
.af-contact-form-wrapper form .af-message-field textarea{}
.af-contact-form-wrapper form .af-submit-button input {
background: #0091FF;
width: 40%;
color: #ffffff;
border: none;
margin-top: 43px;
padding: 20px 0px;
}   .af-single-post-comment-section{}
.af-single-post-comment-section .comments-area {
display: inline;
float: left;
margin: 20px 0 0;
padding: 35px 0 15px 0px;
width: 100%;
}
.af-single-post-comment-section .comment_list_container em{
margin:10px 0px 10px 0px;
color:#666666;
}
.af-single-post-comment-section .comments-title {
font-size: 22px;
font-weight: bold;
margin-bottom: 25px;
margin-top: 0;
color: #ffffff;
}
.af-single-post-comment-section .comments{
float: left;
display: inline;
width: 100%;
}
.af-single-post-comment-section .commentlist li {
background-color: #fff;
display: inline;
float: left;
margin-bottom: 10px;
padding: 20px;
position: relative;
width: 100%;
}
.af-single-post-comment-section .commentlist .media-left{
float: left;
}
.af-single-post-comment-section .commentlist .media-left img {
border-radius: 50%;
display: block;
height: 60px;
margin-right: 10px;
width: 60px;
}
.af-single-post-comment-section .comments-date {
color: #888;
display: block;
font-size: 14px;
margin-bottom: 10px;
}
.af-single-post-comment-section .reply-btn a{
color: #333333;
display: inline-block;
font-size: 15px;
line-height: 16px;
padding: 8px 12px;
position: absolute;
right: 10px;
text-transform: uppercase;
top: 10px;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.af-single-post-comment-section .reply-btn a:before{
content: '\f112';
font-family: FontAwesome;
left: 0;
margin-right: 3px;
}
.af-single-post-comment-section .reply-btn a:hover{
text-decoration: none;
outline: none;
}
.af-single-post-comment-section .children{
margin-left: 50px;
}
.af-single-post-comment-section .author-comments .author-name{
color: #fff;
}
.af-single-post-comment-section .author-comments .comments-date{
color: #222;
}
.af-single-post-comment-section .author-comments p{
color: #fff;
}
.af-single-post-comment-section .author-comments .reply-btn a,
.af-single-post-comment-section .author-comments .reply-btn a:hover{
color: #222;
}
.af-single-post-comment-section .comments-pagination-area{
display: inline;
float: left;
width: 100%;
}
.af-single-post-comment-section .comments-pagination-area a,
.af-single-post-comment-section .comments-pagination-area span.current {
background: #fff none repeat scroll 0 0;
color: #333333;
display: inline-block;
font-size: 15px;
padding: 5px 10px;
text-align: center;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.af-single-post-comment-section .comments-pagination-area span.current{
color:#ffffff;
}
.af-single-post-comment-section .comments-pagination-area a:hover {
text-decoration: none;
outline: none;
}
.af-single-post-comment-section .commentlist>li:last-child{
margin-bottom: 0px;
}
.af-single-post-comment-section #respond {
background: #fff none repeat scroll 0 0;
display: inline;
float: left;
padding: 20px 20px 30px;
margin-top:15px;
}
.af-single-post-comment-section #respond .reply-title {
font-size: 25px;
}
.af-single-post-comment-section #respond .comment-notes {
font-size: 15px;
}
.af-single-post-comment-section #respond .required{
color: red;
}
.af-single-post-comment-section #respond label{
display: block;
}
.af-single-post-comment-section #respond input[type="text"],
.af-single-post-comment-section #respond input[type="email"],
.af-single-post-comment-section #respond input[type="url"] {
background-color: #f8f8f8;
color: #555;
margin-bottom: 10px;
height: 35px;
padding: 5px;
width: 65%;
border: none;
outline: none;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.af-single-post-comment-section #respond textarea {
background-color: #f8f8f8;
border: none;
color: #555;
margin-bottom: 5px;
padding: 10px;
outline: none;
width: 100%;
}
.af-single-post-comment-section .form-submit input {
background-color: #fff;
border: 1px solid #ccc;
color: #000;
font-size: 16px;
margin-top: 5px;
padding: 8px 12px;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.af-single-post-comment-section .comment-form-cookies-consent{}
.af-single-post-comment-section .comment-form-cookies-consent input {
float: left;
margin-right: 10px;
margin-top: 6px;
}  .hidden,
[hidden] {
display: none !important;
} .sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px; } .sr-only.focusable:active,
.sr-only.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
white-space: inherit;
width: auto;
} .invisible {
visibility: hidden;
} .clearfix::before,
.clearfix::after {
content: " ";
display: table;
}
.clearfix::after {
clear: both;
}@media screen and (max-width: 767px){
.af-container{
width: 85%;
} .af-logo {
width: 40%;
}
.af-navigation {
width: 50%;
text-align: center;
float: right;
position: relative;
}
.af-header-button {
display: none;
}
.af-navigation a {
display: none;
}
.af-navigation a.af-mobile-toggle-icon {
font-size: 25px;
position: absolute;
top: 0;
right: 0;
display: block;
padding: 5px 0px;
}
.af-navigation a.af-mobile-toggle-icon:hover{
background: none;
}
.af-navigation .af-nav{}
.af-responsive {
position: absolute;
right: 0;
top: 48px;
background: #00000057;
border-radius: 3px;
padding: 15px 0px;
overflow: hidden;
}
.af-navigation .af-responsive a {
display: block;
text-align: center;
padding: 10px 50px;
}
.af-navigation .af-responsive a:hover{
background: #dddddd33;
}
.af-hero-content {
width: 100%;
margin-top: 35px;
float: none;
}
.af-hero-img {
width: 100%;
float: none;
text-align: center;
}
.af-hero-content h1 {
font-size: 30px;
line-height: 47px;
}
.af-hero-content p {
font-size: 13px;
line-height: 26px;
margin-bottom: 20px;
}
.af-hero-img img {
margin-top: 50px;
margin-left: 0px;
width: 70%;
}
.af-hero-content a.af-hero-button {
padding: 15px 20px;
}
.af-home-hero-section {
margin-top: -175px;
padding: 110px 0px 0px;
position: relative;
}
.af-hero-empty-space {
height: 130px;
}
.af-logo-showcase {
padding: 20px;
}
.af-logo-showcase img {
width: 35px;
margin: 0px 10px;
}
.af-logo-showcase-section {
margin-top: -32px;
}
.af-header-transparent-section{
position: relative;
}
.af-service-box-section {
margin-top: -62px;
padding: 148px 0px 80px;
}
.af-service-boxes-container > h2 {
font-size: 40px;
}
.af-service-boxes-container > p {
padding: 0% 10%;
}
.af-service-box-item {
width: 80%;
float: inherit;
margin-left: 0px;
padding: 10%;
margin-bottom: 50px;
}
.af-feature-top-img {
width: 100%;
float: none;
margin-bottom: 40px;
text-align: center;
}
.af-feature-top-img img {
width: 70%;
}
.af-feature-top-content {
width: 100%;
}
.af-service-icon-box-section {
margin-top: 0px;
}
.af-feature-section-top {
margin: 100px 0px 0px;
padding-top: 100px;
}
.af-feature-bottom-content {
width: 100%;
margin-top: 80%;
}
.af-feature-bottom-img {
width: 80%;
position: absolute;
text-align: center;
float: none;
}
.af-feature-bottom-img img {
width: 70%;
float: none;
margin-top: 0px;
}
.af-icon-box-content p {
font-size: 16px;
margin: 20px 0px 0px 66px;
}
.af-testimonial-section {
width: 70%;
padding: 10%;
margin-bottom: 144px;
}
.af-testimonial-img-wrapper {
width: 100%;
float: none;
}
.af-testimonial-img {
width: 320px;
height: 320px;
}
.af-testimonial-img img {
width: 320px;
max-height: 320px;
}
.af-testimonial-item-content {
width: 100%;
float: none;
margin-top: 90px;
}
.af-testimonial-thumb-wrapper {
width: 75%;
margin: -20px auto 0;
padding: 20px;
}
.af-icon-box-content-wrapper .af-icon-box:first-child {
padding-right: 0px;
}
.af-testimonial-content-wrapper > img {
width: 30px;
left: 0%;
bottom: 42%;
top: inherit;
}
.af-testimonial-wrapper > img.af-bottom-left {
bottom: 57%;
left: -12%;
width: 20%;
}
.owl-nav {
text-align: center;
margin: 50px auto 30px;
}
.af-testimonial-wrapper > img.af-top-right {
width: 20%;
margin-bottom: -20px;
}
.af-testimonial-thumb-wrapper img {
width: 70px;
height: auto;
}
.af-latest-posts-callout {
width: 100%;
float: none;
margin-bottom: 145px;
}
.af-latest-posts-content-wrapper {
float: none;
width: 100%;
}
.af-latest-post-item {
width: 90%;
float: none;
margin: 20px 0px;
padding: 5%;
}
.af-footer-section{
background-size: cover;
}
.af-footer-top-border{
background-size: auto;
}
.af-footer-top {
padding: 80% 10% 5%;
}
.af-footer-column {
float: none;
width: 100%;
text-align: center;
padding-bottom: 50px;
}
.af-footer-column h4 {
}
.af-footer-top-border {
height: 153px;
}
.af-primary-hero-section {
padding: 353px 0px 411px;
margin-top: -395px;
}
.af-primary-hero-section {
padding: 220px 0px;
margin-top: -165px;
background-size: cover;
}
.af-primary-hero-section h1 {
font-size: 50px;
line-height: 75px;
margin: 0% 2%;
}
.af-about-video-section {
margin-top: 50px;
}
.af-about-video-content {
width: 100%;
padding: 0px;
margin-bottom: 25px;
float: none;
}
.af-about-video-content h2 {
font-size: 35px;
line-height: 50px;
}
.af-about-video {
width: 100%;
margin-top: 50px;
float: none;
}
.af-about-video a.video-thumb {
display: block;
text-align: center;
}
.af-icon-box {
width: 100%;
margin: 25px 0px;
}
.af-iconbox-img {
margin-right: 15px;
width: 14%;
}
.af-iconbox-content {
float: right;
width: 80%;
}
.af-icon-box-content-wrapper .af-icon-box:last-child {
margin-bottom: 0px;
}
.af-project-slide-content {
width: 100%;
float: none;
}
.af-project-slide-content h2 {
font-size: 37px;
line-height: 46px;
}
.af-project-slide-img {
width: 73%;
float: none;
height: auto;
margin: 50px auto 0px;
}
.af-project-slider-content-wrapper {
background-position: 107% -11%;
}
.af-about-calltoaction-section {
padding: 90px 0px 0px;
position: relative;
background-size: cover;
}
.af-about-calltoaction-bglayer {
padding: 0px;
background-size: cover;
}
.af-calltoaction-title {
width: 100%;
float: none;
}
.af-calltoaction-title h2 {
font-size: 18px;
line-height: 25px;
margin-top: 5px;
margin-bottom: 10px;
text-align: center;
}
.af-calltoaction-button {
float: none;
text-align: center;
}
.af-calltoaction-button a {
padding: 5px 15px;
margin-top: 8px;
display: inline-block;
font-size: 13px;
}
.af-calltoaction-wrapper {
padding: 4%;
}
.af-team-section {
margin-top: -28px;
}
.af-team-title p {
margin: 0% 10% 5%;
}
.af-single-team-card {
width: 70%;
padding: 50px 10% 35px;
margin: 5%;
}
.af-team-title h2,
.af-about-testimonial-title h2 {
font-size: 35px;
line-height: 45px;
}
.af-about-testimonial-thumb {
width: 100%;
float: none;
}
.af-about-testimonial-content {
width: 100%;
float: none;
margin-top: 100px;
}
.af-about-testimonial-brand-logo-wrapper {
width: 70%;
margin: -60px auto 0px 50px;
} .af-service-icon-box-item {
width: 100%;
margin-bottom: 50px;
}
.af-service-icon-box-item:last-child{
margin-bottom: 0px
}
.af-service-page-calltoaciton-section{
padding: 40px 0px 0px;
position: inherit;
background-size: cover;
margin-bottom: -235px;
}
.af-service-page-calltoaciton-section .af-about-calltoaction-bglayer {
padding: 20px;
position: relative;
border-radius: 10px;
} .af-blogpage-bg-layer h1 {
font-size: 35px;
line-height: 50px;
}
.af-left-column {
width: 100%;
margin-right: 0px;
margin-bottom: 25px;
}
.af-blog-posts .af-blog-post-item {
width: 100%;
float: none;
margin: 0px 0px 30px 0px;
}
.af-right-column {
width: 100%;
float: none;
}
.af-blog-featured-content .af-post-item-content h1 a {
font-size: 22px;
line-height: 40px;
} .af-blog-single-hero-section {
padding: 125px 0px 0px 0px;
}
.af-blog-single-content-section {
margin-top: 70px;
}
.af-post-featured-thumb {
height: inherit;
}
.af-post-author {
width: 100%;
margin-right: 0px;
float: none;
margin-bottom: 50px;
}
.af-post-author img {
width: 10%;
margin-right: 15px;
}
.af-author-name {
width: 84%;
}
.af-author-name h4 {
font-size: 16px;
line-height: 18px;
}
.af-author-name a {
font-size: 13px;
}
.af-post-date {
width: 45%;
margin-right: 30px;
margin-top: -7px;
}
.af-post-date img {
width: 15px;
}
.af-post-comment {
width: 45%;
margin-top: -6px;
}
.af-post-comment img {
width: 15px;
}
.af-post-date p {
margin: 0px;
font-size: 10px;
line-height: 16px;
}
.af-post-comment p {
margin: -9px;
}
.af-post-comment p a {
font-size: 10px;
line-height: 16px;
}
.af-post-content {
width: 100%;
float: none;
}
.af-post-sidebar {
width: 100%;
float: none;
margin-top: 100px;
}
.af-post-meta-wrapper h1 {
font-size: 27px;
line-height: 40px;
} .af-contact-form-wrapper {
width: 60%;
float: none;
margin-bottom: 50px;
margin: -20% auto 0%;
}
.af-contact-form-wrapper h1 {
font-size: 44px;
line-height: 65px;
}
.af-contact-info {
width: 100%;
text-align: center;
margin: 100px 0px;
}
.af-contact-form-wrapper form .af-fname-field,
.af-contact-form-wrapper form .af-lname-field {
width: 75%;
}
.af-blog-post-wrapper > .af-blog-post-item {
width: 100%;
min-height: inherit;
margin: 0px 0px 30px 0px;
}
} @media screen and (min-width: 768px) and (max-width: 1023px){
.af-container{
width: 85%;
}
.af-header-transparent-section {
position: relative;
}
.af-logo {
width: 20%;
}
.af-navigation {
width: 62%;
}
.af-header-button {
width: 18%;
}
.af-navigation a {
font-size: 14px;
padding: 5px;
}
.af-header-button a {
font-size: 14px;
padding: 9px 20px;
}
.af-hero-content h1 {
font-size: 28px;
line-height: 47px;
}
.af-hero-content p {
font-size: 18px;
line-height: 38px;
}
.af-hero-img img {
margin-left: 0px;
}
.af-home-hero-section {
padding: 132px 0px 16px;
position: relative;
}
.af-logo-showcase-section {
margin-top: -39px;
position: relative;
}
.af-logo-showcase {
padding: 30px;
}
.af-logo-showcase img {
width: 70px;
margin: 0px 20px;
}
.af-hero-empty-space {
height: 560px;
}
.af-service-boxes-container > p {
padding: 0% 20%;
}
.af-service-box-item {
width: 21%;
min-height: 800px;
margin-bottom: 25px;
}
.af-service-box-item li img {
margin-top: 5px;
}
.af-service-box-item li p {
margin: 0 0 0 10%;
}
.af-feature-bottom-img img,
.af-feature-top-img img {
margin-top: 25%;
}
.af-testimonial-section {
width: 75%;
margin-bottom: 180px;
}
.af-testimonial-img-wrapper {
margin-top: 50px;
}
.af-testimonial-img {
width: 250px;
height: 250px;
}
.owl-carousel .owl-item img {
width: 100%;
height: auto;
}
.af-testimonial-thumb-wrapper {
width: 92%;
margin-left: 74px;
margin-top: -65px;
padding: 10px;
}
.af-testimonial-item-content p {
font-size: 23px;
line-height: 45px;
}
.af-testimonial-content-wrapper > img {
width: 70px;
left: 60%;
top: 16%;
}
.af-testimoial-thumb-content p {
font-size: 14px;
}
.af-latest-posts-callout {
width: 100%;
margin-right: 0px;
margin-bottom: 137px;
float: none;
}
.af-latest-posts-content-wrapper {
width: 100%;
float: none;
}
.af-footer-top-border,
.af-footer-section {
background-size: auto;
}
.af-footer-top {
padding: 260px 72px 0px;
}
.af-footer-column {
float: left;
width: 50%;
margin-bottom: 40px;
text-align: center;
}
.af-footer-bottom {
margin-top: 10px;
padding-bottom: 35px;
} .af-primary-hero-section {
padding: 446px 0px 473px;
margin-top: -464px;
}
.af-primary-hero-section h1 {
font-size: 35px;
line-height: 50px;
}
.af-about-video-section {
margin-top: -227px;
}
.af-about-video-content {
width: 50%;
}
.af-about-video-content h2 {
font-size: 30px;
line-height: 50px;
}
.af-icon-box {
width: 41%;
min-height: 350px;
}
.af-iconbox-content h3{
font-size: 23px;
}
.af-iconbox-img {
margin-right: 20px;
width: 20%;
}
.af-iconbox-content {
width: 71%;
}
.af-iconbox-img img {
width: 50px;
}
.af-project-slide-content h2 {
font-size: 45px;
}
.af-project-slide-img {
height: 245px;
margin-top: 120px;
width: 350px;
margin-right: 0px;
}
.af-project-slide-content {
width: 43%;
}
.owl-carousel .owl-item img {
}
.af-about-calltoaction-section {
padding: 80px 0px 0px;
position: relative;
}
.af-service-page-calltoaciton-section {
padding: 80px 0px 0px;
position: inherit;
margin-bottom: -228px;
}
.af-service-page-calltoaciton-section .af-calltoaction-button a{
margin-top: 5px;
}
.af-service-page-calltoaciton-section .af-calltoaction-title h2 {
font-size: 27px;
line-height: 38px;
margin: 0px;
}
.af-calltoaction-button a {
padding: 15px 35px;
}
.af-service-page-calltoaciton-section .af-calltoaction-title {
width: 58%;
}
.af-about-calltoaction-bglayer {
padding: 80px 0px 74px;
margin-bottom: -116px;
}
.af-calltoaction-title h2 {
font-size: 30px;
line-height: 45px;
margin: 0px;
}
.af-calltoaction-button a {
margin-top: 20px;
}
.af-team-section {
margin-top: 25px;
}
.af-team-title p {
margin: 0% 15% 5%;
}
.af-single-team-card {
width: 21.8%;
margin: 1%;
}
.af-team-title h2 {
font-size: 44px;
}
.af-team-title {
margin-top: 50px;
}
.af-single-team-card h3 {
font-size: 18px;
}
.af-about-testimonial-title h2 {
font-size: 44px;
}
.af-about-testimonial-title p {
padding: 0% 15%;
}
.af-about-testimonial-title {
margin-bottom: 73px;
}
.af-about-testimonial-client-img img {
width: 80%;
}
.af-about-testimonial-brand-logo-wrapper {
width: 70%;
margin-left: 114px;
padding: 15px 15px 12px;
margin-top: -111px;
}
.af-about-testimonial-content {
width: 42%;
}
.af-about-testimonial-brand-logo {
width: 34%;
}
.af-about-testimonial-brand-logo-content h4 {
font-size: 18px;
}
.af-about-testimonial-brand-logo-content p {
font-size: 13px;
}
.af-about-testimonial-thumb {
width: 45%;
}
.af-about-logo-wrapper img {
width: 68px;
}
.af-about-testimonial-content p {
font-size: 26px;
line-height: 47px;
} .af-service-box-section-bg {
margin-top: -284px;
}
.af-service-page-calltoaciton-section .af-about-calltoaction-bglayer {
background-size: cover;
border-radius: 5px;
}
.af-service-icon-box-item {
width: 25%;
}
.af-service-icon-box-item h3 {
font-size: 22px;
line-height: 35px;
} .af-left-column {
width: 66%;
}
.af-right-column {
width: 30%;
}
.af-blog-posts .af-blog-post-item {
width: 44.5%;
min-height: 87px;
}
.af-blogpage-bg-layer h1 {
font-size: 44px;
line-height: 70px;
}
.af-post-item-content {
padding: 10px;
}
.af-blog-post-item h1 a {
font-size: 16px;
line-height: 20px;
}
.af-blog-post-item a.af-post-readmore {
font-size: 14px;
line-height: 18px;
padding: 10px;
}
.af-blog-post-item p {
font-size: 14px;
line-height: 25px;
}
.af-blog-featured-content .af-post-item-content h1 a {
font-size: 25px;
line-height: 40px;
} .af-blog-single-hero-section {
padding: 125px 0px 0px 0px;
}
.af-blog-single-content-section {
margin-top: 70px;
}
.af-post-featured-thumb {
height: inherit;
}
.af-post-author {
width: 30%;
margin-right: 30px;
}
.af-post-author img {
width: 20%;
margin-right: 15px;
}
.af-author-name {
width: 72%;
}
.af-author-name h4 {
font-size: 16px;
line-height: 18px;
}
.af-author-name a {
font-size: 13px;
}
.af-post-date {
width: 30%;
margin-right: 30px;
margin-top: -7px;
}
.af-post-date img {
width: 40px;
}
.af-post-comment {
width: 27%;
margin-top: 0px;
}
.af-post-comment img {
width: 40px;
}
.af-post-comment p a {
font-size: 15px;
} .af-contact-form-wrapper {
width: 60%;
float: none;
margin-bottom: 50px;
}
.af-contact-info {
width: 100%;
text-align: center;
margin: 100px 0px;
}
.af-contact-form-wrapper form .af-fname-field,
.af-contact-form-wrapper form .af-lname-field {
width: 65%;
}
.af-blog-post-wrapper > .af-blog-post-item {
width: 46.4%;
min-height: 650px;
}
}  @media only screen and (min-width: 35em) { }
@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) { } @media print {
*,
*::before,
*::after {
background: #fff !important;
color: #000 !important; box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]::after {
content: " (" attr(href) ")";
}
abbr[title]::after {
content: " (" attr(title) ")";
} a[href^="#"]::after,
a[href^="javascript:"]::after {
content: "";
}
pre {
white-space: pre-wrap !important;
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
} thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}@keyframes modal-video{from{opacity:0}to{opacity:1}}@keyframes modal-video-inner{from{transform:translate(0, 100px)}to{transform:translate(0, 0)}}.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000000;cursor:pointer;opacity:1;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.modal-video-close{opacity:0}.modal-video-close .modal-video-movie-wrap{-webkit-transform:translate(0, 100px);-moz-transform:translate(0, 100px);-ms-transform:translate(0, 100px);-o-transform:translate(0, 100px);transform:translate(0, 100px)}.modal-video-body{max-width:960px;width:100%;height:100%;margin:0 auto;padding:0 10px;display:flex;justify-content:center;box-sizing:border-box}.modal-video-inner{display:flex;justify-content:center;align-items:center;width:100%;height:100%}@media (orientation: landscape){.modal-video-inner{padding:10px 60px;box-sizing:border-box}}.modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video-inner;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal-video-close-btn{position:absolute;z-index:2;top:-45px;right:0;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:transparent}@media (orientation: landscape){.modal-video-close-btn{top:0;right:-45px}}.modal-video-close-btn:before{transform:rotate(45deg)}.modal-video-close-btn:after{transform:rotate(-45deg)}.modal-video-close-btn:before,.modal-video-close-btn:after{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;margin-top:-6px}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//afwp.fakrulislam.me/wp-content/themes/agency-force-wp/assets/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}