/*!
Theme Name: Precis theCreo
Theme URI: http://wpprecis.rashedamins.com/
Author: theCreo
Author URI: https://themeforest.net/user/thecreo
Description: resume, curriculum vitae, personal info WordPress theme
Version: 1.0.1
Requires at least: 4.5
Tested up to: 5.9
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: precis-thecreo
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

precis is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.


*/
/* index css **

00. Common css
01. Header css
02. Footer css
03. Contact form css
04. 404 css
05. blog css
07. Responsive css

*/

/* ****************** **
  00. Common css
** ****************** */

body{
  font-weight: 400;
}
h1,h2,h3,h4,h5,h6{
  text-transform: capitalize;
}

.site_preloader{
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.95);
  z-index: 999;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}


.loader,
.loader:after {
  border-radius: 50%;
  width: 7em;
  height: 7em;
}


.loader {
  margin: 50px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 3px solid rgba(2, 32, 47, 0.8);
  border-right: 3px solid rgba(2, 32, 47, 0.8);
  border-bottom: 3px solid rgba(2, 32, 47, 0.8);
  border-left: 3px solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.entry-content {line-height: 2}

.pad80{
  padding: 80px 0;
}

.deal-btn{
  color: #fff;
  border: 1px solid;
  background-color: #003044;
  border-color: #02202f;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 400;
  display: inline-block;
  padding: 10px 30px;
  letter-spacing: 1px;
  font-family: 'Montserrat',sans-serif;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}

a.bordered-btn{
  border: 1px solid;
  background-color: transparent;
  color: #fff;
  border-color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 400;
  display: inline-block;
  padding: 10px 30px;
  letter-spacing: 1px;
  font-family: 'Montserrat',sans-serif;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  border-color: #fff;
}
.bordered-btn i,
.deal-btn i{
  margin-left: 5px;
}

.deal-btn:hover,
.bordered-btn:hover{
  background-color: #fff;
  color: #ff8c27;
  border-color: #fff;
}

h3{font-size: 26px;}h4{font-size: 22px;}
h5{font-size: 20px}h6{font-size: 17px}

/* ****************** **
02. Header css
** ****************** */


.logo a {
  color: #666;
}
.logo h1 {
  font-size: 24px;
  margin: 16px 0;
}
.logo {
  padding: 20px 0px 0px 0px;
  text-transform: uppercase;
}
.logo a span {

  color: #222;
  display: inline-block;
  font-size: 24px;
  font-weight: 700;
  /* padding: 5px 10px; */

}
.logo img{
  height: 47px;
}
.header-right-boxes p {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  margin: 0 0 0 35px;
  padding-left: 40px;
  position: relative;
  /* letter-spacing: 1px; */
  color: #333333;
}


.header-right-boxes p span {
  display: block;
  font-weight: 300;
}
.header-right-boxes p i {
  font-size: 25px;
  left: 0;
  line-height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  color: #656565;

}
.header-right-boxes {
  margin: 26px 0;
}
.mainmenu-area {
  background: transparent none repeat scroll 0 0;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  /*background: #f5f6f7;*/
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999;
  padding: 10px 0px 5px 0px; 
}

.mainmenu ul li a {
  color: #082639;
  font-weight: 500;
  font-family: 'Poppins',sans-serif;
  padding: 20px;
}
.mainmenu ul li a{
  position: relative;
}
.mainmenu ul li a:before{
  display: none;
}
.mainmenu ul li ul li a:before{
  height: 1px;
  bottom: 0;
  top: auto;
}
.mainmenu ul li a:hover:before{
  width: 100%;
}

.deal-header-search{
  margin-top: 4px;
}

.deal-header-search {
  position: absolute;
  right: 0;
  top: 10px;
}

.deal-header-search .search-form label input {
  height: 35px;
  text-indent: 50px;
}

.deal-header-search .search-form input[type="submit"]{
  display: none;
}

.deal-header-search input[type="search"] {
  background: #fff url("assets/images/search-icon.png") no-repeat scroll center center;
  border: medium none;
  border-radius: 3px;
  cursor: pointer;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-top: 5px;
  transition: all 0.3s ease 0s;
  width: 35px;
}
.deal-header-search input[type="search"]:focus {
  background: #fff url("assets/images/search-icon.png") no-repeat scroll 175px center;
  cursor: inherit;
  padding: 5px;
  width: 200px;
  text-indent: 10px;
} 

.search-results .entry-summary {
  display: none;
}
.search-results .col-md-8 > article {
  margin-bottom: 40px;
}


.header-right-content{
 position: relative;
 padding-right: 30px;

}

.header-area{
 padding-top: 10px;
}

.main-menu{
border-top:1px solid #d9e4e9;
margin-top: 15px;
font-size: 17px;
font-weight: 600;
}

.main-menu a{
  color: #333;
}

.main-menu ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

.main-menu li{
  display: inline-block;;
  position: relative;
}

.main-menu li a{
  display: block;;
  padding: 20px;
  padding-left: 0px;
  padding-right: 30px;
}

/* MENU */

.mainmenu ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.mainmenu ul li {
  display: inline-block;
  position: relative;
}
.mainmenu li a {
  display: block;
  padding: 40px 15px;
  position: relative;
}

.menu_col {
  float: right;
}
.mainmenu ul li.boxed-menu a {
  background: #f4bc4d none repeat scroll 0 0;
  color: #fff;
  padding: 8px 20px;
}
.mainmenu ul li {
  position: relative;

}
.mainmenu ul li a {
  margin-left: 0;
}
.mainmenu ul li ul {
  background: #02202f none repeat scroll 0 0;
  left: 0;
  position: absolute;
  top: 100px;
  width: 260px;
  z-index: 2;
  margin: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  z-index: 101;
  text-transform: none;

  z-index: 100;
}

.mainmenu .sub-menu .sub-menu{
  top: 30px;
}

.mainmenu ul li ul::before {
  border: 6px solid transparent;
  content: "";
  left: 22px;
  position: absolute;
  transform: rotate(-45deg);
  top: -6px;
  z-index: -1;
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.mainmenu ul li ul ul:before{
  display: none;
}
.mainmenu ul li ul li {
  display: block;
}
.mainmenu ul li ul li a {
  display: block;
  text-align: left;
  margin: 0;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  padding: 5px 15px;
  line-height: 30px;
  text-transform: none;
  color: #fff;
}
.mainmenu ul li ul li:last-child a {
  border-bottom: 0px solid
}

.mainmenu ul li ul li:hover > a {
  border-color: transparent;
  background-color: #f3f2f2;
  color: #333333;
}
.mainmenu ul li ul li ul {
  left: 100%;
  top: 200%;
}

.mainmenu .sub-siblings:before {
  content: "\f105";
  font-family: "fontawesome";
  margin-left: 7px;
  position: absolute;
  top: 50%;
  right: 7px;
  line-height: 20px;
  margin-top: -10px;
}
.mainmenu ul > li:hover > ul {
  top: 100%;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  
}
.mainmenu ul > li:hover > ul > li:hover > ul,
.mainmenu ul > li:hover > ul > li:hover > ul > li:hover > ul {
  top: -1px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
}
.mainmenu ul ul li.current_page_item > a:after,
.mainmenu ul ul li:hover > a:after {
  height: 2px
}
.mainmenu ul li#menu-item-40 a:hover {
  color: #000000;

}


.mainmenu ul > li:nth-last-child(1) > ul,
.mainmenu ul > li:nth-last-child(2) > ul,
.mainmenu ul > li:nth-last-child(3) > ul,
.mainmenu ul > li:nth-last-child(4) > ul
{
  right: 0;
  left: auto;
}
.mainmenu ul > li:nth-last-child(1) > ul:before,
.mainmenu ul > li:nth-last-child(2) > ul:before,
.mainmenu ul > li:nth-last-child(3) > ul:before{
  left: auto;
  right: 22px;
}

.mainmenu ul > li:nth-last-child(1) > ul,
.mainmenu ul > li:nth-last-child(2) > ul,
.mainmenu ul > li:nth-last-child(3) > ul {
  right: 0;
  left: 0;
} 
.mainmenu ul > li:nth-last-child(4) ul > li > ul,
.mainmenu ul > li:nth-last-child(5) ul > li > ul,
.mainmenu ul > li:nth-last-child(1) ul > li > ul,
.mainmenu ul > li:nth-last-child(2) ul > li > ul,
.mainmenu ul > li:nth-last-child(3) ul > li > ul,,
.mainmenu ul > li > ul > li > ul > li > ul {
  left: 100%;
  right: 0;
}
.mainmenu ul > li:nth-last-child(1) > ul > li > ul > li > ul,
.mainmenu ul > li:nth-last-child(2) > ul > li > ul > li > ul,
.mainmenu ul > li:nth-last-child(3) > ul > li > ul > li > ul,
.mainmenu ul > li:nth-last-child(4) > ul > li > ul > li > ul,
.mainmenu ul > li:nth-last-child(5) > ul > li > ul > li > ul
{
  right: auto;
  left: 100%;
}

.mainmenu ul > li > ul.sub-menu > li:hover > ul{left: 100%;}

.site-logo{
  margin: 0;
  padding: 3px 0;
}

.social-icons{
  font-size: 16px;
  text-align: right;
}
.social-icons a{
  display: inline-block;
  padding-left: 20px;
}


.vc_row {overflow-y:hidden}

/* ****************** **
  03. Contact Css
  ** ****************** */

  .contact-box{
    text-align:left!important;
  }

  .contact-box h3{
    color: #333;
    font-size: 19px;
    margin-top: 15px;
    padding-left: 5px;
    font-family: "Montserrat",sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: none;
    text-align:left!important;
  }



  input[type=text], input[type=email], input[type=tel], input[type=serach], input[type=url] input[type=password],
  textarea{
    background-color: transparent;
    border: 1px solid #e8e8e8;
    width: 100%;
    padding: 10px;
  }



  input[type=submit],button[type=submit]{
    background: #ffffff;
    padding: 6px 35px;
    color: #4b4d52;
    font-family: "Poppins",sans-serif;
    font-weight: 500;
    text-transform: none;
    border: 1px solid #4b4d52;

  }

  input[type=submit],button[type=submit]:hover{
    background: #4b4d52;
    padding: 6px 35px;
    color: #fff;
    font-weight: 500;
    text-transform: none;
    border: 1px solid #949494;
    transition:.4s;

  }

  textarea{
    height: 130px;
  }

  .contact-page-textarea button{
    margin-top: 20px; 
    width: 140px;
  }


  .precis-contact ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #c5cccf !important;
  }

  .precis-contact ::-moz-placeholder { /* Firefox 19+ */
    color: #c5cccf !important;
  }

  .precis-contact :-ms-input-placeholder { /* IE 10+ */
    color: #c5cccf !important;
  }

  .precis-contact :-moz-placeholder { /* Firefox 18- */
    color: #c5cccf !important;
  }


  /* common css */


  .seo-breadcrumb-area{
    font-size: 20px;
    text-align: center;
    background-color: #949494; 
    background-image: no-repeat;
    padding: 65px 0;
    font-weight: 500;
    color: #ffffff;
  }

  .seo-breadcrumb-area h1{
    color: #ffffff;
    font-size: 35px;
    text-transform: none;
  }

  .seo-breadcrumb-area a{
    color: #ffffff;
  }

  .seo-breadcrumb-area span[typeof="ListItem"]
  {
    display: inline-block;
    padding: 0 10px;
  }

  .seo-breadcrumb-area{
    position: relative;
    z-index: 1;
    background-size: cover;
    background-position: center;
  }

  .seo-breadcrumb-area:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    opacity: .9;
    z-index: -1;
    background: no-repeat;
    background-color: #949494;
  }

  .about-text{
    font-size: 17px;
    font-weight: 500;
  }
  .about-text h1{
    font-size: 57px;
    font-weight: 500;
  }

  .deal-internal-area.section-enable-padding{
    padding: 80px 0;
  }


  .pad80{
    padding: 80px 0;
  }


/* ****************** **
  04. Footer css
  ** ****************** */



  .footer-top-widgets {
    background: #2a2a2a none repeat scroll 0 0;
    padding-top: 70px;
  }
  .footer-copyright-area {
    background: #f8f8f8 none repeat scroll 0 0;
    color: #84848a;
    font-size: 12px;
    text-align: center;
    padding: 65px 0;
  }

  .copright-name{
    text-align: center;
    font-size: 13px;
    font-weight: 300;
    text-transform: uppercase;
    font-family: "Open Sans",sans-serif;
    letter-spacing: 3px;

  }
  .copright-text{
    padding-top: 30px;
    text-align: center;
    text-transform: none;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 300;
    font-family: "Poppins",sans-serif;
  }

  .footer-top-widgets .widget {
    margin-bottom: 70px;
  }
  .footer-top-widgets, .footer-top-widgets a {
    color: #d8d8d8;
  }
  .footer-top-widgets a:hover {color: #fff}
  .footer-top-widgets h3.footer-widget-title {
    color: #c5cccf;
    font-size: 21px;
    margin-bottom: 20px;
    margin-top: 0;
    font-weight: 500; 
  }

  .footer-top-widgets p{
    font-size: 14px;
    font-weight: 500;

  }
  .footer-top-widgets li{
    font-size: 14px;
    font-weight: 500;

  }

  .monitor-social-icons a {
    display: inline-block;
    color: #333;
    font-size: 1.2rem;
    margin-right: 6px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Montserrat",sans-serif;
    font-weight: 300;
  }
  .monitor-social-icons {
    margin-top: 20px;
  }

/* ****************** **
  05. 404 css
  ** ****************** */


  .error-404 .page-notice{
   font-size: 150px;
   margin: 0;
   text-align: center;
 }

 .error-404 .page-sub-notice{
  margin-top:40px; 
  font-size: 28px;
  text-transform: inherit;
}
.search-form {

  max-width: 400px;
  overflow: hidden;
}
.error-404 .search-form{
  margin-top: 30px;
}
.search-form label {
  background: #eff3f8 none repeat scroll 0 0;
  float: left;
  margin: 0;
  width: 65%;
}
.search-form label input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #949494;
  height: 45px;
  padding: 0;
  text-indent: 20px;
  width: 100%;
}
.search-form label input:focus {outline: #e8e8e8;
  border: 1px solid #e8e8e8}

  .search-form input[type="submit"] {
    background-color: #4b4d52;
    color: #fff;
    float: left;
    height: 45px;
    padding: 0;
    width: 25%;
  }

  .no-results .search-form{
    margin-top: 60px;
  }


/* ****************** **
  06. Blog css
  ** ****************** */

  .entry-content .widget_nav_menu ul.menu {
    border: 1px solid #f6f6f6;
    margin: 0;
    padding: 0;
  }
  .entry-content .widget_nav_menu ul.menu li {
    border-bottom: 1px solid #f6f6f6;
  }
  .entry-content .widget_nav_menu ul.menu li a {
    color: #666;
    display: block;
    font-size: 15px;
    font-weight: 700;
    padding: 10px 16px;
  }

  .insurex-post-featured-content{
    margin-bottom: 40px;
    overflow: hidden;
    -webkit-transition: .4s;
    transition: .4s;
  }


  .blog-title {
    font-size: 30px;
    color: #082639;
    text-transform: none;
    font-weight: 500;

  }

  .blog-title span {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    /* font-weight: 700; */
    line-height: 1.8em;
    text-align: left;
    margin: 0;
    width: 73%;
    padding-left: 2px;
  }

  article.post a.deal-blog-btn {
    background-color: transparent;
    border: none;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 7px 17px;
    font-size: 13px;
    letter-spacing: 1px;
    color: #4b4d52;
    border: solid 1px #4b4d52;
    font-family: "Poppins",sans-serif;
    text-transform: none;
  }

  article.post a.deal-blog-btn:hover {
    border: none;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 7px 17px;
    font-size: 13px;
    letter-spacing: 1px;
    color: #fff;
    background-color: #4b4d52;
    border: solid 1px #4b4d52;
    font-family: "Poppins",sans-serif;
    text-transform: none;
    transition:.4s;
  }

/* display: inline-block;
  padding: 5px 14px;
  margin: 0 5px 5px 0;
  font-size: 14px!important;
  font-weight: 500;
  color: #fff;
  background-color: #4b4d52;
  border: solid 1px #949494; */

  article a{
    color: #082639;

  }
  article.post a.consulto:hover{
    border-color: #f98a37;
    color: #f98a37;
  }

  .pos-meta-top {
    font-size: 90%;
  }
  .pos-meta-top i.fa {
    padding-left: 10px;
  }
  .pos-meta-top i.fa.fa-user {
    padding-left: 0;
  }

  .entry-meta a,
  .entry-footer .cat-links a{
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    font-family: "Poppins",sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: none;
    margin: 0px 5px;
    padding: 4px 12px;
    font-size: 13px;
    text-transform: capitalize;
  }

  .entry-footer .cat-links {
    margin-left: 10px;
    margin-bottom: 10px;
    margin-right: 5px;
  }
  .entry-meta a:hover,
  .entry-footer a:hover, .navigation.post-navigation .nav-links a{
    color: #f98a37;
  }

  .entry-footer a,
  .entry-footer .entry-meta li.share span{
    display: inline-block;
    padding: 4px 12px;
    font-size: 13px;
    color: #fff;
    text-transform: capitalize;
    border: 1px solid;
    background: #4b4d52;
  }

  .entry-footer span.edit-link a{
    background-color: transparent;
    color: #a7a7a7;
  }

  .deal-internal-area .entry-content p{
    padding-bottom: 20px;
  }

  /* Post Share */

  .post-edit-link{
    border-color: transparent;
  }

  .widget-title, .widgettitle {
    font-size: 18px;
    margin-bottom: 10px;
    position: relative;
  }
  .widget a, .widget li{
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
  }
  .widget a:hover {
    color: #f98a37;
  }

  .widget_tag_cloud a{
    margin: 0 5px 5px 0;
  }
  .widget_tag_cloud a {
    display: inline-block;
    padding: 5px 14px ;
    margin: 0 5px 5px 0;
    font-size: 14px!important;
    font-weight: 500;
    color: #fff;
    background-color: #4b4d52;
    border: solid 1px #949494;
  }

  .comment-content table {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
  }
  .comment-content table td,
  .comment-content table th {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 10px;
  }
  .comment-content ol {
    padding-left: 15px;
  }
  .comments-title {
    margin: 60px 0 30px;
  }
  .comment-list,
  .comment-list ol {
    list-style: none;
    padding: 0;
  }
  .comment-list > li:not(:last-child) {
    margin-bottom: 50px;
  }
  .comment-author.vcard img {
    width: 70px;
    height: 70px;
    border: 1px solid #949494;
    margin-right: 20px;
    float: left
  }
  .comment-list .children {
    margin-left: 20px;
    margin-top: 40px;
  }
  .comment-content {
    padding-left: 90px;
  }
  .comment-metadata {
    padding-left: 90px;
  }
  .comment-list .reply {
    padding-left: 90px;
  }
  .comment-author b,
  .comment-author span {
    font-size: 16px;
  }
  .comment-author b {
    color: #f98a37;
    margin-right: 5px;
    font-weight: 500;
  }
  .comment-author b a {
    color: #f98a37;
  }
  .comment-metadata > a {
    color: #666;
    font-weight: 600;
    font-size: 90%;
  }
  .comment-metadata > a:hover {
    color: #f98a37;
    text-decoration: underline;
  }
  .comment-metadata .edit-link a {
    padding: 0 5px;
    margin-left: 6px;
  }
  .comment-metadata {
    margin-bottom: 40px;
  }
  .reply .comment-reply-link {
    display: inline-block;
    border: 1px solid;
    padding: 5px 15px;
    background-color: #4b4d52;
    color: #fff;
  }
  .reply .comment-reply-link:hover {
    background-color: transparent;
    color: #f98a37;
  }
  .comment-respond {
    margin-top: 40px;
    background-color: #f8f8f8;
    border: 1px solid #ddd;
  }
  .comment-list .children li {
    margin-bottom: 25px;
  }
  .comment-respond .comment-form .logged-in-as a {
    display: inline-block;
    color: #666;
    margin-left: 10px;
  }
  .comment-respond .comment-form .logged-in-as a:first-child {
    margin-left: 0;
  }
  .comment-respond .comment-form .logged-in-as a:last-child {
    color: red;
  }
  .comment-respond .comment-form label {
    display: block;
  }
  #reply-title a#cancel-comment-reply-link {
    border: 1px solid red;
    color: red;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-left: 20px;
    padding: 0 10px;
    text-transform: uppercase;
    vertical-align: middle;
  }
  .comment-list .comment-respond {
    margin-left: 40px;
  }
  .comment-respond form textarea {
    width: 100%;
    height: 200px;
    resize: none;
  }
  .comment-form p.form-submit{
    display: block;
    float: none!important;
  }


  b.fn {
    color: #444;
    font-size: 15px;
    text-transform: capitalize;
  }
  b.fn a,
  .comments-area a {
    color: #000;
  }
  .comment-list > li,
  .children article {
    margin-bottom: 30px;
  }
  .comment-metadata a time {
    color: #777777;
    font-size: 14px;
    font-weight: 300;
  }
  .reply {
    text-align: right;
  }
  .reply a {
    color: #666;
  }
  .children {
    padding-left: 25px;
  }
  .comment-form p > label {
    display: none;
  }
  .comment-form p > input,
  .comment-form p textarea {
    border: 1px solid #e7e7e7;
    color: #000;
    font-size: 14px;
    padding: 8px 0 8px 10px;
    width: 100%;
    -webkit-transition: .3s;
    transition: .3s;
    resize: none;
  }
  .comment-reply-title {
    margin-bottom: 30px;
    font-size: 14px;
    text-transform: uppercase;
  }
  .logged-in .comment-reply-title {
    margin-bottom: 30px;
    margin-top: 0;
  font-size: 20px;
  color: #082639;
  font-weight: 500;
  font-family: "Poppins",sans-serif;
  text-transform: none;
  }
  .comment-form p > input:focus,
  .comment-form p textarea:focus {
    border-color: #818181;
    box-shadow: 0 0 13px 1px rgba(0, 0, 0, 0.2);
  }
  .comment-form-comment > label {
    display: none;
  }
  .comment-form {
    padding-right: 10px;
  }
  .comment-form .comment-notes {
    display: none;
  }
  .logged-in .form-submit {
    bottom: 4px;
    right: 0;
  }
  .logged-in .comment-form p:nth-child(2) {
    float: none;
  }
  .logged-in .comment-form p:not(:first-child) {
    float: none;
    width: 70%;
  }
  .logged-in .comment-form-comment textarea {
    display: block;
    width: 100%;
  }
  .comment-form p > input[type="submit"] {
    color: #fff;
    background: #4b4d52;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.1rem;
    font-family: "Poppins",sans-serif;
  }
  .comment-form p:not(:first-child) {
    float: right;
    margin-bottom: 15px;
    width: 48%;
  }
  .comment-form p.form-submit {
    float: left;
  }
  .comment-form p:nth-child(2) {
    float: left;
  }
  .comment-form {
    overflow: hidden;
  }

  .comment-respond {
    padding: 30px;
  }
  .logged-in .comment-form p:not(:first-child) {
    width: 100%;
  }
  .comment-form p > input[type="submit"] {
    width: auto;
    padding: 10px 25px;

  }
  .comment-body {
    background: #f8f8f8 none repeat scroll 0 0;
    padding: 30px;
    border: 1px solid #e8e8e8;
  }
  .comment-list > li:not(:last-child) {
    margin-bottom: 30px;
  }
  .comment-list .children {
    margin-top: 30px;
  }

  .contact p{
    font-size: 15px;
    font-weight: 500;

  }

  .contact h4{
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
  }

  .about-intro{
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    color: #777;
  }

  .service-quote h4{
    text-align: left;
    color: #ffffff;
    font-size: 23px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
  }

  .service-quote p{
    text-align: left;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
  }

  .service-hover{
    color: #fff;

  }

  .slicknav_menu {
    display: none;
  }

/* POST FORMAT QUOTE
------------------------------------------- */
.post blockquote {
padding: 10px 40px;
color: #666;
border: 0;
margin: 0;
position: relative;
}
.post blockquote, 
.post blockquote p {
font-style: italic;
font-size: 17px;
padding-bottom: 0px;
}
.post blockquote::before {
content: '';
width: 35px;
height: 2px;
background: #000;
position: absolute;
top: 25px;
left: 0;
}
.post.format-quote .entry-header {
margin-bottom: 0;
}

.single-post blockquote{
margin: 10px 0;
}
.single-post .type-post .entry-meta {
padding-top: 15px;
padding-bottom: 5px;
border-bottom: 1px solid #ddd;
}

.precis-posted {
padding-top: 15px;
padding-bottom: 5px;
border-bottom: 1px solid #ddd;
}

/* POST FORMAT LINK
------------------------------------------- */
.post.format-link .blog-link a {
display: block;
padding: 20px 60px;
font-size: 16px;
background: #f1f1f1;
position: relative;
}
.post.format-link .blog-link a:hover {
color: #fff;
background-color: #ff2a40;
}
.post.format-link .blog-link a::before {
position: absolute;
content: "\f08e";
font-family: FontAwesome;
font-size: 16px;
left: 35px;
top: 20px;
}

.post.format-link .entry-header {
margin-bottom: 0;
}

/* AUTHOR BIO
------------------------------------------- */
.single-post .post-author {
border: 1px solid #eee;
margin-bottom: 80px;
}
.single-post .post-author .media {
padding: 30px 20px;
}
.single-post .post-author .media-left {
padding-right: 20px;
vertical-align: middle;
}
.single-post .post-author .media-left img {
max-width: inherit !important;
}
.author-info h3{
font-family: 'Poppins', sans-serif;
text-transform: capitalize;
font-size: 16px;
font-weight: 500;
color: #082639;
}
.author-social-info {
border-top: 1px solid #eee;
padding: 15px 20px;
}
.authors-post {
float: left;
}
.authors-post a,
.authors-post i{
color: #a7a7a7;
}
.authors-post a:hover{
color: #ff2a40;
}
.authors-post i {
margin-right: 10px;
}
.author-social {
float: right;
}
.author-social ul li a {
color: #a7a7a7;
}
.author-social ul li a:hover {
color: #ff2a40;
}

@media (max-width: 350px) {
.author-box .author-box-image {
  display: block;
  padding-right: 0;
}
.author-box .author-box-image img {
  margin: 0 auto 20px;
}
}

a.post-edit-link{
border: 0px solid;
}

.tags-links a{
margin: 0px 6px; 
}




/* ****************** **
  07. Responsive css
  ***********************/

  /* Medium Layout: 1280px. */
  @media only screen and (min-width: 992px) and (max-width: 1200px) { 
    .header-right-boxes p{
      margin-left: 15px;
    }
    .header-right-boxes p:first-child{
      margin-left: 0;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 1024px) { 
    .deal-testimonials.owl-carousel.owl-theme.owl-loaded {
      margin-left: 150px;
    }
  }
  /* Tablet Layout: 768px. */
  @media only screen and (min-width: 768px) and (max-width: 991px) { 
    
    .header-right-boxes p {
      display: block;
      float: none;
      margin: 15px 0 0;
      text-align: left;
      width: 33.333%;
      float: left;
      text-align: center;
      padding-left: 0;
    }
    .header-right-boxes p i{
      display: block;
      float: none;
      position: static;
    }
    .header-right-boxes.pull-right {
      float: none !important;
    }

    .slicknav_menu {
      display: block;
    }

  }

  /* Mobile & Tab Layout: 990px. */

  @media only screen  and (max-width: 991px){
    .menu_col{
      float: none;
    }
    .header-right-boxes{
      margin-top: 0!important;
    }
    .logo{
      text-align: center;
    }
    #primary-menu{
      display: none;
    }
    .mainmenu-area {
      background: #f5f6f7 none repeat scroll 0 0;
    }
    .slicknav_btn{
      float: left;
    }
    .slicknav_menu{
      background-color: transparent;
    }
    .comments-area{
      margin-bottom: 40px;
    }
    .deal-padding-right{
      padding-right: 15px;
    }
    .slicknav_menu {
      display: block;
    }
    .single-related-project {
      height: 200px;
    }

    #skill-sec{
      padding: 0px 20px;
    }
    #testimonial-sec{
      padding: 0px 20px;
    }
    #contact-sec{
      padding: 0px 20px;
    }
  }

  @media only screen and (max-width: 767px) { 

    .timeline:before{
      height: 80%;
    }

    .deal-slide-text h1{
      font-size: 40px;
      line-height: 60px;
      margin-bottom: 20px;
    }

    .deal-slides .owl-nav div.owl-next{
      right: auto;
    }  
    .deal-slides .owl-nav div {
      opacity: 1;
      left: auto;
      position: relative;
      text-align: center;
      top: auto;
      visibility: visible;
      display: inline-block;
      margin:55px;
    }

    .deal-slides .owl-nav {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      text-align: center;
    }

    .mobile-767-vert{
      margin-top: 50px;
    }
    .about-intro{
      font-size: 16px;
    }
    .deal-slide-text {
      font-size: 20px;
    }
    .deal-header-search{
      right: 10px;
    }
    .slicknav_btn{
      background-color: transparent;
      padding: 10px 18px 0px 18px !important;
    }
    .header-right-boxes.pull-right {
      float: none !important;
      text-align: center;
    }
    

    .logo a span {
      font-size: 20px;
      float: left;
      padding-bottom: 18px;
      padding-left: 0px;
    }

    .logo{
      padding: 10px 0px 0px 0px
    }
    
    .header-right-boxes p {
      display: block;
      float: none;
      margin: 15px 0 0;
      text-align: left;
    }
    .comment-list .children{
      margin-left: 10px;
    }
    .comment-content{
      padding-left: 0;
    }
    .comment-form p{
      display: block;
      width: 100%!important;
      
    }

    div.vc_row.vc_column-gap-35 {
      margin-left: -15px;
      margin-right: -15px;
    }
    div.vc_row.vc_column-gap-35 > .vc_column_container {
      padding: 0;
    }
    .single-counsel-project-wrap {
      bottom: auto !important;
      left: auto !important;
      position: relative !important;
      right: auto !important;
      top: auto !important;
    }
    .single-related-project {
      height: 230px;
    }
    .video-modal {
      position: relative;
      right: 5%;
    }
    .wpb_text_column.wpb_content_element.mobile-767-text{
      margin-right: 0px !important;
      text-align: center;
    }
    .vc_row.bg-left-bottom{
      margin-top: 0px !important; 
      background: transparent !important;
      padding: 0 !important;
    }
    .deal-section-title{
      margin-bottom: 40px;
    }
    .vc_row.wpb_row.vc_row-fluid.mobile-767-vert-abt{
      margin-top: 0px !important;
    }
    .mobile-image-767-right div{
      margin-left: 0px !important; 
    }
  }

  @media only screen and (max-width: 480px) { 

    .timeline.on:before {
        bottom: 56px !important;
    }
    .timeline .entry .time{
      margin-bottom: 0px;
      padding-left: 0px;
    }
    .timeline .entry .content{
      padding-left: 0px;  
    }
    .timeline:before{
      height: 70%;
    }
    #skill-sec{
      padding: 0px 20px;
    }
    #testimonial-sec{
      padding: 0px 20px;
    }
    #contact-sec{
      padding: 0px 20px;
    }
  }

  .gm-style-iw h4{
    font-weight: 400;
    font-size: 15px;
  }


  .slicknav_nav a:hover {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
  /*    background: rgba(125,125,125,0.65);
  color: #222;*/
  } 

.blog-content .share {
float: right;
}

.blog-content .share span i{
color: #333;
display: inline-block;
border: 1px solid #ddd;
border-radius: 50px;
padding: 11px;
font-size: 14px;

}

.blog-content .share .social-share a{
float: right;
font-size: 16px;
/*color: #444;*/
padding: 7px;
border-radius: 50px;
width: 38px;
height: 38px;
text-align: center;
}

.consulto-feature-box .deal-internal-area .entry-content p{
padding-bottom: 0px;
}


.pagination{
display: block;
text-align: center;
font-size: 11px;
font-family: "Poppins", sans-serif;
padding-top: 5px;
padding-bottom: 20px;
}
.pagination a {
display: inline-block;
min-width: 20px;
padding: 4px 16px;
color: #4b4d52;
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
text-align: center;
text-decoration: none;
border: 1px solid #4b4d52;
margin-right: 5px;
}
.pagination .fa {
margin-top: 3px;
font-size: 13px;
}
.posted-on{
line-height: 1.6em;
padding: 2px 10px;
display: inline-block;
font-size: .75em;
font-weight: 700;
margin-right: 10px;
margin-bottom: 15px;
text-transform: uppercase;
text-decoration: none;
color: #fff;
background-color: #4b4d52;
}

.posted-on a{
color: #fff;
}

/* Responsive Slicknav Menu CSS */

.slicknav_menu .slicknav_menutxt {
display: block;
line-height: 1.188em;
float: left;
color: #121212;
font-weight: 700;
text-shadow: none; 
}

.slicknav_btn {
margin: 7px 0;
text-decoration: none;
/* text-shadow: 0 1px 1px rgba(255,255,255,.75); */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #f5f6f7;
}

.slicknav_menu .slicknav_icon-bar {
background-color: #121212;
}

.slicknav_menu .slicknav_icon-bar {
display: block;
width: 1.125em;
height: .125em;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
/* -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.25); */
/*-moz-box-shadow: 0 1px 0 rgba(0,0,0,.25);*/
/* box-shadow: 0 1px 0 rgba(0,0,0,.25); */
}

.slicknav_nav a{
color: #121212 !important;
font-weight: 400; 
}

.slicknav_nav .slicknav_arrow {
color: transparent;
}

.slicknav_nav .slicknav_arrow:before {
font-size: 1em;
margin: 0 0 0 .4em;
content: "\f067";
font-family: FontAwesome;
color: #121212;
float: right;
padding-top: 4px; 
}

.slicknav_btn{
float: right;
}

.slicknav_nav, .slicknav_nav ul{
padding: 10px 0px 0px 0px; 
}

.search-pge .page-content{
padding-bottom: 30px;
}


.main-menu li{
display: inline-block;;
position: relative;
}

/* Additional Slick nav css */

.slicknav_menu .slicknav_menutxt {
  display: none;
}

.slicknav_btn {
  background: none;
  padding: 30px 18px 0px 18px;
}

.slicknav_menu {
  padding: 0px 0px 10px 0px;
  background: none;
}

.slicknav_menu .slicknav_icon-bar {
  box-shadow: 0 0 0;
}

.slicknav_nav {
  background: #f5f5f6;;
  width: 250px;
  z-index: 999;
}

.slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover {
  background: #ccc;
  color: #333;
  text-decoration: none;
  border-radius: 0;
}

.slicknav_nav .slicknav_row:hover a {
  color: #333;
}

.slicknav_nav .slicknav_row, .slicknav_nav a {
  margin: 0;
}

.slicknav_nav li {
  padding: 0px;
  text-align: left;
  font-size: inherit;
  line-height: inherit;
  border: none;
}

.slicknav_nav, .slicknav_nav ul.sub-menu{
padding: 5px 0px 0px 0px;
}