/*
Theme Name:Logistic Cargo Trucking Pro
Theme URI: https://www.misbahwp.com/products/trucking-wordpress-theme/
Description: The logistic Cargo Trucking theme is built for websites that deal in business, such as cargo, corporate, localization, logistic, multipurpose, parallax, shipment, trailer, transport, transportation, delivery, or any shipping company. The theme is based on the transport niche. It comes with several personalization options like you can change the background image, colors, or anything according to your liking. The theme has different popular plugins such as Woocommerce, contact form 7, and an advanced admin panel that helps in customizing the pages of the theme. The logistic theme is ideal for freight delivery, logistics storage, moving company, packaging, and shipment types. Moreover, It is SEO-friendly and Woocommerce compatible, so it will help any website to rank higher on search engines. It means your site will get popular among many new visitors. While using this theme, you engage traffic on your site and can promote your work. The theme sections are easy to change as it has to enable/disable option, so if you don't want any section, you can simply disable it. With this theme, you will get quality and performance at the right price. The theme is user-friendly and responsive. It comes with a drag-and-drop page builder, which is completely customizable.
Author:misbahwp
Author URI: https://www.misbahwp.com/
Version: 1.0
Requires PHP: 7.2
Tested up to: 6.0
Tags: blog, news, one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready
Text Domain: logistic-cargo-trucking-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

#content[tabindex="-1"]:focus {
	outline: 0;
}

body {
  font-family: 'Open Sans', sans-serif;
  color: #222222;
  margin:0;
  background: #fff;
}

h1, h2, h3, h4, h5, h6{
  font-family: 'Poppins', sans-serif;
}

a {
  color:#222222;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}

a:hover,
a:focus {
  color:#fab704;
  text-decoration: none;
}

header.header-top {
  background:#d4d6d9 ;
}
section.category-title h1 {
  font-size: 18px;
  font-weight: 600;
}

/* ===============================================
   LOGO BOX
   ============================================= */

.logo {
  display: block;
	min-height: 53px;
  line-height: 1.4em;
	word-break: break-all;
}
.logo a {
  color: #222222;
  font-size: 26px;
  text-decoration: none;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  font-weight: bold;
  text-transform: uppercase;
}
.logo a:hover,
.logo a:focus {
  color:#248efa;
}
.logo span {
  display: block;
}
.logo-image {
  float: left;
}

/* ===============================================
   SOCIAL BOX
   ============================================= */

.social-links {
    text-align: right;
    margin: 10px;
}
.social-links a {
    color: #fab704;
    font-size: 18px;
    text-decoration: none;
}
.social-links a:hover{
	color: #000000; 
}

/* ===============================================
   MENU BOX
   ============================================= */

.menu-block{
	width: 100%;
  position: relative;
  z-index: 99;
  margin-bottom: -45px;
}

#main-menu {
	display:block;
	position:relative;
	float:left;
	margin:0 auto;
	width:100%
}
#main-menu ul {
	margin: 0;
  padding: 0;
	display:block;
}
#main-menu ul li {
	position:relative;
	display:inline-block;
	text-align:left;
}
#main-menu ul li a {
	text-decoration:none;
	text-transform: uppercase;
	display:block;
	z-index:1;
	padding:10px 15px;
	margin:0;
	background: #131c21;
	color: #ffffff;
	-webkit-transition: color .1s linear, background-color .1s linear;
	-moz-transition: color .1s linear, background-color .1s linear;
	-o-transition: color .1s linear, background-color .1s linear;
	transition: color .1s linear, background-color .1s linear;
	position:relative;
	line-height:53px
}
#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover > a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus > a,
#main-menu li:focus > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-parent > a,
#main-menu ul li.current_page_ancestor > a,
#main-menu ul li.current-menu-ancestor > a {
	color:#fab704;
	border-bottom: 2px solid #fab704;
}
#main-menu ul.children ,
#main-menu ul.sub-menu {
	opacity:0;
	position: absolute;
	top: 70px;
	margin: 0px;
	left: -9999em;
	background:#fff;
	z-index:10001;
	width:213px;
	padding-left:0;
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
#main-menu ul.children li ,
#main-menu ul.sub-menu li {
	position:relative;
	margin:0;
	line-height:1.2em;
	text-transform:none;
	width:213px;
	min-height: inherit;
  margin:0;
}
#main-menu li li:hover > ul,
#main-menu li li:focus > ul,
#main-menu li li.focus > ul {
	top:0px;
	left: -100%;
}
#main-menu ul.children li a ,
#main-menu ul.sub-menu li a {
	text-decoration:none;
	text-align:left;
	display:block;
	padding:20px 15px;
	margin:0;
	border:none;
	line-height:inherit
}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
	display:block;
}
#main-menu li:hover > ul,
#main-menu li:focus > ul,
#main-menu li.focus > ul {
	opacity:1;
	left:calc(100% - 165px);
}
 
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
	display:none;
}

.menu-toggle, .dropdown-toggle, button.close-menu {
  display: none;
}

/* ===============================================
   HEADER SEARCH
   =============================================== */

 
.header-search .open-search-form i {
  font-size: 14px;
  cursor: pointer;
  border-radius: 10px;
  color: #fff;
}
.header-search .search-form {
	position:fixed;
	top:0;
	right:-100%;
	width:100%;
	height:100%;
	padding:0;
	z-index:1001;
	visibility: hidden;
	-webkit-transition-property: all , -webkit-transform;
    transition-property: all , transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	background: rgba(255,255,255, 0.98) none repeat;
	border:none !important;
}
.header-search .search-form.is-open {
	right:0;
	height:100%;
	visibility: visible;
}
.header-search .search-form.is-open form {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
.header-search .search-form a.close-search-form {
	top:50px;
	position:absolute;
	margin-left:-13px;
	left:50%;
}
.header-search .search-form i.searchform-close-button {
	font-size:25px;
	color:#616161 !important;
	opacity:0;
	-webkit-transition: transform .2s linear;
	-moz-transition: transform .2s linear;
	-o-transition: transform .2s linear;
	transition: transform .2s linear;
}
.header-search .search-form.is-open i.searchform-close-button {
	opacity:1;
}
.header-search .search-form.is-open i.searchform-close-button:hover {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

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

  section.category-title h1 {
    text-align: center;
  }

  .logo {
    text-align: center;
  }

  .menu-toggle,
  .dropdown-toggle {
    border:none;
    display: block;
    margin: 10px 0;
    height: 40px;
    text-align: center;
    cursor: pointer;
    background: #fab704;
    color: #fff;
    border-radius: 5px;
    margin: 10px auto;
  }

  #main-menu {
    display: none;
  }

  .header.toggled #main-menu{
    display: block;
  }

  #main-menu ul li {
    float: left;
    width: 100%;
  }

  #main-menu > li > ul.children,
  #main-menu > li > ul.sub-menu {
    position: absolute;
    top:-100%;
    background: #fff;
  }

  #main-menu li.focus > ul.children,
  #main-menu li.focus > ul.sub-menu ,
  #main-menu li:hover > ul.children,
  #main-menu li:hover > ul.sub-menu ,
  #main-menu li:focus > ul.children,
  #main-menu li:focus > ul.sub-menu {
    width: 100%;
    top:0;
    left: 0 !important;
    position: relative;
  }

  #main-menu ul {
    padding: 0;
    float: none;
  }

  #main-menu ul li a {
    padding: 0;
    display: initial;
  }

  #main-menu ul.children li a ,
  #main-menu ul.sub-menu li a {
    padding: 0;
    line-height:53px;
  }

  #main-menu ul li.menu-item-has-children:after {
    content: '';
    position: absolute;
    border: solid #fab704;
    right: 10px;
    top: 50%;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: translate(0,-50%) rotate(-45deg);
    transform: translate(0,-50%) rotate(-45deg);
  }

  #main-menu ul.children li,
  #main-menu ul.sub-menu li {
    width: 100%;
    padding-left: 10px;
  }

  #main-menu ul li.menu-item-has-children:hover:after ,
  #main-menu ul li.menu-item-has-children:focus:after,
  #main-menu ul li.menu-item-has-children.focus:after {
    top: 20px;
    -webkit-transform:  rotate(45deg);
    transform:  rotate(45deg);
  }

  #main-menu a:hover,
  #main-menu ul li a:hover,
  #main-menu li:hover > a,
  #main-menu a:focus,
  #main-menu ul li a:focus,
  #main-menu li.focus > a,
  #main-menu li:focus > a,
  #main-menu ul li.current-menu-item > a,
  #main-menu ul li.current_page_item > a,
  #main-menu ul li.current-menu-parent > a,
  #main-menu ul li.current_page_ancestor > a,
  #main-menu ul li.current-menu-ancestor > a {
    background:none;
  }

}

.track-order{
	background: #fab704;
}
.track-order a{
	color: #ffffff;
	text-decoration: none;
}
.track-order a:hover{
	color: #fff;
}


/* ===============================================
   POST BOX
   ============================================= */

.post-box {
    background: #fff;
}
.post-thumbnail {
  line-height: 0;
}
h3.post-title,h4.post-title {
  font-size: 18px;
  font-weight: 600;
}
h3.post-title a,.sidebar-area li a{
	text-decoration: none;
  color: #24272c;
  font-size: 28px;
  font-weight: 600;
}

.post-content p{
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
  
}
.post-meta {
	color: #62646c;
  font-size: 14px;
  line-height: 32px;
  font-weight: 500;
}
.post-meta img {
    border-radius: 50%;
    width: auto !important;
    display: unset !important;
}
.post-meta a {
    text-decoration: none;
    text-transform: capitalize;
    font-size: 15px;
    color: #757e85;
    font-weight: 600;
}
.post-meta span,.post-cat span {
    background: #fab704;
    padding: 1px 15px;
    border-radius: 30px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    border-bottom-left-radius: 0;
}
pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #222222;
	white-space: break-spaces;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
  	border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
	max-width: 100%;
}
.post-content img,
.post-thumbnail img {
	max-height:100%;
	height:auto;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}
.single-post figure{
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.post-box figure:hover+span{
	opacity: 1;
}
.post-box figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.post-box :hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}
.post-box .item{
  position: relative;
  overflow: hidden;
  min-width: 220px;
  max-width: 280px;
  max-height: 250px;
  width: 100%;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.post-box .item *{
  box-sizing: border-box;
}
.post-box .item img{
  max-width: 100%;
  vertical-align: top;
}

.post-box .item .dashicons {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  font-size: 34px;
  color: transparent;
  width: 60px;
  height: 60px;
  line-height: 60px;
  background: #ffffff;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.post-box .item{
  background-color: #fab704;
  margin: 0;
}
.post-box .item .dashicons{
  color: #fab704;
}
.post-box .item *{
  transition: all .35s ease-in-out;
}

.post-box :hover .dashicons{
  transform: translate(-50%, -50%) scale(1);
  transition: transform 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.tags-bg a{
	background: #f3f4f7;
	padding: 10px 15px;
	border-radius: 4px;
	font-weight: 600;
	text-transform: uppercase;
}

.blog_share_icon .fab{
	margin-right: 20px;
	font-size: 20px;
	width: 40px;
	height: 40px;
	border: 1px solid #222222;
	border-radius: 50%;
	padding: 10px;
	text-align: center;
}


/* ===============================================
   Pagination
   ============================================= */

.pagination,
.logistic-cargo-trucking-pro-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.logistic-cargo-trucking-pro-pagination a span,
.logistic-cargo-trucking-pro-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 20px;
	font-size:18px;
  font-weight: 600;
	line-height:21px;
	color:#222;
  border-radius: 4px;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	position:relative;
	margin:0;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.logistic-cargo-trucking-pro-pagination span.current,
.logistic-cargo-trucking-pro-pagination span.current:hover,
.logistic-cargo-trucking-pro-pagination span.current:focus,
.logistic-cargo-trucking-pro-pagination a span:hover,
.logistic-cargo-trucking-pro-pagination a span:focus {
	background:#fab704;
  color: #ffffff;
}

.commentlist {
	list-style:none;
	margin:0;
	padding:0
}

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

.commentlist li {
	margin:0;
}

.commentlist li .comment-respond {
	margin-bottom:25px;
}

.commentlist li:last-of-type .comment-respond {
	margin-bottom:0px;
}

.comment-container {
	position: relative;
	margin:0 0 25px 0;
	padding:30px;
	background:#fff;
	border:solid 1px #f3f4f7 !important;
	z-index:999
}

.comment-avatar img {
	float:left;
}

.comment-text {
	position:relative;
	margin-left:110px;
	padding:0 0 0 15px
}

.comment-container .comment-date {
	padding:15px 0;
}

.comment-avatar {
	position:relative;
	width:110px;
	float:left;
}

.comment-author .author {
	display:block;
	font-weight:bold;
}

.commentlist .children li {
	margin-left:30px;
}

.comment-notes {
	font-size:12px;
	margin:-25px 0 25px 0;
}

h3#reply-title,
h3.comments {
	height:30px;
	line-height:30px;
	margin:30px 0;
}

h3#reply-title small,
.logged-in-as {
	font-size: 15px;
	margin:-25px 0 25px 0;
}

.comment-form input[type=text],
.comment-form input[type=email],
.comment-form textarea {
	padding: 10px 2%;
	background:#fff;
	width: 100%;
	margin:0 0 15px 0;
	border:1px solid black;
	color:#222222;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.comment-form input[type=submit] {
	background: #fab704;
	color: #fff;
	border:none;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	display: block;
	text-shadow:none;
	padding:10px 15px;
	width:inherit;
	margin:0;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
	cursor: pointer;
}

.comment-form input[type=submit]:hover ,
.comment-form input[type=submit]:focus {
	background-color:#248efa;
	text-decoration:none
}

.logged-in-as a {
	color:#222222;
}

.logged-in-as,
.comment-notes,
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.form-submit {
	display:block;
}

/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area .sidebar-widget {
	background: #fff;
	margin-bottom: 25px;
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
	line-height:1em;
	font-weight: normal;
	font-size: 16px;
}
a.close-search-form{
	display: none;
}
.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
    list-style: none;
    margin: 0;
    padding: 0 15px;
}
.sidebar-area li a,
.sidebar-area li {
    font-size: 15px;
    font-weight: 600;
}
.sidebar-area li {
    padding-bottom: 15px;
}
.sidebar-area h4.title {
  padding: 20px 15px;
  color: #fff !important;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #fab704;
}
.sidebar-area .tagcloud a {
    font-size: 15px !important;
    background: #f3f4f7;
    color: #222222;
    padding: 5px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    display: inline-block;
    margin: 5px 0;
    text-decoration: none;
}
.sidebar-area .tagcloud a:hover{
	background: #fab704;
	color: #fff;
}
.sidebar-area form {
    padding: 15px;
}
.sidebar-area select,
.sidebar-area textarea,
.sidebar-area input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width:100%;
	padding: 5px 2%;
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
	background:#f3f4f7;
	color:#434343 !important;
}
#wp-calendar a:hover {
	border:none;
}
#wp-calendar {
	background: #fff;
	width:100%;
}
#wp-calendar caption {
	font-size: 14px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	text-align:left;
}
#wp-calendar th,
#wp-calendar td {
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	padding:3px 6px;
}
#wp-calendar td a {
	display:block;
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
	text-decoration:none;
	text-align:left;
}
#wp-calendar th{
	font-weight:bold
}
tr:nth-child(2n+2) {
	background-color: #f3f4f7;
}
.searchform label {
	display: block;
}
.searchform input[type=text] {
    width: calc(100% - 110px);
    margin: 0;
    padding: 12.5px;
    float: left;
    background-color: #f3f4f7;
    border: none;
}
.searchform input[type=submit] {
  background: #fab704;
  border: none;
  color: #fff;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	float:left;
	text-shadow:none;
	padding:14px 0;
	width:100px;
	margin:0 auto;
	cursor: pointer;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
}

.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background-color:#222222;
	text-decoration:none
}
.searchform:after {
  content: "";
  display: table;
  clear: both;
}

footer {
	background: #181a21;
}

footer .sidebar-area {
	background: none;
	padding: 25px 0 0 0;
}

footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
	color: #d5dee6;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
	max-width:100%;
	height:auto;
}
.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin-right:24px;
	margin-top:4px;
}
.alignright,
img.alignright {
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}
div.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:12px;
}
.wp-caption {
	background:#f1f1f1;
	line-height:18px;
	margin-bottom:25px;
	max-width:100% !important;
	padding:4px;
	text-align:center;
}
.wp-caption img {
	margin:5px 5px 0;
	width:96%;
	height:100%
}
.wp-caption p.wp-caption-text {
	color:#888;
	font-size:12px;
	margin:5px;
}

/*SCROLL TO TOP BUTTON*/
#button_scroll {
  display: inline-block;
  background: #fab704;
  width: 45px;
  height: 45px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  color: #fff;
}
#button_scroll::after {
  font-weight: normal;
  font-style: normal;
  font-size: 10px;
  line-height: 50px;
  color: #fff;
} 
#button_scroll.show {
  opacity: 1;
  visibility: visible;
}

#button_scroll::before,
#button_scroll::after {
  background: #222;
  content: '';
  position: absolute;
  z-index: -1;
  cursor: pointer;
}
#button_scroll{
  overflow: hidden;
}
#button_scroll:hover {
  color: #fab704;
}
#button_scroll::after {
  height: 100%;
  left: -97%;
  top: 0;
  transform: skew(45deg);
  transition-duration: 0.6s;
  transform-origin: top left;
  width: 0;
}
#button_scroll:hover:after {
  height: 102%;
  width: 193%;
  cursor: pointer;
}

/*PRELOADER*/
/** page **/
.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #212121;
  z-index: 999;
}

/** loader **/
.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #354952 transparent transparent transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}

.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent  transparent #fab704 transparent ;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/
@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }  
  
  100% {
  }
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }
  100% {
  }
}
.lt {
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}

/*SRTICKY HEADER*/

.fix-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}

.header-menu{
	background: #131c21;
}
.admin-bar .fix-sticky {
	margin-top: 32px;   
}

#content , footer{
  float: left;
  width: 100%;
}

/*Body*/

h3{
  font-size: 25px;
  color: #131c21;
  font-weight:600;
}
p{
	color: #757e85;
	font-size: 15px;
}


/*HEDAER*/
.header-top p{
  color: #131c21;
  margin: 10px 0;
  font-weight: 600;
}
.main-header{
  background: #ffffff;
}
.main-header .dashicons{
  color: #fab704;
  line-height: 1.3;
}

/*SLIDER SECTION*/ 

#slider .item {
  position: relative;
}
#slider .item img {
  width: 100%;
}
#slider .item .cover {
  padding: 75px 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
}
#slider .item .cover .header-content {
  position: relative;
  padding: 56px;
  overflow: hidden;
  margin-left: 15%;
  margin-right: 15%;
}
#slider .item .cover .header-content h2 {
  font-weight: 300;
  font-size: 35px;
  color: #fff;
}
#slider .item .cover .header-content h1 {
  font-size: 58px;
  font-weight: 600;
  word-spacing: 3px;
  color: #fff;
}
#slider .item .cover .header-content p {
  font-weight: 300;
  line-height: 36px;
  color: #fff;
}
#slider .owl-item.active h1 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}
#slider .owl-item.active h2 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}
#slider .owl-item.active p {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.3s;
}
#carousel-caption  a.button1, #carousel-caption  a.button2{
  border: 2px solid #fab704;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  margin:0 20px;
  padding: 15px 30px
}
#carousel-caption .button1{
  background: #fab704;
  color: #fff;
}
#carousel-caption .button2{
  border: 1px solid #fab704;
} 
#carousel-caption .button1 ,
#carousel-caption .button1 ::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#carousel-caption .button1 {
  overflow: hidden;
}
#carousel-caption .button1:before,
#carousel-caption .button1:after {
  background: #fff;
  content: '';
  position: absolute;
  z-index: -1;
}
#carousel-caption .button1:after {
  height: 100%;
  left: -35%;
  top: 0;
  transform: skew(45deg);
  transition-duration: 0.6s;
  transform-origin: top left;
  width: 0;
}
#carousel-caption .button1:hover:after {
  height: 100%;
  width: 135%;
}
#carousel-caption .button1:hover{
	color: #fab704;
}
#carousel-caption .button2,
#carousel-caption .button2 ::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#carousel-caption .button2 {
  overflow: hidden;
  color: #fff;
}
#carousel-caption .button2:before,
#carousel-caption .button2:after {
  background: #fab704;
  content: '';
  position: absolute;
  z-index: -1;
}
#carousel-caption .button2:after {
  height: 100%;
  left: -35%;
  top: 0;
  transform: skew(45deg);
  transition-duration: 0.6s;
  transform-origin: top left;
  width: 0;
}
#carousel-caption .button2:hover:after {
  height: 100%;
  width: 135%;
}
#slider .owl-carousel .owl-nav  {
  position: absolute;
  bottom: 0;
}  
#slider .owl-carousel .owl-nav button.owl-prev{
  background: #ffffff;
  padding: 10px 20px !important;
  font-size: 20px;
  color: #131c21;
}
#slider .owl-carousel .owl-nav button.owl-next  {
  background: #fab704;
  padding: 10px 20px !important;
  font-size: 20px;
  color:#131c21 ;
}
#slider .owl-dots {
  text-align: center;
  bottom:25px; 
  position: absolute;
  border-top: 1px solid darkgray;
  width: 100%;
}
#slider .owl-dots button.owl-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  background: #ffffff;
  margin: 0 5px;
}
#slider .owl-dots button.owl-dot.active {
  background-color:#fab704 ;
}
#slider .owl-dots span {
  font-size: 70px;    
  position: relative;
}

/*ABOUT US SECTION*/

.about-us h6{
  font-size: 21px;
  color: #131c21;
}
.about-us h5{
  font-size: 17px;
  color: #131c21;
  font-weight: 600; 
}
.about-us hr{
  padding:2px;
  margin-top: 0;
  width: 8%;
  display: inline-block;
  background: #fab704;
}
.about-image {
  border-right: 3px solid #fab704;
  padding-right: 10px;
}
.about-us figure {
	margin: 0;
	padding: 0;
	background: #222222;
	overflow: hidden;
}
.about-us figure:hover+span {
	opacity: 1;
}
.about-us figure img {
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.about-us figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}


/*SERVICES SECTION*/

#services{
  background: #ebf7fe;
}
.text-services hr{
  padding:2px;
  margin-top: 0;
  width: 6%;
  background: #fab704;
}
.text-services p {
  width: 51%;
  margin: 0 auto;
}
#team .card {
  border: none;
  background: #ffffff;
}
.image-flip:hover .backside,
.image-flip.hover .backside {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  border-radius: .25rem;
}
.image-flip:hover .frontside,
.image-flip.hover .frontside {
  transform: rotateY(180deg);
}
.mainflip {
  transition: 1s;
  transform-style: preserve-3d;
  position: relative;
}
.frontside {
  position: relative;
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  z-index: 2;
  margin-bottom: 30px;
}
.frontside h4, .backside h4{
	font-size: 22px;
	color: #131c21;
	font-weight: 600;
}
.backside {
  position: absolute;
  top: 0;
  background: white;
  transform: rotateY(-180deg);
  box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}
.frontside,
.backside {
  backface-visibility: hidden;
  transition: 1s;
  transform-style: preserve-3d;
}
.frontside .card,
.backside .card {
  min-height: 350px;
}
.frontside  img {
  width: 100%;  
}
.backside .button,
.backside .button::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
.backside .button {
  border: 2px solid #fab704;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  padding:10px 30px;
  position: relative;
}
.backside .button::before,
.backside .button::after {
  background: #fff;
  content: '';
  position: absolute;
  z-index: -1;
}
.backside .button {
  overflow: hidden;
}
.backside .button:hover {
  color: #fab704;
  border: 2px solid #fab704;
}
.backside .button::after {
  height: 100%;
  left: -35%;
  top: 0;
  transform: skew(45deg);
  transition-duration: 0.6s;
  transform-origin: top left;
  width: 0;
}
.backside a.button:hover:after {
  height: 100%;
  width: 135%;
}
#team h4{
  font-size: 22px;
  color: #131c21;
  font-weight: 600;
} 
#team .frontside{
  background: #ffffff;
}
#services .owl-carousel .owl-nav  {
   position: relative;
   top: 50px;
  display: block;
  border-top: 1px solid gainsboro;
} 
#services .owl-carousel .owl-nav button.owl-prev{
  background: #ffffff;
  padding: 10px 20px !important;
  font-size: 20px;
}
#services .owl-carousel .owl-nav button.owl-next  {
  background: #fab704;
  padding: 10px 20px !important;
  font-size: 20px;
}
.frontside{
  background: #ffffff;
} 
.backside span.dashicons {
	width: 100px;
	height: 100px;
	font-size: 50px;
	color: #fab704;
	position: relative;
	border-radius: 50%;
	padding: 20px;
	margin: 3px;
	transition: color 0.2s ease, background-color 0.2s ease, transform 0.3s ease;
}
.backside span.dashicons:after {
	content: "";
	width: 100%;
	height: 100%;
	border: solid 2px;
	transform: scale(0.8);
	position: absolute;
	top: -2px;
	left: -2px;
	border-radius: 50%;
	transition: all 0.3s ease;
}
.backside span.dashicons:hover:after {
	transform: scale(1);
	box-shadow: 10px 0 20px rgba(0, 0, 0, 0.19), 6px 0 6px rgba(0, 0, 0, 0.23);
}
.backside  :hover span.dashicons{
		background-color: transparent;
		transform: rotate(360deg);
		cursor: pointer;
		box-shadow: none;
}

/*FEATURED SECTION*/

.featured .image-border{
	transform: rotate(90deg);
  position: absolute;
  margin-top: 25%;
  right: 75%;
  width: 50%;
  padding: 1px;
}
.featured hr{
  padding:2px;
  margin-top: 0;
  width: 16%;
  display: inline-block;
  background: #fab704;
}
.featured h4{
  font-size: 21px;
  color: #131c21;
} 
.featured .button,
.featured .button::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
.featured .button {
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  padding:10px 30px;
  position: relative;
  border: 2px solid #fab704;
}
.featured .button::before,
.featured .button::after {
  background: #fff;
  content: '';
  position: absolute;
  z-index: -1;
}
.featured .button {
  overflow: hidden;
}
.featured .button:hover {
  color: #fab704;
  border: 2px solid #fab704;
}
.featured .button::after {
  height: 100%;
  left: -35%;
  top: 0;
  transform: skew(45deg);
  transition-duration: 0.6s;
  transform-origin: top left;
  width: 0;
}
.featured .button:hover:after {
  height: 100%;
  width: 135%;
}
.featured span.dashicons {
	width: 70px;
	height: 70px;
	font-size: 30px;
	color: #fff;
	position: relative;
	border-radius: 50%;
	padding: 20px 10px;
	margin: 3px;
	transition: color 0.2s ease, background-color 0.2s ease, transform 0.3s ease;
	text-align: center;
}
.featured span.dashicons:after {
	content: "";
	width: 70px;
	height: 70px;
	border: none;
	transform: scale(0.8);
	position: absolute;
	top: -2px;
	left: -2px;
	border-radius: 50%;
	transition: all 0.3s ease;
}
.featured span.dashicons:hover:after {
	transform: scale(1);
	box-shadow: 10px 0 20px rgba(0, 0, 0, 0.19), 6px 0 6px rgba(0, 0, 0, 0.23);
}
.featured .hover-text :hover span.dashicons {
		background-color: transparent;
		transform: rotate(360deg);
		cursor: pointer;
		box-shadow: none;
		color: #fab704;
		border: 2px solid #fab704;
}
.featured span.dashicons {
		background-color: #fab704;
}

.featured figure {
	margin: 0;
	padding: 0;
	background: #222222;
	overflow: hidden;
}
.featured figure:hover+span {
	opacity: 1;
}
.featured figure img {
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.featured figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}


/*COUNTER SECTION*/
#counter{
  background: #131c21;
} 
#counter span.dashicons {
	width: 85px;
	height: 85px;
	font-size: 40px;
	color: #fab704;
	position: relative;
	border-radius: 50%;
	padding: 20px 10px;
	margin: 0;
	transition: color 0.2s ease, background-color 0.2s ease, transform 0.3s ease;
}
#counter span.dashicons:after {
	content: "";
	width: 100px;
	height: 100px;
	border: solid 3px;
	transform: scale(0.8);
	position: absolute;
	top: -8px;
	left: -8px;
	border-radius: 50%;
	transition: all 0.3s ease;
}
#counter span.dashicons:hover:after {
	transform: scale(1);
	box-shadow: 10px 0 20px rgba(0, 0, 0, 0.19), 6px 0 6px rgba(0, 0, 0, 0.23);
}
#counter span.dashicons:hover {
		background-color: transparent;
		transform: rotate(360deg);
		cursor: pointer;
		box-shadow: none;
}
#counter span.dashicons {
		background-color: transparent;
}
#counter span.dashicons:hover {
		color: #fff;
} 
#counter .fas{
  font-size: 20px;
  color: #fab704;
}
#counter h4{
  font-size: 50px;
  font-weight: 600;
  color: #ffffff;
}
#counter h5{
  color: #ffffff;
}
hr.counter-border{
	border-bottom: dashed 2px #fff ;
	position: relative;
	width: 76%;
	transform: translate(0px, 215px);
}

/*ENQUIRY SECTION*/

#enquiry{
  background: #ebf7fe;
}
hr.login-border{
	transform: rotate(90deg);
	width: 50%;
  margin-top: 38%;
  position: absolute;
  right: 75%;
  background: #fab704;
  height: 1px;
}
#enquiry .login-form{
  background: #ffffff;
}
#enquiry .form-heading{
  background: #131c21;
  color: #fab704;
}
#enquiry label {
  color: #757e85;
  margin: 10px 10px;
  font-weight: 600;
}
#enquiry input.wpcf7-form-control.wpcf7-text {
  padding: 10px 10px;
  width: 30%;
  margin: 0px 10px;
}
#enquiry .wpcf7-not-valid-tip{
	display: none;
}
#enquiry select.wpcf7-form-control.wpcf7-select{
  padding: 10px 10px;
  width: 30%;
  margin: 0px 10px;
  color: #757e85;
}
#enquiry input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number {
  width: 22%;
  padding: 10px 10px;
  margin: 7px 9px;
}
#enquiry span.wpcf7-list-item.first.last {
  margin-right: 15%;
  margin-left: 0px;
}
#enquiry input.wpcf7-form-control.wpcf7-submit {
  padding: 10px 30px;
  margin-left: 40%;
  background: #fab704;
  border: none;
  color: #ffffff;
  margin-top: 20px;
  cursor: pointer;
}
#enquiry input.wpcf7-form-control.wpcf7-submit:hover{
	background: #222222;
}
#enquiry .dashicons{
  font-size: 50px;
  color: #fab704;
}
#enquiry h3{
	color:#fab704;
	font-size: 25;
	font-weight: 400;
}
#enquiry h5{
  font-size: 20px;
  color: #131c21;
  font-weight: 600;
}

/*FAQ SECTION*/

#faq-section hr{
  padding:2px;
  margin-top: 0;
  width: 9%;
  display: inline-block;
  background: #fab704;
}
#faq-section .aks-accordion-item {
  width: 100%;
  border: 2px solid #fffada;
  cursor: pointer;
}
#faq-section .aks-accordion-item-row {
  display: flex;
  justify-content: flex-start;
}
#faq-section .aks-accordion-item-icon {
  width: 25px;
  height: 25px;
  border-radius: 9999px;
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  text-align: center;
}
#faq-section .aks-accordion-item-icon .fas{
  color: #fab704;
  margin:0 20px;
}
#faq-section .aks-accordion-item-title {
  width: 90%;
  text-align: left;
  line-height: 1.5;
  display: flex;
  align-items: center;
}
#faq-section .aks-accordion-item-content {
  display: none;
  width: 100%;
  overflow: hidden;
  word-break: break-word;
  text-align: left;
  line-height: 1.5;
}
#faq-section .aks-accordion-item.opened .aks-accordion-item-icon-open {
  display: none;
}
#faq-section .aks-accordion-item-icon-close {
  display: none;
}
#faq-section .aks-accordion-item.opened .aks-accordion-item-icon-close {
  display: block;
}
#faq-section .aks-accordion h6{
  font-size:16px;
  color: #131c21;
  font-weight:600;
}
#faq-section .image2 img {
  border-left: 3px solid #fab704;
  padding-left: 15px;
  width: 100%;
  margin-top: 56px;
}
#faq-section figure {
	margin: 0;
	padding: 0;
	background: #222222;
	overflow: hidden;
}
#faq-section figure:hover+span {
	opacity: 1;
}
#faq-section figure img {
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#faq-section figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}

/*GALLERY SECTION*/

#gallery a{
  font-size: 25px;
  font-weight: 500;
  text-decoration: none;
}
#gallery .centered {
  position: absolute;
  top: 50%;
  left: 12%;
  right: 10%;
  transform: translateY(-50%);
  color: white;
}
#gallery .owl-item:nth-child(even) img {
  opacity: 0.5;
}
#gallery .owl-item:nth-child(even) {
  background: #fab704;
}
#gallery figure {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#gallery figure:hover+span {
	opacity: 1;
}
#gallery figure img {
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#gallery figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0.5;
}

/*NEWS FEED SECTION*/

#news-feed{
  background: #ebf7fe
}
#news-feed hr{
  padding:2px;
  margin-top: 0;
  width: 9%;
  background: #fab704;
}
#news-feed .latest_content:hover{
  background: #ffffff;
  box-shadow: 5px 7px 9px -4px rgb(158 158 158);
}
#news-feed .owl-carousel .owl-nav  {
  position: absolute;
  display: block;
} 
#news-feed .owl-carousel .owl-nav button.owl-prev{
  background: #ffffff;
  padding: 9px 20px !important;
  font-size: 20px;  
  color: #131c21;
}
#news-feed .owl-carousel .owl-nav button.owl-next  {
  background: #fab704;
  padding: 9px 20px !important;
  font-size: 20px;
  color: #131c21;
}
#news-feed .post-meta .far  {
  color: #fab704;
}
#news-feed h4.post-title{
  font-size: 18px;
  text-decoration: none;
  font-weight: 600;
}
#news-feed h4 a:hover{
  color: #222222;
  text-decoration: none;
}
#news-feed .post-meta span,.post-cat span{
  font-size: 15px;
  background: transparent;
  color: #757e85;
  font-weight: 600;
} 
#news-feed figure {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#news-feed figure:hover+span {
	opacity: 1;
}
#news-feed figure img {
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#news-feed .latest-post:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}
#news-feed .item {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 220px;
  max-width: 310px;
  width: 100%;
  background: #000000;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

#news-feed .item * {
  box-sizing: border-box;
}
#news-feed .item img {
  max-width: 100%;
  vertical-align: top;
}

#news-feed .item .dashicons {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  font-size: 34px;
  color: transparent;
  width: 60px;
  height: 60px;
  line-height: 60px;
  background: #ffffff;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

#news-feed .item {
  background-color: #fab704;
}
#news-feed .item .dashicons {
  color: #fab704;
}
#news-feed .item * {
  transition: all .35s ease-in-out;
}

#news-feed .latest-post:hover .dashicons {
  transform: translate(-50%, -50%) scale(1);
  transition: transform 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
/*TESTIMONAL SECTION*/

.testimonial{
	background: #131c21;
	opacity: 0.9;
}
#testimonial{
  background: black;
}
#testimonial h4{
  font-size: 25px;
  color: #ffffff;
  font-weight:500;
}
#testimonial p{
  color: #ffffff;
}
#testimonial h6{
	font-size: 22px;
  color: #ffffff;
  line-height: 32px;
  margin-left: 17%;
  margin-right: 17%;
}
#testimonial .owl-carousel .owl-item img {
  display: initial;
  width: auto;
  border-left: 4px solid #fab704;
}
#testimonial .owl-carousel .owl-nav  {
  bottom: 0;
  display: block;
  position: relative;
  border-top: 1px solid darkgray;
} 
#testimonial .owl-carousel .owl-nav button.owl-prev{
  background: #ffffff;
  padding: 10px 20px !important;
  font-size: 20px;
  color: #131c21;
}
#testimonial .owl-carousel .owl-nav button.owl-next  {
  background: #fab704;
  padding: 10px 20px !important;
  font-size: 20px;
  color: #131c21;
}

/*SPONOSERS SECTION*/

#sponsors hr{
  padding:2px;
  margin-top: 0;
  width: 9%;
  display: inline-block;
  background: #fab704;
} 
#sponsors .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
}
#sponsors .owl-dots button.owl-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  background:#131c21;
  margin: 0 5px;
}
#sponsors .owl-dots button.owl-dot.active {
  background:#fab704;
}
#sponsors .owl-dots span {
  font-size: 70px;    
  position: relative;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input{
  width: 100%;
}
.comment-respond input#submit {
  background: #fab704;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
}
.comment-respond input#submit:hover{
  background-color: #222222;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  background: #fab704;
  padding: 5px 15px;
  color: #fff;
}
.comment-reply a:hover {
  background: #222222;
  color: #f3f4f7;
  text-decoration: none;
}

/*FOOTER SECTION*/

.footer .recent_post h4.post-title a{
  color: #ffffff;
}
.footer-area {
    margin-left: 0;
}
.footer-area h4.title {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-top: 25px;
}
.footer-area hr{
  border-top: 2px solid #fab704;
  width: 20%;
  margin: 15px 0;
}
.footer-area p{
  color: #d5dee6;
}
.footer-area .recent_post .post-meta a{
  color: #fff;
}
.footer-area ul{
  padding: 0px;
  list-style: none;
  line-height: 2.5;
}
a.buynowbtn {
    background: #fab704!important;
    color: #fff !important;
    border-bottom: solid 5px #fab704;
    padding: 10px;
    font-weight: bold;
}
.footer-area .wpcf7 input[type="email"]{
  padding: 10px 10px;
  border: 1px solid black;
  width: 90%;
}
.footer-area  [type="submit"]{
	position: relative;
  padding: 13px 40px;
  background:#fab704;
  border: none;
  color: #fff;
  cursor: pointer;
  margin-top:15px;
}
.footer-area .fab{
	font-size: 20px;
	color: #fab704;
	margin: 15px 20px 0 0;
}
.footer-area .fab:hover{
	color:#fff;
}
.copyright{
  border-top: 1px solid darkgrey;
}
.copyright p{
  font-size: 15px;
  color: #d5dee6;
  text-align: center;
}
.copyright a{
  color: #fab704;
}

/*Contact Page*/
 
#contact h3{
	font-size: 50px;
	color: #ffff;
}
#contact p{
	font-size: 20px;
	color: #cecece;
}
#contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  width: 46%;
  padding:10px 15px;
  margin: 0px 10px 10px 10px;
  background: #eee;
  outline: none;
  border: none;
}
#contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number {
  width: 46%;
  padding:10px 15px;
  margin: 10px 10px;
  background: #eee;
  outline: none;
  border: none;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea {
  width: 96%;
  height: 150px;
  padding: 15px;
  background: #eee;
   outline: none;
   border: none;
   margin: 10px;
  }
#contact  input.wpcf7-form-control.wpcf7-submit {
  float: right;
  right: 17px;
  position: relative;
  background: #fab704;
  border: none;
  cursor: pointer;
  color: #fff;
  padding: 10px 20px;
}
#contact h4{
	color: #fff;
	font-weight: 600;
}
#contact-form .contact-info p{
color: #fff;
}
#contact-form .section-2 h2{
	font-size: 50px;
	font-weight: 600;
	color: #131c21;
}
#contact-form .section-2 h4{
	font-size: 18px;
}
#contact-form .section-2 h4 span{
	font-size: 20px;
  color: #fab704;
  margin-right: 15px;
}
#contact-form .aks-accordion-item-row {
  display: flex;
  justify-content: flex-start;
}
#contact-form .aks-accordion-item-icon {
  width: 25px;
  height: 25px;
  border-radius: 9999px;
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  text-align: center;
}
#contact-form .aks-accordion-item-icon .fas{
  color: #fab704;
  margin:0 20px;
}
#contact-form .aks-accordion-item-title {
  width: 90%;
  text-align: left;
  line-height: 1.5;
  display: flex;
  align-items: center;
  border-bottom: 2px solid rgba(0,0,0,0.12);
  margin-left: 50px;
}
#contact-form .aks-accordion-item-content {
  display: none;
  width: 100%;
  overflow: hidden;
  word-break: break-word;
  text-align: left;
  line-height: 1.5;
  margin-left: 48px;
  margin-top: 10px;
}
#contact-form .aks-accordion-item.opened .aks-accordion-item-icon-open {
  display: none;
}
#contact-form .aks-accordion-item-icon-close {
  display: none;
}
#contact-form .aks-accordion-item.opened .aks-accordion-item-icon-close {
  display: block;
}
#contact-form .aks-accordion h6{
  font-size:16px;
  color: #666;
  font-weight:600;
  margin-right: 60%;
}
.contact-info .blog_card1{
	background: #002c4a;
	color: #fff;
	box-shadow: 0px 40px 60px -30px rgb(0 0 0 / 34%);
}
.contact-info .blog_card2{
	background: #efc050;
	color: #fff;
	box-shadow: 0px 40px 60px -30px rgb(0 0 0 / 34%);

}
.contact-info .blog_card3{
	background: #fab704;
	color: #fff;
	box-shadow: 0px 40px 60px -30px rgb(0 0 0 / 34%);
}
.contact-info  .dashicons{
	font-size: 35px;
	display: inline-block;
  margin: 5px 0;
}
.contact-info a.button {
  display: inline-block;
  text-align: center;
  color: #ffff;
  transition: all 0.2s;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;	
}
.contact-info .button:hover {
  color: #ff5e5e;
}
#contact-form .enquiry .dashicons{
	font-size: 40px;
	display: inline;
	color:#fab704 ;
}
#contact-form .enquiry h6{
	font-size: 22px;
	font-weight: 600;
	color: #001f33;
}
#contact-form .enquiry p{
	color: #666;
	font-size: 18px;
}

/*MEDIA QUERY 320 TO 720*/

@media only screen and (min-width: 320px) and (max-width: 720px){
  button.close-menu {
   display: inline-block;
  }
  .admin-bar .fix-sticky {
	 margin-top: 0px;
  }
  .sticky{
  	display: none;
  }
  #navbar {
    margin-bottom: 0px;
  }
  .menu-block{
  	top: 0;
  }
  .logo-image {
    float:unset;
  }
  .social-links{
  	text-align: center;
  }
  #slider .item .cover .header-content h1{
    font-size: 16px;
  }
  #slider .item .cover .header-content h2 {
    font-size: 14px;
  }  
  #slider .item .cover .header-content p{
    font-size: 10px;
    display: none;
  }
  #slider .item .cover .header-content{
  	margin-left: 0;
  	margin-right: 0;
  	padding: 30px;
  }
  #carousel-caption .intro-button a.button1,#carousel-caption .intro-button a.button2 {
    padding: 5px 10px;
    margin: 0 10px;
    font-size: 9px;  
  }   
  #slider .owl-carousel .owl-nav button.owl-prev{
    padding: 9px 10px !important;
    font-size: 10px;  
  }
  #slider .owl-carousel .owl-nav button.owl-next  {
    background: #fab704;
    padding: 9px 10px !important;
    font-size: 10px;
  }
  #slider .owl-dots button.owl-dot {
  margin: 8px 5px;
  }

  #slider .owl-dots{
    bottom: 0;
  }
  .about-us hr{
  	width: 30%;
  }
  .text-services hr {
    width: 35%;
  }
  .text-services p {
   width: 90%;
  }
  .featured hr{
  	width: 40%;
  }
  .featured .image-border{
  	right: 73%;
  } 
  hr.counter-border{
  	width: 50%;
  }
  hr.login-border {
    width: 100%;
    margin-top: 77%;
    right: 48%;
  }
  #enquiry input.wpcf7-form-control.wpcf7-text {
    width: 80%;  
    margin: 10px 30px;
  }
  #enquiry select.wpcf7-form-control.wpcf7-select {
    width: 80%;
    margin: 10px 10px;
  }
  #enquiry input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number {
    width: 34%;
  }
  #enquiry span.wpcf7-list-item.first.last{
    margin-right: 0;
  }
  #enquiry input.wpcf7-form-control.wpcf7-submit{
    margin-left: 25%;
    margin-bottom: 30px;
  }
  #enquiry label{
    margin: 10px 7px;
  }
  #news-feed hr{
   width: 35%;
  }
  #sponsors hr{
    width: 24%;
  }
  #testimonial h6{
  	margin-left: 8%;
  	margin-right: 8%;
  }
  .footer-area hr {
    margin-left: 40%;
  }
  .footer-area [type="submit"] {
  margin: 0 30px;
  }
  #contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
  #contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number{
  	width: 70%;
  }
  #contact textarea.wpcf7-form-control.wpcf7-textarea {
    width: 73%;
    height: 120px;
  }
  #contact input.wpcf7-form-control.wpcf7-submit {
    float: left;
    right:0 ;
    position: relative;
    left: 30%;
  }
  #contact-form .section-2 h2{
  	font-size: 26px;
  }
  #contact-form .aks-accordion h6{
  	margin-right: 50%;
  }
  #contact-form .aks-accordion-item-content{
  	margin-left: 0;
  }
  #contact-form .aks-accordion-item-title{
  	margin-left: 15px;
  }
  #newsletter h3{
  	left: 0;
  }
  .contact-info .dashicons {
    display: initial;
  }
}

/*MEDIA 721 TO 1023*/
@media only screen and (min-width: 721px) and (max-width: 1023px){
  .admin-bar .sticky {
    margin-top: 46px;
  }
  .menu-block{
  	margin-bottom: 0;
  }
  .logo-image {
    float:unset;
  }
  #slider .item .cover .header-content{
  	padding: 40px;
  	margin-left: 5%;
  	margin-right: 5%;
  	bottom: 15px;
  } 
  #slider .item .cover .header-content h2{
  	font-size: 30px;
  }
  #slider .item .cover .header-content h1 {
   font-size: 44px;
  }
  .about-us hr{
    width: 16%;
  }
  .text-services hr {
    width: 12%;
  }
  .text-services p {
     width: 91%;
  }
  .aks-accordion-item-content{
    padding-right: 0;
  }
  hr.counter-border {
  	width: 69%;
  }
  hr.login-border {
    width:89%;
    margin-top:68%;
    right:55%;
  }
  #enquiry input.wpcf7-form-control.wpcf7-text ,
  #enquiry select.wpcf7-form-control.wpcf7-select{
   width: 27%;
   margin: 0 8px;
  }
  #enquiry label{
  	margin: 10px 4px;
  }
  #enquiry input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number {
    width: 30%;
    margin: 10px 10px;
  }
  #enquiry span.wpcf7-list-item.first.last {
   margin-right: 8%;
  }
  #faq-section .image2 img{
    margin-top: 30px;
  }
  #testimonial h6{
  	margin-left: 0;
  	margin-right: 0;
  }
  .sidebar-area li.cat-item a {
  	width: 80%;
  }
  .contact-info .dashicons {
    display: initial;
  }
  #contact-form .section-2 h2{
  	font-size: 34px;
  }
  #contact-form .section-2 h4 span{
  	font-size: 20px;
  }
  #contact-form .aks-accordion-item-title{
  	margin-left: 0;
  }
  #contact-form .aks-accordion h6{
  	margin-right: 35%;
  }
  #contact-form .aks-accordion-item-content{
  	margin-left: 0;
  }
  #contact textarea.wpcf7-form-control.wpcf7-textarea{
  	width: 92%;
  }
  #contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number,
  #contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
  	width: 44%;
  }
}

/*MEDIA 1024 TO 1119*/
@media only screen and (min-width: 1024px) and (max-width: 1199px){
  #slider .item .cover .header-content{
  	margin-left: 10%;
  	margin-right: 10%;
  }
  .about-us hr {
   width: 12%;
  }
  .text-services p{
  	width: 72%;
  }
  #enquiry input.wpcf7-form-control.wpcf7-text,
  #enquiry select.wpcf7-form-control.wpcf7-select{
   width: 29%;
  }
   #enquiry input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number {
  width: 21%;
  } 
  .post-meta a,#news-feed .post-meta span, .post-cat span{
  	font-size: 12px;
  }
  #enquiry label{
  	margin: 10px 4px;
  }
  #testimonial h6{
  	margin-left: 0;
  	margin-right: 0;
  }
  #contact-form .aks-accordion h6{
  	margin-right: 45%;
  }
  #contact-form .aks-accordion-item-content{
  	margin-left: 40px;
  }
  #contact-form .section-2 h4{
  	font-size: 16px;
  }
  .footer-area .wpcf7 input[type="email"] {
    padding: 10px 8px;
    width: 100%;
  }
  .footer-area [type="submit"] {
    padding: 10px 20px;
  }
}