/*!
Theme Name: Abkai
Theme URI: http://underscores.me/
Author: Md. Mehedi Hassan
Author URI: https://www.facebook.com/mehedi0013/
Description: Make your life easy
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: abkai
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*
================================================================
>>> Global Part
================================================================
*/

body {
  font-family: 'Montserrat',sans-serif;
  color: #171515;
  font-size: .9rem;
}


html body a:hover {
	text-decoration: none;
}

img {
	max-width: 100%;
	height: auto;
}

.faColor1 {
    color: #0000A0;
    font-weight: 600;
    padding-right: 5px;
}

.cBgOne {
	background-color: #f7fafc !important;
}

.cPy-9 {
	padding-top: 7rem !important;
	padding-bottom: 7rem !important;
}

.cPt-9 {
	padding-top: 7rem !important;
}

.cPb-9 {
	padding-bottom: 7rem !important;
}

/* Custom Button Desing Start ========================= */

.btn.focus,
.btn:focus {
	outline: 0;
	box-shadow: none;
}

.cBtnOne {
	color: #ffffff;
	background-color: #f27420;
	border-color: #f27420;
	padding: 17px 25px 18px;
	min-width: 141px;
	text-align: center;
	font-weight: 700;
	border-radius: 0;
	text-transform: uppercase;
	transition: all .2s ease;
}

.cBtnOne:hover {
	color: #ffffff;
	background-color: #021a47;
	border-color: #021a47;
}

.cBtnTwo {
	color: #ffffff;
	background-color: transparent;
	border: 2px solid #fff;
	padding: 8px 30px;
	min-width: 141px;
	text-align: center;
	font-weight: 600;
	border-radius: 6px;
	text-transform: uppercase;
	transition: all .5s;
}

.cBtnTwo:hover {
	color: #fff;
	transform: scale(1.1);
}

/* Custom Button Desing End ========================= */

.cColorBlue {
  color: #0870b9;
  padding: 12px 0;
}

.cBorderbottomColorBlue {
  color: #0870b9;
  padding: 12px 0;
  margin-bottom: 15px;
  border-bottom: 2px solid #ddd;
}

.dFullImage img {
  object-fit: fill !important;
}

/*
================================================================
>>> Top Menu and Mega Menu
================================================================
*/

/* >>>> Top Menu =============================================== */
#topHeader {
  background: #021A47;
  padding: 12px 0;
}

#topHeader ul {
    height: 100%;
    padding: 0;
    margin: 0;
}

#topHeader li {
    color: #fff;
    font-size: 14px;
    display: flex;
    align-items: center;
}

#topHeader li a {
    color: #fff;
    display: flex;
    align-items: center;
}

#topHeader li:not(:first-child) {
    list-style: none;
    padding-left: 35px;
}

/* >>>> Mega Menu ============================================= */
.NavBgColor {
	background-color: #fff;
}

.fixedElement {
    background-color: #c0c0c0;
    position: sticky;
    width: 100%;
    z-index: 999;
}

.fixedElementAfterScroll {
	position: fixed;
	top: 0px;
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-animation: 0.95s ease-in-out 0s normal none 1 running fadeInDown;
	animation: 0.95s ease-in-out 0s normal none 1 running fadeInDown;
	-webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
}

#masthead {
    border-bottom: 1px solid #ddd;
    z-index: 9999999999999;
    width: 100%;   
}

.masthead {
	background-color: transparent;
}

.mastheadAfterScroll {
	background-color: #000;
}

@media screen and (max-width: 991px)  {
    #logo_part {
        top: 30px;
    }
}

#logo_part img {
  width: 170px;
  height: auto;
}

#navCall {
  font-weight: 600;
  background: #fff;
}

#navCall a {
  width: 100%;
  display: flex;
  flex-direction: row;
}

#navCall .fontAsIcon {
  font-size: 30px;
  padding: 0px 5px 0 0;
  color: #0000A0;
}

#navCall .phoneNumberCode {
  color: #000;
}

@media (max-width: 768px){
  header#masthead_part {
    background: #222;
  }
}

/*
================================================================
>>> Home page Slider
================================================================
*/
#sliderArea {
  background-size: cover;
  background-repeat: no-repeat;
  height: 74vh;
  color: #fff;
  display: flex;
  align-items: center;
  position: relative;
}

#sliderArea::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #333;
  opacity: .7;
}

#sliderArea .singleSlide {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 74vh;
  color: #fff;
  display: flex;
  align-items: center;
  position: relative;
}

#sliderArea .owl-nav {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}

#sliderArea .owl-nav button {
  background: #dd1d3e;
  height: 40px;
  width: 45px;
  font-weight: bold;
  border-radius: 10px 0 10px 0;
  outline: none;
}

#sliderArea .owl-nav button.owl-prev {
  position: absolute;
  left: 10px;
}

#sliderArea .owl-nav button.owl-next {
  position: absolute;
  right: 10px;
}

#sliderArea .owl-dots {
  position: absolute;
  bottom: 15px;
  text-align: center;
  width: 100%;
}

#sliderArea .owl-dots button.owl-dot.active {
  background-color: #003b64;
}

#sliderArea .owl-dots button {
  width: 20px;
  height: 20px;
  background: #dd1d3e;
  margin-right: 10px;
  border-radius: 50px;
}

#sliderArea .owl-carousel .animated  {
  -webkit-animation-duration: 2000ms;
  animation-duration: 2000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*
================================================================
>>> Home Page About Us 
================================================================
*/

#aboutUs h5 {
	font-weight: 700;
}

#aboutUs h3 {
	font-size: 52px;
	font-weight: 200;
	font-family: 'Titillium Web', sans-serif;
	color: #000000;
}

#aboutUs .heading::after {
	content: '';
	display: inline-block;
	height: 3px;
	width: 60px;
	margin-top: 22px;
	background: -moz-linear-gradient(90deg, rgb(242,116,32) 52px, transparent 52px, transparent 56px, rgb(242,116,32) 56px);
	background: -webkit-linear-gradient(90deg, rgb(242,116,32) 52px, transparent 52px, transparent 56px, rgb(242,116,32) 56px);
	background: linear-gradient(90deg, rgb(242,116,32) 52px, transparent 52px, transparent 56px, rgb(242,116,32) 56px);
}

/*
================================================================
>>> Home Page Product
================================================================
*/

#porduct .pTextTitle {
  font-size: 52px;
  font-weight: 200;
  font-family: 'Titillium Web', sans-serif;
  margin-bottom: 30px;
  display: block;
  line-height: 1.3;
}

#porduct .pTextTitle::after {
  content: '';
  display: block;
  height: 3px;
  width: 60px;
  margin-top: 22px;
  background: -moz-linear-gradient(90deg, rgb(242,116,32) 52px, transparent 52px, transparent 56px, rgb(242,116,32) 56px);
  background: -webkit-linear-gradient(90deg, rgb(242,116,32) 52px, transparent 52px, transparent 56px, rgb(242,116,32) 56px);
  background: linear-gradient(90deg, rgb(242,116,32) 52px, transparent 52px, transparent 56px, rgb(242,116,32) 56px);
}

#porduct .imgCard {
	box-shadow: 0 1px 5px 0 rgba(0,0,0,.25);
	border-radius: .25rem;
	border-bottom: 3px solid #cd163f;
	transition: all 0.8s;
}

#porduct .imgCard img {
	border-radius: .25rem .25rem 0 0;
}

#porduct .imgCard:hover {
	transform: scale(1.04);
}

#porduct .forBorderBottom::after {
	content: "";
	border-bottom: 1px solid #ddd;
	display: block;
}

/*
================================================================
>>> Home page reviews
================================================================
*/

#reviews #reviewCarouselWrapper .imageContentWrapper .imagePart img {
  width: 188px;
  height: auto;
  border-radius: 50%;
}

#reviews .imageContentWrapper {
  background: #fff;
  padding: 35px 10px;
}

#reviews .designation{
  color: #8c8a8a;
 }

#reviews .starIcon {
  color: #f8c823;
  font-size: 20px;
}

#reviews .owl-nav {
  position: absolute;
  top: -66px;
  right: 0px;
  font-size: 25px;
  color: #918989;
}

#reviews .owl-nav span {
  font-size: 22px;
}

#reviews .owl-nav .fa.fa-angle-left {
  padding-right: 13px;
}

#reviews .owl-nav .fa.fa-angle-right {
  padding-left: 13px;
}

#reviews .owl-dots {
  text-align: center;
  margin-top: 10px;
}

#reviews .owl-carousel button.owl-dot {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    margin: 0px 2px;
    background-color: #000;
    opacity: .2;
}

#reviews .owl-carousel button.owl-dot.active  {
    background-color: #000;
    opacity: 1;
}


/*
================================================================
>>> Home Page Ready To Talk
================================================================
*/
#readyToTalk {
	color: #fff;
}

#readyToTalk .readyToTalkBgImage {
	height: 300px;
	background-repeat: no-repeat;
	background-size: cover;
}

/*
================================================================
>>> Home Page Neweletter
================================================================
*/

#subscribeSection {
	background: #021a47;
	color: #fff;
}

#subscribeSection .emailSubscribeForm {
  width: 100%;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: end;
}

#subscribeSection .input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}

#subscribeSection .emailSubscribeForm .form-control {
  height: 50px;
  background: rgb(255, 255, 255);
  border-color: transparent;
  color: #797979;
}

#subscribeSection .emailSubscribeForm .btn {
    min-height: 50px;
    border-radius: 0 0px 0px 0;
    background: #a41a13;
    color: #fff;
    padding: 0px 36px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/*
=====================================================================
>>>> Categories Page
=====================================================================
*/

#categoriesContainer .pageHeader {
	background-position: center center; 
	background-size: cover; 
	background-repeat: no-repeat; 
	background-attachment: fixed;
	height: 70vh;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}

#categoriesContainer .entryHeader::after {
	content: '';
	display: inline-block;
	height: 3px;
	width: 60px;
	margin-top: 10px;
	margin-bottom: 18px;
	background: -moz-linear-gradient(90deg, rgb(242,116,32) 52px, transparent 52px, transparent 56px, rgb(242,116,32) 56px);
	background: -webkit-linear-gradient(90deg, rgb(242,116,32) 52px, transparent 52px, transparent 56px, rgb(242,116,32) 56px);
	background: linear-gradient(90deg, rgb(242,116,32) 52px, transparent 52px, transparent 56px, rgb(242,116,32) 56px);
}

@media (min-width: 768px){
	#categoriesContainer .col-md-4:not(:last-child) .headerAndContent {
		border-right: 1px solid #ddd;
	}
}

#categoriesContainer .row {
	-webkit-box-shadow: 0px 11px 27px rgba(0, 0, 0, 0.04);
	-moz-box-shadow: 0px 11px 27px rgba(0, 0, 0, 0.04);
	box-shadow: 0px 11px 27px rgba(0, 0, 0, 0.04);
}


/*
=====================================================================
>>>> Single Page blog
=====================================================================
*/

#singlePageBlog .thumbnialImageCustomization img {
  width: 100%;
  height: auto;
}

/*
============================================================================
>>>> Contact Us Page Design
============================================================================
*/

/*#contact_form {
    background: url(assets/img/main_bg.jpg) top left repeat;
}*/

#contact_form hr {
    color: #ffffff;
}
#contact_form p {
    font-size: 18px;
}

#contact_form .container {
    padding: 50px 50px;
}

#contact_form .container > .row > div:first-child {
  border-right: 1px solid #dddddd;
}

#contact_form .container i {
    font-weight: 700;
    color: #0000A0;
    padding-right: 7px;
}

#contact_form .custom_form input,
#contact_form .custom_form textarea {
    background-color: #ffffff;
    border-color: #2e3d49;
    width: 100%;
    color: #2e3d49;
    font-size: 15px;
    margin-bottom: 15px;

    min-height: 34px;
    padding: 5px 14px;

    border: 1px solid #ccc;
    vertical-align: middle;

    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;

    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -o-flex-grow: 1;
    flex-grow: 1;

    -webkit-flex-positive: 1;
    -moz-flex-positive: 1;
    -ms-flex-positive: 1;
    -o-flex-positive: 1;
    flex-positive: 1;

    flex-grow: 1;
}

#contact_form .custom_form input.submit {
    background-color: #ffffff;
    color: #0000A0;
    font-size: 19px;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
    outline: none;
    transition: all .30s ease-in-out;
    border: 1px solid #0000A0;
    font-weight: 700;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

#contact_form .custom_form input.submit:hover {
    background-color: #0000A0;
    color: #ffffff;

}

/*
============================================================================
 404 page design
============================================================================
*/

#wrongPage {
  position: relative;
  height: 100vh;
}

#wrongPage .wrongPage {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.wrongPage {
  max-width: 410px;
  width: 100%;
  text-align: center;
}

.wrongPage .wrongPage-404 {
  height: 280px;
  position: relative;
  z-index: -1;
}

.wrongPage .wrongPage-404 h1 {
  font-family: 'Montserrat', sans-serif;
  font-size: 230px;
  margin: 0px;
  font-weight: 900;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: cover;
  background-position: center;
}


.wrongPage h2 {
  font-family: 'Montserrat', sans-serif;
  color: #000;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 0;
}

.wrongPage p {
  font-family: 'Montserrat', sans-serif;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 20px;
  margin-top: 0px;
}

.wrongPage a {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
  background: #0046d5;
  display: inline-block;
  padding: 15px 30px;
  border-radius: 40px;
  color: #fff;
  font-weight: 700;
  -webkit-box-shadow: 0px 4px 15px -5px #0046d5;
  box-shadow: 0px 4px 15px -5px #0046d5;
}


@media only screen and (max-width: 767px) {
    .wrongPage .wrongPage-404 {
      height: 142px;
    }
    .wrongPage .wrongPage-404 h1 {
      font-size: 112px;
    }
}



/*
=====================================================================
>>>> Footer
=====================================================================
*/

#mainFooter {
  color: #000;
}

#mainFooter h4 {
    color: #0000A0;
    font-weight: 600;
}

#mainFooter a {
  color: #000;
}

#mainFooter .hoverColor {
	background-color: #f7fafc;
	border-bottom: 1px solid #6A6A6A;
}

#mainFooter .topPart {
	border-bottom: 1px solid #ddd;
}

.MainPart {
  padding-top: 30px;
}

.subFooter {
	padding: 30px 0px 0 0;
	background: #02112e;
	color: #fff;
}