/*
Theme Name: Cargo Ships Pro
Theme URI: https://www.mishkatwp.com/themes/ship-wordpress-theme/
Description: The Ship WordPress Theme is a sophisticated and feature-rich website template designed to meet the unique needs of businesses in the maritime and shipping industry. Tailored for those who prioritise a professional and dynamic online presence, this theme offers a comprehensive suite of tools and aesthetics to elevate a ship-related website. This premium theme is characterised by a modern and sleek design, incorporating maritime elements and a colour palette inspired by the sea. The layout is carefully crafted to provide an immersive and user-friendly experience, ensuring visitors can easily navigate and access relevant information about shipping services, fleet details, and industry expertise. One standout feature is the integration of advanced customization options, allowing users to personalise their website extensively. From choosing colour schemes that align with their brand to selecting unique fonts, businesses can create a distinctive and branded online identity. The theme also supports various layout options, ensuring flexibility in presenting content and highlighting key services. The Ship WordPress Theme is more than just visually appealing; it prioritizes functionality to streamline business operations. A robust appointment scheduling system is also included, allowing users to efficiently manage client meetings and consultations. Additionally, the theme incorporates tools for tracking shipments or vessels in real-time, providing transparency and enhancing customer trust.
Author:mishkat
Author URI: https://www.mishkat.com/
Version: 1.0
Requires PHP: 5.6
Tested up to: 6.4
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:  cargo-ships-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: #131f3c;
  margin:0;
  background: #fff;
}

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

a {
  color:#131f3c;
  -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:#f68b21;
  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: #131f3c;
  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:#f68b21;
}
.logo span {
  display: block;
}
.logo-image {
  float: left;
}

/* ===============================================
   SOCIAL BOX
   ============================================= */
.top-header .container{
  display: flex;
  align-self: center;
  justify-content: space-between;
}
.social-links a {
    color: #f68b21;
    font-size: 18px;
    text-decoration: none;
    margin-left: 10px;
}
.social-links a:hover{
	color: #f68b21; 
}

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

#main-menu {
    display: block;
    position: relative;
    margin: 0 auto;
}

#main-menu ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: left;
}

#main-menu ul li {
    position: relative;
    display: block;
    text-align: left;
}

#main-menu ul li a {
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    z-index: 1;
    padding: 3px 15px;
    margin: 0;
    -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;
    letter-spacing: 0px;
    line-height: 29px;
    color: #fff;
    font-weight: 400;
}

#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: #f68b21;
}

#main-menu ul.children,
#main-menu ul.sub-menu {
    display: none;
    position: absolute;
    top: 37px;
    left: 0;
    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;
    box-shadow: 0px 5px 30px rgb(0 0 0 / 13%);
    border-radius: 3px;
}

#main-menu ul li:hover .sub-menu {
    display: block;
}

#main-menu ul.children li,
#main-menu ul.sub-menu li {
    display: block;
    position: relative;
    float: none;
    line-height: 18px;
    margin-left: 0;
    margin-right: 0;
    -webkit-transform: skew(0deg);
    -ms-transform: skew(0deg);
    transform: skew(0deg);
    padding: 5px 10px;
}

#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 {
    display: block;
    position: relative;
    padding: 0px 14px;
    padding-right: 14px;
    font-size: 14px;
    color: #2d3446;
    -webkit-transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#main-menu ul.sub-menu li a:hover {
    color: #fff;
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

#main-menu ul.sub-menu li a:before,
#main-menu ul.sub-menu li a:after {
    content: '';
    position: absolute;
    -webkit-transition: inherit;
    transition: inherit;
    z-index: -1;
}

#main-menu ul.sub-menu li a:before,
#main-menu ul.sub-menu li a:after {
    top: 0;
    width: 0;
    height: 100%;
}

#main-menu ul.sub-menu li a:before {
    left: 0;
    border: 1px solid #f68b21;
    border-left: 0;
    border-right: 0;
}

#main-menu ul.sub-menu li a:hover:before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

#main-menu ul.sub-menu li a:hover:before,
#main-menu ul.sub-menu li a:hover:after {
    width: 100%;
}

#main-menu ul.sub-menu li a:after {
    right: 0;
}

#main-menu ul.sub-menu li a:hover:after {
    background: #f68b21;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

#main-menu ul.sub-menu li a:hover:before,
#main-menu ul.sub-menu li a:hover:after {
    width: 100%;
}

#main-menu ul.children li ul:before,
#main-menu ul.sub-menu li ul:before {
    display: none;
}

#main-menu li:hover>ul,
#main-menu li:focus>ul,
#main-menu li.focus>ul {
    opacity: 1;
    right: calc(100% - 213px);
}

.menu-toggle,
.dropdown-toggle,
button.close-menu {
    display: none;
    background: #2d3446;
    color: #fff;
}

#main-menu ul li:hover .sub-menu {
    display: block;
}

#site-navigation .sidenav a.closebtn,
.open-menu {
    display: none;
}


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

.header-search {
    text-align: right;
}

.header-search .open-search-form i {
    font-size: 20px;
    cursor: pointer;
    color: #fff;
}

.header-search .open-search-form i:hover {
    color: #f68b21;
}

a.cart-customlocation i:hover {
    color: #f68b21;
}

.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);
}

 

.track-order{
	background: #f68b21;
}
.track-order a{
	color: #ffffff;
	text-decoration: none;
}
.track-order a:hover{
	color: #fff;
}
@media screen and (min-width: 0) and (max-width: 767px) {
    section.category-title h1 {
        text-align: center;
    }
    #mySidenav span {
        display: block;
        font-size: 30px;
        cursor: pointer;
    }
    .logo {
        text-align: center;
        padding: 10px 0;
    }
    .open-menu {
        display: block;
    }
    #main-menu ul li {
        float: left;
        width: 100%;
        padding: 5px 15px;
    }
    #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;
        font-size: 18px;
        color: #000;
    }
    #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 #2d3446;
        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;
    }

    #main-menu ul.children,
  #main-menu ul.sub-menu {
      box-shadow: none;
  }
  .sidenav .closebtn {
      position: absolute;
      top: 10px;
      right: 25px;
      font-size: 36px;
      margin-left: 50px;
  }
  #site-navigation .sidenav a.closebtn,
  .open-menu {
      display: inline-block;
      background: #f68b21;
      padding: 0 10px;
      color: #fff;
      border-radius: 6px;
  }
  #main-menu ul.children,
  #main-menu ul.sub-menu {
      background: transparent;
  }
  #main-menu ul.sub-menu li a:hover:after {
      background: transparent;
      color: #2d3446;
  }
  #main-menu ul.sub-menu li a:hover {
      color: #2d3446;
  }
  #main-menu ul.sub-menu li a:before {
      border: none;
  }
}


/* ===============================================
   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: #f68b21;
    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: #131f3c;
	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: #f68b21;
  margin: 0;
}
.post-box .item .dashicons{
  color: #f68b21;
}
.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 #131f3c;
	border-radius: 50%;
	padding: 10px;
	text-align: center;
}


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

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

.pagination .nav-links a,
.pagination .nav-links span.current,
.cargo-ships-pro-pagination a span,
.cargo-ships-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,
.cargo-ships-pro-pagination span.current,
.cargo-ships-pro-pagination span.current:hover,
.cargo-ships-pro-pagination span.current:focus,
.cargo-ships-pro-pagination a span:hover,
.cargo-ships-pro-pagination a span:focus {
	background:#f68b21;
  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 #131f3c;
	color:#131f3c;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.comment-form input[type=submit] {
	background: #f68b21;
	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:#f68b21;
	text-decoration:none
}

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

.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;
  border: 1px solid #eee;
}
.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;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #f68b21;
}
.sidebar-area .tagcloud a {
    font-size: 15px !important;
    background: #f3f4f7;
    color: #131f3c;
    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: #f68b21;
	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: #f68b21;
  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:#131f3c;
	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: #f68b21;
  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: #131f3c;
  content: '';
  position: absolute;
  z-index: -1;
  cursor: pointer;
}
#button_scroll{
  overflow: hidden;
}
#button_scroll:hover {
  color: #f68b21;
}
#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: #1d1d28;
    z-index: 99999;
}

 

.loader {
        width: 64px;
        height: 64px;
        position: relative;
        left: 48%;
        background-image:
          linear-gradient(#FFF 16px, transparent 0) ,
          linear-gradient(#FF3D00 16px, transparent 0) ,
          linear-gradient(#FF3D00 16px, transparent 0) ,
          linear-gradient(#FFF 16px, transparent 0);
        background-repeat: no-repeat;
        background-size: 16px 16px;
        background-position: left top , left bottom , right top , right bottom;
        animation: rotate 1s linear infinite;
      }
      @keyframes rotate {
        0% {
          width: 64px;
          height: 64px;
          transform: rotate(0deg)
        }
        50% {
          width: 30px;
          height: 30px;
          transform: rotate(180deg)
        }
        100% {
          width: 64px;
          height: 64px;
          transform: rotate(360deg)
        }
      }
.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;
}

.page-template-frontpage .header-menu .container{
	background: #1037b6;
  margin-bottom: -50px;
  position: relative;
  z-index: 9;
}
.page-template-frontpage .header-menu{
  background: transparent;
}

.header-menu{
  background: #1037b6;
}

.admin-bar .fix-sticky {
	margin-top: 32px;   
}

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

/*Body*/

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

/*HEDAER*/

.top-header{
  background: #f3f3f3;
  padding: 10px 0;
}
.top-header p{
  margin-bottom: 0;
  color: #000
}
.main-header{
  background: #ffffff;
}
.main-header .dashicons{
  color: #f68b21;
  line-height: 1.3;
}
.track-order{
  background: #f68b21;
}
.track-order{
  position: relative;
  display: flex;
  align-self: center;
  justify-content: center;
  padding: 27px 20px;
}
.track-order a{
  color: #fff;
}
.track-order a:hover{
  color: #000;
}

.contact-header-sec span{
  color: #1037b6;
}

/*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.6);
  display: flex;
  align-items: center;
}
#slider .item .cover .header-content {
  position: relative;
  padding: 56px;
  overflow: hidden;
  margin: auto;
  width: 740px;
}
#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: 400;
  line-height: 36px;
  color: #fff;
  font-size: 16px;
}
#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 #f68b21;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  margin:0 20px;
  padding: 15px 30px
}
#carousel-caption .button1{
  background: #f68b21;
  color: #fff;
}
#carousel-caption .button2{
  border: 1px solid #f68b21;
} 
#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: #f68b21;
}
#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: #f68b21;
  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: #f68b21;
  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:#f68b21 ;
}
#slider .owl-dots span {
  font-size: 70px;    
  position: relative;
}

/*ABOUT US SECTION*/

.about-us h6{
  font-size: 21px;
  color: #1037b6;
}
.about-us h5{
  font-size: 17px;
  color: #1037b6;
  font-weight: 600; 
}
.about-us hr{
  padding:2px;
  margin-top: 0;
  width: 8%;
  display: inline-block;
  background: #f68b21;
}
.about-image {
  border-right: 3px solid #f68b21;
  padding-right: 10px;
}
.about-us figure {
	margin: 0;
	padding: 0;
	background: #131f3c;
	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: #f68b21;
}
.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: #1037b6;
	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 #f68b21;
  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: #f68b21;
  border: 2px solid #f68b21;
}
.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: #f68b21;
  padding: 10px 20px !important;
  font-size: 20px;
}
.frontside{
  background: #ffffff;
} 
.backside span.dashicons {
	width: 100px;
	height: 100px;
	font-size: 50px;
	color: #f68b21;
	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: #f68b21;
}
.featured h4{
  font-size: 21px;
  color: #1037b6;
} 
.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 #f68b21;
}
.featured .button::before,
.featured .button::after {
  background: #fff;
  content: '';
  position: absolute;
  z-index: -1;
}
.featured .button {
  overflow: hidden;
}
.featured .button:hover {
  color: #f68b21;
  border: 2px solid #f68b21;
}
.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: #f68b21;
		border: 2px solid #f68b21;
}
.featured span.dashicons {
		background-color: #f68b21;
}

.featured figure {
	margin: 0;
	padding: 0;
	background: #131f3c;
	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;
  position: relative;
} 
#counter:after{
  content: '';
  background: #131c21;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  opacity: 0.7;

}
#counter span.dashicons {
	width: 85px;
	height: 85px;
	font-size: 40px;
	color: #fff;
	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: #f68b21;
} 
#counter .fas{
  font-size: 20px;
  color: #f68b21;
}
#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: #f68b21;
  height: 1px;
}
#enquiry .login-form{
  background: #ffffff;
}
#enquiry .form-heading{
  background: #1037b6;
  color: #fff;
}
#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: #f68b21;
  border: none;
  color: #ffffff;
  margin-top: 20px;
  cursor: pointer;
}
#enquiry input.wpcf7-form-control.wpcf7-submit:hover{
	background: #131f3c;
}
#enquiry .dashicons{
  font-size: 50px;
  color: #f68b21;
}
#enquiry h3{
	color:#fff;
	font-size: 25px;
	font-weight: 400;
}
#enquiry h5{
  font-size: 20px;
  color: #1037b6;
  font-weight: 600;
}

/*FAQ SECTION*/

#faq-section hr{
  padding:2px;
  margin-top: 0;
  width: 9%;
  display: inline-block;
  background: #f68b21;
}
#faq-section .aks-accordion-item {
  width: 100%;
  border: 2px solid #ebf7fe;
  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: #f68b21;
  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: #1037b6;
  font-weight:600;
}
#faq-section .image2 img {
  border-left: 3px solid #f68b21;
  padding-left: 15px;
  width: 100%;
  margin-top: 56px;
}
#faq-section figure {
	margin: 0;
	padding: 0;
	background: #131f3c;
	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: #f68b21;
}
#gallery .owl-item:nth-child(odd) {
  background: #1037b6;
}
#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.2);
	opacity: 0.5;
}

/*NEWS FEED SECTION*/

#news-feed{
  background: #ebf7fe
}
#news-feed hr{
  padding:2px;
  margin-top: 0;
  width: 9%;
  background: #f68b21;
}
#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: #f68b21;
  padding: 9px 20px !important;
  font-size: 20px;
  color: #131c21;
}
#news-feed .post-meta .far  {
  color: #f68b21;
}
#news-feed h4.post-title{
  font-size: 18px;
  text-decoration: none;
  font-weight: 600;
  color: #1037b6;
}
#news-feed h4 a:hover{
  color: #131f3c;
  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;
  width: 100%;
  background: #000000;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  margin-bottom: 20px;
}

#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: #f68b21;
}
#news-feed .item .dashicons {
  color: #f68b21;
}
#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: #1037b6;
	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 #f68b21;
}
#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: #f68b21;
  padding: 10px 20px !important;
  font-size: 20px;
  color: #131c21;
}

/*SPONOSERS SECTION*/

#sponsors hr{
  padding:2px;
  margin-top: 0;
  width: 9%;
  display: inline-block;
  background: #f68b21;
} 
#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:#f68b21;
}
#sponsors .owl-dots span {
  font-size: 70px;    
  position: relative;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input{
  width: 100%;
}
.comment-respond input#submit {
  background: #f68b21;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
}
.comment-respond input#submit:hover{
  background-color: #131f3c;
}
.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: #f68b21;
  padding: 5px 15px;
  color: #fff;
}
.comment-reply a:hover {
  background: #131f3c;
  color: #f3f4f7;
  text-decoration: none;
}


 

#sponsors .owl-carousel.owl-drag .owl-item img{
  width: 100%;
}

/*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 #f68b21;
  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;
}
.footer-area .wpcf7 input[type="email"]{
  padding: 10px 10px;
  border: 1px solid black;
  width: 100%;
}
.footer-area  [type="submit"]{
	position: relative;
  padding: 10px 40px;
  background:#f68b21;
  border: none;
  color: #fff;
  cursor: pointer;
}
.footer-area .fab{
	font-size: 20px;
	color: #f68b21;
	margin: 15px 20px 0 0;
}
.copyright{
  border-top: 1px solid darkgrey;
}
.copyright p{
  font-size: 15px;
  color: #d5dee6;
  text-align: center;
}
.copyright a{
  color: #f68b21;
}

/*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: #f68b21;
  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: #1037b6;
}
#contact-form .section-2 h4{
	font-size: 18px;
}
#contact-form .section-2 h4 span{
	font-size: 20px;
  color: #f68b21;
  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: #f68b21;
  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: #f68b21;
	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:#f68b21 ;
}
#contact-form .enquiry h6{
	font-size: 22px;
	font-weight: 600;
	color: #1037b6;
}
#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){

  .top-header .container {
    justify-content: center;
    flex-wrap: wrap;
  }
   .page-template-frontpage .header-menu .container{
    margin-bottom: 0;
   }
  .track-order{
    padding: 17px 20px;
  }
  #main-menu ul {
    display: block;
  }
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 50px;
    left: 0;
    background-color: #ffff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    text-align: center;
  }
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  #main-menu ul.children,
  #main-menu ul.sub-menu {
      box-shadow: none;
  }
  .sidenav .closebtn {
      position: absolute;
      top: 10px;
      right: 25px;
      font-size: 36px;
      margin-left: 50px;
  }
  #site-navigation .sidenav a.closebtn,
  .open-menu {
      display: inline-block;
      background: #f68b21;
      padding: 0 10px;
      color: #fff;
      border-radius: 6px;
  }
  #main-menu ul.children,
  #main-menu ul.sub-menu {
      background: transparent;
  }
  #main-menu ul.sub-menu li a:hover:after {
      background: transparent;
      color: #2d3446;
  }
  #main-menu ul.sub-menu li a:hover {
      color: #2d3446;
  }
  #main-menu ul.sub-menu li a:before {
      border: none;
  }
  .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 20px;
    width: 100%
  }
  #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: #f68b21;
    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: 100%;
    margin: 0 0 10px 0;
  }
  #contact textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    height: 120px;
    margin: 0
  }
  #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;
  }
  .logo{
    display: flex;
    align-self: center;
    justify-content: center;
  }
}

/*MEDIA 721 TO 1023*/
@media only screen and (min-width: 721px) and (max-width: 1023px){
   .page-template-frontpage .header-menu {
      background: #1037b6;
  }
  .logo{
    display: flex;
    align-self: center;
    justify-content: center;
  }
  .admin-bar .sticky {
    margin-top: 46px;
  }
  .page-template-frontpage .header-menu .container{
    margin-bottom: 0;
  }
  .page-template-frontpage .header-menu{
    background-color: #1037b6;
  }
  .menu-block{
  	margin-bottom: 0;
  }
  .logo-image {
    float:unset;
  }
  #slider .item .cover .header-content{
  	padding: 40px;
  	margin-left: 20px;
  	margin-right: 20px;
  	bottom: 15px;
    width: 100%;
  } 
  #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%;
  }

  .track-order a{
    font-size: 14px;
  }
  .track-order{
    padding: 10px;
  }
}

/*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;
  }
}