/*=======================
 	TABLE OF CONTENTS 
========================*/
/*
	
	1. VARIABLES
	2. MIXINS 
	3. HELPER STYLES
	4. LAYOUT
	5. GENERAL STYLES
	6. TYPOGRAPHY
	7. COMMON STYLES
	8. PRE LOADER
	9. HEADER
	10. CAROUSEL
	11. INTRO
	12. WHY CHOOSE US
	13. WHAT WE DO
	14. HOW WE WORK
	15. TEAM MEMBERS
	16. QUALITY OF WORK
	17. PORTFOLIO
	18. WORK ENVIRONMENT
	19. OUR BLOG
	20. TESTIMONIAL
	21. OUR PRICING
	22. FUN FACTS
	23. CLIENTS
	24. MAIN FOOTER


 */
/*=======================
 	VARIABLES 
========================*/
html,
body {
  overflow-x: hidden;
}
/*=======================
 	MIXINS 
  =======================*/
/*=======================
 	HELPER STYLES 
  =======================*/
.no-padding {
  padding-left: 0;
  padding-right: 0;
}
.no-padding-col [class*=col-] {
  padding-left: 0;
  padding-right: 0;
}
/*=======================
 	LAYOUTS 
  =======================*/
.section-block {
  padding: 4em 0;
}
/*=======================
 	GENERAL STYLES 
  =======================*/
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 1.5;
  color: #1a1a1a;
  position: relative;
  background: #004cd0;
}
a {
  text-decoration: none;
  color: #003084;
  transition: .3s;
}
a:hover {
  text-decoration: none;
  color: #001d51;
}
a:active {
  outline: none;
}
a:focus {
  outline: none;
}
ul {
  padding-left: 0;
  list-style: none;
}
/*=======================
 	TYPOGRAPHY  
  =======================*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Montserrat', sans-serif;
  color: #000000;
  font-weight: 800;
}
p {
  font-size: 14px;
  line-height: 24px;
  color: #999999;
}
/*=======================
 	COMMON STYLES  
  =======================*/
.btn {
  border-radius: 0;
  letter-spacing: 2px;
  font-family: 'Montserrat', sans-serif;
}
.btn-main,
.btn-ghost {
  background: #004cd0;
  padding: 1em 2em;
  font-weight: bold;
  text-transform: uppercase;
  border: 2px solid #004cd0;
  transition: .3s;
}
.btn-main:hover,
.btn-ghost:hover {
  background: #003084;
  color: #fff;
  border-color: #003084;
}
.btn-ghost {
  background: transparent;
  border: 2px solid #fff;
}
.btn-ghost:hover {
  background: transparent;
  border-color: #004cd0;
}
/* SECTION TITLE STYLE */
.section-title-block {
  text-align: center;
  margin-bottom: 98px;
}
.section-title-block .section-title {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 14px;
  background-size: 18px;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: relative;
  margin-bottom: 42px;
  font-weight: bold;
}
.section-title-block .section-title:after {
  content: '';
  width: 1em;
  height: 3px;
  position: absolute;
  bottom: -21px;
  left: 50%;
  transform: translateX(-50%);
  background: #004cd0;
}
.section-title-block .section-title:before {
  content: '';
  width: 3em;
  height: 3px;
  position: absolute;
  bottom: -14px;
  left: 50%;
  transform: translateX(-50%);
  background: #004cd0;
}
.section-title-block .lead {
  width: 50%;
  margin: auto;
  text-align: center;
  font-size: 18px;
  color: #cccbcb;
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .section-title-block .lead {
    width: 90%;
    font-size: 16px;
  }
}
/* BLOCK TOP TITLE STYLE */
.block-top-title {
  margin-bottom: 42px;
}
.block-top-title h3 {
  display: inline-block;
  margin-bottom: 35px;
  position: relative;
  margin-top: 14px;
  text-transform: uppercase;
  letter-spacing: 4px;
}
@media (max-width: 580px) {
  .block-top-title h3 {
    letter-spacing: 0;
    line-height: 1.4;
  }
}
.block-top-title h3:after {
  content: '';
  width: 28px;
  height: 3px;
  position: absolute;
  bottom: -10px;
  right: -14px;
  background: #004cd0;
}
@media (max-width: 580px) {
  .block-top-title h3:after {
    display: none;
  }
}
/*=======================
 	PRELOADER  
  =======================*/
.pre-loader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #333;
  z-index: 10000;
}
.pre-loader .loader-inner {
  text-align: center;
  width: 5em;
  height: 5em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pre-loader .loader-inner > div {
  display: inline-block;
  background: #004cd0;
}
/*=======================
 	HEADER 
  =======================*/
header {
  background: #000;
}
header .top-bar {
  /* TOP BAR */
  background: #004cd0;
  color: #fff;
  height: 42px;
}
header .top-bar ul {
  margin-bottom: 0;
  background: #000;
}
header .top-bar ul li {
  display: inline-block;
}
header .top-bar ul li a {
  line-height: 41px;
  color: #fff;
  background: #000;
}
header .top-bar ul.social-links li a {
  width: 1em;
  height: 1em;
  text-align: center;
  margin-right: 7px;
  display: inline-block;
}
header .top-bar ul.social-links li:last-child a {
  margin-right: 0;
}
header .top-bar ul.top-bar-meta {
  text-align: right;
}
header .top-bar ul.top-bar-meta li {
  margin-right: 1em;
}
header .top-bar ul.top-bar-meta li:after {
  content: '|';
  display: inline-block;
  margin-left: 1em;
}
header .top-bar ul.top-bar-meta li:last-child {
  margin-right: 0;
}
header .top-bar ul.top-bar-meta li:last-child:after {
  content: none;
}
header .top-bar ul.top-bar-meta li .fa {
  margin-right: .5em;
}
header .navbar {
  /* NAVBAR */
}
header .navbar * {
  border-radius: 0;
  box-shadow: none;
  text-shadow: none;
  border: none;
}
header .navbar.navbar-default {
  /* navbar default */
  background: #000;
  border: none;
  border-bottom: 1px solid #e6e6e6;
  height: 80px;
}
header .navbar.navbar-default .navbar-nav > li {
  /* navbar-nav item */
}
header .navbar.navbar-default .navbar-nav > li > a {
  position: relative;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  color: #d9d9d9;
  font-size: 13px;
  margin-top: 14px;
}
@media (min-width: 768px) {
  header .navbar.navbar-default .navbar-nav > li > a {
    border-top: 3px solid transparent;
    padding-top: 25px;
    padding-bottom: 28px;
    transition: .3s;
    padding-left: 20px;
    padding-right: 20px;
  }
  header .navbar.navbar-default .navbar-nav > li > a:after {
    content: '';
    width: calc(100% - 40px);
    height: 2px;
    display: block;
    background: #000;
    margin: auto;
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    transition: .3s;
  }
  header .navbar.navbar-default .navbar-nav > li > a:hover {
    color: #004cd0;
  }
}
@media (max-width: 767px) {
  header .navbar.navbar-default .navbar-nav > li > a {
    transition: .3s;
  }
  header .navbar.navbar-default .navbar-nav > li > a:hover {
    border-left: 5px solid #004cd0;
  }
}
header .navbar.navbar-default .navbar-nav > li.active {
  /* avtive nav item */
}
header .navbar.navbar-default .navbar-nav > li.active a {
  position: relative;
  background: transparent;
  color: #004cd0;
}
header .navbar.navbar-default .navbar-nav > li.active a:after {
  background: #004cd0;
}
@media (max-width: 767px) {
  header .navbar.navbar-default .navbar-collapse {
    max-height: none;
  }
}
header .navbar.navbar-default .navbar-right .dropdown-menu {
  left: 0px;
  right: auto;
}
header .navbar.navbar-default .navbar-header {
  /* navbar header */
}
header .navbar.navbar-default .navbar-header .navbar-brand {
  /* STYLING FOR NAVBAR BRAND */
  text-transform: uppercase;
  font-weight: bold;
  color: #000;
  letter-spacing: 5px;
  transition: .3s;
  font-family: 'Montserrat', sans-serif;
  margin-top: 12px;
}
header .navbar.navbar-default .navbar-header .navbar-brand:hover span {
  color: #004cd0;
}
@media (min-width: 768px) {
  header .navbar.navbar-default .navbar-header .navbar-brand {
    padding-top: 21px;
    padding-bottom: 21px;
    line-height: 34px;
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  header .navbar.navbar-default .navbar-header .navbar-brand {
    margin-left: 15px;
  }
}
header .navbar.navbar-default .navbar-header .navbar-toggle:hover {
  background: #333;
}
header .navbar.navbar-default .navbar-header .navbar-toggle:active,
header .navbar.navbar-default .navbar-header .navbar-toggle:focus {
  background: #333;
}
header .navbar.navbar-default .search-wrapper {
  /* search wrapper */
  margin-left: 20px;
}
header .navbar.navbar-default .search-wrapper .form-control {
  height: 42px;
}
header .navbar.navbar-default .search-wrapper .search-input {
  /* search input */
  width: 42px;
  border-radius: 30px;
  transition: .5s;
  padding-left: 2em;
}
header .navbar.navbar-default .search-wrapper .search-input:focus {
  width: 180px;
  padding-left: 2.8em;
}
@media (max-width: 767px) {
  header .navbar.navbar-default .search-wrapper .search-input {
    width: 100%;
    margin: auto;
    margin-left: -7px;
  }
  header .navbar.navbar-default .search-wrapper .search-input:focus {
    width: 100%;
  }
}
header .navbar.navbar-default .search-wrapper .search-icon {
  /* search icon */
  position: relative;
  top: 3px;
  margin-right: -31px;
}
@media (max-width: 767px) {
  header .navbar.navbar-default .search-wrapper .search-icon {
    left: 94%;
    top: 37px;
  }
}
header .navbar.navbar-default .navbar-form {
  /* navbar form style */
}
@media (min-width: 768px) {
  header .navbar.navbar-default .navbar-form {
    margin: 0;
    margin-right: -7px;
    padding-right: 0;
    padding-top: 17px;
    padding-bottom: 17px;
  }
}
header .navbar.navbar-default .navbar-form .submit-btn {
  border: 1px solid #e6e6e6;
  background: #e6e6e6;
}
header .navbar.navbar-default .navbar-form .form-control {
  border: 1px solid #e6e6e6;
}
header .navbar.navbar-default .navbar-form .form-control:focus {
  box-shadow: none;
  border-color: #004cd0;
}
header .navbar.navbar-default .dropdown .glyphicon-triangle-bottom {
  font-size: 10px;
  color: #cccbcb;
  position: relative;
  top: 2px;
  left: 2px;
}
header .navbar.navbar-default .dropdown:hover {
  /* dropdown menu collapsing on hover */
}
@media (min-width: 768px) {
  header .navbar.navbar-default .dropdown:hover > .dropdown-menu {
    display: block;
  }
}
header .navbar.navbar-default .dropdown-menu {
  /* dropdown menu style */
  padding-top: 0;
  padding-bottom: 0;
  border: 1px solid #e6e6e6;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-size: 13px;
  background: #000;
}
header .navbar.navbar-default .dropdown-menu > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
  transition: .3s;
  border-bottom: 1px dotted #e6e6e6;
  font-weight: bold;
}
header .navbar.navbar-default .dropdown-menu > li > a:hover {
  color: #004cd0;
  background: #fff;
}
header .navbar.navbar-default .dropdown-menu li a {
  color: #000;
}
header .navbar.navbar-default .dropdown-menu li a:hover {
  color: #004cd0;
}
header .navbar.navbar-default .dropdown-menu li.divider {
  margin: 0;
}
header .navbar.navbar-default .open {
  /* styling for navbar menu when open */
}
header .navbar.navbar-default .open .dropdown-menu li a {
  color: #000;
}
header .navbar.navbar-default .open .dropdown-menu li a:hover {
  color: #004cd0;
}
header .navbar.navbar-fixed-top {
  /* NAVBAR FIEXED TOP STYLE */
}
@media (min-width: 768px) {
  header .navbar.navbar-fixed-top .navbar-nav > li > a {
    padding-top: 21px;
    padding-bottom: 21px;
  }
}
header .navbar.navbar-fixed-top .navbar-nav > li.active a:after {
  bottom: -1px;
}
@media (min-width: 768px) {
  header .navbar.navbar-fixed-top .navbar-header .navbar-brand {
    padding-top: 14px;
    padding-bottom: 14px;
    line-height: 34px;
    font-size: 24px;
  }
}
@media (min-width: 768px) {
  header .navbar.navbar-fixed-top .navbar-form {
    margin: 0;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
header .navbar.navbar-fixed-top .navbar-form .form-control {
  border: 1px solid #e6e6e6;
}
header .navbar.navbar-fixed-top .navbar-form .form-control:focus {
  box-shadow: none;
  border-color: #004cd0;
}
header .navbar-default .navbar-nav > .open > a,
header .navbar-default .navbar-nav > .open > a:focus,
header .navbar-default .navbar-nav > .open > a:hover {
  /* overriding some bootstrap class */
  background: #fff;
  color: #004cd0;
}
/*=======================
 	CAROUSEL 
  =======================*/
.carousel.fade {
  /* CAROUSEL FADE STYLE */
  opacity: 1;
}
.carousel.fade .item {
  transition: opacity ease-out 0.7s;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  display: block;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.carousel.fade .item:first-child {
  opacity: 0;
}
.carousel.fade .item.active {
  opacity: 1;
  z-index: 1;
}
.carousel.fade .item:after {
  content: '';
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.carousel.fade .carousel-control {
  /* CAROUSEL CONTROL */
  z-index: 2;
  opacity: 0;
  transition: .3s;
}
.carousel.fade .carousel-control:hover {
  opacity: 1;
}
.carousel.fade .carousel-control.left,
.carousel.fade .carousel-control.right {
  background: 0;
}
.carousel.fade .carousel-control .fa {
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  font-size: 30px;
  background: rgba(255, 255, 255, 0.3);
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  transition: .3s;
  text-shadow: none;
}
.carousel.fade .carousel-control .fa.fa-angle-left {
  padding-right: 5px;
  left: 1em;
}
.carousel.fade .carousel-control .fa.fa-angle-right {
  padding-left: 5px;
  right: 1em;
}
.carousel.fade .carousel-control .fa:hover {
  background: rgba(255, 255, 255, 0.5);
}
@media (max-width: 768px) {
  .carousel.fade .carousel-control .fa {
    display: none;
  }
}
.carousel .carousel-indicators {
  /* carousel indicators */
}
.carousel .carousel-indicators li {
  margin-right: 5px;
}
.carousel .carousel-indicators li:last-child {
  margin-right: 0;
}
.carousel .carousel-caption {
  /* carousel caption */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.carousel .carousel-caption .caption-wrapper {
  width: 60%;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1199px) and (min-width: 768px) {
  .carousel .carousel-caption .caption-wrapper {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .carousel .carousel-caption .caption-wrapper {
    width: 90%;
  }
}
.carousel .carousel-caption .caption-wrapper h3 {
  /* STYLING THE CAROUSEL CONTENT DATA */
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 6px;
  text-shadow: none;
}
@media (max-width: 767px) {
  .carousel .carousel-caption .caption-wrapper h3 {
    font-size: 18px;
    background-size: 3px;
  }
}
.carousel .carousel-caption .caption-wrapper .caption-title {
  /* caption title */
  font-size: 42px;
  text-transform: uppercase;
  font-weight: normal;
  text-shadow: none;
  margin-bottom: 21px;
  color: #fff;
  line-height: 1.5;
}
.carousel .carousel-caption .caption-wrapper .caption-title span {
  font-weight: bold;
}
.carousel .carousel-caption .caption-wrapper .caption-title strong {
  font-weight: bold;
  color: #004cd0;
}
.carousel .carousel-caption .caption-wrapper .caption-content {
  /* caption content */
  font-size: 18px;
  text-shadow: none;
  margin-bottom: 42px;
  color: #fff;
}
@media (max-width: 768px) {
  .carousel .carousel-caption .caption-wrapper .caption-content {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .carousel .carousel-caption .caption-wrapper .caption-content {
    display: none;
  }
}
.carousel .carousel-caption .caption-wrapper .caption-btns {
  /* caption buttons */
}
.carousel .carousel-caption .caption-wrapper .caption-btns button {
  margin-right: 10px;
}
.carousel .carousel-caption .caption-wrapper .caption-btns button:last-child {
  margin-right: 0;
}
@media (max-width: 767px) {
  .carousel .carousel-caption .caption-wrapper .caption-btns button {
    padding: 7px 14px;
  }
}
@media (max-width: 530px) {
  .carousel .carousel-caption .caption-wrapper .caption-btns button {
    margin-bottom: 14px;
  }
}
/*=======================
 	INTRO 
  =======================*/
.intro {
  padding: 8em 0 calc(8em - 48px) 0;
}
.intro .intro-content {
  /* intro content */
  margin-bottom: 48px;
}
.intro .intro-content .wrap {
  padding: 28px;
  position: relative;
  border: 1px solid #e6e6e6;
}
.intro .intro-content .wrap .icon-block {
  /* icon block */
  position: absolute;
  top: 0px;
  transform: translateY(-50%);
  left: 28px;
  background: #000;
  border-radius: 100%;
  width: 56px;
  height: 56px;
  font-size: 21px;
  color: #fff;
  box-sizing: content-box;
  text-align: center;
  line-height: 62px;
  transition: .3s;
}
.intro .intro-content .wrap h4 {
  font-weight: bold;
  position: relative;
  margin-bottom: 21px;
  margin-top: 28px;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.intro .intro-content .wrap h4:after {
  content: '';
  width: 3px;
  height: 42px;
  background: #004cd0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -29px;
  transition: .3s;
}
.intro .intro-content .wrap p {
  margin-bottom: 0;
}
.intro .intro-content .wrap .read-more-link {
  /* read more link */
  color: #000000;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 21px;
  display: block;
  font-family: 'Montserrat', sans-serif;
  transition: .3s;
  font-size: 13px;
  letter-spacing: 2px;
}
.intro .intro-content .wrap .read-more-link:hover {
  color: #003084;
}
.intro .intro-content .wrap:hover {
  /* hover style for each block */
}
.intro .intro-content .wrap:hover .icon-block {
  background: #004cd0;
}
.intro .intro-content .wrap:hover h3:after {
  background: #003084;
}
.intro .intro-content .wrap:hover .read-more-link {
  color: #004cd0;
}
/*=======================
 	ABOUT US 
  =======================*/
.about-us p {
  color: #000;
}
.about-us .image-block {
  /* image block */
  /*PUT YOUR IMAGE HERE// CHANGE THE VALUE INSIDE url( ) */
  background: url(../img/choose-1-bg.jpg) no-repeat center;
  /* IMAGE SIZE SHOULD BE 1500x1000 OR ANY LANDSCAPE IMAGE */
  background-size: cover;
  min-height: 392px;
}
.about-us .image-block.narrow-image {
  /*PUT YOUR IMAGE HERE// CHANGE THE VALUE INSIDE url( ) */
  background-image: url(../img/choose-2-bg.jpg);
  /* IMAGE SIZE SHOULD BE 800x1200 OR ANY PORTRAIT IMAGE */
}
.about-us .content-block {
  /* content block */
  background: #fff;
  padding: 4em 3em;
  border-top: 1px solid #2b2b2b;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.73);
  float: none;
  margin: auto;
}
@media (max-width: 768px) {
  .about-us .content-block {
    padding-left: 3em;
    padding-right: 3em;
  }
}
@media (max-width: 480px) {
  .about-us .content-block {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}
.about-us .content-block .choosing-reasons {
  /* choosing readons */
  margin-top: 0;
  margin-bottom: 0;
}
.about-us .content-block .choosing-reasons li {
  margin-bottom: 35px;
}
@media (min-width: 768px) {
  .about-us .content-block .choosing-reasons li:nth-child(n+3) {
    margin-bottom: 14px;
  }
}
@media (max-width: 767px) {
  .about-us .content-block .choosing-reasons li:last-child {
    margin-bottom: 14px;
  }
}
.about-us .content-block .choosing-reasons li .icon-block-wrapper {
  width: 56px;
  float: left;
  margin-right: 21px;
}
@media (max-width: 768px) {
  .about-us .content-block .choosing-reasons li .icon-block-wrapper {
    width: 4.5em;
  }
}
.about-us .content-block .choosing-reasons li .icon-block-wrapper .icon-block {
  /* icon block */
  border-radius: 1em;
  width: 2em;
  height: 2em;
  font-size: 28px;
  background: #fff;
  text-align: center;
  line-height: 2em;
  transition: .3s;
  border: 1px solid #e6e6e6;
  color: #000;
}
@media (max-width: 768px) {
  .about-us .content-block .choosing-reasons li .icon-block-wrapper .icon-block {
    margin-top: 3px;
  }
}
.about-us .content-block .choosing-reasons li .reason-content {
  /* reason content */
  width: calc(100% - 91px);
  float: left;
}
@media (max-width: 400px) {
  .about-us .content-block .choosing-reasons li .reason-content {
    width: 70%;
  }
}
.about-us .content-block .choosing-reasons li .reason-content h4 {
  margin-top: 0;
  margin-bottom: 14px;
  color: #004cd0;
}
.about-us .content-block .choosing-reasons li .reason-content p {
  margin-bottom: 0;
}
.about-us .content-block .choosing-reasons li:hover .icon-block {
  color: #004cd0;
}
/*=======================
 	WHAT WE DO 
  =======================*/
.what-we-do {
  padding-bottom: calc(8em - 48px);
  background: #004cd0;
}
@media (max-width: 768px) {
  .what-we-do .row {
    padding-left: 3em;
    padding-right: 3em;
  }
}
@media (max-width: 480px) {
  .what-we-do .row {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}
.what-we-do .content-block {
  /* content block */
  margin-bottom: 48px;
}
.what-we-do .content-block .title-block {
  /* title block */
  margin-bottom: 14px;
}
.what-we-do .content-block .title-block .icon-block {
  /* icon block */
  display: inline-block;
  width: 49px;
  height: 49px;
  line-height: 49px;
  background: #000;
  border-radius: 50%;
  font-size: 17.5px;
  color: #fff;
  text-align: center;
  transition: .3s;
}
.what-we-do .content-block .title-block .icon-block > .icon {
  position: relative;
  top: 2.5px;
}
.what-we-do .content-block .title-block h4 {
  display: inline-block;
  padding-left: 14px;
  text-transform: uppercase;
  letter-spacing: 4px;
}
@media (max-width: 580px) {
  .what-we-do .content-block .title-block h4 {
    letter-spacing: 0;
    font-size: 16px;
  }
}
.what-we-do .content-block p {
  margin-bottom: 0;
  color: #fff;
}
.what-we-do .content-block:hover .icon-block {
  background: #fff;
  color: #000;
}
/*=======================
 	HOW WE WORK 
  =======================*/
.how-we-work {
  /*PUT YOUR IMAGE HERE// CHANGE THE VALUE INSIDE url( ) */
  background: url(../img/how-we-work-bg.jpg) no-repeat center;
  /* IMAGE SIZE SHOULD BE 1500x1000 OR ANY LANDSCAPE IMAGE */
  background-size: cover;
  padding-top: 9em;
  background-attachment: fixed;
}
@media (max-width: 767px) {
  .how-we-work {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.how-we-work .content-block {
  /* content block */
  background: rgba(255, 255, 255, 0.96);
  padding: 4em 3em;
}
@media (max-width: 768px) {
  .how-we-work .content-block {
    padding-left: 3em;
    padding-right: 3em;
  }
}
@media (max-width: 480px) {
  .how-we-work .content-block {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}
.how-we-work .content-block .block-top-title {
  /* block top title */
  margin-bottom: 35px;
}
.how-we-work .content-block .block-top-title h3 {
  margin-top: 0;
}
.how-we-work .content-block .process {
  /* process */
}
.how-we-work .content-block .process .icon-block-wrapper {
  float: left;
}
.how-we-work .content-block .process .icon-block-wrapper .icon-block {
  /* icon block */
  font-size: 17.5px;
  width: 49px;
  height: 49px;
  line-height: 49px;
  background: #004cd0;
  text-align: center;
  border-radius: 50%;
  transition: .3s;
  color: #fff;
}
.how-we-work .content-block .process .icon-block-wrapper .icon-block > .icon {
  position: relative;
  top: 2.5px;
}
.how-we-work .content-block .process .work-content {
  /* work content */
  margin-left: 4.8em;
}
.how-we-work .content-block .process .work-content h4 {
  margin-bottom: 21px;
  margin-top: 17px;
}
.how-we-work .content-block .process .work-content p {
  margin-bottom: 0;
}
.how-we-work .content-block .process > div {
  margin-bottom: 28px;
}
@media (min-width: 992px) {
  .how-we-work .content-block .process > div {
    margin-bottom: 0;
  }
}
.how-we-work .content-block .process > div:hover .icon-block {
  background: #003084;
  color: #fff;
}
/*=======================
 	TEAM MEMBERS 
  =======================*/
.team-members {
  padding-bottom: calc(8em - 48px);
}
.team-members .section-title-block {
  margin-bottom: 40px;
}
.team-members .member-block {
  margin-bottom: 48px;
}
.team-members .members {
  /* members */
}
.team-members .members .member-content {
  /* member content */
  background: #222;
  position: relative;
  padding: 28px 21px;
  border: 1px solid #e6e6e6;
}
.team-members .members .member-content figure {
  top: -3em;
  left: 0;
  z-index: 100;
  position: relative;
}
.team-members .members .member-content figure img {
  width: 10em;
  border: 7px solid #000;
  transition: .3s;
  transform: rotate(3deg);
  z-index: 101;
  position: relative;
}
.team-members .members .member-content figure figcaption .social-links {
  text-align: center;
  position: absolute;
  bottom: -4.5em;
  left: 0;
  width: 10em;
}
.team-members .members .member-content figure figcaption .social-links .icon-block {
  /* icon block */
  display: inline-block;
}
.team-members .members .member-content figure figcaption .social-links .icon-block a {
  color: #000;
  transition: .4s;
  font-size: 17.5px;
  width: 42px;
  height: 42px;
  line-height: 42px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  transition: .3s;
  border: 1px solid #e6e6e6;
}
.team-members .members .member-content figure figcaption .social-links .icon-block a:hover {
  background: #004cd0;
  color: #fff;
}
.team-members .members .member-content figure figcaption .member-info {
  /* member info */
  position: absolute;
  left: 10em;
  top: 2em;
}
.team-members .members .member-content figure figcaption .member-info h4 {
  background: #fff;
  padding: 14px 28px 14px 28px;
  width: calc(10em + 14px);
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  z-index: 99;
  position: relative;
  left: -7px;
}
.team-members .members .member-content figure figcaption .member-info h4:after {
  content: '';
  width: 7px;
  height: 102%;
  background: #000;
  position: absolute;
  top: 0;
  left: 100%;
  transition: .3s;
}
.team-members .members .member-content figure figcaption .member-info h5 {
  background: #333;
  padding: 11.5px 14px 11.5px 28px;
  width: calc(12em + 7px);
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  position: relative;
  left: -7px;
}
.team-members .members .member-content p {
  margin-left: 11.5em;
  margin-top: -3.5em;
  margin-bottom: 0;
}
@media (max-width: 480px) {
  .team-members .members .member-content p {
    margin-left: 0;
    margin-top: 1.5em;
  }
}
.team-members .members .member-content:hover {
  /* member content hover - hover for entire block */
}
.team-members .members .member-content:hover figure img {
  border-color: #004cd0;
  transform: rotate(0deg);
}
.team-members .members .member-content:hover figure figcaption .member-info h4:after {
  background: #004cd0;
}
/*=======================
 	QUALITY OF WORK 
  =======================*/
.quality-of-work {
  background: #222;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.quality-of-work .photo-block {
  /* photo block */
  background: #222;
  padding: 5em 5em;
}
@media (max-width: 768px) {
  .quality-of-work .photo-block {
    padding-left: 3em;
    padding-right: 3em;
  }
}
@media (max-width: 480px) {
  .quality-of-work .photo-block {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}
.quality-of-work .photo-block img {
  margin: auto;
}
@media (max-width: 1100px) and (min-width: 992px) {
  .quality-of-work .photo-block img {
    margin-top: 2em;
  }
}
.quality-of-work .content-block {
  /* content block */
  background: #222;
  padding: 5em 1.5em;
  position: relative;
  z-index: 1;
}
@media (max-width: 1199px) {
  .quality-of-work .content-block {
    padding-left: 28px;
    padding-right: 28px;
  }
}
@media (max-width: 992px) {
  .quality-of-work .content-block {
    border-top: 0;
  }
}
@media (max-width: 768px) {
  .quality-of-work .content-block {
    padding-left: 3em;
    padding-right: 3em;
  }
}
@media (max-width: 480px) {
  .quality-of-work .content-block {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}
@media (min-width: 1200px) {
  .quality-of-work .content-block .content-wrapper {
    max-width: 550px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .quality-of-work .content-block .content-wrapper {
    max-width: 585px;
    margin: auto;
  }
}
.quality-of-work .content-block .block-top-title {
  /* block top title */
}
.quality-of-work .content-block .block-top-title h3 {
  margin-top: 0;
}
.quality-of-work .content-block .features {
  /* features */
  margin-top: 28px;
  margin-bottom: 0;
}
.quality-of-work .content-block .features li {
  margin-bottom: 28px;
}
.quality-of-work .content-block .features li:last-child {
  margin-bottom: 0;
}
.quality-of-work .content-block .features li .icon-block {
  /* icon block */
  width: 42px;
  height: 42px;
  line-height: 42px;
  background: #000;
  color: #fff;
  border-radius: 50%;
  font-size: 17.5px;
  text-align: center;
  float: left;
  border: 1px solid #2b2b2b;
  margin-top: 1px;
  transition: .3s;
}
.quality-of-work .content-block .features li p {
  margin-left: 4em;
  margin-bottom: 0;
}
.quality-of-work .content-block .features li:hover .icon-block {
  background: #004cd0;
  color: #fff;
}
/*=======================
 	PORTFOLIO 
  =======================*/
.portfolio .portfolio-navigation {
  /* portfolio navigation */
  margin-bottom: 56px;
}
.portfolio .portfolio-navigation ul {
  text-align: center;
}
.portfolio .portfolio-navigation ul li {
  display: inline-block;
  padding: .5em 1em;
  background: #333;
  color: #000;
  transition: .3s;
  cursor: pointer;
  margin-right: 3.5px;
  border: 1px solid #e6e6e6;
}
.portfolio .portfolio-navigation ul li:last-child {
  margin-right: 0;
}
.portfolio .portfolio-navigation ul li:hover {
  color: #004cd0;
}
.portfolio .portfolio-navigation ul li.active {
  background: #004cd0;
  color: #fff;
  border-color: #003084;
}
@media (max-width: 568px) {
  .portfolio .portfolio-navigation ul li {
    margin-bottom: 15px;
  }
}
.portfolio .portfolio-content {
  /* portfolio content */
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 768px) {
  .portfolio .portfolio-content {
    padding-left: 3em;
    padding-right: 3em;
  }
}
@media (max-width: 480px) {
  .portfolio .portfolio-content {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}
.portfolio .portfolio-content .portfolio-item {
  /* portfolio item */
  display: none;
}
@media (min-width: 1200px) {
  .portfolio .portfolio-content .portfolio-item:nth-child(n+5) {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .portfolio .portfolio-content .portfolio-item:nth-child(n+7) {
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .portfolio .portfolio-content .portfolio-item:last-child {
    margin-bottom: 0;
  }
}
.portfolio .portfolio-content .portfolio-item figure {
  position: relative;
}
.portfolio .portfolio-content .portfolio-item figure figcaption {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 76, 208, 0.8);
  text-align: center;
  opacity: 0;
  transition: .4s;
  margin: 0em;
}
.portfolio .portfolio-content .portfolio-item figure figcaption .hover-content {
  /* hover content */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.portfolio .portfolio-content .portfolio-item figure figcaption .hover-content a {
  color: #000;
  transition: .3s;
  margin-right: 3.5px;
}
.portfolio .portfolio-content .portfolio-item figure figcaption .hover-content a:hover {
  color: #004cd0;
}
.portfolio .portfolio-content .portfolio-item figure figcaption .hover-content a:last-child {
  margin-right: 0;
}
.portfolio .portfolio-content .portfolio-item figure figcaption .hover-content .icon-block {
  /* icon block */
  display: inline-block;
  width: 3em;
  height: 3em;
  line-height: 3em;
  background: #fff;
  text-align: center;
  border-radius: 50%;
}
.portfolio .portfolio-content .portfolio-item figure:hover figcaption {
  opacity: 1;
  margin: 2em;
}
/*=======================
 	OUR FEATURES 
  =======================*/
.our-features {
  background: rgba(255, 255, 255, 0.85);
  position: relative;
  color: #000;
}
.our-features:after {
  content: '';
  /*PUT YOUR IMAGE HERE// CHANGE THE VALUE INSIDE url( ) */
  background: url(../img/environment.jpg) no-repeat center;
  /* IMAGE SIZE SHOULD BE 1500x1000 OR ANY LANDSCAPE IMAGE */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background-size: cover;
  background-attachment: fixed;
}
.our-features .image-block {
  /* image block */
}
.our-features .image-block .image-wrapper img {
  position: absolute;
  top: -4em;
  right: 3em;
}
.our-features .content-block {
  /* content block */
  padding-top: 4em;
  padding-bottom: 4em;
  padding-left: 2em;
}
.our-features .content-block .content-wrapper {
  padding: 0 0 0 35px;
}
@media (max-width: 768px) {
  .our-features .content-block .content-wrapper {
    padding-left: 3em;
    padding-right: 3em;
  }
}
@media (max-width: 480px) {
  .our-features .content-block .content-wrapper {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}
.our-features .environment-details {
  /* environment details */
  margin-top: 21px;
  margin-bottom: 0;
}
.our-features .environment-details li {
  margin-bottom: 28px;
}
@media (min-width: 768px) {
  .our-features .environment-details li:nth-child(n+3) {
    margin-bottom: 14px;
  }
}
@media (max-width: 767px) {
  .our-features .environment-details li:last-child {
    margin-bottom: 14px;
  }
}
.our-features .environment-details li .title-block {
  /* title block */
}
.our-features .environment-details li .title-block .icon-block {
  /* icon block */
  display: inline-block;
  margin-right: 14px;
  vertical-align: middle;
  font-size: 28px;
  color: #004cd0;
}
.our-features .environment-details li .title-block h4 {
  display: inline-block;
  vertical-align: middle;
}
.our-features .environment-details li p {
  margin-bottom: 0;
}
/*=======================
 	OUR BLOG SECTION 
  =======================*/
.our-blog .content-block {
  /* content block */
}
@media (max-width: 768px) {
  .our-blog .content-block {
    padding-left: 3em;
    padding-right: 3em;
  }
}
@media (max-width: 480px) {
  .our-blog .content-block {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}
.our-blog .content-block .content-wrapper {
  /* content wrapper */
  background: #222;
}
.our-blog .content-block .content-wrapper .blog-content {
  /* blog content */
  position: relative;
  padding-top: 1px;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}
.our-blog .content-block .content-wrapper .blog-content .post-meta {
  /* post meta */
  margin-left: 9em;
  margin-top: 1.5em;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
}
.our-blog .content-block .content-wrapper .blog-content .post-meta li {
  display: inline-block;
  margin-right: 1em;
}
.our-blog .content-block .content-wrapper .blog-content .post-meta li span {
  margin-right: 4px;
}
.our-blog .content-block .content-wrapper .blog-content .post-meta li:last-child {
  margin-right: 0;
}
.our-blog .content-block .content-wrapper .blog-content .post-meta li a {
  color: #000;
  text-transform: uppercase;
}
.our-blog .content-block .content-wrapper .blog-content .post-meta li a:hover {
  color: #004cd0;
}
.our-blog .content-block .content-wrapper .blog-content h4 {
  margin: .5em 0 0 0;
  padding: 7px 21px 0;
  transition: .3s;
  text-transform: uppercase;
  line-height: 1.5;
}
.our-blog .content-block .content-wrapper .blog-content h4 a {
  color: #000;
  transition: .3s;
}
.our-blog .content-block .content-wrapper .blog-content h4:hover a {
  color: #003084;
}
.our-blog .content-block .content-wrapper .blog-content figure {
  width: 5em;
  height: 5em;
  position: absolute;
  left: 21px;
  top: -2.5em;
  border: 3.5px solid #fff;
}
.our-blog .content-block .content-wrapper .blog-content p {
  margin: 0;
  padding: 14px 21px;
}
.our-blog .content-block .content-wrapper .blog-content footer {
  padding: 14px 21px;
  text-transform: uppercase;
  transition: .3s;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 1px;
}
.our-blog .content-block .content-wrapper .blog-content footer .post-category {
  color: #000;
  font-weight: bold;
  font-size: 13px;
  float: left;
  transition: .3s;
}
.our-blog .content-block .content-wrapper .blog-content footer .post-category:hover {
  color: #003084;
}
.our-blog .content-block .content-wrapper .blog-content footer .read-more-link {
  color: #000;
  font-weight: bold;
  font-size: 13px;
  float: right;
  transition: .3s;
}
.our-blog .content-block .content-wrapper .blog-content footer .read-more-link:hover {
  color: #003084;
}
.our-blog .view-more-block {
  /* view more block */
  margin-top: 56px;
  text-align: center;
}
.our-blog .view-more-block .btn-main {
  color: #fff;
}
.our-blog .view-more-block .btn-main:hover {
  color: #fff;
}
/*=======================
 	TESTIMONIAL 
  =======================*/
.testimonial-carousel {
  background: #e6e6e6;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}
@media (max-width: 1200px) and (min-width: 992px) {
  .testimonial-carousel {
    padding-top: 2em;
  }
}
.testimonial-carousel .carousel {
  /* carousel */
}
.testimonial-carousel .carousel.slide {
  position: relative;
}
.testimonial-carousel .carousel.slide .carousel-indicators {
  /* carousel indicators */
  bottom: 5em;
  margin-bottom: 0;
}
@media (max-width: 600px) {
  .testimonial-carousel .carousel.slide .carousel-indicators {
    bottom: 3em;
  }
}
@media (max-width: 480px) {
  .testimonial-carousel .carousel.slide .carousel-indicators {
    display: none;
  }
}
.testimonial-carousel .carousel.slide .carousel-indicators li {
  margin-top: 0;
  margin-left: 0;
  margin-bottom: 0;
  width: 3em;
  height: 3em;
  transition: .3s;
  border: none;
}
.testimonial-carousel .carousel.slide .carousel-indicators li img {
  border-radius: 50%;
  opacity: .5;
  border: none;
}
.testimonial-carousel .carousel.slide .carousel-indicators li.active {
  transform: scale(1.2);
  background: transparent;
}
.testimonial-carousel .carousel.slide .carousel-indicators li.active img {
  opacity: 1;
}
.testimonial-carousel .carousel.slide .carousel-inner {
  min-height: 400px;
  height: 630px;
}
@media (max-width: 768px) {
  .testimonial-carousel .carousel.slide .carousel-inner {
    min-height: 350px;
  }
}
@media (max-width: 480px) {
  .testimonial-carousel .carousel.slide .carousel-inner {
    min-height: 420px;
  }
}
@media (max-width: 380px) {
  .testimonial-carousel .carousel.slide .carousel-inner {
    min-height: 450px;
  }
}
.testimonial-carousel .carousel.slide .carousel-inner .item {
  /* item */
  height: 630px;
}
.testimonial-carousel .carousel.slide .carousel-inner .item .carousel-caption {
  /* carousel caption */
  text-shadow: none;
  color: #000;
}
.testimonial-carousel .carousel.slide .carousel-control-block {
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .testimonial-carousel .carousel.slide .carousel-control-block {
    margin-bottom: 0;
  }
}
.testimonial-carousel .carousel.slide .carousel-control-block .carousel-control {
  /* carousel control */
  background: #000;
  width: 2em;
  height: 2em;
  line-height: 2em;
  border-radius: 50%;
  text-shadow: none;
  opacity: 1;
  transition: .3s;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  display: none;
}
.testimonial-carousel .carousel.slide .carousel-control-block .carousel-control.left {
  left: -3em;
}
.testimonial-carousel .carousel.slide .carousel-control-block .carousel-control.right {
  right: -3em;
}
.testimonial-carousel .carousel.slide .carousel-control-block .carousel-control:hover {
  background: #004cd0;
}
.testimonial-carousel .content-wrapper {
  width: 70%;
  margin: 6em auto 4em;
}
@media (max-width: 992px) and (min-width: 768px) {
  .testimonial-carousel .content-wrapper {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .testimonial-carousel .content-wrapper {
    width: 90%;
  }
}
.testimonial-carousel .content-wrapper .testimonial-content {
  /* testimonial content */
}
.testimonial-carousel .content-wrapper .testimonial-content blockquote {
  margin-top: 0em;
  margin-bottom: 3em;
  border: none;
  background: #fff;
  padding: 56px 49px;
  position: relative;
  font-family: 'Montserrat', sans-serif;
  border: 1px solid #e6e6e6;
  text-align: left;
}
.testimonial-carousel .content-wrapper .testimonial-content blockquote:after {
  content: "\f10d";
  width: 56px;
  height: 56px;
  background: #e6e6e6;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #000;
  color: #fff;
  text-align: center;
  font-family: fontAwesome;
  line-height: 56px;
  font-style: normal;
  font-size: 21px;
}
@media (max-width: 768px) {
  .testimonial-carousel .content-wrapper .testimonial-content blockquote {
    margin-top: 1em;
  }
}
.testimonial-carousel .content-wrapper .testimonial-content blockquote .quote-author {
  /* quote author */
  width: 5em;
  height: 5em;
  border-radius: 50%;
  border: 7px solid #e6e6e6;
  position: absolute;
  bottom: -2.5em;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}
.testimonial-carousel .content-wrapper .testimonial-content blockquote p {
  margin-bottom: 2em;
  margin-top: 1em;
  text-align: center;
  font-family: 'Source Sans Pro', sans-serif;
}
.testimonial-carousel .content-wrapper .testimonial-content .quote-meta-block {
  /* quote meta block */
  text-align: center;
  margin-top: 6em;
}
.testimonial-carousel .content-wrapper .testimonial-content .quote-meta-block h4 {
  margin-bottom: 7px;
  margin-top: 14px;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.testimonial-carousel .content-wrapper .testimonial-content .quote-meta-block h5 {
  margin-top: 11.5px;
  font-weight: normal;
}
.testimonial-carousel .content-wrapper .testimonial-author {
  /* testimonial author */
}
@media (max-width: 1200px) and (min-width: 992px) {
  .testimonial-carousel .content-wrapper .testimonial-author img {
    position: relative;
    bottom: -6em;
  }
}
/*=======================
 	OUR PRICING 
  =======================*/
.our-pricing {
  padding-bottom: calc(8em - 48px);
}
.our-pricing .content-block {
  /* content block */
}
@media (max-width: 768px) {
  .our-pricing .content-block {
    padding-left: 3em;
    padding-right: 3em;
  }
}
@media (max-width: 480px) {
  .our-pricing .content-block {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}
.our-pricing .content-block > div {
  margin-bottom: 48px;
}
.our-pricing .content-block .package {
  /* package */
  background: #222;
  padding: 21px;
  border: 1px solid #e6e6e6;
}
.our-pricing .content-block .package .singup-btn {
  /* signup btn */
}
.our-pricing .content-block .package .singup-btn h3 {
  padding: 14px 0 14px 0px;
  margin-bottom: -22px;
  margin-left: -22px;
  margin-right: -22px;
  border: 1px solid #e6e6e6;
  background: #333;
  transition: .3s;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}
.our-pricing .content-block .package .singup-btn:hover h3 {
  background: #003084;
  border-color: #003084;
  color: #fff;
}
.our-pricing .content-block .package h2 {
  border: 1px solid #e6e6e6;
  padding-top: 7px;
  padding-bottom: 7px;
  background: #222;
  margin-left: -22px;
  margin-right: -22px;
  padding-left: 21px;
  padding-right: 0;
  font-weight: 900;
  position: relative;
  margin-top: 42px;
  margin-bottom: 42px;
  transition: .3s;
}
.our-pricing .content-block .package h2 span {
  position: absolute;
  top: -17.5px;
  right: 21px;
  background: #333;
  width: 4em;
  height: 3em;
  line-height: calc(3em - 11.5px);
  text-align: center;
  border: 5px solid #000;
  transform: rotate(-3deg);
  transition: .3s;
}
.our-pricing .content-block .package h2 small {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 42px;
  color: #000;
  letter-spacing: 1px;
}
.our-pricing .content-block .package ul {
  margin-top: 21px;
  margin-bottom: 42px;
}
.our-pricing .content-block .package ul li {
  margin-bottom: 11.5px;
  border-bottom: 1px dotted #cccbcb;
  padding-bottom: 11.5px;
  text-transform: capitalize;
}
.our-pricing .content-block .package ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.our-pricing .content-block .package.professional {
  /* different style for professional package */
  position: relative;
  overflow: hidden;
}
.our-pricing .content-block .package.professional h6 {
  position: absolute;
  top: 0;
  right: -2em;
  background: #004cd0;
  padding: 7px 35px;
  color: #fff;
  transform: rotate(45deg);
  text-transform: uppercase;
  z-index: 200;
}
.our-pricing .content-block .package.professional h2 {
  border-color: #e6e6e6;
  background: #222;
}
.our-pricing .content-block .package.professional h2 span {
  border-color: #000;
}
.our-pricing .content-block .package:hover h2 span {
  transform: rotate(0);
  border-color: #004cd0;
}
.our-pricing .content-block .package:hover .singup-btn h3 {
  background: #004cd0;
  color: #fff;
}
.our-pricing .content-block .package:hover .singup-btn h3:hover {
  background: #003084;
}
/*=======================
 	FUN FACTS 
  =======================*/
.fun-facts {
  background: rgba(0, 0, 0, 0.8);
  position: relative;
  padding-bottom: calc(8em - 48px);
}
.fun-facts:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*PUT YOUR IMAGE HERE// CHANGE THE VALUE INSIDE url( ) */
  background: url(../img/fun-facts-bg.jpg) no-repeat center;
  /* IMAGE SIZE SHOULD BE 1500x1000 OR ANY LANDSCAPE IMAGE */
  background-size: cover;
  background-attachment: fixed;
  z-index: -1;
}
.fun-facts .content-block {
  /* content block */
  color: #fff;
  margin-bottom: 48px;
}
.fun-facts .content-block .content-wrapper {
  margin: auto;
  text-align: center;
}
.fun-facts .content-block .content-wrapper .icon-block {
  /* icon block */
  color: #004cd0;
  font-size: 42px;
  margin-bottom: 21px;
}
.fun-facts .content-block .content-wrapper .icon-block:after {
  content: '';
  width: 28px;
  height: 3px;
  background: #fff;
  display: block;
  margin: auto;
  margin-top: 14px;
}
.fun-facts .content-block .content-wrapper h4 {
  color: #fff;
  text-transform: uppercase;
}
.fun-facts .content-block .content-wrapper h4 strong {
  display: block;
  color: #004cd0;
  font-size: 36px;
  margin-bottom: 21px;
}
/*=======================
 	CLIENTS 
  =======================*/
.our-clients .content-block {
  /* content block */
}
@media (max-width: 768px) {
  .our-clients .content-block {
    padding-left: 3em;
    padding-right: 3em;
  }
}
.our-clients .content-block > div .content-wrapper {
  background: #222;
  width: 100%;
  height: 10em;
  position: relative;
  border: 1px solid #e6e6e6;
}
@media (max-width: 991px) {
  .our-clients .content-block > div .content-wrapper {
    margin-bottom: 28px;
  }
}
.our-clients .content-block > div .content-wrapper img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  /* making black & white */
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  /* Firefox 3.5+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
  transition: .2s;
}
.our-clients .content-block > div .content-wrapper img:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}
/*=======================
 	CONTACT US
  =======================*/
.contact-us {
  background: #222;
  padding-bottom: calc(8em - 48px);
}
.contact-us .contact-form {
  /* contact form */
  margin-bottom: 48px;
}
.contact-us .contact-form .form-control {
  background: #333;
}
.contact-us .contact-form .form-content .message-field textarea {
  height: 10em;
}
.contact-us .home-map-block {
  /* home map block */
  margin-top: 14px;
  margin-bottom: 48px;
}
.contact-us .home-map-block .map {
  height: 270px;
}
/*=======================
 	MAIN FOOTER 
  =======================*/
.main-footer {
  background: #000000;
  color: #fff;
}
.main-footer .footer-content {
  /* footer content */
  padding-top: 7em;
  padding-bottom: calc(7em - 48px);
}
@media (max-width: 768px) {
  .main-footer .footer-content {
    padding-left: 3em;
    padding-right: 3em;
  }
}
@media (max-width: 480px) {
  .main-footer .footer-content {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}
.main-footer .footer-content .content-block {
  margin-bottom: 48px;
}
.main-footer .footer-content .block-heading {
  /* block heading */
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 28px;
}
.main-footer .footer-content .short-about {
  /* about */
}
.main-footer .footer-content .short-about h4 {
  color: #fff;
  text-transform: uppercase;
}
.main-footer .footer-content .short-about p {
  color: #cccbcb;
}
.main-footer .footer-content .short-about ul {
  margin-top: 28px;
}
.main-footer .footer-content .short-about ul li {
  display: inline-block;
  transition: .4s;
  margin-right: 2px;
}
.main-footer .footer-content .short-about ul li .icon-block {
  width: 42px;
  height: 42px;
  background: transparent;
  color: #000;
  line-height: 42px;
  text-align: center;
  transition: .3s;
  font-size: 17.5px;
  border: 1px solid #4d4d4d;
  color: #cccbcb;
}
.main-footer .footer-content .short-about ul li:hover .icon-block {
  background: #004cd0;
  color: #fff;
  border-color: #003084;
}
.main-footer .footer-content .short-about ul li:last-child {
  margin-right: 0;
}
.main-footer .footer-content .address-block {
  /* address */
  color: #cccbcb;
}
.main-footer .footer-content .address-block .email-link span,
.main-footer .footer-content .address-block .phone-call span {
  margin-right: 14px;
  color: #cccbcb;
}
.main-footer .footer-content .address-block .email-link a,
.main-footer .footer-content .address-block .phone-call a {
  color: #cccbcb;
}
.main-footer .footer-content .address-block .email-link a:nth-of-type(2),
.main-footer .footer-content .address-block .phone-call a:nth-of-type(2) {
  margin-left: 29px;
}
.main-footer .footer-content .address-block .email-link {
  margin-bottom: 21px;
}
.main-footer .footer-content .useful-links {
  /* userful links */
}
.main-footer .footer-content .useful-links ul li {
  margin-bottom: 14px;
}
.main-footer .footer-content .useful-links ul li:last-child {
  margin-bottom: 0;
}
.main-footer .footer-content .useful-links ul li a {
  color: #cccbcb;
  transition: .3s;
}
.main-footer .footer-content .useful-links ul li a:hover {
  color: #004cd0;
}
.main-footer .footer-content .twitter-updates {
  /* twitter updates */
}
.main-footer .footer-content .twitter-updates .tweet-list li {
  margin-bottom: 21px;
}
.main-footer .footer-content .twitter-updates .tweet-list li:last-child {
  margin-bottom: 0;
}
.main-footer .footer-content .twitter-updates .tweet-list li p {
  color: #cccbcb;
}
.main-footer .footer-content .twitter-updates .tweet-list li p a {
  color: #004cd0;
}
.main-footer .footer-content .twitter-updates .tweet-list li p.tweet-time {
  font-style: italic;
  font-size: 13px;
}
.main-footer .footer-content .twitter-updates .tweet-list li p.tweet-time span {
  font-style: normal;
  font-size: 14px;
}
.main-footer .copyright-info {
  /* copyright info */
  background: #000;
  padding: 21px 0;
  position: relative;
}
.main-footer .copyright-info .copyright-block p {
  margin-bottom: 0;
  color: #cccbcb;
}
@media (max-width: 767px) {
  .main-footer .copyright-info .copyright-block p {
    text-align: center;
    margin-top: 7px;
    margin-bottom: 7px;
  }
}
.main-footer .copyright-info .extra-link ul {
  margin-bottom: 0;
  text-align: right;
}
.main-footer .copyright-info .extra-link ul li {
  display: inline-block;
  margin-right: 14px;
}
.main-footer .copyright-info .extra-link ul li:last-child {
  margin-right: 0;
}
.main-footer .copyright-info .extra-link ul li a {
  color: #cccbcb;
  transition: .3s;
}
.main-footer .copyright-info .extra-link ul li a:hover {
  color: #004cd0;
}
.main-footer .copyright-info .back-to-top {
  /* block top title */
  width: 3em;
  height: 3em;
  line-height: 3em;
  text-align: center;
  background: #fff;
  color: #000;
  top: -1.5em;
  transition: .3s;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.main-footer .copyright-info .back-to-top a {
  color: #000;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.main-footer .copyright-info .back-to-top:hover {
  background: #004cd0;
}
.main-footer .copyright-info .back-to-top:hover a {
  color: #fff;
}
/*=======================
 	MISC
  =======================*/
/* styling for pop up js */
.popup .popup_content img {
  max-height: 100%;
}
.popup_cont {
  z-index: 2000;
}
/* blog carousel */
.blog-carousel {
  /* styling for owl carousel item */
  overflow: hidden;
}
/**
 * owl carousel for blog postss
 */
.our-blog .owl-carousel .owl-controls .owl-nav {
  margin-top: 48px;
}
.our-blog .owl-carousel .owl-controls .owl-nav .owl-prev,
.our-blog .owl-carousel .owl-controls .owl-nav .owl-next {
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  background: #000;
  color: #fff;
  transition: .3s;
  padding: 0;
  border-radius: 0;
}
.our-blog .owl-carousel .owl-controls .owl-nav .owl-prev:hover,
.our-blog .owl-carousel .owl-controls .owl-nav .owl-next:hover {
  background: #004cd0;
}
/**
 * owl carousel for clients
 */
.our-clients .owl-carousel .owl-nav {
  margin-top: 48px;
}
/*=======================
 	BLOG
  =======================*/
.blog-posts {
  margin-top: 3em;
}
.blog-posts .content .the-post {
  /* styling the blog post */
  margin-top: 3em;
  margin-bottom: 3em;
  background: #222;
}
.blog-posts .content .the-post .img-content {
  background-size: cover;
  background-position: center;
}
.blog-posts .content .the-post .blog-content {
  /* blog content */
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  position: relative;
}
.blog-posts .content .the-post .blog-content .post-author {
  width: 90px;
  height: 90px;
  border: 3.5px solid #fff;
  position: absolute;
  top: -3em;
  left: 28px;
}
.blog-posts .content .the-post .blog-content .post-title {
  /* post title */
  padding-bottom: 14px;
  margin: 21px 28px 0;
  text-transform: uppercase;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .blog-posts .content .the-post .blog-content .post-title {
    font-size: 18px;
  }
}
.blog-posts .content .the-post .blog-content .post-title a {
  color: #000;
  transition: .3s;
}
.blog-posts .content .the-post .blog-content .post-title:hover a {
  color: #004cd0;
}
.blog-posts .content .the-post .blog-content .post-text {
  /* post text // you can style here for post formatting */
  padding: 0px 28px 28px;
  margin: 0;
}
.blog-posts .content .the-post .blog-content .post-meta {
  /* post meta */
  font-family: 'Montserrat', sans-serif;
  margin: 0 28px 0 calc(6em + 28px + 28px );
  padding-top: 28px;
  text-transform: uppercase;
  font-size: 13px;
}
@media (max-width: 480px) {
  .blog-posts .content .the-post .blog-content .post-meta {
    margin-left: 28px;
    padding-top: 5em;
    font-size: 12px;
  }
}
.blog-posts .content .the-post .blog-content .post-meta li {
  display: inline-block;
  margin-right: 14px;
}
@media (max-width: 480px) {
  .blog-posts .content .the-post .blog-content .post-meta li {
    margin-right: 7px;
  }
}
.blog-posts .content .the-post .blog-content .post-meta li a {
  color: #000000;
  font-weight: 700;
  transition: .2s;
  margin-left: 3px;
}
.blog-posts .content .the-post .blog-content .post-meta li a:hover {
  color: #004cd0;
}
.blog-posts .content .the-post .blog-content .post-meta li:last-child {
  margin-right: 0;
}
.blog-posts .content .the-post .blog-content footer {
  padding: 28px 0;
  margin: 0 28px;
  border-top: 1px solid #e6e6e6;
  font-family: 'Montserrat', sans-serif;
}
.blog-posts .content .the-post .blog-content footer a {
  color: #000000;
  font-weight: bold;
}
.blog-posts .content .the-post .blog-content footer a:hover {
  color: #004cd0;
}
.blog-posts .content .the-post .blog-content footer a:hover span {
  color: #000000;
}
.blog-posts .content .the-post .blog-content footer .post-category {
  float: left;
}
.blog-posts .content .the-post .blog-content footer .post-category span {
  margin-right: 3.5px;
}
.blog-posts .content .the-post .blog-content footer .read-more-link {
  float: right;
}
.blog-posts .content .the-post.single {
  /* style for single post article */
}
.blog-posts .content .the-post.single .blog-content .post-meta li a {
  margin-left: 3.5px;
  transition: .3s;
}
.blog-posts .content .the-post.single .blog-content .post-meta li a:hover {
  color: #003084;
}
.blog-posts .content .the-post.single .blog-content .post-meta li:last-child a {
  margin-left: 0;
}
.blog-posts .content .the-post.single .blog-content .post-text {
  /* post formatting in single post */
  padding: 14px 28px 28px;
}
.blog-posts .content .the-post.single .blog-content .post-text blockquote {
  margin-top: 2em;
  margin-bottom: 2em;
  color: #8c8c8c;
}
.blog-posts .content .the-post.single .blog-content .post-footer {
  padding: 28px 0px;
}
.blog-posts .content .the-post.single .blog-content .post-footer .footer-content .footer-title {
  letter-spacing: 3px;
  text-transform: uppercase;
}
.blog-posts .content .the-post.single .blog-content .post-footer .footer-content ul {
  margin-bottom: 0;
  font-size: 13px;
}
.blog-posts .content .the-post.single .blog-content .post-footer .footer-content ul li {
  display: inline-block;
  margin-right: 7px;
}
.blog-posts .content .the-post.single .blog-content .post-footer .footer-content ul li:last-child {
  margin-right: 0;
}
@media (max-width: 768px) {
  .blog-posts .content .the-post.single .blog-content .post-footer .footer-content .tags-block {
    margin-bottom: 28px;
  }
}
.blog-posts .content .the-post.single .blog-content .post-footer .footer-content .tags-block li a:after {
  content: ',';
}
.blog-posts .content .the-post.single .blog-content .post-footer .footer-content .tags-block li:last-child a:after {
  content: none;
}
.blog-posts .content .the-post.single .blog-content .post-footer .footer-content .share-block {
  text-align: right;
}
@media (max-width: 767px) {
  .blog-posts .content .the-post.single .blog-content .post-footer .footer-content .share-block {
    text-align: left;
  }
}
.blog-posts .content .the-post.single .blog-content .post-footer .footer-content .share-block ul {
  margin-left: -3.5px;
}
.blog-posts .content .the-post.single .blog-content .post-footer .footer-content .share-block ul li a {
  padding: 0 3.5px;
}
.blog-posts .content .the-post.single .blog-content .post-footer .footer-content .share-block ul li:first-child {
  text-transform: uppercase;
  font-weight: bold;
}
.blog-posts .content .comments-block {
  /* comments block */
  background: #222;
  margin-bottom: 3em;
}
.blog-posts .content .comments-block .comment-block-title {
  padding: 21px 35px;
  background: #333;
  border: 1px solid #e6e6e6;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.blog-posts .content .comments-block .comment-list {
  margin: 0;
  padding: 21px 35px;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
@media (max-width: 580px) {
  .blog-posts .content .comments-block .comment-list {
    padding: 21px;
  }
}
.blog-posts .content .comments-block .comment-list .comment .comment-block {
  border-bottom: 1px solid #e6e6e6;
  padding: 42px 0 32px;
  /* extra 10 commes from bootstraps p elements bottom margin */
}
.blog-posts .content .comments-block .comment-list .comment .comment-block .image-block {
  width: 6em;
  float: left;
  margin-right: 2em;
}
@media (max-width: 580px) {
  .blog-posts .content .comments-block .comment-list .comment .comment-block .image-block {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1em;
  }
}
.blog-posts .content .comments-block .comment-list .comment .comment-block .content-block {
  width: calc(100% - 8em);
  float: left;
}
@media (max-width: 580px) {
  .blog-posts .content .comments-block .comment-list .comment .comment-block .content-block {
    width: 100%;
  }
}
.blog-posts .content .comments-block .comment-list .comment .comment-block .comment-wrapper .comment-meta {
  margin-top: 0;
  margin-bottom: 21px;
  font-weight: normal;
  color: #999999;
  font-size: 13px;
  font-family: 'Source Sans Pro', sans-serif;
}
.blog-posts .content .comments-block .comment-list .comment .comment-block .comment-wrapper .comment-meta .comment-author {
  font-weight: 700;
  color: #000;
  margin-right: 14px;
  text-transform: uppercase;
  letter-spacing: 0px;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
}
@media (max-width: 580px) {
  .blog-posts .content .comments-block .comment-list .comment .comment-block .comment-wrapper .comment-meta .comment-author {
    display: block;
    margin-bottom: .5em;
  }
}
.blog-posts .content .comments-block .comment-list .comment .comment-block .comment-wrapper .comment-meta span {
  font-weight: 700;
}
.blog-posts .content .comments-block .comment-list .comment .comment-block .comment-wrapper .comment-meta .comment-reply {
  display: inline-block;
  font-weight: 700;
  color: #000;
  margin-left: 14px;
  font-size: 14px;
}
.blog-posts .content .comments-block .comment-list .comment .comment-block .comment-wrapper .comment-meta .comment-reply:after {
  content: '';
  width: 100%;
  height: 2px;
  background: #000;
  display: block;
  margin-top: 3.5px;
}
@media (max-width: 768px) {
  .blog-posts .content .comments-block .comment-list .comment .comment-block .comment-wrapper .comment-meta {
    line-height: 1.5;
  }
}
.blog-posts .content .comments-block .comment-list .comment:last-child .comment-block {
  border-bottom: 0;
  border-top: 1px solid #e6e6e6;
}
.blog-posts .content .comments-block .comment-list .comment .reply-block {
  padding-left: 6em;
}
@media (max-width: 767px) {
  .blog-posts .content .comments-block .comment-list .comment .reply-block {
    padding-left: 2em;
  }
}
.blog-posts .content .comments-block .comment-list .comment .reply-block .comment-block {
  border-top: 0;
}
.blog-posts .content .add-comment-block {
  /* add comment block */
  background: #222;
  margin-bottom: 5em;
}
.blog-posts .content .add-comment-block .add-comment-block-title {
  padding: 21px 35px;
  background: #333;
  border: 1px solid #e6e6e6;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.blog-posts .content .add-comment-block form {
  padding: 42px 35px;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.blog-posts .content .add-comment-block form .form-group .form-control {
  border-radius: 0;
  border: 1px solid #e6e6e6;
  box-shadow: none;
  text-shadow: none;
  height: 48px;
}
.blog-posts .content .add-comment-block form .form-group .form-control:focus {
  box-shadow: 0 0 1px #004cd0;
}
.blog-posts .content .add-comment-block form .form-group .form-control.message-input {
  height: 12.4em;
  padding: 14px;
}
.blog-posts .content .add-comment-block form .btn {
  color: #fff;
}
.blog-posts .sidebar {
  /* sidebar */
}
.blog-posts .sidebar .sidebar-block {
  /* sidebar block */
  margin-top: 3em;
  margin-bottom: 3em;
  background: #222;
  padding: 28px 28px 18px;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.blog-posts .sidebar .sidebar-block .block-title {
  /* block title */
  margin: -29px -29px 28px;
  /* 1px added on left right to cover the border */
  padding: 21px 28px;
  border: 1px solid #e6e6e6;
  background: #333;
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.blog-posts .sidebar .sidebar-block h1,
.blog-posts .sidebar .sidebar-block h2,
.blog-posts .sidebar .sidebar-block h3,
.blog-posts .sidebar .sidebar-block h4,
.blog-posts .sidebar .sidebar-block h5,
.blog-posts .sidebar .sidebar-block h6 {
  color: #000;
  line-height: 1.5;
  margin: 0;
}
.blog-posts .sidebar .sidebar-block .sidebar-img-block {
  width: 5em;
  height: 5em;
  float: left;
  margin-right: 21px;
}
.blog-posts .sidebar .sidebar-block .sidebar-img-block img {
  border: 1px solid #e6e6e6;
}
.blog-posts .sidebar .sidebar-block .sidebar-content-block {
  width: calc(100% - 91px);
  float: left;
}
.blog-posts .sidebar .sidebar-block .sidebar-content-block a {
  margin-left: 3px;
  margin-right: 3px;
}
.blog-posts .sidebar .sidebar-block ul li {
  margin-bottom: 21px;
  padding-bottom: 21px;
  border-bottom: 1px solid #e6e6e6;
}
.blog-posts .sidebar .sidebar-block ul li h1,
.blog-posts .sidebar .sidebar-block ul li h2,
.blog-posts .sidebar .sidebar-block ul li h3,
.blog-posts .sidebar .sidebar-block ul li h4,
.blog-posts .sidebar .sidebar-block ul li h5,
.blog-posts .sidebar .sidebar-block ul li h6 {
  text-transform: uppercase;
}
.blog-posts .sidebar .sidebar-block ul li h1 a,
.blog-posts .sidebar .sidebar-block ul li h2 a,
.blog-posts .sidebar .sidebar-block ul li h3 a,
.blog-posts .sidebar .sidebar-block ul li h4 a,
.blog-posts .sidebar .sidebar-block ul li h5 a,
.blog-posts .sidebar .sidebar-block ul li h6 a {
  color: #000;
}
.blog-posts .sidebar .sidebar-block ul li h1 a:hover,
.blog-posts .sidebar .sidebar-block ul li h2 a:hover,
.blog-posts .sidebar .sidebar-block ul li h3 a:hover,
.blog-posts .sidebar .sidebar-block ul li h4 a:hover,
.blog-posts .sidebar .sidebar-block ul li h5 a:hover,
.blog-posts .sidebar .sidebar-block ul li h6 a:hover {
  color: #004cd0;
}
.blog-posts .sidebar .sidebar-block ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.blog-posts .sidebar .sidebar-block ul.plain-list li {
  margin-bottom: 21px;
}
.blog-posts .sidebar .sidebar-block ul.plain-list li:last-child {
  margin-bottom: 0;
}
.blog-posts .sidebar .sidebar-block ul.list-with-thumb h5 {
  margin-bottom: 11.5px;
}
@media (max-width: 767px) {
  .blog-posts .sidebar .sidebar-block ul.list-with-thumb h5 {
    font-size: 90%;
  }
}
.blog-posts .sidebar .sidebar-block ul.list-with-thumb h5 a {
  color: #000;
}
.blog-posts .sidebar .sidebar-block ul.list-with-thumb h5 a:hover {
  color: #004cd0;
}
.blog-posts .sidebar .sidebar-block ul.list-with-thumb h5 small {
  text-transform: lowercase;
}
@media (max-width: 767px) {
  .blog-posts .sidebar .sidebar-block ul.list-with-thumb h5 small {
    font-size: 95%;
  }
}
.blog-posts .sidebar .sidebar-block ul.list-with-thumb .comment-author {
  text-transform: uppercase;
}
.blog-posts .sidebar .sidebar-block ul.list-with-thumb p {
  font-size: 12px;
  margin-bottom: 0;
}
.blog-posts .sidebar .sidebar-block ul.list-with-thumb p a {
  color: #000;
  font-weight: 700;
}
.blog-posts .sidebar .sidebar-block ul.circle-thumb .sidebar-img-block img {
  border-radius: 50%;
}
/**
 * pagination
 */
.pagination-block ul {
  text-align: center;
  margin-top: 3em;
  margin-bottom: 3em;
}
.pagination-block ul li {
  display: inline-block;
  padding: 7px 0;
  margin-right: 3.5px;
}
.pagination-block ul li a {
  color: #000;
  font-weight: 700;
  padding: 14px 21px;
  background: #222;
  border: 1px solid #e6e6e6;
  transition: .3s;
}
.pagination-block ul li a:hover {
  background: #333;
}
.pagination-block ul li.dots {
  background: #222;
  border: 1px solid #e6e6e6;
  padding: 12px 21px;
}
.pagination-block ul li:first-child {
  float: left;
}
.pagination-block ul li:last-child {
  float: right;
}
.pagination-block ul li.active a {
  background: #004cd0;
  border-color: #003084;
  color: #fff;
}
.pagination-block ul li.active a:hover {
  background: #003084;
}
.pagination-block ul li:last-child {
  margin-right: 0;
}
@media (max-width: 480px) {
  .pagination-block ul li {
    /* removing numbered element on small screen except first child and last child */
    display: none;
  }
  .pagination-block ul li:first-child {
    display: inline-block !important;
  }
  .pagination-block ul li:last-child {
    display: inline-block !important;
  }
}
.blog-page {
  /* different style for pagination on blog page */
}
.blog-page .pagination-block ul {
  margin-bottom: 5em;
}
/**
 * STYLING FOR PAGES - (MULTIPAGE PART)
 */
.page-title-block {
  background: rgba(0, 76, 208, 0.8);
  padding: 9em 0;
  text-align: center;
  color: #fff;
  position: relative;
}
.page-title-block:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*PUT YOUR IMAGE HERE// CHANGE THE VALUE INSIDE url( ) */
  background: url(../img/page-banner.jpg) no-repeat center;
  /* IMAGE SIZE SHOULD BE  */
  background-size: cover;
  z-index: -1;
}
.page-title-block .heading-wrapper h2 {
  margin-top: 0;
  margin-bottom: 14px;
  text-transform: uppercase;
  letter-spacing: 6px;
  color: #fff;
}
.page-title-block .heading-wrapper h5 {
  margin-bottom: 0;
  margin-top: 0;
  color: #fff;
}
.page-title-block.blog-page {
  /* BLOG PAGE */
}
.page-title-block.blog-page:after {
  /*PUT YOUR IMAGE HERE// CHANGE THE VALUE INSIDE url( ) */
  background-image: url(../img/blog-banner.jpg);
  /* IMAGE SIZE SHOULD BE 1500X416 */
}
.page-title-block.post-page {
  /* POST PAGE */
}
.page-title-block.post-page:after {
  /*PUT YOUR IMAGE HERE// CHANGE THE VALUE INSIDE url( ) */
  background-image: url(../img/post-banner.jpg);
  /* IMAGE SIZE SHOULD BE 1500X416 */
}
/**
 * CONTACT PAGE
 */
/* this contact form style shares the style with the index page's contact form */
@media (max-width: 1199px) {
  .contact-form {
    margin-top: 28px;
  }
}
.contact-form h5 {
  margin-top: 31px;
  margin-bottom: 28px;
  text-transform: uppercase;
}
.contact-form .form-message p {
  margin-bottom: 14px;
}
.contact-form .form-message p.success {
  background: #004cd0;
  color: #fff;
  padding: .8em;
}
.contact-form .form-message p.error {
  background: red;
  color: #fff;
  padding: .8em;
}
.contact-form .form-control {
  border-radius: 0;
  box-shadow: none;
  text-shadow: none;
  height: 48px;
  padding-left: 14px;
  border-color: #e6e6e6;
}
.contact-form .form-content .name-field {
  padding-right: 7px;
}
@media (max-width: 991px) {
  .contact-form .form-content .name-field {
    padding-right: 15px;
  }
}
.contact-form .form-content .email-field {
  padding-left: 7px;
}
@media (max-width: 991px) {
  .contact-form .form-content .email-field {
    padding-left: 15px;
  }
}
.contact-form .form-content .message-field textarea {
  height: 8em;
  padding-top: 14px;
}
.contact-form .form-content .btn {
  color: #fff;
}
.address {
  /* ADDRESS BLOCK */
}
@media (max-width: 991px) {
  .address {
    margin-top: 28px;
  }
}
.address h5 {
  text-transform: uppercase;
  margin-top: 32px;
  margin-bottom: 28px;
}
.address .email-link {
  /* email link */
  margin-bottom: 14px;
}
.address .email-link span {
  margin-right: 14px;
}
.address .email-link a {
  color: #000;
}
.address .email-link a:nth-of-type(2) {
  margin-left: 29px;
}
.address .phone-call {
  /* phone call */
}
.address .phone-call span {
  margin-right: 14px;
}
.address .phone-call a {
  color: #000;
}
.address .phone-call a:nth-of-type(2) {
  margin-left: 29px;
}
.google-maps-block {
  /* google map block */
  margin-top: 6em;
}
.google-maps-block .map {
  height: 400px;
  background: #222;
}
.navbar-nav {
  background: #000;
}
.contact-us a {
  color: #cccbcb;
}
.form-group input, .form-group textarea {
  color: white;
}