/*
Theme Name: VW Industrial Pro
Theme URI: https://www.vwthemes.com/themes/industrial-wordpress-theme/
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description: WordPress theme is a theme of premium order and is categorized as the manufacturing WordPress theme good for the factories as well as industries. It is armed with some special features like minimal, elegant, sophisticated, clean, retina ready, user-friendly apart from having CTA[ call to action] button as well as Bootstrap framework making it good for any kind of business related to manufacturing and industry. Industrial WordPress theme is professional with personalization options apart from being SEO friendly with the optimized codes. It has fast page load time as well as secure and clean code making it a perfect choice for Small Factory, Company, Electronic Business, Power, Rail Business, Petroleum, Gas, Plants construction, and manufacturing.
Version: 1.1.2
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License
License URI:license.txt
Text Domain: vw-industrial-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
VW Industrial Pro WordPress Theme has been created by VW Themes(vwthemes.com), 2019.
VW Industrial Pro WordPress Theme is released under the terms of GNU GPL
*/ 
/* vietnamese */
@font-face {
  font-family: 'NunitoSansBold';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Nunito Sans Black'), local('NunitoSans-Black'), url(assets/css/font1.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'NunitoSansBold';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Nunito Sans Black'), local('NunitoSans-Black'), url(assets/css/font2.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'NunitoSansBold';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Nunito Sans Black'), local('NunitoSans-Black'), url(assets/css/font3.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*{
  margin:0; 
  padding:0; 
  outline:none;
}
html body{
  margin:0; 
  padding:0; 
  -ms-word-wrap:break-word; 
  word-wrap:break-word; 
  background-color:#f8f8f8; 
  position:relative; 
  font-size: 15px;
  color: #6c6c6c;
  font-family: "Nunito Sans";
  font-weight: 300;
}
label {
  margin-bottom: 0 !important;
}
img{
  margin:0; 
  padding:0; 
  border:none; 
  max-width:100%; 
  height:auto;
}
section img{
  max-width:100%;
}
h1,
h2,
h3,
h4,
h5,
h6{ 
  margin:0;
  padding:10px 0;
  letter-spacing: 1px;  
  color:#000000;
}
p{
  margin:0 0 15px; 
  padding:0;
  font-size:15px;
  font-weight:300;
  font-family: 'Heebo', sans-serif;
}
p, ul li a{
  letter-spacing: 0px;
}
body a{
  text-decoration:none; 
  color:#222222;
}
a:hover{
  text-decoration:none; 
}
a:focus,a:hover{
  text-decoration:none !important;
}
ul,ol{ 
  margin:0 0 0 15px; 
  padding:0;
}
ul li, ol li{font-size: 14px;}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
blockquote {
  font-size: 18px;
  font-style: italic;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: #383838;
}
blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: 0px;
  top: -10px;
  color: #7a7a7a;
}
blockquote:after {
  display: block;
  content: "\201D";
  font-size: 80px;
  position: absolute;
  right: 0px;
  bottom: -10px;
  color: #7a7a7a;
}
blockquote cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
blockquote cite:before {
  content: "\2014 \2009";
}
small{
  font-size:14px !important;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="phno"],input[type="password"],
textarea{
  border:1px solid #424648;
  font-size:16px;
  padding:10px 10px; 
  margin:0 0 0px 0;
  height:auto;
  width: 100%;
  background: transparent;
}
section{
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 50px 0;
  
}
select{
  width: 100%;
  padding: 6px;
}
input[type="submit"] {
  padding: 10px 20px;
  font-weight: bold;
  color: #ffffff !important;
  text-transform: uppercase;
  border: none;
  background: #121212 !important;
  margin-top: 0px !important;
}
input[type="submit"]:hover{
  cursor: pointer;
}
textarea {
  height: 80px;
}
.bounce, .flash, .pulse, .shake, .swing, .tada, .wobble, .bounceIn, .bounceInDown, .bounceInLeft, .bounceInRight, .bounceInUp, .bounceOut, .bounceOutDown, .bounceOutLeft, .bounceOutRight, .bounceOutUp, .fadeIn, .fadeInDown, .fadeInDownBig, .fadeInLeft, .fadeInLeftBig, .fadeInRight, .fadeInRightBig, .fadeInUp, .fadeInUpBig, .fadeOut, .fadeOutDown, .fadeOutDownBig, .fadeOutLeft, .fadeOutLeftBig, .fadeOutRight, .fadeOutRightBig, .fadeOutUp, .fadeOutUpBig, .flip, .flipInX, .flipInY, .flipOutX, .flipOutY, .lightSpeedIn, .lightSpeedOut, .rotateIn, .rotateInDownLeft, .rotateInDownRight, .rotateInUpLeft, .rotateInUpRight, .rotateOut, .rotateOutDownLeft, .rotateOutDownRight, .rotateOutUpLeft, .rotateOutUpRight, .slideInDown, .slideInLeft, .slideInRight, .slideOutLeft, .slideOutRight, .slideOutUp, .rollIn, .rollOut, .zoomIn, .zoomInDown, .zoomInLeft, .zoomInRight, .zoomInUp, .slideInUp{
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: visible!important;
}

.wp-caption{
  margin:0;
  padding:0;
  font-size:13px;
  max-width:100%;
}
.wp-caption-text{
  margin:0;
  padding:0;
}
.gallery-caption{
  margin:0;
  padding:0;
}
.bypostauthor{
  margin:0;
  padding:0;
}
.hovereffect a {
  border: 1px solid #333;
  padding: 10px;
  color: #333333;
  font-weight: bold;
}
.carousel-inner{
  margin: 0;
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}

.alignleft,
img.alignleft{
  display: inline; 
  float: left; 
  margin-right:20px; 
  margin-top:4px; 
  margin-bottom:10px; 
  padding:0;
  padding:5px;
  border: 1px solid #cccc;
}
.alignright, img.alignright { 
  display: inline; 
  float: right; 
  padding:5px; 
  margin-bottom:10px;
  margin-left:25px;
  padding:5px;
  border: 1px solid #cccc;
}
.aligncenter, img.aligncenter { 
  clear: both; 
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
  margin-top:0;
  padding:5px; 
  border: 1px solid #cccc;
}
.comment-list .comment-content ul { 
  list-style:none; 
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
.toggleMenu{
  display:none;
}
a.small-button{
  background:#3890cb;
  padding:5px 30px; 
  border-radius:3px;
  color:#fff;
  display:table;
  margin:0 auto;
}
a.small-button:hover{
  color:#fff;
  background:#0c5f96;
}
table, td, th {
  border: 1px solid black;
}

/*-------------------------- Calendar widget --------------------------*/

table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th {
    border: 1px solid #fff;
    color: #000000;
}
#footer .widget.widget_calendar td, #footer .widget.widget_calendar tr, #footer .widget.widget_calendar th {
    color: #7f8391;
}
.widget_calendar td,
.widget_calendar th {
  line-height: 1.5625;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 0em;
  color: #7f8391;
  padding-left: 15px;
  caption-side: top;
}
.widget_calendar tbody a {
 
  color: #fff;
  display: block;
  font-weight: 700;
}
.widget_calendar tbody #today
{
   background-color: #bbb;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
  background-color: #686868;
  color: #7f8391;
}
.widget th,
.widget td {
  padding: 0em !important;
}
/*-------------------- Sweep To Right -----------------------*/
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/*-----------------Search pop up----------------*/
/*-----------------Search pop up----------------*/
.serach_outer {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
  transition: 0.5s;
  z-index: 999999999999;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.8);
  display: none;
}
.serach_inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.closepop {
  position: absolute;
  top: 29%;
  transform: translateY(-50%);
  width: 100%;
  right: 0;
  text-align: right;
  margin-right: 28px;
  z-index: 999999;
}
.serach_outer i {
  font-size: 17px;
  padding: 4px 0 0 0;
  color: #fff;
  cursor: pointer;
}

.serach_inner form.search-form {
  display: table;
  border-radius: 0;
  margin: 0 auto;
  max-width: 700px;
  width: 100%;
}
.serach-page input.search-field {
    border: 1px solid #ccc;
    padding: 9px;
}
.search_popup input.search-submit {
  border: 0;
  background-color: transparent;
  border-radius: 40px;
  border: 2px solid #fff;
}
.search_popup label {
  background: transparent;
  width: 81%;
}
.search_popup input.search-field {
  padding: 1.5% 0;
  background: transparent;
  width: 100%;
  text-indent: 8px;
  border-bottom: 2px solid #fff;
  color: #fff;
  border-top:none;
  border-left: none;
  border-right: none;
}
.search_popup input.search-field::placeholder
{
  font-size: 17px;
  color:#fff;
}
.search_popup .search-submit 
{
  color: #fff;
  border-radius: 50%;
  background-color: #002e5b;
  padding: 10px 13px;
  width: 50px;
  height: 50px;
  border:none;
}

.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

/* Push */
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.hvr-push {
  display: inline-block;
  vertical-align: middle;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* --------------------------Top Bar---------------------------- */
.topbar 
{
  border-left:1px solid #1a436c;
  border-bottom:1px solid #1a436c;
  padding-top:10px;
  padding-bottom: 10px;
  align-items: center;
}
.topbar span
{
  font-size: 14px;
  letter-spacing: 0px;
  color: #ffffff;
  font-family: "Nunito Sans";
  font-weight: 400;
}
.topbar i
{
  color: #f7c02e;
  font-size: 13px;
}
.topbar a
{
  font-size: 12px;
  letter-spacing: 1px;
  color: #002e5b;
  font-family: "Nunito Sans";
  font-weight: 900;
  text-align: center;
  display: inline-block;
  background-color:#f7c02e;
  padding: 8px 6px;
  border-radius: 5px; 
}
.topbar-button
{
  text-align: right;
}
.topbar a:hover
{
  background-color: #002e5b;
  color: #fff;
}

/* --------------------------Header---------------------------- */

.menu-header
{
  border-left:1px solid #1a436c;
  align-items: center;
}
#sticky-menu
{
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
}
#header #sticky-onoff
{
  display: none;
}
.nav_wrap {
  margin-bottom: 0em;
  z-index: 99;
  position: relative;
}
.home.page-template .main-header-box
{
  position: absolute;
  width: 100%;
  background-color: #002e5b;
  padding: 0px 15px 0 15px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.main-header-box
{
  background-color: #002e5b;
  position: relative;
  padding: 0px 15px 0 15px;
}
#header .logo img{
  max-height: 123px;
  width: auto;
}
.sticky
{
  position: fixed;
  top: 0px;
  width: 100%;
  left: 0;
  z-index: 99999;
  background-color: #002e5b;
  text-align: center;
  right: 0;
  margin: 0;
  padding: 12px 10px;
}
.main-header-box .sticky.menu-box
{
  margin: 0;
}
.sticky .main-navigation ul
{
  margin: 0 auto;
}
.menubar {
  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;
}
.neseted-inner {
  top: 0;
  position: absolute;
}
.continnerbox {
  background-size: 100% 100%;
  color: #fff;
  border-top: 40px solid #435061;
  border-left: 60px solid transparent;
}
#header .logo h1{ 
  font-weight:700; 
  padding:0; 
  font-size:30px; 
  font-weight:bold; 
  margin-top: 0; 
  line-height: 20px;
}
.logo a.custom-logo-link{ 
  color:#000000;
}
.logo h1 a{
  font-size: 27px;
  color: #fff;
  font-family: "Poppins";
  font-weight: 700;
}
.logo p{ 
  font-size: 14px;
  letter-spacing: 0px;
  color: #fff;
  font-family: "Poppins";
  font-weight: 400;
  margin-bottom: 0;
  padding-top: 5px;
}
.logo-box
{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#header .top-contact{
  padding:12px 0; 
  font-size:15px;
}
.menubar .social-media{
  padding:12px 0; 
  text-align:center;
}

#site-navigation {
  width: 100%;
}
.header-call
{
  display: flex;
  align-items: center; 
  position: relative;
  padding-left: 40px;
  width: 100%;
}
.main-header-box .menu-box
{
  border-top: 1px solid #f0f0f0;
  margin-top: 15px;
}
.header-app-button
{
  align-items: center;
}
.main-header-box .menu-header
{
  padding-top: 17px;
  padding-bottom: 17px;
}

/* ---------- Return to Top ------------ */

#return-to-top {
  position: fixed;
  bottom: 10px;
  right: 20px;
  background-color: #7c818c;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 99999;
}
#return-to-top i {
  color: #fff;
  position: relative;
  top: 13px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 3px 18px;
}
#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
  color: #fff;
  top: 5px;
}

/*----------------Menu bar-----------*/

@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
.main-header-box .right_menu
{
  padding-left: 0;
}
ul.list_nav {
  margin: 0 auto;
  text-align: center;
  display: block;
  text-align: right;
}
.main-navigation ul{
  list-style: none;
  padding-left: 0;
  max-width: 100%;
  width: max-content;
  margin-left: 0;
}

.main-navigation li{
  position: relative;
  display: inline-block;
  margin:0px 2px;
}
.main-navigation a{
  display: block;
  text-decoration: none;
  text-transform: none;
  margin: 0px 10px;
  font-size: 16px;
  color: #ffffff;
  font-family: "Nunito Sans";
  font-weight: 600;
  padding: 5px 0px;
}
.main-navigation a:hover
{
  color: #e2e2e2;
}

.main-navigation ul ul{
  display: none;
  position: absolute;
  left: 0;
  top: 100% ;
  background: #121212;
  min-width: 215px;
  z-index: 9999;
}

.main-navigation ul ul ul{
  left: 100%;
  top: 0;
}

.main-navigation ul ul a{
  text-transform: none;
  font-weight: 800;
  line-height: 1.5;
  padding: 10px;
  font-size: 16px;
  color: #ffffff;
  font-family: "Nunito Sans";
  font-weight: 600;
}
.main-navigation ul ul a:hover
{
  color: #fff;
}
.main-navigation ul .current_page_item ul li a
{
  color: #fff !important;
}
.main-navigation ul ul li,
.menubar.scrolled .main-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-bottom: 1px solid #cccccc;
  border-left: none;
  border-right: none;
}

.main-navigation ul ul li:last-child{
  border-bottom: 0;
   border-right: none;
}

.main-navigation ul li:hover > ul{
  display: block;
}

.main-navigation .menu > ul > li.highlight{
  background-color: #ffffff;
}
.main-navigation .menu > ul > li.highlight:hover{
  background: transparent;
}
.menubar.scrolled .menu > ul > li:hover > a:after,
.menubar.scrolled .menu > ul > li.current_page_item > a:after,
.menubar.scrolled .menu > ul > li.current-menu-item > a:after{
  height: 2px;
}
.menu > ul > li.exoplanet-search:after{
  background: transparent !important;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation{
  margin: 0 0 15px;
  overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous{
  float: left;
  width: 50%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: auto;
}

.post-navigation a:hover .post-title,.post-navigation a:focus .post-title
{
  color: #24272e !important;
}

#header-menu .current_page_item a
{
  color:#f7c02e;
}

.main-header-box .header-search
{
  text-align: right;
}
.main-header-box .search-icon i
{ 
  color: #fff;
  cursor: pointer;
}
.sticky .logo
{
  position: unset;
  padding: 0;
}
.header-call i
{
  width: 45px;
  height: 45px;
  color: #002e5b;
  border:3px solid #002e5b;
  padding: 13px 12px;
  border-radius: 50%;
}
.header-call p
{
  font-size: 16px;
  color: #333333;
  font-family: "Poppins";
  font-weight: 700;
  margin-bottom: 0;
}
.header-call small
{
  font-size: 14px;
  letter-spacing: 0px;
  color: #8e8e8e;
  font-family: "Poppins";
  font-weight: 400;
}

.main-header-box .socialbox a i
{
  width: 30px;
  height:30px;
  color: #fff;
  padding: 7px 7px;
  display: inline-block;
  border:1px solid #1a436c;
  margin-left: 5px;
  border-radius: 3px;
}
.main-header-box .socialbox a i:hover
{
  color: #002e5b;
  background-color: #f7c02e;
  border-color: #f7c02e;
}
.main-header-box .header-button a
{
  font-size: 14px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: "Poppins";
  font-weight: 700;
  display: inline-block;
  background: #002e5b;
  padding: 13px 20px;
  border-radius: 3px;
}
.main-header-box .header-button a:hover
{
  background-color: #f7c02e;
}


/*----------------------Mobile Menu Icon------------------------------*/

/*-----------------Superfish Menu------------------*/
.sf-arrows .sf-with-ul{
  padding-right: 15px;
}

.sf-arrows .sf-with-ul:after{
  content: '';
  position: absolute;
  top: 50%;
  right: 0px;
  margin-top: -2px;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #fff;
}

.sf-arrows ul .sf-with-ul:after{
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #888;
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
  border-left-color: #333;
}
.toggle-nav, a.closebtn{
  display: none;
}
.main-navigation ul ul li{
  padding: 0px;
  margin: 0;
}

/*----------------------  index ---------------------------*/

.post-section {
  padding: 20px 0;
}
.postwrapper-box{
  border: 2px solid #eeeeee;
}
.cat-box {
  background: url(images/cat-icon.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 15px 0 30px 0;
}
.date-box {
  background: url(images/date.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 0 0 15px 0;
}
/*------------------------- Headings --------------------------*/
section h2{
  font-weight:bold;
  padding:0;
  margin-bottom: 20px;
  color: #000000;
  padding: 0 0 10px;
  margin: 0;
  letter-spacing: 3px;
}
section h3 {
  font-size: 35px;
  letter-spacing: 2px;
  color: #222222;
  font-weight: 500;
  padding: 0;
}
section h4{
  color:#000; 
  font-size:20px;
}
section h5{
  color:#333; 
  font-weight:bold;
  margin:0 0 10px 0; 
  padding:0;
}
.innerbox{
  background-size:100% 100%;
}

#about {
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 2s;
  -vendor-animation-iteration-count: infinite;
}
/*--------------------- Section Heading------------------------*/
.section-heading{
  text-align: center;
}
.section-heading h3 {
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
}
.section-heading p {
  margin: 0;
  padding: 10px 0;
}
.head_white{
  color: #ffffff;
}
.head_black{
  color: #000000;
}


/* Shutter In Vertical */
.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #24272e;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ffffff;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  box-shadow: 0 0 5px 0px #cccccc;
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
  color: white;
}
.hvr-shutter-in-vertical:hover i, .hvr-shutter-in-vertical:focus i, .hvr-shutter-in-vertical:active i {
  color: white;
}
.hvr-shutter-in-vertical:hover {

}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

/* ------------- Shortcodes ----------------- */

.middle-content #comments
{
  display: block;
}

/* ----------- Project ------------ */

.short-projects
{
  background-color: transparent !important;
}
.short-projects .project-box
{
  margin-bottom: 30px;
}
.short-projects .box-content img
{
  width: auto !important;
}

/* --------- team ------------ */

.all-team .team-content-box
{
  margin-bottom: 30px;
}

/* -------------- Testimonial Shortcode ----------- */

.all-testimonial .testi-text
{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 26px;
  color: #002e5b;
  font-family: "Nunito Sans";
  font-weight: 400;
  text-align: center;
  border-color: #002e5b !important;
}
.all-testimonial .testimonials-box h5 a
{
  color: #002e5b !important;
}
.all-testimonial .our_testimonial_outer
{
  padding-bottom: 30px;
}

/* ----------- Single Pages -------------- */

.single-page-content p
{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 30px;
  color: #1b3039;
  font-family: "Nunito Sans";
  font-weight: 400;
}
#classes_single .classes-meta p
{
  font-size: 15px;
  letter-spacing: 1px;
  color: #8d939f;
  font-family: "Roboto";
  font-weight: 400;
}
#classes_single .project-meta
{
  padding-top: 20px;
}
#classes_single .project-meta p span
{
  font-weight: bold;
}
#single-team .inner-page-feature-box p
{
  font-size: 16px;
  letter-spacing: 1px;
  color: #303133;
  font-weight: 400;
  margin-bottom: 8px;

}
#single-team .inner-page-feature-box img
{
  padding-bottom: 20px;
}
#single-team .social-profiles
{
  padding-bottom: 10px;
}
#single-team .social-profiles i
{
  color:#002e5b;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 9px 12px 9px 0px;
}
#single-team .inner-page-feature-box p i
{
  color: #002e5b;
}
#testimonial_single .student-desig
{
  font-size: 17px;
  letter-spacing: 0px;
  color: #111111;
  font-weight: 600;
}
#testimonial_single .social-profiles i
{
  color:#24272e;
  margin-right: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 9px 12px 9px 0px;
}
#testimonial_single .team_feature-box img
{
  border-radius: 50%;
}


/* ------------------Single Post ----------------- */

#single_post .postbox .postbox-content {
  position: static;
}
#single_post .postbox .postbox-content i
{
  color: #121212;
}
#single_post .date-box-inner {
  padding: 8px;
  border: solid 2px #ffffff;
}
.posttitle a
{
  font-size: 20px;
  letter-spacing: 2px;
  color: #222222;
  font-weight: 600;
  font-family: "Poppins";
}
.page-header h1
{
  color: #000;
  font-weight: 600;
  font-size: 28px;
  font-family: "Poppins";
}
.entry-title
{
  color: #000;
  font-weight: 600;
  font-size: 28px;
  font-family: "Poppins";
}
.single-post-content table td
{
  text-align: center;
}
.single-post-content .wp-audio-shortcode
{
  margin-bottom: 50px;
}
.author_links a
{
  color: #111;
}
#sidebar .widget_recent_entries a
{
  font-size: 13px;
}
.middle-content p
{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 30px;
  font-family: "Nunito Sans";
  font-weight: 400;
}

/*------------------ Single Testimonials -----------------*/

#testimonial_single blockquote {
  padding: 1.25em 40px;
  color: #383838;
  background: #ffffff;
  border: 1px solid #ddd;
  width: 100%;
}
.meta_post span i {
  background-color: #24272e;
  padding: 7px;
  color: #ffffff;
  margin-right: 10px;
}
#latest_post .owl-nav {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
#latest_post button.owl-prev, #latest_post button.owl-next{
  border: none;
}
#latest_post button.owl-next.disabled, #latest_post button.owl-prev.disabled{
  background-color: transparent;
}
#latest_post button.owl-prev, #latest_post button.owl-next{
  background-color: transparent;
}

/*------------------------- Testimonial Shortcode --------------------------*/

.testimonial-shortcode .testimonials_inner {
    border: solid 2px #002b46;
}
.our_testimonials_outer.testimonial-shortcode {
    margin-top: 2em;
}
.testimonial-shortcode .testimonials_inner:hover{
  border: solid 2px #fec200;
}
.testimonial-shortcode .testimonials-icon img {
  width: 100%;
}

/*------------------ Contact Page -----------------*/

h3.contact-page {
  margin-left: 3%;
  font-weight: bold;
  color: #18304c;
  border-bottom: solid 4px #d3da36;
  display: table;
  margin-bottom: 4%;
}
.contac_form input[type='text'],
.contac_form input[type='email'],
.contac_form input[type='url'],
.contac_form input[type='password'],
.contac_form input[type='search'],
.contac_form input[type='number'],
.contac_form input[type='tel'],
.contac_form input[type='range'],
.contac_form input[type='date'],
.contac_form input[type='month'],
.contac_form input[type='week'],
.contac_form input[type='time'],
.contac_form input[type='datetime'],
.contac_form input[type='datetime-local'],
.contac_form input[type='color'],
.contac_form select,
.contac_form textarea,
.contac_form .wpcf7 .wpcf7-form-control-wrap[class*="file-"] {
  background-color:transparent;
  border-color: #ccc;
  color: #2f3357;
  border-radius: 0px;
  box-shadow: none;
  border:1px solid #cccccc;
  background-color: transparent;
}
.contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"] {
  font-size: 16px;
  padding: 10px 18px;
  margin: 0 12px 13px 0;
  height: auto;
  border:1px solid #cccccc;
  background-color: transparent;
  border-radius: 5px;
}
.contact-box .wpcf7 select
{
  font-size: 16px;
  padding: 10px 18px;
  margin: 0 12px 13px 0;
  height: auto;
  border: 1px solid #cccccc;
  background-color: transparent;
  border-radius: 5px;
  color:#828790;
}
.contact-box .contac_form input[type="submit"]
{
  border-radius: 5px;
  padding: 12px 20px;
  margin-top: 20px;
}

section#contact-box{
  padding:0;
  margin:0;
}
.contact-info {
  font-size: 14px;
  line-height: 26px;
  padding: 20px;
  width: 100%;
  
}
.contac_form h3 {
  text-align: center;
}
.contact-info .head{
  color:#000;
}
.contact-address, .contact-email, .contact-phone {
  margin: 7px 0;
}
.c_content span {
  font-size: 18px;
}
.c_content p{
  font-size: 16px;
}
.contac_form .fancy-title {
    width: 250px;
    margin: 0 auto;
}
.contac_form label{
  width: 100%;
}
.c_content {
  color: #ffffff;
}

.contact-color-bg form textarea
{
  margin-right: 10px;
  border-radius: 5px;
  padding-left: 20px;
  padding-top: 23px;
}
.contact-box .google-map
{
  margin-bottom: 30px !important;
  margin-top: 30px;
}

.contact-page-details h3
{
  font-size: 38px;
  color: #121212;
  font-family: "Poppins";
  font-weight: 400;
  padding-top: 0;
}
.contact-page-details .contact-text
{
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 30px;
  color: #828790;
  font-family: "Nunito Sans";
  font-weight: 400;
}
.contact-page-details i
{
  color: #24272e;
  font-size: 17px;
}
.contact-page-details .contact-info-box p
{
  color: #24272e;
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
}
.contact-page-details .inner-cont
{
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 12px;
}

/*---------------- Banner ----------------------*/

.inner_banner img, .title-box img {
    width: 100%;
}
.main_title {
  margin-top: 20px;
}
.main_title h2{
  padding: 0;
  margin-bottom: 22px;
  font-size: 28px;
  color: #000;
  font-weight: bold;
  letter-spacing: 2px;
  font-weight: 600;
  font-family: "Poppins";
}

/*-------------Footer Menu ------------*/

.footer_menu ul li {
  display: inline-block;
}
.footer_menu ul li:last-child {
  border-right: none;
}
.footer_menu ul li a {
  color: #ffffff;
  padding: 0 15px;
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 16px;
}
#footer .footer-links
{
  background-color: #fff;
}

/*---------------- Custom Footer ----------------------*/

.footer_form .section-heading {
  text-align: center;
}
.footer_form {
  padding: 0 40px 40px;
}
.footer_form .section-heading h3 {
  color: #ffffff;
  display: table;
  text-align: center;
  margin: 0 auto;
  padding: 11px;
  border: none;
  font-weight: bold;
}
.footer_form .section-heading p{
  color: #ffffff;
}
.footer_form input[type="text"], .footer_form  input[type="tel"], .footer_form  input[type="email"], .footer_form  input[type="phno"], .footer_form  input[type="password"], .footer_form  textarea {
  border: 1px solid #ffffff;
  font-size: 16px;
  padding: 10px 10px;
  margin-bottom: 20px;
  height: auto;
  width: 100%;
  background: transparent;
  color: #ffffff;
  font-style: italic;
}
.footer_form  textarea {
  height: 120px;
}
.footer_form input[type="submit"] {
  padding: 10px 20px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  border: none;
  background-color: #1e202c;
}
.footer_form input::-webkit-input-placeholder, .footer_form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff;
}
.footer_form input::-moz-placeholder, .footer_form textarea::-moz-placeholder { /* Firefox 19+ */
  color: #ffffff;
}
.footer_form input:-ms-input-placeholder, .footer_form textarea:-ms-input-placeholder { /* IE 10+ */
  color: #ffffff;
}
.footer_form input:-moz-placeholder, .footer_form textarea:-moz-placeholder { /* Firefox 18- */
  color: #ffffff;
}
.contact_us {
  background-attachment: fixed;
}
.home-contact-box {
  background-color: #ffffff;
  padding: 15px;
}

/*---------------- Footer Section ----------------------*/

#footer_box
{
  padding: 0px 0 15px 0;
}
#footer
{
  background-color: #252525;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 0px;
  color:#fff;
  text-align:left;
  padding-top: 7%;
}
.outer-footer {
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.home.page-template .outer-footer
{ 
  margin-top: -41px;
}
.footer-social .socialbox a {
  border-right: none;
}
.footer-social .socialbox a i {
  color: #ffffff;
}
.footer-top {
  padding-bottom: 50px;
}
.footer-top-col h3 {
  font-size: 20px;
  font-weight: bold;
}
#footer form.search-form{
  border: none;
  background: transparent;
  padding: 0;
}
#footer form.search-form input{
  float: none;
  border: 1px solid #fff;
  margin: 20px 2px;
}
#footer form.search-form input[type="search"]
{
  width: 100%;
  margin-bottom: 0px;
}
#footer textarea{
  height: 100px;
}
#footer p.post-date {
    color: #7f8391;
    font-size: 11px !important;
}

.main_sociobox {
    padding: 20px 0;
}

.footer_hide{
  display:none;
}
#footer h3 {
  font-size: 18px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: "NunitoSansBold";
  font-style: italic;
  padding:10px 0 17px 0;
}

#footer ul li{
  list-style:none;
  margin:0 0 5px 0;
  text-align:left;
  padding: 5px;
}

#footer .widget_recent_entries ul li:before
{
  content: "";
}
#footer ul li a{
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 30px;
  color: #ffffff;
  font-family: "Nunito Sans";
  font-weight: 400;
}
#footer .about_me table
{
  margin-bottom: 0px;
}
#footer .about_me table p
{
  font-size: 16px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: "Nunito Sans";
  font-weight: 400;
  margin-bottom: 0;
}
.widget_recent_entries img {
  width: 100px;
}
.about_me table, .about_me td, .about_me th{
  border: none;
}
.about_me p.message {
    margin-bottom: 7px !important;
}
.vw-credit, .vw-credit a{
  color: #ffffff;
}
.copyright{
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: left;
  background-color: #002243;
  padding: 30px 0;
}
.copyright p
{
  font-size: 16px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: "Nunito Sans";
  font-weight: 600;
  margin-bottom: 0;
  padding: 9px;
}
.copyright .socialbox i
{
  width: 35px;
  height: 35px;
  background-color: #fff;
  color: #002e5b;
  padding: 11px 9px;
  border-radius: 3px;
  margin-left: 5px;
}
.copyright .copy-text
{
  align-items: center;
}
.copyright .socialbox i:hover
{
  background-color: #f7c02e;
  color: #fff;
}
.copyright .socialbox
{
  text-align: right;
}
#footer .textwidget input[type="email"]
{

  font-size: 16px;
  letter-spacing: 0px;
  color: #002e5b;
  font-family: "Nunito Sans";
  font-weight: 400;
  background-color: #fff;
  margin-top: 15px;
}

#footer .textwidget input[type="email"]::placeholder
{
  font-size: 16px;
  letter-spacing: 0px;
  color: #002e5b;
  font-family: "Nunito Sans";
  font-weight: 400;
}
#footer .textwidget input[type="submit"]
{
  background-color: #f7c02e !important;
  display: inline-block;
  margin-top: 17px;
  font-size: 16px;
  letter-spacing: 3px;
  color: #002e5b !important;
  font-family: "Nunito Sans";
  font-weight: 900;
  text-align: center;
  padding: 10px 20px;
  width: 100%;
}
#footer .about_me i
{
  font-size: 18px;
  color:#ffcc05;
}
#footer .widget td 
{
  padding-top: 0px !important;
  padding-bottom: 0;
  padding: 6px;
}
#footer .widget_calendar td,#footer .widget_calendar th,#footer .widget_calendar caption
{
  color: #fff !important;
}
#footer #site-navigation ul li a
{
  font-size: 15px;
  letter-spacing: 1px;
  color: #919191;
  font-weight: 500;
}
#footer #site-navigation ul li
{
  margin-right: 20px;
  margin-bottom: 0;
  padding: 25px 10px 25px 0;
}

#footer #site-navigation ul
{
  border-bottom: none;
  margin: 0;
}
#footer #site-navigation ul li a
{
  font-size: 18px;
  letter-spacing: 1px;
  color: #7e8a9e;
}
.footer-logo-box
{
  display: flex;
  align-items: center;
  padding: 10px;
}
#footer .textwidget p
{
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 26px;
  color: #e4e3ed;
  font-family: "Nunito Sans";
  font-weight: 400;
  margin-bottom: 0;
}
#footer .widget p
{
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 30px;
  color: #ffffff;
  font-family: "Nunito Sans";
  font-weight: 400;
  margin-bottom: 0;
}
#footer .post-content a
{
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 30px;
  color: #ffffff;
  font-family: "Nunito Sans";
  font-weight: 400;
  margin-bottom: 0;
}
#footer .widget_nav_menu ul
{
  margin-left: 0;
}
#footer .recent-post-box .post-thumb
{
  padding: 0;
}
#footer .widget ul
{
  margin-left: 0;
}
#footer .copyright .socialbox
{
  text-align: right;
  margin-top: 14px;
}
#footer .copyright .socialbox i
{
  color: #adadad;
  margin-right: 25px;
  font-size: 13px;
}
#footer .copyright .socialbox i:hover
{
  color: #f7c02e;
}

#footer .copyright-text
{
  display: flex;
  align-items: center;
}
#footer .widget_media_gallery #gallery-1 img
{
  border:none;
}
#footer #gallery-1 .gallery-item
{
  margin:0;
}
#footer .widget_pages ul li
{
  line-height: 30px;
  position: relative;
}


#footer .widget_nav_menu ul li
{
  border-bottom: 1px solid #25262c;
  line-height: 30px;
  position: relative;
}
#footer .widget_nav_menu ul li:last-child
{
  border-bottom:none;
}
#footer .widget_nav_menu ul li:after
{
  content: "\f054";
  font-family:'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  color:#7c818c;
  position: absolute;
  right: 0;
} 

#footer .textwidget img
{
  border:none;
  padding-bottom: 10px;
}
#footer .custom-social-icons
{
  margin-top: 20px;
}
#footer .custom-social-icons i
{
  width: 40px;
  height: 40px;
  border:2px solid #fff;
  border-radius: 50%;
  padding: 10px 10px;
  color:#fff;
  margin-right: 8px;
}
#footer .custom-social-icons a
{
  margin-top: 10px;
display: inline-block;
}
#footer .custom-social-icons i:hover
{
  background-color: #002e5b;
  border-color: #002e5b;
}
#footer .footer-details
{
  padding-bottom: 50px;
}
#footer .footer-content 
{
  align-items: center;
  border-bottom: 1px solid #20466d;
  padding-bottom: 20px;
  margin-bottom: 40px;
}
#footer .footer-content p
{
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 30px;
  color: #ffffff;
  font-family: "Nunito Sans";
  font-weight: 400;
}
#footer .footer-content a
{
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 30px;
  color: #f7c02e;
  font-family: "Nunito Sans";
  font-weight: 400;
}
#footer .widget_recent_entries img
{
  width: 100px;
  height: 100px;
}

/* --------- Social Icon Widget ------- */

.social_widget a {
  color: #7c818c;
  margin-right: 7px;
  display: inline-block;
  margin-bottom: 5px;
  border-radius: 50%;
}
.social_widget a i {
  font-size: 13px;
  letter-spacing: 3px;
  width: 40px;
  height: 40px;
  text-align: center;
  border:2px solid #7c818c;
  border-radius: 50%;
  padding: 12px 12px;
}

/* --------- search Page ------- */
.postbox h6 {
    font-weight: bold;
}
/* --------- Blog Page ------- */

.postbox-content .post-text
{
  font-size: 18px;
  color: #707173;
  line-height: 28px;
}
.postbox h3{
  font-weight:normal;
  font-size:35px;
  text-align: center;
}
.blogimg-full img{
  width: 100%;
}
.read-more-icon{
  text-align: center;
  margin: -55px 0 0 0;
  z-index: 999;
}
.read-more-icon a:hover{
  opacity: 0.9;
}
.continue-read a {
  color: rgba(19, 10, 138, 0.6);
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  border: solid 1px #bbb;
  padding: 10px 20px 10px 20px;
  border-radius: 6px; 
  display: block; 
  background: #fff;
}
.continue-read a:hover{
  background: #18304c;
  color:#fff;
}
.continue-read {
  margin: -22px auto 0 auto;
  display: table;
}
.metabox img {
  border-radius: 50%;
  margin-left: 30%;
}
.postbox {
   margin-bottom: 39px;
   border: none;
   border-radius: 6px;
   -webkit-box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
  padding: 20px;
}
.postbox h2{
  margin:0 0 5px; 
  font-weight:bold;
}
a.post-readmore {
   font-size: 18px;
   border-bottom: 1px solid;
}
a.post-readmore i {
 margin-left: 8px !important;
 font-size: 18px;
 border-bottom: 1px solid #ffffff;
 padding-bottom: 2px;
}
.widget_recent_entries li {
  padding: 10px 0;
}
.postbox  a.blogbutton {
  background:none;
  color:#fff;
  font-size:12px; 
  font-weight:bold; 
  color:#fff; 
  padding:6px 25px;
  border:1px solid #000; 
  color:#000; 
  font-size:18px;
  text-transform:uppercase;
  margin:25px 0 0 0;
  display:table;
}
.blogbutton-small{
  background:none;
  font-size:12px; 
  font-weight:bold; 
  padding:6px 25px;
  border:1px solid #000; 
  color:#000; 
  font-size:14px;
  text-transform:uppercase;
  margin:14px 0 0 0;
  display:table;
}
.metabox {
    color: #000;
    padding: 5px 0;
    clear: both;
    margin: 10px 0;
}
.metabox i
{
  color: #121212
}
.metabox .entry-date{
  margin:0 13px 0 0;
}
.metabox .entry-author{
  padding: 0 0 0 20px;
  margin:0 20px 0 0;
}
.metabox .entry-author a
{
  color: #000;
}
.metabox .entry-comments{
  padding: 0 0 0 20px;
}
.logged-in-as a
{
  color: #000;
}
#comment-nav-above .nav-links {
  width: 100%;
  float: left;
  margin-bottom: 17px;
}
#sidebar span.comment-author-link {
    margin-left: 14px;
}
.post-featured img {
  width: 100%;
}
.authordetails
{
  padding: 30px 0;
}
.authordetails .author_links
{
  padding-left: 17%;
  font-weight: bold;
  margin-bottom: 7px;
}
.authordetails .b-content {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 27px;
  color: #90939c;
  font-style: italic;
}
.authordetails ul {
  list-style-type: none;
  margin-left: 18%;
  margin-top: 10px;
  position: relative;
}
.authordetails ul li {
    display: inline;
}
.authordetails ul li a i {
  background-color: #000;
  padding:15px 15px 9px 15px;
  color: white;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.authordetails img
{
  border-radius: 50%;
}

/* --------- Inner Pages --------- */
.more_info a {
  background: #333;
  color: #ffffff;
  padding: 10px;
  border-radius: 20px;
}
.more_info {
  margin: 20px 0;
}
.more_info a:hover {
  background: #ffffff;
  color: #333333;
}


/* ----------------------- POST---------------------- */
a.page-numbers, span.page-numbers.current {
  padding: 10px !important;
  background-color: #121212;
  color: #ffffff !important;
  border: 1px solid #121212;
}
.navigation span.page-numbers.current{
  background-color: #ffffff;
  border: 1px solid #121212;
  color: #000000 !important;
}
#blog{
  padding-top:0;
  margin-top:0;
}
.blog-post h5{
  text-transform:uppercase;
  color: #000;
}
.blog-icon i {
  font-size: 20px;
  background: #bbb;
  border-radius: 50%;
  padding: 10px 14px 12px 15px;
  color: #fff;
  margin-right: 1%;
}
.blog-icon i:hover {
    background: #d3da36;
    color: #fff;
}
.blog-icon i.fa-google-plus {
    padding: 12px 10px 12px 11px
}

.feature-image-box img{
  width:100%;
}
.feature-image-box img a:hover{
  opacity:0.8;
}
.post-singlepage {
  border: solid 1px #bbb;
  box-shadow: 0 0 1px #bbb;
}
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background:#222222; 
  color:#fff;
  padding:5px 15px;
  margin-right:5px;
}

.bradcrumbs span{
  background:#dddddd; 
  color:#000;
  padding:5px 15px;
}
iframe {
    width: 100%;
}
.search-no-results form
{
  padding-bottom: 40px;
}
.search-no-results form input[type="search"]
{
  padding: 13px 10px;
}

/*------------------ Comments BOX ------------------*/
#comments{
  float: left;
  width: 100%;
  margin-top: 10px;
}
#comments h2.comments-title{
  font-size:20px; 
  font-weight:bold;
}
#comments h3.comment-reply-title{
  font-size:20px; 
  font-weight:bold;
  clear:both;
}
#comments input[type="text"],
#comments input[type="email"],
#comments textarea{
  padding:12px 10px; 
  font-size:18px;
}
#comments input[type="submit"] {
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 20px;
  color: #ffffff;
  text-transform: uppercase;
  border-top: none;
  border-radius: 40px;
  background-color: #24272e;
}
#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}
#comments .reply{
  text-align:right;
}
#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;
}
#comments .comment-content{
  width:90%;
  text-align:left;
  margin-left:7%;
}
#comments .comment-author{  
  margin-bottom: 1em;
}
#comments h2#reply-title {
  display: inline-table;
  font-family: "Poppins";
}
#comments .comment-author.vcard img {
  padding: 2px;
}
/* --------- SLIDER--------- */

#main_slider
{
  padding: 0;
  overflow-x: hidden;
  background-color: #002e5b;
}
#slider{ 
  max-width:100%; 
  margin:auto; 
  padding:0; 
  position:relative;
}

#slider img {
    width: 100%;
}
.slide_next_image img{
  width: auto !important;
  height: 100%;
}
.slider-box h5 {
  margin-bottom: 0;
  font-size: 14px;
  letter-spacing: 11px;
  color: #252525;
  font-family: "Poppins";
  font-weight: 700;
}
#slider h2 {
  text-align: left;
  font-size: 38px;
  color: #002e5b;
  font-family: 'NunitoSansBold';
  font-weight: 900;
  padding-top: 11px;
}
#slider p {
  max-width: 77%;
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 26px;
  color: #002e5b;
  font-family: "Nunito Sans";
  font-weight: 400;
  font-weight: 400;
  padding-top: 10px;
  padding-bottom: 10px;
}

.slider-box {
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  padding: 50px 60px 50px 30px;
  max-width: 57%;
  margin: auto;
  text-align: left; 
 
}

#slider .carousel-caption {
  top: 0;
  bottom: inherit;
  text-align: left;
  left: 0;
  right: 0;
  margin: 0 !important;
  padding: 0 !important;
  bottom: 0;
}

a.blog-more{ 
  display:inline-block; 
  font:400 16px 'Roboto Condensed', sans-serif; 
  padding:10px 30px; 
  margin-top:21px; 
  border-radius:4px; 
  -moz-border-radius:4px; 
  -webkit-border-radius:4px; 
  -o-border-radius:4px; 
  -ms-border-radius:4px; 
  margin-right:15px;
}
#slider .carousel-prev-button {
  position: absolute;
  left: 0;
  bottom: 43%;
}
#slider .carousel-next-button{
  position: absolute;
  right: 20px;
  bottom: 43%;
}
#slider .carousel-item-next,
#slider .carousel-item-prev,
#slider .carousel-item.active {
    display: block !important;
  }
#slider .carousel-control-prev-icon,
#slider .carousel-control-next-icon{
  background-image:none; 
}
.carousel-control-next-icon,
.carousel-control-prev-icon{
  width: 20px;
  height: auto;
}

#slider .read-more .plus-icon {
  padding: 10px 12px;
  font-size: 17px;
  background-color: #1e8900;
  width: 40px;
  height:40px;
  border-radius: 50%;
  color:#ffffff;
  -webkit-box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.19);
  box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.19);
  transition: 1s;
}
#slider .read-more .arrow-icon
{
  padding: 0 10px;
}
#slider .inner_carousel h2 small {
  color: #ffffff;
  display: block;
  margin-top: 20px;
  font-size: 20px !important;
  font-style: italic;
}
.slide_next_image img {
  text-align: right;
  float: right;
}


#slider .slider-button-1
{
  padding:9px 15px;
  display: inline-block;
  margin-right: 10px;
  background-color: #f7c02e;
  position: relative;
  font-size: 16px;
  letter-spacing: 3px;
  color: #002e5b;
  font-family: "NunitoSansBold";
  font-weight: 900;
  text-align: center;
  border-radius: 4px;
} 
#slider .slider-button-2
{
  padding:9px 15px;
  display: inline-block;
  margin-right: 10px;
  border:2px solid #002e5b;
  position: relative;
  font-size: 16px;
  letter-spacing: 3px;
  color: #002e5b;
  font-family: "NunitoSansBold";
  font-weight: 900;
  text-align: center;
  border-radius: 4px;
} 
#slider .slider-button-1:hover
{
  background-color: #002e5b;
  color:#fff;
}
#slider .slider-button-2:hover
{
  background-color: #002e5b;
  color:#fff;
}
#slider ol.carousel-indicators li {

  padding: 3px;
  border:2px solid #002e5b;
  margin-right: 10px;
  opacity: 1;
  width: 5px;
  height: 5px;
  border-radius: 2px;
  background-color: transparent;
}

/*Fade slider*/
#slider .carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}
#slider .carousel-fade  .carousel-item.active,
#slider .carousel-fade  .carousel-item-next.carousel-item-left,
#slider .carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}
#slider .carousel-fade  .carousel-item-next,
#slider .carousel-fade .carousel-item-prev,
#slider .carousel-fade .carousel-item.active,
#slider.carousel-fade .active.carousel-item-left,
#slider .carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}
#slider ol.carousel-indicators {

  text-align: center;
  position: absolute;
  bottom: 15%;
  left: 0;
  right:0;
  margin: 0 auto;
}
#slider ol.carousel-indicators .active
{
  background-color:#f7c02e !important;
  border:2px solid #f7c02e;
}
#slider .section-seperator
{
  position: absolute;
  bottom: 0;
  width: 100%;
}
#slider .slide_nav i
{
  font-size: 16px;
  color: #fff;
  width: 40px;
  height: 40px;
  background-color: #002e5b;
  border:2px solid #002e5b;
  padding: 11px 13px;
}
#slider .slide_nav i:hover
{
  background-color: #f7c02e;
  border-color:#f7c02e; 
  color: #252525;
}

/* ---------------- Button Effects --------------- */

/* Bounce Out */
.hvr-bounce-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Shrink */
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.post-type-msg
{
  color: #000;
}
#our-projects .post-type-msg,#testimonial .post-type-msg
{
  color: #fff;
}
/* ------------ About Us -------------- */

#about-us .about-head
{
  padding-bottom: 40px;
  align-items: center;
}
#about-us .about-head h3
{
  font-size: 24px;
  letter-spacing: 1px;
  color: #926b02;
  font-family: "Nunito Sans";
  font-weight: 700;
  margin-bottom: 0;
}
#about-us .about-head h4
{
  font-size: 36px;
  letter-spacing: 1px;
  color: #002e5b;
  font-family: "NunitoSansBold";
  font-weight: 900;
}
#about-us .about-feature-box
{
  padding-bottom: 25px;
}
#about-us .about-feature-box a
{
  font-size: 24px;
  letter-spacing: 1px;
  color: #002e5b;
  font-family: "Nunito Sans";
  font-weight: 700;
  display: inline-block;
  padding-top: 10px;
}
#about-us .about-feature-box p
{
  font-size:16px;
  letter-spacing: 0px;
  line-height: 25px;
  color: #707173;
  font-family: "Nunito Sans";
  font-weight: 400;
  margin-bottom: 0;
}
#about-us .about-feature
{
  border-bottom: 2px solid #e5e9ee;
}
#about-us .about-images
{
  text-align: right;
}
#about-us .about-feature-box:hover img
{
  transition: 1s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  transform: rotateY(360deg);
}

/* ------------- Our Records ------------ */
#our-records
{
  padding-top: 20px;
}
#our-records h4
{
  font-size: 36px;
  color: #002e5b;
  font-family: "NunitoSansBold";
  font-weight: 900;
  padding-bottom: 0;
}
#our-records h4 span
{
  font-size: 36px;
  color: #002e5b;
  font-family: "NunitoSansBold";
  font-weight: 900;
}
#our-records span
{
  font-size: 22px;
  color: #002e5b;
  font-family: "Nunito Sans";
  font-weight: 600;
}
#our-records h5
{
  font-size: 22px;
  color: #926b02;
  font-family: "Nunito Sans";
  font-weight: 600;
  margin-bottom: 0;
}
#our-records #records-loop
{
  display: none;
}

/* ----------- video ------------- */

#video
{
  border:12px solid #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: max-content;
  width: -moz-max-content;
}
#video i
{
  color: #f7c02e;
  width: 60px;
  height: 60px;
  background-color: #002e5b;
  padding: 12px 15px;
  font-size: 20px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 40%;
  border:8px solid #f1f1f1;
}


/* ------------ Video Popup ----------------- */

/* The Modal (background) */
#about-us .modal-new {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999999999999;
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
#about-us .modal-contents {
  background-color: #fff;
  margin: auto;
  padding: 6px;
  width: 80%;
  transition: 2s;
  border-radius: 10px;
}

/* The Close Button */
#about-us .close-one {
  color: #252525;
  float: right;
  font-size: 28px;
  font-weight: bold;
  padding-right: 20px;
}
#about-us .close-one:hover,
#about-us .close-one:focus {
  text-decoration: none;
  cursor: pointer;
}

/* --------- Partners ----------- */

#our-partners
{
  background-color: #002e5b;
}
#our-partners #partners-loop
{
  display: none;
}

/* ----------- Our Services ---------- */

#our-services .services-head
{
  padding-bottom: 40px;
  align-items: center;
}
#our-services .services-head h3
{
  font-size: 24px;
  letter-spacing: 1px;
  color: #926b02;
  font-family: "Nunito Sans";
  font-weight: 700;
  margin-bottom: 0;
} 
#our-services .services-head h4
{
  font-size: 36px;
  letter-spacing: 1px;
  color: #002e5b;
  font-family: "NunitoSansBold";
  font-weight: 900;
}
#our-services .services-head img
{
  position: absolute;
  top: 10px;
}
#our-services .services-button
{
  text-align: right;
}
#our-services .services-button a
{
  font-size: 14px;
  letter-spacing: 3px;
  color: #002e5b;
  font-family: "NunitoSansBold";
  font-weight: 900;
  text-align: center;
  background-color: #f7c02e;
  padding: 13px 10px;
  border-radius: 3px;
}
#our-services .services-button a:hover
{
  background-color:#002e5b;
  color: #fff; 
}
#our-services .services-box h3
{
  font-size: 20px;
  letter-spacing: 1px;
  color: #002e5b;
  font-family: "Nunito Sans";
  font-weight: 700;
  display: inline-block;
  padding-top: 12px;
}
#our-services .services-text
{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 26px;
  color: #707173;
  font-family: "Nunito Sans";
  font-weight: 400;
}

/* -------------Services Hover Effects ---------- */

.services-box{
  text-align: center;
  overflow: hidden;
  position: relative;

  border:1px solid #eee;
  padding: 20px;
  margin-bottom: 30px;
  position: relative;
}
.services-box .services-box-content{
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transform: perspective(400px) rotateX(-90deg);
  transform-origin: center top 0;
  transition: all 0.5s ease 0s;
}
.services-box:hover .services-box-content{
  opacity: 1;
  transform: perspective(400px) rotateX(0deg);
}
.services-box:hover 
{
  border:none;
}

/* ------------ Our Projects ------------ */

#our-projects
{
  background-color: #002e5b;
}
#our-projects .project-head
{
  align-items: center;
  padding-bottom: 40px;
}
#our-projects .project-head h3
{
  font-size: 24px;
  letter-spacing: 1px;
  color: #f7c02e;
  font-family: "Nunito Sans";
  font-weight: 700;
  margin-bottom: 0;
}
#our-projects .project-head h4
{
  font-size: 36px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: "NunitoSansBold";
  font-weight: 900;
}
#our-projects .project-head img
{
  position: absolute;
  top: 10px;
}
#our-projects .project-tabs 
{
  text-align: right;
}
#our-projects .project-tabs ul
{
  list-style-type: none;
  margin-left: 0;
}
#our-projects .project-tabs ul li
{
  display: inline-block;
  padding: 0 12px;
}
#our-projects .project-tabs ul li a
{
  font-size: 15px;
  color: #ffffff;
  font-family: "Nunito Sans";
  font-weight: 600;
  padding: 0;
}
#our-projects .project-tabs ul li .active
{
  border-bottom: 2px solid #f7c02e;
  color: #f7c02e;
}
#our-projects .container-fluid
{
  padding: 0;
}
#our-projects #projects-loop
{
  display: none;
}

/* ---------- Project Hover ---------- */

.project-box{
  text-align: left;
  overflow: hidden;
  position: relative;
}
.project-box:before,
.project-box:after{
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  transform: scaleX(0);
  transition: all 1s ease 0s;
  opacity: 0.8;
}
.project-box:after{ transform: scaleY(0); }
.project-box:hover:before{ transform: scaleX(1); }
.project-box:hover:after{ transform: scaleY(1); }
.project-box img{
  width: 100%;
  height: auto;
  transition: all 0.5s ease 0s;
  border-radius: 0;
}
.project-box:hover img{
  transform: scale(1.3);
}
.project-box .box-content{
  width: 100%;
  position: absolute;
  top: 9%;
  left: 0;
  z-index: 2;
  padding: 20px;
  opacity: 0;
}
.project-box:hover .box-content
{
  opacity: 1;
  transition: 2s;
}
.project-box .box-content img
{
  margin:0 !important;
}
.project-box:hover .box-content img{
  transform: scale(1);
}
.project-box .box-content h3
{
  font-size: 20px;
  letter-spacing: 1px;
  color: #002e5b;
  font-family: "Nunito Sans";
  font-weight: 700;
  display: inline-block;
  padding: 7px 0;
}
.project-box .box-content .projects-text
{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 26px;
  color: #002e5b;
  font-family: "Nunito Sans";
  font-weight: 400;
  padding-bottom: 8px;
}
.project-box .box-content .project-link
{
  font-size: 16px;
  letter-spacing: 1px;
  color: #002e5b;
  font-family: "Nunito Sans";
  font-weight: 700;
}
#our-projects .owl-dots
{
  max-width: 50%;
  background-color: #33577b;
  margin: 45px auto 0 auto;
  padding: 0;
  border-radius: 40px;
  height: 11px;
}
#our-projects .owl-dots button
{
  opacity: 0;
}
#our-projects .owl-dots .active
{
  opacity: 1;
  background-color: #f7c02e !important;
  width: 300px;
  border-radius: 0;
  height: 11px;
  border-radius: 40px;
  border:none;
  position: relative;
  top: -5px;
}

/* ------------ Our Team ------------- */

#our-team .team-head h3
{
  font-size: 24px;
  letter-spacing: 1px;
  color: #926b02;
  font-family: "Nunito Sans";
  font-weight: 700;
  margin-bottom: 0;
}
#our-team .team-head h4
{
  font-size: 36px;
  color: #002e5b;
  font-family: "NunitoSansBold";
  font-weight: 900;
}
#our-team .team-head img
{
  position: absolute;
  top: 10px;
}
#our-team .team-button
{
  font-size: 14px;
  letter-spacing: 3px;
  color: #002e5b;
  font-family: "NunitoSansBold";
  font-weight: 900;
  text-align: center;
  background-color: #f7c02e;
  padding: 13px 15px;
  border-radius: 3px;
  display: inline-block;
  margin-top: 25px;
}
#our-team .team-button:hover
{
  background-color: #002e5b;
  color: #fff;
}
#our-team .team-tabs ul
{
  list-style-type: none;
  margin-left: 0;
  padding-top: 30px;
}
#our-team .team-tabs ul li a
{
  padding: 0;
}
#our-team .team-tabs ul li .active
{
  border:2px solid #f7c02e;
}
#our-team .team-content
{
  padding-top: 30px;
}
#our-team .team-content h3 a
{
  font-size: 20px;
  letter-spacing: 1px;
  color: #002e5b;
  font-family: "Nunito Sans";
  font-weight: 700;
}
#our-team .team-content span
{
  font-size: 16px;
  letter-spacing: 1px;
  color: #926b02 !important;
  font-family: "Nunito Sans";
  font-weight: 700;
}
#our-team .team-content .team-text
{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 26px;
  color: #707173;
  font-family: "Nunito Sans";
  font-weight: 400;
  padding-top: 17px;
  padding-bottom: 15px;
}
#our-team .team-content p
{
  font-size: 14px;
  letter-spacing: 0px;
  color: #002e5b;
  font-family: "Nunito Sans";
  font-weight: 400;
  margin-bottom: 5px;
}
#our-team .social-profiles
{
  padding-top: 20px;
}
#our-team .social-profiles i
{
  width: 30px;
  height: 30px;
  background-color: #002e5b;
  color: #fff;
  padding: 8px 8px;
  border-radius: 3px;
  margin-right: 5px;
}
#our-team .social-profiles i:hover
{
  background-color: #f7c02e;
  color: #002e5b;
}
#our-team #team-loop
{
  display: none;
}
#our-team .team-info-box 
{
  display: flex;
  align-items: flex-end;
}

/* ------------ Testimonial ------------- */

#testimonial .owl-carousel .owl-dots button {
    border: 2px solid #ffffff;
}
#testimonial .owl-carousel .owl-dots .active {
    border: 2px solid #f7c02e;
}
#testimonial .testimonial-head
{
  padding-bottom: 40px;
  align-items: center;
}
#testimonial .testimonial-head h3
{
  font-size: 24px;
  letter-spacing: 1px;
  color: #f7c02e;
  font-family: "Nunito Sans";
  font-weight: 700;
  margin-bottom: 0;
}
#testimonial .testimonial-head h4
{
  font-size: 36px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: "NunitoSansBold";
  font-weight: 900;
}
#testimonial .testimonial-head img
{
  position: absolute;
  top: -26px;
}
#testimonial .testimonials-box
{
  text-align: center;
}
#testimonial .testimonials-box .testi-text
{
  border:2px solid #fff;
  padding: 30px;
}
#testimonial .testimonials-box .testi-text p
{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 26px;
  color: #ffffff;
  font-family: "Nunito Sans";
  font-weight: 400;
}
#testimonial .testimonials-box img
{
  border-radius: 50%;
  margin-top: 30px;
  border:2px solid #fff;
}
#testimonial .testimonials-box h3
{
  margin-bottom: 5px;
}
#testimonial .testimonials-box h3 a
{
  font-size: 20px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: "Nunito Sans";
  font-weight: 700;
  display: inline-block;
  padding-top: 15px;
}
#testimonial .testimonials-box span
{
  font-size: 16px;
  letter-spacing: 1px;
  color: #cd9602;
  font-family: "Nunito Sans";
  font-weight: 700;
}
#testimonial .testimonials-box:hover .testi-text
{
  background-color: #fff;
}
#testimonial .testimonials-box:hover .testi-text p
{
  color: #002e5b;
}
#testimonial .owl-nav .owl-prev
{
  right: 60px;
  top:-83px;
  left: auto;
}
#testimonial .owl-nav .owl-next
{
  right: 0px;
  top:-83px;
}
#testimonial .owl-nav button:hover i
{
  background-color: #f7c02e;
  border-color: #f7c02e;
}
#testimonial #testimonials-loop
{
  display: none;
}

/* ------------ Our Blog ------------ */

#our-blogs .blog-head
{
  align-items: center;
}
#our-blogs .blog-head h3
{
  font-size: 24px;
  letter-spacing: 1px;
  color: #926b02;
  font-family: "Nunito Sans";
  font-weight: 700;
  margin-bottom: 0;
}
#our-blogs .blog-head h4
{
  font-size: 36px;
  color: #002e5b;
  font-family: "NunitoSansBold";
  font-weight: 900;
}
#our-blogs .blog-head img
{
  position: absolute;
  top: -28px;
}
#our-blogs .blog-text
{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 26px;
  color: #707173;
  font-family: "Nunito Sans";
  font-weight: 400;
  padding-top: 40px;
}
#our-blogs .blog-button
{
  font-size: 14px;
  letter-spacing: 3px;
  color: #002e5b;
  font-family: "NunitoSansBold";
  font-weight: 900;
  text-align: center;
  background-color: #f7c02e;
  padding: 13px 15px;
  border-radius: 3px;
  display: inline-block;
  margin-top: 30px;
}
#our-blogs .blog-button:hover
{
  background-color:#002e5b;
  color: #fff; 
}
#our-blogs .our-blogs-content
{
  align-items: center;
}
#our-blogs .blog-info
{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 26px;
  color: #002e5b;
  font-family: "Nunito Sans";
  font-weight: 400;
  text-align: center;
}
#our-blogs #blog-loop
{
  display: none;
}

/* ---------- Blog Hover ---------- */

.blob-box{
  text-align: center;
  overflow: hidden;
  position: relative;
}
.blob-box img{
  width: 100%;
  height: auto;
}
.blob-box .box-content{
  width: 90%;
  height: 90%;
  background-color: #fff;
  position: absolute;
  top: 5%;
  left: 5%;
  padding: 50% 0 30px;
  opacity: 0;
  transform: scaleX(0);
  z-index: 1;
  transition: all 0.5s ease 0s;
  text-align: center;
}
.blob-box:hover .box-content{
  opacity: 1;
  transform: scaleX(1);
}
.blob-box .box-content h5 a
{
  font-size: 20px;
  letter-spacing: 1px;
  color: #002e5b;
  font-family: "Nunito Sans";
  font-weight: 700;
}
.blob-box .box-content .blog-text
{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 26px;
  color: #002e5b;
  font-family: "Nunito Sans";
  font-weight: 400;
  padding-bottom: 10px;
}
.blob-box .box-content .blog-link
{
  font-size: 16px;
  letter-spacing: 1px;
  color: #002e5b;
  font-family: "Nunito Sans";
  font-weight: 700;
}
#our-blogs .owl-nav button i
{
  background-color: #002e5b;
  color: #fff;
  border:none;
}
#our-blogs .owl-nav button i:hover
{
  background-color: #f7c02e;
  color: #002e5b;
}

/* ------------ Why Choose Us ------------ */

#why-choose-us
{
  padding-bottom: 0;
}
#why-choose-us .why-choose-us-head
{
  align-items: center;
  padding-bottom: 40px;
}
#why-choose-us .why-choose-us-head h3
{
  font-size: 24px;
  letter-spacing: 1px;
  color: #926b02;
  font-family: "Nunito Sans";
  font-weight: 700;
  margin-bottom: 0;
}
#why-choose-us .why-choose-us-head h4
{
  font-size: 36px;
  letter-spacing: 1px;
  color: #002e5b;
  font-family: "NunitoSansBold";
  font-weight: 900;
}
#why-choose-us .why-choose-us-info
{
  padding-bottom: 40px;
}
#why-choose-us .why-choose-us-info h5 a
{
  font-size: 21px;
  letter-spacing: 1px;
  color: #002e5b;
  font-family: "Nunito Sans";
  font-weight: 700;
}
#why-choose-us .why-choose-us-info p
{
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 25px;
  color: #002e5b;
  font-family: "Nunito Sans";
  font-weight: 400;
  margin-bottom: 0;
}
#why-choose-us .why-choose-us-content
{
  background-color: #fff;
  opacity: 0.8;
  padding: 50px 40px;
  margin-bottom: 50px;
}

#why-choose-us .why-choose-us-info:hover img
{
  transition: 1s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  transform: rotateY(360deg);
}

/* ------------ Our Faq ------------- */

#our-faq .our-faq-head
{
  align-items: center;
}
#our-faq .our-faq-head h3
{
  font-size: 24px;
  letter-spacing: 1px;
  color: #926b02;
  font-family: "Nunito Sans";
  font-weight: 700;
  margin-bottom: 0;
}
#our-faq .our-faq-head h4
{
  font-size: 36px;
  letter-spacing: 1px;
  color: #002e5b;
  font-family: "NunitoSansBold";
  font-weight: 900;
}
#our-faq .our-faq-head img
{
  position: absolute;
  top: -26px;
}
#our-faq .our-faq-title
{
  align-items: center;
  padding-bottom: 40px;
}
#our-faq .our-faq-title a
{
  font-size: 14px;
  letter-spacing: 3px;
  color: #002e5b;
  font-family: "NunitoSansBold";
  font-weight: 900;
  text-align: center;
  background-color: #f7c02e;
  padding: 13px 15px;
  border-radius: 3px;
}
#our-faq .our-faq-title a:hover
{
  background-color: #002e5b;
  color: #fff;
}
#our-faq .faq-button
{
  text-align: right;
}
#our-faq #accordion a
{
  font-size: 20px;
  letter-spacing: 1px;
  color: #002e5b;
  font-family: "Nunito Sans";
  font-weight: 600;
}
#our-faq #accordion .card
{
  border:none;
  border-top: 1px solid #cdd5df;
}
#our-faq #accordion .card-header
{
  border:none;
  padding-left: 0;
  cursor: pointer;
  padding: 18px 0;
  background-color: #fff;
}
#our-faq #accordion .card i
{
  color: #f7c02e;
  position: absolute;
  right: 20px;
  top: 23px;
  cursor: pointer;
}
#our-faq #accordion .card-body
{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 26px;
  color: #002e5b;
  font-family: "Nunito Sans";
  font-weight: 400;
  padding-top: 0;
  padding-left: 0;
}
#our-faq #accordion .card:hover .card-header
{
  background-color: #002e5b;
}
#our-faq #accordion .card:hover .card-header a
{
  color: #fff;
}

/* ---------- Home Page Contact ----------- */

#home-contact
{
  padding: 0;
}
#home-contact .home-contact-head
{
  padding-bottom: 40px;
}
#home-contact .home-contact-head h3
{
  font-size: 24px;
  letter-spacing: 1px;
  color: #f7c02e;
  font-family: "Nunito Sans";
  font-weight: 700;
  margin-bottom: 0;
}
#home-contact .home-contact-head h4
{
  font-size: 36px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: "NunitoSansBold";
  font-weight: 900;
}
#home-contact .home-contact-head img
{
  position: absolute;
  right: 14px;
  top: 8px;
}
#home-contact .home-contact-title
{
  font-size: 16px;
  letter-spacing: 0px;
  color: #f7c02e;
  font-family: "Nunito Sans";
  font-weight: 700;
  margin-bottom: 0;
}
#home-contact .home-contact-text
{
  font-size: 30px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: "Nunito Sans";
  font-weight: 700;
  padding-bottom: 12px;
}
#home-contact .home-contact-form
{
  background-color: #f7c02e;
  padding: 35px 25px 25px 25px;
  position: absolute;
  bottom: -50px;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
}
#home-contact .home-contact-form h3
{
  font-size: 36px;
  letter-spacing: 1px;
  color: #002e5b;
  font-family: "NunitoSansBold";
  font-weight: 900;
  padding-bottom: 15px;
}
#home-contact .home-contact-form input[type="text"]
{
  font-size: 16px;
  letter-spacing: 0px;
  color: #002e5b;
  font-family: "Nunito Sans";
  font-weight: 400;
  border:none;
  background-color: #fff;
}
#home-contact .home-contact-form input[type="text"]::placeholder
{
  font-size: 16px;
  letter-spacing: 0px;
  color: #002e5b;
  font-family: "Nunito Sans";
  font-weight: 400;
}
#home-contact .home-contact-form input[type="email"]
{
  font-size: 16px;
  letter-spacing: 0px;
  color: #002e5b;
  font-family: "Nunito Sans";
  font-weight: 400;
  border:none;
  background-color: #fff;
}
#home-contact .home-contact-form input[type="email"]::placeholder
{
  font-size: 16px;
  letter-spacing: 0px;
  color: #002e5b;
  font-family: "Nunito Sans";
  font-weight: 400;
}
#home-contact .home-contact-form select
{
  font-size: 16px;
  letter-spacing: 0px;
  color: #002e5b;
  font-family: "Nunito Sans";
  font-weight: 400;
  background-color: #fff;
  border:none;
  padding: 11px 7px;
}
#home-contact .home-contact-form textarea
{
  font-size: 16px;
  letter-spacing: 0px;
  color: #002e5b;
  font-family: "Nunito Sans";
  font-weight: 400;
  background-color: #fff;
  border:none;
  margin-top: 22px;
  margin-bottom: 18px;
}
#home-contact .home-contact-form textarea::placeholder
{
  font-size: 16px;
  letter-spacing: 0px;
  color: #002e5b;
  font-family: "Nunito Sans";
  font-weight: 400;
}
#home-contact .home-contact-form input[type="submit"]
{
  font-size: 16px;
  letter-spacing: 3px;
  color: #f7c02e !important;
  font-family: "NunitoSansBold";
  font-weight: 900;
  text-align: center;
  background-color: #002e5b !important;
  width: 100%;
  padding: 12px 0;
}
#home-contact .home-contact-form input[type="submit"]:hover
{
  background-color: #fff !important;
  color: #002e5b !important;
}
#home-contact .home-contact-content
{
  padding-top: 50px;
  padding-bottom: 50px;
}
#home-contact .message
{
  color: #fff;
}

/* ------------ Our Shop --------------- */

#our-shop 
{
  padding-top: 8%;
}
#our-shop .shop-head
{
  padding-bottom: 40px;
}
#our-shop .shop-head h3
{
  font-size: 24px;
  letter-spacing: 1px;
  color: #926b02;
  font-family: "Nunito Sans";
  font-weight: 700;
  margin-bottom: 0;
}
#our-shop .shop-head h4
{
  font-size: 36px;
  letter-spacing: 1px;
  color: #002e5b;
  font-family: "NunitoSansBold";
  font-weight: 900;
}

#our-shop .shopbox h5 a
{
  font-size: 16px;
  letter-spacing: 0px;
  color: #002e5b;
  font-family: "Nunito Sans";
  font-weight: 600;
  display: inline-block;
  padding-top: 15px;
}
#our-shop .shopbox del
{
  font-size: 16px;
  letter-spacing: 0px;
  color: #002e5b;
  font-family: "Nunito Sans";
  font-weight: 900;
}
#our-shop .shopbox ins
{
  font-size: 16px;
  letter-spacing: 0px;
  color: #002e5b;
  font-family: "Nunito Sans";
  font-weight: 900;
  text-decoration: none;
}
#our-shop .product-image
{
  background-color: #fff;
  padding: 20px;
  position: relative;
}
#our-shop #shop-loop
{
  display: none;
}
#our-shop .owl-nav .owl-prev
{
  right:65px;
  top: -73px;
  left: auto;
}
#our-shop .owl-nav .owl-next
{
  right:0px;
  top: -73px;
  left: auto;
}

/* --------- Product hover ----------- */

#our-shop .shopbox{
  text-align: center;
  overflow: hidden;
  position: relative;
  background-color: #f5f5f5;
  padding: 20px;
}

#our-shop .shopbox .box-content{
  width: 97.1%;
  padding: 20px 0;
  background-color: #002e5b;
  position: absolute;
  bottom: 5px;
  left: 5px;
  right: 5px;
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.3s ease 0s;
}
#our-shop .shopbox:hover .box-content{
  opacity: 1;
  transform: translateY(0);
}
#our-shop .shopbox .box-content a
{
  font-size: 14px;
  color: #fff;
  font-family: "Nunito Sans";
  font-weight: 900;
  text-align: center;
}
#our-shop .shopbox .added_to_cart
{
  padding: 7px 10px;
  display: block;
}

/* ----------- Connect Us ------------ */

#connect-us
{

clip-path: polygon(0 0, 100% 0, 100% 89%, 70% 89%, 67% 100%, 34% 100%, 30% 89%, 0 89%);
}
#connect-us .connect-us-text 
{
  text-align: center;
}
#connect-us .connect-us-text h4
{
  font-size: 30px;
  letter-spacing: 1px;
  color: #002e5b;
  font-family: "NunitoSansBold";
  font-weight: 900;
  padding-top: 25px;
}
#connect-us .connect-us-text p
{
  font-size: 18px;
  letter-spacing: 0px;
  color: #002e5b;
  font-family: "Nunito Sans";
  font-weight: 700;
  padding-top: 25px;
}
#connect-us .connect-us-text a
{
  font-size: 16px;
  letter-spacing: 3px;
  color: #002e5b;
  font-family: "NunitoSansBold";
  font-weight: 900;
  background-color: #fff;
  padding: 13px 10px;
  display: inline-block;
  margin-top: 25px;
  margin-bottom: 25px;
}
#connect-us .connect-us-text a:hover
{
  background-color: #002e5b;
  color: #fff;
}

/*--------------- Sidebar -----------------*/

#sidebar td#prev a {
 color: #6c6c6c;
}
#sidebar caption {
 font-weight: bold;
 color: #6c6c6c;
 font-size: 20px;
}
#sidebar table,#sidebar th,#sidebar td {
 border: 1px solid #e1e1e1;
 text-align: center;
}
#sidebar td {
 padding: 7px;
 color: #6c6c6c;
}
#sidebar th {
 text-align: center;
 padding: 5px;
 color: #6c6c6c;
}
#sidebar select {
 padding: 10px 5px;
 border: solid 1px #e1e1e1;
 color: #6c6c6c;
 background: transparent;
}
#sidebar form{
 text-align: center;

}
#sidebar h3 {
  font-size: 24px;
  color: #222222;
  font-weight: 600;
  padding-bottom: 15px;
  margin-bottom: 11px;
  text-align: center;
  border-bottom: 1px solid #e7e7e7;
  font-family: "Poppins";
}
#sidebar input[type="search"] {
 padding:10px 10px;
 font-size:15px;
 margin-bottom: 10px;
 color:#6c6c6c;
 border: solid 1px #e1e1e1;
 width: 100%;
}
#sidebar label{
 margin-bottom: 0;
 width: 100%;
}
#sidebar input[type="submit"]{
 background-color :#002e5b !important;
 color:#fff !important;
 padding:10px 0;
 font-size:12px;
 width: 100%;
 letter-spacing: 2px;
 font-weight: bold;
}
#sidebar .widget {
 padding: 20px;
 border: 1px solid #121212;
 margin-bottom: 50px;
}
#sidebar ul {
 list-style: none;
 margin: 0;
 padding: 0;
 font-size: 17px;
}
#sidebar ul li{
 font-weight: 600;
  color: #343434;
  font-size: 15px;
  border-bottom: 1px solid #e1e1e1;
  padding: 10px 0;
}
#sidebar ul li:last-child
{ 
  border:none;
}
#sidebar ul li a {
  font-weight: 600;
  color: #343434;
  font-size: 15px;
}
#sidebar .tagcloud a{
 border: solid 1px #e1e1e1;
 color:#6c6c6c;
 font-size:15px !important;
 padding:5px 18px;
 margin:0 0 5px;
 display:inline-block;
}
#sidebar .tagcloud a:hover{
 background:#111;
 color: #fff;
}
span.credit_link a {
  color: #f7c02e;
}

.single-post-content p
{
  font-size: 18px;
  color: #252525;
  line-height: 28px;
}
.outer_dpage p
{
  font-size: 16px;
  color: #8fa3aa;
  line-height: 28px;
}

/*------------- Page -----------------*/
.title-box{
  color:#fff;
  text-transform:uppercase;  
  font-weight:bold;
  text-align:center;
  margin-bottom:25px;
}
.title-box img{
  width:100%;
}
.title-box h1 {
  font-weight: bold;
  text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58);
}
.above_title {
  position: absolute;
  right: 0;
  left: 0;
  margin-top: 10%;
}

.middle-content {
  padding-bottom: 20px;
}
.shrtcod-pg{
  border:1px solid #bbb;
}
.shrt_socio i{
  border: 1px solid #bbb;
  padding: 10px;
  margin-right: 10px;
}
/*---------------- Contact Us Widget ----------------*/
.contact_us_icon i {
  color: #24272e;
  margin: 10px 0;
  font-size: 24px;
}
.widget_recent_entries li a {
  font-size: 14px;
}
.widget_recent_entries span.post-date {
  width: 100%;
  padding-left: 15px;
  margin-bottom: 11px;
  text-align: left;
  font-size: 14px;
  letter-spacing: 0px;
  color: #aca9a9;
}
/*---------------- Pagination ----------------*/
.navigation {
  font-size:14px; 
  font-weight:bold;
  margin: 10px 0;
}
 
.navigation a {
  padding: 0;
}
.navigation span, .navigation a {
  display: block;
  float: left;
  padding: 10px 15px 0 15;
  margin-bottom: 10px;
  margin-right: 10px;
  color: #5b5b5b;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
  font-weight: normal;
}
.navigation span.meta-nav {
  font-weight: bold;
}
.navigation .current{
  background: #333333; 
  color:#ffffff;
  font-weight:normal;
}
.navigation
{
  padding-bottom: 30px;
}
.pagination a:hover
{
  background-color: #24272e !important;
}

/* ------------- Category --------------------*/
.category-page h4{
  text-align: left !important;
}
ul.post-categories {
  list-style: none;
  margin: 0;
}
ul.post-categories li
{
  display: inline-block;
}
ul.post-categories li:after
{
  content: ' ,';
}
ul.post-categories li:last-child:after
{
  content: '';
}
ul.post-categories a {
  color: #333333;
}
.content_boxes {
    padding: 0;
    border: none;
}
.post_ctg span {
  float: left;
  margin-right: 7px;
}
.post_tag .meta-sep
{
  font-weight: bold;
}
.post_tag a:after
{
  content: ", ";
  display: inline-block;
}
.post_tag a:last-child:after
{
  content: "";
}

/*-------------- Main Title ---------------*/
.share_icon i {
  padding: 10px 10px 10px 8px;
  margin: 0 0;
  color: #ffffff;
  background-color: #333333;
  width: 36px;
  margin: 0 4px;
  text-align: center;
}
.share_icon i.fab.fa-facebook-f{
  background-color: #3c5a99;
}
.share_icon i.fab.fa-linkedin-in{
  background-color: #007bb5;
}
.share_icon i.fab.fa-google-plus-g{
  background-color: #da4835;
}
.share_icon i.fab.fa-twitter{
  background-color: #55acee;
}
.services_inner h4, .services_inner .short_text {
    color: #ffffff;
}
.view-more {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.menubar.scrolled li.search-box {
    display: block !important;
}
/*-------------- Owl crousel ---------------*/
.owl-carousel .owl-dots
{
  text-align: center;
  padding-top: 30px;
}
.owl-carousel .owl-dots button
{
  width: 11px;
  height: 11px;
  background-color: transparent !important;
  margin: 0 5px;
  outline: none;
  border:2px solid #122f5a;
}
.owl-carousel .owl-dots .active
{
  background-color: #f7c02e !important;
  border:2px solid #f7c02e;
}
.owl-carousel .owl-item img {
  width: auto !important;
  margin: 0 auto;
  width: auto;
}
#our_partners img{
  width: auto !important;
}

button.owl-next, button.owl-prev {
  background: #1e202c;
}
button.owl-prev {
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  padding: 10px 20px;
  outline: none;
}
button.owl-next {
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  padding: 10px 20px;
  outline: none;
}
.owl-carousel .owl-nav i
{
  color: #002e5b;
  font-size: 15px;
  width: 40px;
  height: 40px;
  padding: 12px 10px;
  border:1px solid #cbcece;
  background-color: #fff;
}


/*-------------- Woocommerce ---------------*/

.woocommerce .summary h1 {
    font-size: 28px;
}
.woocommerce div.product form.cart div.quantity {
  margin-right: 20px;
}
.woocommerce .quantity input{
  padding: 5px 0px;
}
.woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: #002e5b !important;
  border-radius: 0;
  padding: 10px 14px;
  color: #ffffff !important;
  border-radius: 5px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price{
  color: #002e5b !important;
}

#contentwoocom {
  padding: 20px 15px;
}
h2.woocommerce-loop-product__title {
  text-align: center;
}
.woocommerce ul.products li.product .price{
  text-align: center;
}
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  text-align: center;
  margin: 0 auto;
  display: table;
  margin-bottom: 20px;
  border-radius: 5px;
}
li.product {
  border: 1px solid #ddd;
  padding-bottom: 17px;
}
.woocommerce span.onsale{
  background-color: #24272e !important;
}
.woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2{
    max-width: 100%;
}
input#password, input#reg_password {
    padding: 10px;
}
.woocommerce div.product form.cart .variations select{
  background-color: #ffffff; 
}
.u-column1.col-1.woocommerce-Address, .u-column2.col-2.woocommerce-Address {
    width: 100%;
    max-width: 100%;
}
.woocommerce a.added_to_cart {
  padding: 0 .5em .5em;
  display: inline-block;
}
.woocommerce h1,.woocommerce h2,.woocommerce h3
{
  font-family: "Nunito Sans";
  color:#222;
}
.woocommerce-cart table.cart td.actions .coupon .input-text
{
  width: 53%;
}
.woocommerce .woocommerce-MyAccount-content .form-row
{
  display: block !important;
}
.woocommerce .woocommerce-MyAccount-navigation ul
{
  list-style-type: none;
  border:2px solid #222;
  margin-left: 0;
  max-width: 71%;
}
.woocommerce .woocommerce-MyAccount-content .form-row
{
  display: block !important;
}
.woocommerce .woocommerce-MyAccount-navigation ul
{
  list-style-type: none;
  border:2px solid #222;
  margin-left: 0;
  max-width: 71%;
}
.woocommerce .woocommerce-MyAccount-navigation ul li
{
  border-bottom:2px solid #222;
  padding: 10px 25px 10px 15px;
  background-color: transparent;
  box-shadow: none;
}
.woocommerce .woocommerce-MyAccount-navigation ul li:last-child
{
  border: none;
}
.woocommerce .woocommerce-MyAccount-navigation ul li a
{
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 30px;
  color: #1f1e1e;
  font-family: "Roboto";
}
.woocommerce form .form-row.woocommerce-invalid label
{
  color:#8fa3aa;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
  background: #111111;
  color:#fff;
  
}
.woocommerce .form-row
{
  display: unset;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last
{
  width: 100%;
}
.woocommerce #order_review table th
{
  text-align: left;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment
{
  padding: 20px;
}
.woocommerce div.product div.images img
{
  width: auto !important;
}
#single-product-page
{
  padding-top: 40px;
}
.woocommerce-Tabs-panel p
{
  font-size: 14px;
  letter-spacing: 1px;
  color: #a7a9ac;
  font-family: "Roboto";
  font-weight: 500;
  margin-bottom: 0;
}
.woocommerce-products-header__title
{
  letter-spacing: 0px;
  color: #222;
  font-family: "Muli";
  font-weight: 800;
}
#primary 
{
  padding-top: 30px;
}
.woocommerce .woocommerce-breadcrumb a
{
  font-size: 14px;
  letter-spacing: 1px;
  color: #222222;
  font-family: "Nunito Sans";
  font-weight: 500;
}
.woocommerce .woocommerce-breadcrumb
{
  font-size: 14px;
  letter-spacing: 1px;
  color: #222222;
  font-family: "Nunito Sans";
  font-weight: 500;
}

.woocommerce .woocommerce-result-count
{
  font-size: 14px;
  letter-spacing: 1px;
  color: #222222;
  font-family: "Nunito Sans";
  font-weight: 500;
}
.woocommerce .woocommerce-ordering select
{
  background-color: #222;
  color:#fff;
  border-radius: 5px;
}
.shop-page ul.products li.product .onsale
{
  border-radius: 50%;
  padding: 0px 10px;
  font-size: 14px;
  left: 0;
  right: auto;
  width: 50px;
  height: 50px;
}
.woocommerce ul.products li.product .price ins
{
  text-decoration: none;
}
.woocommerce nav.woocommerce-pagination ul li span.current 
{
  color: #222 !important;
}
.woocommerce nav.woocommerce-pagination ul
{
  border:none;
}
.woocommerce nav.woocommerce-pagination ul li
{
  margin-right: 10px;
}
.woocommerce nav.woocommerce-pagination ul li a:hover
{
  color:#fff !important;
  background-color: #002e5b !important;
}

.woocommerce-page ul.products li.product:hover .onsale
{
  background-color: #222;
  color:#fff;
}
.woocommerce-page ul.products li.product:hover .add_to_cart_button.ajax_add_to_cart
{
  background-color: #222;
  color:#fff;
}
.woocommerce-page ul.products li.product:hover .price
{
  color: #222;
}
.woocommerce-page ul.products a.added_to_cart
{
  display: inherit;
  font-size: 14px;
  letter-spacing: 1px;
  color: #222222;
  font-family: "Nunito Sans";
  font-weight: 700;
  text-align: center;
}
#single-product-page span.onsale
{
  border-radius: 50% !important;
  padding: 0px 10px !important;
  font-size: 13px !important;
  left: 0 !important;
  right: auto;
  display: inline-block;
  width: 45px;
  height: 45px;
}
.woocommerce div.product p.price ins
{
  text-decoration: none;
}
.woocommerce-message
{
  border-color:#002e5b !important;
}
.woocommerce-message::before
{
  color: #002e5b !important;
}
.woocommerce-message
{
  font-size: 14px;
  letter-spacing: 1px;
  color: #222222;
  font-family: "Nunito Sans";
  font-weight: 500;
}
.woocommerce .product_meta span
{
  font-size: 14px;
  letter-spacing: 1px;
  color: #222222;
  font-family: "Nunito Sans";
  font-weight: 600;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li
{
  background-color: #002e5b !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a
{
  color:#fff !important;
}
.woocommerce .related
{
  padding-top: 30px;
}
.woocommerce table.shop_table th
{
  color:#222;
}
.woocommerce .woocommerce-cart-form__cart-item a
{
  color: #222;
  font-weight: bold;
}
.woocommerce .woocommerce-cart-form__cart-item td
{
  color: #222
}
.woocommerce table.shop_table td
{
  color: #222;
}
.woocommerce .woocommerce-error
{
  color:#222;
}
.woocommerce form .form-row label, .woocommerce-page form .form-row label
{
  color: #222;
  display: inline-block !important;
}
.shop-page ul.products li.product a img
{
  width: auto !important;
}

/*----------------- Product Star Rating--------------*/

.woocommerce ul.products li.product .star-rating{
 color: #fec806;
 margin: 0 auto;
 display: block;
 float: none;
 overflow: hidden;
 position: relative;
 height: 1.7em;
 line-height: 1;
 font-size: 1em;
 width: 66%;
 font-family: star;
 
}
.star-rating{
  color: #ffca04;
  font-size: .857em;
  display: block;
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star;
  margin-bottom: 13px;
  margin-top: 5px;
}
.woocommerce .star-rating::before{
 content: "\73\73\73\73\73";
 color: #d3ced2;
 float: left;
 top: 0;
 left:0;
 position: absolute;
}
.star-rating span{
 overflow: hidden;
 float: left;
 top: 0;
 left: 0;
 position: absolute;
 padding-top: 1.5em;
}
.woocommerce .star-rating span::before{
 content: "\53\53\53\53\53";
 top: 0;
 position: absolute;
 left: 0;
}

.shop-page .star-rating span::before
{
  left: 46px !important
}
.shop-page .star-rating::befores
{
  left: 46px !important
}
 
/* ----------- Unit Testing ------------- */

.outer_dpage table
{
  text-align: center;
}
.outer_dpage table th
{
  text-align: center;
}

/*-------------- media section ---------------*/
@media screen and (max-width:576px) {
  
  .woocommerce-checkout .woocommerce-checkout .col-1,.woocommerce-checkout .woocommerce-checkout .col-2
  {
    max-width: 100% !important;
  }
  #slider h2 {
    font-size: 12px !important;
    padding-top: 0;
    text-align: center;
    line-height: 21px;  
  }
  #slider .inner_carousel h2 small{
    font-size: 12px !important;
    margin-bottom: 6px;
  }
  .woocommerce-cart table.cart td.actions .coupon .input-text
  {
    width: 37%;
  }
  #slider ol.carousel-indicators
  {
    display: none;
  }
  section{
    padding: 40px 0;
    background-size: cover;
  }
  blockquote{
    width: 100%;
  }
  #slider p{
    margin: 0 0 9px 0;
  }
  #slider h5{
    font-size: 16px;
    letter-spacing: 4px;
    margin-bottom: 0;
    display: none;  
  }
  section h2{
    font-size: 22px;
  }
  
  .serach_inner input.search-field {
    width: 85%;
  }
  .contact-info{
    text-align: center;
  } 
  .logo p
  {
    line-height: 17px;
  }
  #header .header-search
  {
    text-align: right;
    justify-content: flex-end;
    padding-right: 30px;
  }
  .header-nav
  {
    padding-top: 0;
    padding-left: 15px;
  }
  #slider p
  {
    font-size: 18px;
    display: none;
  }
  #header .search-form label
  {
    width: 53%;
  }
  input.search-field
  {
    width: 97%;
  }
  .slider-box
  {
    padding: 0;
    max-width: 80%;
    left: 0;
    right: 0;
    border-style: none;
    top: 51%;
    text-align: center;
    margin: 0 auto;
    padding: 10px;
    clip-path: none;
  }
  #slider .carousel-prev-button
  {
    left: -0px;
    bottom: 36%;
  }
  #slider .carousel-next-button
  {
    right: 20px;
    bottom: 36%;
    left: auto;
  }
  #slider .slide_nav a
  {
    padding: 4px;
  }
  .logo h1 a
  {
    font-size: 21px;
  }
  .post-navigation .nav-previous
  {
    width: 100%;
  }
  .post-navigation .nav-next 
  {
    width: 100%;
  }
  .search_popup input.search-submit
  {
    padding:3px 20px; 
  }
  .contact-info-box .c_content
  {
    text-align: center;
  }
  .toggle-nav
  {
    margin-top: 5px !important;
    left: 20px;
  }
  .serach_inner form.search-form
  {
    text-align: center;
  }
  .main-header-box .header-search:after
  {
    border:none;
  }
  #video
  {
    position: relative;
    width: 100%;
    margin-top: 20px;
  }
  .home.page-template .main-header-box
  {
    position: unset;
  }
  #our-projects .owl-dots .active
  {
    width: 100px;
  }
  .main-header-box .topbar
  {
    text-align: center;
  }
  .main-header-box .logo
  {
    text-align: center;
    padding-top: 12px;
  }
  .topbar-button
  {
    text-align: center;
    padding-top: 12px;
  }
  .main-header-box .header-social-icon
  {
    text-align: center;
    padding-bottom: 30px;
  }
  #slider .slider-button-2
  {
    padding: 1px 12px;
    margin-top: 10px;
  }
  #slider .slider-button-1
  {
    padding: 1px 12px;
  }
  #about-us .about-head
  {
    text-align: center;
  }
  #about-us .about-feature
  {
    text-align: center;
  }
  #our-records .record_box
  {
    text-align: center;
  }
  #our-services .services-head img
  {
    position: unset;
  }
  #our-services .services-head
  {
    text-align: center;
  }
  #our-services .services-button
  {
    text-align: center;
    padding-top: 15px;
  }
  #our-projects .project-head
  {
    text-align: center;
  }
  #our-projects .project-head img
  {
    position: unset;
  }
  #our-projects .project-tabs
  {
    text-align: center;
    padding-top: 20px;
  }
  #our-team .team-head
  {
    text-align: center;
  }
  #our-team .team-head img
  {
    position: unset;
  }
  #our-team .team-tabs
  {
    text-align: center;
    padding-bottom: 30px;
  }
  #our-team .tab-pane
  {
    text-align: center;
  }
  #testimonial .testimonial-head
  {
    text-align: center;
  }
  #testimonial .testimonial-head img
  {
    position: unset;
  }
  #testimonial .owl-nav .owl-prev
  {
    left: 0;
    top: 0;
  }
  #testimonial .owl-nav .owl-next
  {
    right: 0;
    top: 0;
  }
  #our-blogs .blog-head img
  {
    position: unset;
  }
  #our-blogs .our-blogs-content
  {
    text-align: center;
  }
  #our-blogs .owl-carousel
  {
    padding-top: 20px;
  }
  #why-choose-us .why-choose-us-img img
  {
    position: unset;
  }
  #why-choose-us .why-choose-us-head
  {
    text-align: center;
  }
  #why-choose-us .why-choose-us-info h5 a
  {
    display: inline-block;
    padding-top: 10px;
  }
  #why-choose-us .why-choose-us-info
  {
    text-align: center;
  }
  #our-faq .our-faq-head img
  {
    position: unset;
  }
  #our-faq .our-faq-head
  {
    text-align: center;
  }
  #our-faq .faq-button
  {
    text-align: center;
    padding-top: 30px;
  }
  #home-contact .home-contact-form
  {
    position: unset;
  }
  #home-contact .home-contact-head img
  {
    position: unset;
  }
  #home-contact .home-contact-content
  {
    text-align: center;
  }
  #home-contact
  {
    padding-bottom: 50px;
  }
  #our-shop .shop-head
  {
    text-align: center;
  }
  #connect-us
  {
    clip-path: none;
  }
  #footer .footer-content
  {
    text-align: center;
  }
  .copyright
  {
    text-align: center;
  }
  .copyright .socialbox
  {
    text-align: center;
    padding-top: 20px;
  }
  #footer .footer-details
  {
    padding-bottom: 20px;
  }
  .short-projects .project-box
  {
    max-width: 300px;
    margin: 30px auto 0 auto; 
  }
  .all-team
  {
    text-align: center;
  }
  #our-team
  {
    text-align: center;
  }
  .sticky
  {
    padding: 0 10px;
  }
  #our-shop .owl-nav .owl-prev
  {
    right: auto;
    top: 40%;
  }
  #our-shop .owl-nav .owl-next
  {
    right: 0;
    top: 40%;
  }
}
@media screen and (min-width: 577px) and (max-width:767px){
  .woocommerce-checkout .woocommerce-checkout .col-1,.woocommerce-checkout .woocommerce-checkout .col-2
  {
    max-width: 100% !important;
  }
  button.owl-next{
    right:0;
  }
  button.owl-prev{
    left:0;
  }
  .top_bar_link{
    text-align: center;
  }
  .top_bar_link a {
    display: table;
    margin: 20px auto;
    text-align: center;
  }
  .top_bar_link{
    padding: 0 15px !important;
  }
  .post_dec{
    display: none;
  }
  .contact_details {
    padding: 12px 0;
    position: static;
    right: 0;
    top: 50%;
    transform: unset;
  }
  .logo_footer {
    margin-bottom: 20px;
  }
  .footer_form {
     padding: 0; 
  }
  .postbox h3{
    line-height: 22px;
  }
  #latest_post .owl-nav {
    position: static;
    margin: 0 auto;
    text-align: center;
  }
  .meta_post span {
    font-size: 12px;
  }
  .postbox .postbox-content{
    padding: 5px 15px;
  }
  .search-box span {
    float: right;
  }
  .contact_details ul li{
    display: block;
    color: #ffffff;
  }
  .woocommerce-cart table.cart td.actions .coupon .input-text
  {
    width: 37%;
  }
  #slider h2{
    font-size: 16px;
    padding-bottom: 0;
    line-height: 24px;
  }
  #slider .inner_carousel h2 small{
    font-size: 15px !important;
  }
  #slider .carousel-caption.d-none.d-md-block {
      display: block !important;
  }
  #slider p.font-weight-bold {
      display: none;
  }

  #header .logo a.custom-logo-link{
    position: static;
  }

  #masthead #site-branding img,
  #masthead.scrolled #site-branding img{
    max-height: 40px;
    width: auto;
  }
  .main-navigation li,
  #masthead.scrolled .main-navigation li{
    display: block;
    line-height: 1.5 !important;
  }
  .sf-arrows .sf-with-ul{
    padding-right: 0;
  }
  .menu > ul > li > a{
    padding: 10px 0;
  }
  .main-navigation ul ul{
    position: static;
    width: 100%;
    box-shadow: none;
  }
  
  #home-slider-section .bx-wrapper .bx-controls-direction a{
    display: none;
  }
  .slide-button-left,
  .slide-button-right{
    padding: 7px 25px 7px 25px;
    min-width: 160px;
    font-size: 16px;
  }
  .woocommerce div.product div.images .flex-control-thumbs{
    margin: 10px 0 0 0;
  }
  .innermenubox {
    position: static;
  }
  .contact-box .wpcf7 input[type="text"],
  .contact-box .wpcf7 input[type="email"],
  .contact-box .wpcf7 textarea{
    width: 100% !important;
  }
  
  #slider p
  {
    margin: 0;
    max-width: 87%;
  }
  .slider-box
  {
    max-width: 80%;
    top: 39%;
    border:none;
    padding: 20px 30px 20px 30px;
    left: 15px;
  }
  .header-nav
  {
    padding-top: 6px;
    padding-left: 35px;
  }
  .logo h1 a
  {
    font-size: 23px;
  }
  .home .main-navigation ul
  {
    border-bottom: none;
  }
  section
  {
    background-size: cover;
  }
  .home.page-template .main-header-box
  {
    position: unset;
  }
  .main-header-box .header-phone
  {
    text-align: right;
  }
  .main-header-box .logo
  {
    text-align: center;
    padding-top: 15px;
  }
  .main-header-box .header-social-icon
  {
    text-align: right;
  }
  #slider ol.carousel-indicators
  {
    bottom: 6%;
  }
  #slider .carousel-prev-button
  {
    bottom: 56%;
  }
  #slider .carousel-next-button
  {
    bottom: 56%;
  }
  #video
  {
    position: relative;
    text-align: center;
    margin: 20px auto 0 auto;
  }
  #about-us .about-images
  {
    text-align: center;
  }
  #about-us .about-head
  {
    padding-top: 20px;
    text-align: center;
  }
  #about-us .about-feature-box
  {
    text-align: center;
  }
  #our-services .services-head img
  {
    position: unset;
  }
  #our-services .services-head
  {
    text-align: center;
  }
  #our-services .services-button
  {
    text-align: center;
    margin-top: 20px;
  }
  #our-projects .project-head img
  {
    position: unset;
  }
  #our-projects .project-head
  {
    text-align: center;
  }
  #our-projects .project-tabs
  {
    text-align: center;
    margin-top: 20px;
  }
  #our-projects .owl-dots .active
  {
    width: 100px;
  }
  #our-team .team-head img
  {
    position: unset;
  }
  #our-team
  {
    text-align: center;
  }
  #our-team .team-head
  {
    text-align: center;
  }
  #our-team #team-dec
  {
    margin-top: 20px;
  }
  #testimonial .testimonial-head img
  {
    position: unset;
  }
  #our-blogs .blog-head img
  {
    position: unset;
  }
  #why-choose-us .why-choose-us-img img
  {
    position: unset;
  }
  #our-blogs .blog-button
  {
    margin-bottom: 30px;
  }
  #why-choose-us .why-choose-us-content
  {
    text-align: center;
  }
  #why-choose-us .why-choose-us-info h5 a
  {
    display: inline-block;
    padding-top: 12px;
  }
  #our-faq .our-faq-head img
  {
    position: unset;
  }
  #our-faq .faq-button
  {
    text-align: left;
    margin-top: 20px;
  }
  #home-contact .home-contact-form
  {
    position: unset;
  }
  #home-contact .home-contact-head img
  {
    position: unset;
  }
  #home-contact
  {
    padding-bottom: 50px;
  }
  #footer .footer-content
  {
    padding-top: 30px;
  }
  #footer .footer-content p
  {
    padding-top: 15px;
  }
  .copyright p
  {
    text-align: center;
  }
  .copyright .socialbox
  {
    text-align: center;
    padding-top: 20px;
  }
  .woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n)
  {
    float: left !important;
  }
  #connect-us
  {
    clip-path: none;
  }
  .sticky
  {
    padding: 0 10px;
  }
  #our-shop .owl-nav .owl-prev
  {
    right: auto;
    top: 40%;
  }
  #our-shop .owl-nav .owl-next
  {
    right: 0;
    top: 40%;
  }
}

@media screen and (min-width: 768px) and (max-width:991px) {

  #slider h2
  {
    font-size: 20px;
    line-height: 25px;
  }
  #slider p
  {
    margin: 0;
    max-width: 90%;
    line-height: 21px;
    padding-bottom: 20px;
  }
  #slider .carousel-prev-button
  {
    bottom: 52%;
  }
  #slider .carousel-next-button
  {
    bottom: 52%;
    right: 20px;
  }
  .search-form button i {
    font-size: 12px !important;
    padding-right: 2px !important;
  }

  #header .header-search
  {
    position: unset;
  }
  .slider-box
  {
    top: 43%;
    max-width: 73%;
    border:none;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .home .main-navigation ul
  {
    border-bottom: none;
  }
  #footer #site-navigation ul li
  {
    padding-top: 14px;
    padding-bottom: 11px;
  }
  .toggle-nav
  {
    margin-top: 4px !important;
    left: 0px;
  }
  .sticky .toggle-nav
  {
    margin-top: 3px !important;
  }
  
  .home.page-template .site-header
  {
    position: unset;
    background-color: #24272e;
  }
  #site_top .topbar-contact
  {
    display: unset;  
  }
  #site_top .topbar-contact span
  {
    display: block;
  }
 
  .logo h1 a
  {
    font-size: 19px;
  }
  #site_top .socialbox i
  {
    padding-right: 7px;
  }
  .home.page-template .main-header-box
  {
    position: unset;
  }
  .main-header-box .header-phone
  {
    text-align: right;
  }
  .main-header-box .header-social-icon
  {
    text-align: right;
  }
  .main-header-box .logo
  {
    text-align: center;
  }
  #slider ol.carousel-indicators
  {
    bottom: 8%;
  }
  #about-us .about-images
  {
    text-align: center;
  }
  #video
  {
    position: relative;
    text-align:center;
    margin: 20px auto 20px auto;
  }
  #our-records
  {
    text-align: center;
  }
  #our-projects .project-tabs
  {
    text-align: center;
    padding-top: 20px;
  }
  .project-box
  {
    max-width: 350px;
    margin: auto;  
  }
  #our-projects .owl-dots .active
  {
    width: 140px;
  }
  #testimonial .testimonial-head img
  {
    position: unset;
  }
  #our-blogs .blog-text
  {
    padding-top: 20px;
  }
  #our-blogs .blog-button
  {
    margin-bottom: 20px;
    margin-top: 15px;
  }
  #our-faq .faq-image
  { 
    text-align: center;
  }
  #our-shop
  {
    padding-top: 11%;
  }
  #footer .footer-content
  {
    padding-top: 30px;
  }
  #why-choose-us .why-choose-us-img img
  {
    position: unset;
  }
  #why-choose-us .why-choose-us-img
  {
    text-align: center;
  }
  .all-team .team_details
  {
    align-items: center;
  }
  .woocommerce .quantity .qty
  {
    width: 6em !important;
  }
  #our-faq .our-faq-title a
  {
    letter-spacing: 0;
  }
  #our-shop .owl-nav .owl-prev
  {
    right: auto;
    top: 40%;
  }
  #our-shop .owl-nav .owl-next
  {
    right: 0;
    top: 40%;
  }
  .sticky
  {
    padding: 0 10px;
  }

}
@media screen and (max-width: 1024px) and (min-width:991px){
  
  .search-box{
    float: none;
  }
  .search-box form.search-form{
    margin: 0 auto;
  }
  .social-box .social-media {
    padding-top: 21px;
  }
  
  #slider .inner_carousel h2 small{
    margin-bottom: 4px;
    font-size: 16px !important;
  }
  .socialbox a i{
    font-size: 12px;
    width: auto;
   
  }
  small {
    font-size: 13px !important;
  }
  .teambox{
    margin-bottom: 30px;
  }   
  .postbox{ 
    margin-bottom: 20px; 
  }
  
  .slider-box
  {
    max-width: 70%;
    top: 54%;
    padding-top: 20px;
    padding-bottom: 20px;
    left: 40px;
  }
  #slider p
  {
    line-height: 22px;
  }
  .logo h1 a
  {
    font-size: 18px;
  }
  .widget th, .widget td
  {
    padding: 0;
  }

  #slider h2
  {
    font-size: 31px;
    padding-top: 0px;
    padding-bottom: 0;
  }
  .main-header-box .socialbox a i
  {
    width: 25px;
    height: 25px;
    padding: 7px 5px;
  }
  #slider ol.carousel-indicators
  {
    bottom: 7%;
  }
  #our-services .services-head img
  {
    left: 4px;
  }
  #our-projects .project-tabs
  {
    text-align: center;
  }
  .project-box .box-content
  {
    top: 0;
  }
  #testimonial .testimonial-head img
  {
    position: unset;
  }
  .blob-box .box-content .blog-text
  {
    padding-top: 20px !important;
  }
  .blob-box .box-content
  {
    padding-top: 34%;
  }
  #our-faq .our-faq-head img
  {
    left: 6px;
  }
  .short-projects .box-content .projects-text
  {
    line-height: 20px;
  }
  .all-team .team_details
  {
    align-items: center;
  }
  .copyright .socialbox i
  {
    padding: 11px;
  }
  .why-choose-us-img img
  {
    position: absolute;
    bottom: 0;
    right: 0; 
  }
  #our-services .services-box-content img
  {
    height: 100%;
  }

}
@media screen and (max-width: 1024px){
  .home .main-navigation ul
  {
    border:none;
  }
  .list_outer {
    padding: 20px 20px;
    background-color: rgba(255, 255, 255, 0.8);
  }

  .main-navigation ul ul{
    background-color: transparent;
  }
  .main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li{
    border-bottom: none;
  }
  .toggle-nav {
    display: block;
    position: relative;
    right: 15px;
    width: 30px;
    cursor: pointer;
    z-index: 999999;
    right: 0;
    text-align: right;
    right: 0;
    cursor: pointer;
  }
  .toggle-nav i {
    font-size: 29px;
    color: #fff;
  }
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
  }
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  .sidenav a:hover {
    color: #f1f1f1;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    display: block;
    color: #ffffff;
    cursor: pointer;
  }
  .sidenav #site-navigation {
    width: 100%;
  }
  .toggle-nav span{
    font-size:30px;
    cursor:pointer; 
    text-align: right;
  }
  iframe {
    width: 100%;
    height: auto;
  }

  .main-navigation .menu{
    float: none;
    text-align: center;
  }
  .main-navigation ul ul li,
  #masthead.scrolled .main-navigation ul ul li{
    display: block;
  }
  .main-navigation .menu > ul > li.highlight{
    background: transparent !important;
  }
  .menu > ul > li:hover:before, 
  .menu > ul > li.current_page_item:before, 
  .menu > ul > li.current-menu-item:before{
    display: none;
  }
  .sf-arrows .sf-with-ul:after{
    border-top-color: #333;
  }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .menubar .nav ul{ 
    width:100%;
    margin-top:0; 
  }
  .menubar .nav ul li,
  .menubar.scrolled .main-navigation li{
    border-top:1px #303030 solid; 
    display:block;
    text-align:left;
    float:none;
    width: 18rem;
    padding: 5px;
  }
  .nav ul li a{
    padding:5px 10px; 
    display:block; 
    color:#ffffff;
  }

  .nav ul li ul,
  .nav ul li ul ul{ 
    display:block !important;
  }

  .nav ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .nav ul li ul li a{
  padding-left:20px !important;
  }
  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }
  .main-navigation ul ul{
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .top_bar_btn{
    padding:0;
  }
  .main-navigation li.current_page_item
  {
    border:none;
  }
  .main-navigation ul ul
  {
    background: transparent !important;
  }
  .main-navigation ul ul li
  {
     background: transparent !important;
  }

  #header-menu .current_page_item
  {
    background:none;
  }
  #header-menu .current_page_item a
  {
    color: #979da7;
    border:none;
  }
  #header-menu .current_page_item ul li a
  {
    color: #fff;
  }
  #header-menu .current_page_item
  {
    border-bottom: none;
  }
}
@media screen and (max-width: 1200px) and (min-width: 1025px) { 

  .widget th, .widget td
  {
    padding: 0;
  }
  .logo h1 a
  {
    font-size: 18px;
  }
  .widget th, .widget td
  {
    padding: 0;
  }
 
  #slider p
  {
    max-width: 90%;
  }
  #slider h2
  {
    font-size: 35px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .slider-box
  {
    max-width: 70%;
    top: 54%;
    padding-top: 30px;
    padding-bottom: 30px;
    left: 40px;
  }
  #slider p
  {
    line-height: 22px;
  }
  .main-header-box .socialbox a i
  {
    width: 25px;
    height: 25px;
    padding: 7px 5px;
    font-size: 12px;
  }
  #slider ol.carousel-indicators
  {
    bottom: 7%;
  }
  #our-services .services-head img
  {
    left: 4px;
  }
  #our-projects .project-tabs
  {
    text-align: center;
  }
  .project-box .box-content
  {
    top: 0;
  }
  #testimonial .testimonial-head img
  {
    position: unset;
  }
  .blob-box .box-content .blog-text
  {
    padding-top: 20px !important;
  }
  .blob-box .box-content
  {
    padding-top: 34%;
  }
  #our-faq .our-faq-head img
  {
    left: 6px;
  }
  .short-projects .box-content .projects-text
  {
    line-height: 20px;
  }
  .all-team .team_details
  {
    align-items: center;
  }
  .why-choose-us-img img
  {
    position: absolute;
    bottom: 0;
    right: 0; 
  }
  #our-services .services-box-content img
  {
    height: 100%;
  }
}

/* ------------- Mozilla Style -------------- */

@-moz-document url-prefix() {

  .main-navigation ul
  {
    text-align: center;
  }
  .main-navigation a
  {
    font-size: 18px;
  }
  #home-contact a::after {

    right: -22px;
  }
  #latest-news .news-button a
  {
    padding: 6px;
  }
}

/* Animation properties */
 .star {
  animation: star 10s ease-out infinite;
}

.byline span {
  animation: spin-letters 10s linear infinite;
}
 .byline {
  animation: move-byline 10s linear infinite;
}

/* Keyframes */
@keyframes star {
  0% {
    opacity: 0;
    transform: scale(1.1) translateY(-0.75em);
  }
  20% {
    opacity: 1;
  }
  89% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: translateZ(-1000em);
  }
}

@keyframes spin-letters {
  0%, 10% {
    opacity: 0;
    transform: rotateY(90deg);
  }
  30% {
    opacity: 1;
  }
  70%, 86% {
    transform: rotateY(0);
    opacity: 1;
  }
  95%, 100% {
    opacity: 0;
  }
}

@keyframes move-byline {
  0% {
    transform: translateZ(5em);
  }
  100% {
    transform: translateZ(0);
  }
}

#footer .footerstar {
  animation: footerstar 10s ease-out infinite;
}
/* #home-contact-content.wars {
  animation: wars 10s ease-out infinite;
}*/
.byline span {
  animation: spin-letters 10s linear infinite;
}
 .byline {
  animation: move-byline 10s linear infinite;
}

/* Keyframes */
@keyframes footerstar {
  0% {
    opacity: 0;
    transform: scale(1.4) translateY(-0.75em);
  }
  20% {
    opacity: 1;
  }
  89% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: translateZ(-1000em);
  }
}





/* show objects being animated */
.animated {
  visibility: visible;
  
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;

  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}

/* CSS Animations (extracted from http://glifo.uiparade.com/) */
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  } 100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}



@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  60% {
    -webkit-transform: translateX(20px);
  }

  80% {
    -webkit-transform: translateX(-5px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }

  60% {
    -moz-transform: translateX(20px);
  }

  80% {
    -moz-transform: translateX(-5px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -o-transform: translateX(20px);
  }

  80% {
    -o-transform: translateX(-5px);
  }

  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }

  60% {
    transform: translateX(20px);
  }

  80% {
    transform: translateX(-5px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }

  60% {
    -webkit-transform: translateX(-20px);
  }

  80% {
    -webkit-transform: translateX(5px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }

  60% {
    -moz-transform: translateX(-20px);
  }

  80% {
    -moz-transform: translateX(5px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }

  60% {
    -o-transform: translateX(-20px);
  }

  80% {
    -o-transform: translateX(5px);
  }

  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }

  60% {
    transform: translateX(-20px);
  }

  80% {
    transform: translateX(5px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  } 100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
  }
  50% {
    -webkit-transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(.3);
  }

  50% {
    -moz-transform: scale(1.05);
  }

  70% {
    -moz-transform: scale(.9);
  }

  100% {
    opacity: 1;
    -moz-transform: scale(1);
  }
}

@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(.3);
  }

  50% {
    -o-transform: scale(1.05);
  }

  70% {
    -o-transform: scale(.9);
  }

  100% {
    opacity: 1;
    -o-transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(.3);
  }

  50% {
    transform: scale(1.05);
  }

  70% {
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes moveUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(40px);
  } 100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes moveUp {
  0% {
    opacity: 1;
    -moz-transform: translateY(40px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-o-keyframes moveUp {
  0% {
    opacity: 1;
    -o-transform: translateY(40px);
  }

  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes moveUp {
  0% {
    opacity: 1;
    transform: translateY(40px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeBgColor {
  0%{
    background:none;
  }
  70%{
    background:none;
  }
  100%{
    background:#464646;
  }
}
@-o-keyframes fadeBgColor {
  0%{
    background:none;
  }
  70%{
    background:none;
  }
  100%{
    background:#464646;
  }
}
@keyframes fadeBgColor {
  0%{
    background:none;
  }
  70%{
    background:none;
  }
  100%{
    background:#464646;
  }
}

.animated.animationDelay{
  animation-delay:.4s;
  -webkit-animation-delay:.4s;
}
.animated.animationDelayMed{
  animation-delay:1.2s;
  -webkit-animation-delay:1.2s;
}
.animated.animationDelayLong{
  animation-delay:1.6s;
  -webkit-animation-delay:1.6s;
}
.animated.fadeBgColor {
  -webkit-animation-name: fadeBgColor;
  -moz-animation-name: fadeBgColor;
  -o-animation-name: fadeBgColor;
  animation-name: fadeBgColor;
}
.animated.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
}
.animated.bounceInRight {
  -webkit-animation-name: bounceInRight;
  -moz-animation-name: bounceInRight;
  -o-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
.animated.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  -moz-animation-name: bounceInLeft;
  -o-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
.animated.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}
.animated.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
.animated.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.animated.moveUp {
  -webkit-animation-name: moveUp;
  -moz-animation-name: moveUp;
  -o-animation-name: moveUp;
  animation-name: moveUp;
}

.testimonial-dots{
  display: none;
}
.home.page-template #testimonial,.home.page-template #home-contact {
    background-color: #000;
}
.project-box.project-image {
    background-color: #fff;
}

/*---------- ACCESSIBILITY ------------*/

/* Text meant only for screen readers. */
.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;
 width: 1px;
 word-wrap: normal !important;
 /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.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-size: 0.875rem;
 font-weight: bold;
 height: auto;
 left: 5px;
 line-height: normal;
 padding: 15px 23px 14px;
 text-decoration: none;
 top: 5px;
 width: auto;
 z-index: 100000;
 /* Above WP toolbar. */
}

a:focus{
outline: thin dashed;
}
#single_post h3 {
    text-align: left;
}
.toggle-nav button{
  background: transparent;
  border: none;
}
.vw-fixed{
  background-attachment: fixed;
}
.vw-scroll{
  background-attachment: scroll;
}
/*------------------ Comments BOX ------------------*/
#comments .reply
{
  float: none !important;
  margin-bottom: 30px;
}
#comments .reply a
{
  font-size: 16px;
  letter-spacing: 0px;
  color: #222222;
  font-family: "PT Sans";
  font-weight: 700;
}
#comments .commentmetadata a
{
  font-size: 18px;
  padding-top: 8px;
  display: inline-block;
}
#comments .commentmetadata a:hover
{
  color: #222;
}
#comments h2.comments-title
{
  padding-bottom: 20px !important;
}
#comments .comment-awaiting-moderation
{
  padding-top: 8px;
  display: inline-block;
}
/*----------*/
button.close-one{
  background: transparent;
  border:none;
}
.post-navigation a:hover, .post-navigation a:focus {
    color: #000 !important;
}
#testimonial .testimonials-box.shortcode h3 a {
    font-size: 20px;
    letter-spacing: 1px;
    color: #000;
    font-family: "Nunito Sans";
    font-weight: 700;
    display: inline-block;
    padding-top: 15px;
}
.short-projects .comment-respond {
    display: none;
}
/* ----------- Spinner ------------- */
.final-loader-loading-box{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #002243;
  z-index: 2;
  cursor: pointer;
  z-index: 9999;
}
.final-loader-loading-box .lds-ellipsis {
  display: inline-block;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 50%;
  top:50%;
  transform: translateY(-50%);
}
.final-loader-loading-box .lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.final-loader-loading-box .lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.final-loader-loading-box .lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.final-loader-loading-box .lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.final-loader-loading-box .lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
#return-to-top.left{
  left: 10px;
}
#return-to-top.center{
  left: 50%;
  right: 50%;
}