/*
 * Title:  Bivo- Construction & Business Bootstrap4 Template
 * Author: EndTag Teams
 */

/* --------------------------------------------------------
[Table of contents]
1. Global styles
2. Menu styles
3. Banner
4. Banner down
5. About company
6. Our features
7. Play videos
8. Our services
9. Portfolio sec
10. Our teams
11. Overview and faq
12. Recent blog
13. Testimonials and partner
14. Contact info
15. Footer widget
16. Footer copyright
17. Responsive
18. Home 2
19. Home 3
20. Home 4
21. About page
22. About 2 page
23. Service single page
24. Portfolio single page
25. Blog page
26. Blog Details
27. Elements
28. Shop page
29. Shop details
30. Shop Cart page
31. checkout page
32. Faq page
33. Pricing Table page
34. Contact page
35. 404 page
36. Coming soon page

[End table of contents]
----------------------------------------------------------------------- */

/* ------------------------------
   Global styles
---------------------------- */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

  margin: 0;

  padding: 0;

  border: 0;

  font-size: 100%;

  font: inherit;

  vertical-align: baseline; }



article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

  display: block; }



body {

  line-height: 1; }



ol, ul {

  list-style: none; }



blockquote, q {

  quotes: none; }



blockquote:before, blockquote:after,

q:before, q:after {

  content: '';

  content: none; }



table {

  border-collapse: collapse;

  border-spacing: 0; }



body {

  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 14px;

  line-height: 26px;

  letter-spacing: 0; }

p{
      font-family: 'Poppins', sans-serif;
      font-weight: 400;
}

img {

  max-width: 100%;
  display: block;
 }



a,

a:hover,

a:focus {

  cursor: pointer !important;

  outline: none;

  text-decoration: none; }



h1,

h2,

h3,

h4,

h5,

h6 {

 font-family: 'Poppins', sans-serif;
  font-weight: 400;
  
  color: #1e2c34;

  margin: 0;

  padding: 0; }



ul, li {

  margin: 0;

  padding: 0;

  list-style: none; }



strong {

  font-weight: 700; }

button:focus {
  outline: 0;
}

/* This only works with JavaScript, 
        if it's not present, don't show loader */

.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: url(../img/home2/logo.png) center no-repeat #fff;
	background-size:300px;
}
.se-pre-con:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
    background: url(../img/home2/logo.png) center no-repeat #fff;
	background-size:300px;
}


/* -------------------------------- 

menue style

-------------------------------- */

/*top nav*/
.top_nav_soc{
  width: 100%;
  background-color: rgba(0,34,64,0.70);
  padding: 15px 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999;
  max-height: 55px;
}

.top_nav_soc .navbar{
  padding: 0;
}
.top_nav_soc .navbar .nav-item a{
  color: #fff;
  padding: 0;
}
.top_nav_soc .navbar .nav-item a .fa-globe{
  color: #fdc800;
  padding-right: 8px;
}
.top_nav_soc .dropdown-toggle::after{
color: #fdc800;
}
.top_nav_soc .navbar .ct-language__dropdown{
  background-color: #002240;
  margin-top: 12px;
}
.top_nav_soc .navbar .ct-language__dropdown li a:hover{
  background-color: #fff;
  color: #002240;
  padding-left: 14px;
}
.top_nav_soc .navbar .ct-language__dropdown li a{
  color: #fdc800;
  padding: 4px 10px;
  display: block;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  transition: 0.3s all ease;
}



.top_nav_soc .social_nav_topbar li{
  display: inline-block;
  padding-left: 12px;
  color: #fff;
  font-weight: 400;
  font-size: 18px;
}
.top_nav_soc .social_nav_topbar li a:hover{
  color: #fdc800;
}
.top_nav_soc .social_nav_topbar li a{
  color: #fff;
  font-size: 14px;
}
/*top nav*/

.nav_main.navbar-expand-lg.active_sc{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background: #002240;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
transition: 0.4s all ease;
}

.nav_main{
/*  position: absolute;
  left: 0;
  top: 100px;
  width: 100%;*/
  top: 70px;
  z-index: 99;
  position: absolute;

}


.nav_main.navbar-expand-lg,
.nav_main.navbar-expand-md{
  background: none;
  
  z-index: 999;
  padding-top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
transition: 0.4s all ease;
}

.nav_main.navbar-expand-lg .nav-item a:hover{
  color: #fdc800;
}
.navbar-light .navbar-brand{
  padding-top: 10px;
}
.navbar .nav-item a{
  color: #fff;
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  text-transform: capitalize;
}
.nav_main .navbar-nav .active>.nav-link, 
.nav_main .navbar-nav .nav-link.active, 
.nav_main .navbar-nav .nav-link.show, 
.nav_main .navbar-nav .show>.nav-link{
  color: #fdc800;
}
.navbar .shop_menu.nav-item .btn[data-toggle="dropdown"]{
  color: #fff;
}
.home2.navbar .shop_menu.nav-item  .btn[data-toggle="dropdown"]{
  color: #222222;
}


.dropdown-menu {
    margin-top: 0;
}
.dropdown-menu .dropdown-toggle::after {
    vertical-align: middle;
    border-left: 4px solid;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
}
.dropdown-menu .dropdown .dropdown-menu {
    left: 100%;
    top: 0%;
    margin:0 20px;
    border-width: 0;
}
.nav_main .nav-item  .dropdown-menu > li a{
  color: #002240;
}
.nav_main .dropdown-menu > li a:hover,
.nav_main .dropdown-menu > li.show {
  background: #002240;
  color: #fdc800;
}
.nav_main .dropdown-menu > li.show > a{
  color: #fdc800;
}

@media (min-width: 768px) {
    .dropdown-menu .dropdown .dropdown-menu {
        margin:0;
        border-width: 1px;
    }
}



/*search*/

#search {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);  
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translate(0px, -100%) scale(0, 0);
  -moz-transform: translate(0px, -100%) scale(0, 0);
  -o-transform: translate(0px, -100%) scale(0, 0);
  -ms-transform: translate(0px, -100%) scale(0, 0);
  transform: translate(0px, -100%) scale(0, 0);
  opacity: 0;
  z-index: 9999;
}

#search.open {
  -webkit-transform: translate(0px, 0px) scale(1, 1);
  -moz-transform: translate(0px, 0px) scale(1, 1);
  -o-transform: translate(0px, 0px) scale(1, 1);
  -ms-transform: translate(0px, 0px) scale(1, 1);
  transform: translate(0px, 0px) scale(1, 1); 
  opacity: 1;
}

#search input[type="search"] {
  position: absolute;
  top: 50%;
  width: 100%;
  color: rgb(255, 255, 255);
  background: rgba(0, 0, 0, 0);
  font-size: 60px;
  font-weight: 300;
  text-align: center;
  border: 0px;
  margin: 0px auto;
  margin-top: -51px;
  padding-left: 30px;
  padding-right: 30px;
  outline: none;
}
#search .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 61px;
  margin-left: -45px;
  background-color: #fdc800;
  border:0;
  outline: 0;
}
#search .close {
  position: fixed;
  top: 15px;
  right: 15px;
  color: #fff;
  background-color: #fdc800;
  border-color: #fdc800;
  opacity: 1;
  padding: 10px 17px;
  font-size: 27px;
}
/*search*/



 .language-switcher button {
  background: 0 0;
  height: 55px;
  text-transform: uppercase;
  color: #233d63;
  font-size: 16px;
  margin: 0 45px 0 40px
}

 .language-switcher .dropdown-menu {
  min-width: 170px;
  padding: 10px 0;
  background: #fff;
  box-shadow: 0 25px 50px 0 rgba(213, 216, 223, .5);
  border: 1px solid #f8f8f8;
  border-radius: 0
}

 .language-switcher .dropdown-menu ul li a {
  display: block;
  padding: 0 15px;
  font-size: 15px;
  color: #767a89;
  line-height: 35px;
  text-transform: uppercase
}

.skiptranslate {
  display: none!important
}

 .language-switcher .dropdown-menu ul li a:hover {
  padding-left: 20px
}

 .language-switcher .dropdown-toggle::after {
  color: #233d63
}


/* -------------------------------- 

close menue style

-------------------------------- */




/* -------------------------------- 

Start Banner style

-------------------------------- */

.top_hero_sec{
  width: 100%;  
  overflow: hidden;
  z-index: 1;
  background-image: url(../img/banner.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  padding-top: 195px;
}
.top_hero_sec:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #000;
  opacity: 0.3;
}
.top_hero_sec .col-md-7{
  padding-right: 0;
}
.top_hero_sec .banner_image_right img{
  max-width: 1175px;
  width: 1175px;
  margin-left: -480px;
  margin-bottom: -60px;                                             
}
.banner_conetnt_inside h1{
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  font-size: 50px;
  line-height: 1.3em;
  padding-bottom: 10px;
}
.banner_conetnt_inside h1 strong{
  color: #fdc800;
}
.banner_conetnt_inside p{
  color: #fff;
  padding-bottom: 40px;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.4em;
}
.banner_conetnt_inside .btn{
  background-color: #fdc800;
  padding: 18px 32px;
  border-radius: 40px;
  font-weight: 500;
  color: #002240;
  font-size: 20px;
  border:1px solid transparent;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.banner_conetnt_inside .btn:hover{
  background:transparent;
  color: #fdc800;
  border-color: #fdc800;
}


/*bavkground-slider*/
#hero-slider-bg1{

}
.slider-1{

}

/* -------------------------------- 

Close Banner style

-------------------------------- */




/* -------------------------------- 

Start Banner down style

-------------------------------- */

.banner_down_rows{
  width: 100%;
  padding-bottom: 30px;
  border-bottom: 1px solid #002240;
}
.single_down_r{
  padding-top: 30px;
  width: 100%;
  position: relative;
  padding-left: 50px;
}
.single_down_r:after{
  content: '';
  width: 0;
  position: absolute;
  left: 0;
  bottom: -31px;
  height: 2px;
  background-color: #fdc800;
  -moz-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.single_down_r:before{
  content: '';
  width: 0;
  position: absolute;
  right: 0;
  bottom: -31px;
  height: 2px;
  background-color: #fdc800;
  -moz-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.single_down_r:hover:after,
.single_down_r:hover:before{
  width: 50%;
}


.single_down_r .icon{
  position: absolute;
  left: 0;
  z-index: 1;
}
.single_down_r .icon:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-image: url(../img/icon/shape-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.single_down_r img{
  left: 0;
}
.single_down_r h3{
  font-weight: 700;
  color: #222222;
  font-size: 20px;
}
.single_down_r p{
  font-weight: 400;
  color: #222222;
  font-size: 14px;
}



/* -------------------------------- 

Close Banner down style

-------------------------------- */




/* -------------------------------- 

Start About company style

-------------------------------- */


.about_us_sec{
  width: 100%;
  padding-top: 95px;
  padding-bottom: 95px;
}

.title{}
.title h3 strong{
  color: #fdc800;
}
.title h3{
  font-weight: 700;
  color: #222222;
  font-size: 30px;
  text-transform: uppercase;
}
.title .line{
  width: 200px;
  margin: 0 auto;
  margin-top: 10px;
  position: relative;
  z-index: 1;
}
.title .line:after{
  content: '';
  width: 100%;
  height: 2px;
  background-color: #002240;
  float: left;
  margin: auto;
  margin-top: -17px;
  z-index: 1;
  position: relative;

}
.title .line img{
  display: inline-block;
  margin: auto;
  position: relative;
  z-index: 11;
}
.title p{
  font-weight: 400;
  color: #222222;
  font-size: 20px;
  line-height: 1.4em;
}
/*close title*/

.about_content_main{
  padding-top: 30px;
}
.about_content_main h2{
  font-weight: 700;
  color: #222222;
  font-size: 25px;
}
.about_content_main p{
  font-weight: 400;
  color: #222222;
  font-size: 16px;
  padding-top: 24px;
}
.about_content_main a i{
  padding-left: 8px;
}
.about_content_main a{
  padding-top: 24px;
  display: inline-block;
  font-weight: 700;
  color: #222222;
  font-size: 18px;
}
.about_img_full{
  position: relative;
  padding-top: 24px;
}
.about_right_mn{
  max-width: 395px;
  width: 100%;
  background-image: url(../img/about_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  text-align: center;
  padding: 60px 0;
  border:6px solid #fff;
}
.about_right_mn:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #002240;
  opacity: 0.74;
  z-index: -1;
}
.about_right_mn h4{
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5em;
}
.about_right_mn:before{
  content: '';
  width: 96%;
  height: 92%;
  position: absolute;
  left: 2%;
  top: 4%;
  border: 1px dotted #fdc800;
  opacity: 0.74;
}

.about_form_right .top_form{
  width: 100%;
  margin-top: 30px;
  position: relative;
  z-index: 1;
  background-color: #fdc800;
  padding:40px 28px;
  text-align: center;
}
.about_form_right .top_form h2{
  padding-bottom: 20px;
  font-weight: 700;
  color: #222222;
  font-size: 25px;
}
.about_form_right .top_form:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../img/about_form_bg.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
.about_form_right .top_form:before{
  content: '';
  width: 97%;
  height: 96%;
  position: absolute;
  left: 1.5%;
  top: 2%;
  border:1px dotted #002240;
}
.about_form_right .top_form form input,
.about_form_right .top_form form textarea{
  width: 100%;
  background-color: #002240;
  color: #fff;
  outline: 0;
  border:0;
  padding: 8px 14px;
  margin-bottom: 15px;
  font-weight: 300;
  font-style: italic;
  color: #8b8b8b;
  font-size: 13px;
}
.about_form_right .top_form form button{
  border:0;
  outline: 0;
  padding: 10px 22px;
  background-color: #002240;
  font-weight: 400;
  color: #8b8b8b;
  font-size: 16px;
}

.about_form_right .progress_about{
  padding-top: 48px;
  text-align: center;
}
.about_form_right .progress_about h2{
  font-weight: 700;
  color: #222222;
  font-size: 25px;
  padding-bottom: 16px;
}
.about_form_right .progress_about .txt p{
  padding-top: 5px;
  color: #222222;
  font-size: 16px;
  font-weight: 400;
}
.about_form_right .progress_about .col{
  margin-top: 10px;
}
.about_form_right .progress_about .circles-integer:after{
  content: '%';
}
.about_form_right .progress_about .circles-integer{
  font-weight: 500;
  color: #222222;
  font-size: 15px;
  position: relative;
}


/* -------------------------------- 

Close About company style

-------------------------------- */




/* -------------------------------- 

Start Our features style

-------------------------------- */

.our_feature_sec{
  background-color: #fafafa;
  padding: 95px 0;
}

.single_feature_in{
  width: 100%;
  position: relative;
  z-index: 1;
  margin-top: 30px;
  padding-left: 18px;
  padding-bottom: 18px;
  background-image: url(../img/feature_single_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position:left;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.single_feature_in:hover{
  background-position: center;
}
.single_feature_in:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 1;
  z-index: -1;
  background-color: #002240;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.single_feature_in:hover:after{
  opacity: 0.85;
}

.single_feature_in .icon_title{
  position: relative;
  width: 100%;
  padding-left: 132px;
  padding-bottom: 30px;
  padding-top: 20px;
  margin-left: -18px;
}
.single_feature_in .icon_title .icon{
  padding: 28px 0;
  background-color: #fdc800;
  border:4px solid #fff;
  width: 100%;
  max-width: 112px;
  text-align: center;
  position: absolute;
  left: -4px;
  top: -4px;
}
.single_feature_in .icon_title .icon img{
  margin: auto;
}
.single_feature_in .icon_title h4{
  color: #fff;
  font-weight: 700;
  font-size: 25px;
  line-height: 1.3em;
}
.single_feature_in p{
  color: #fff;
  font-weight: 400;
  font-size: 16px;
}
.single_feature_in a i{
  padding-left: 8px;
}
.single_feature_in a:hover{
  color: #fdc800;
}
.single_feature_in a{
  color: #fff;
  padding-top: 16px;
  font-weight: 700;
  font-size: 18px;
  display: inline-block;
}



/* -------------------------------- 

Close Our features style

-------------------------------- */




/* -------------------------------- 

Start Play videos style

-------------------------------- */

.video_play_details{
  width: 100%;
  padding-top: 95px;
  background-image: url(../img/video_bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  z-index: 1;
}
.video_play_details:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color:#000000;
  opacity: 0.63;
}

.video_play_details .title h3{
  color: #fff;
}
.video_play_details .title .line:after{
  background-color: #fff;
}
.video_play_details .right_align,
.video_play_details .left_align{
  padding-top: 30px;
}
.video_play_details .right_align li,
.video_play_details .left_align li{
  position: relative;
  color: #fff;
  padding-bottom: 36px;
  font-weight: 400;
  font-size: 16px;
}
.video_play_details .left_align li:after,
.video_play_details .left_align li:after,
.video_play_details .right_align li:after,
.video_play_details .right_align li:after{
  content: '';
  width: 18px;
  height: 18px;
  position: absolute;
  top: 6px;
  background-color: #fff;
  z-index: 1;
}
.video_play_details .left_align li:before,
.video_play_details .left_align li:before,
.video_play_details .right_align li:before,
.video_play_details .right_align li:before{
  content: '';
  width: 18px;
  height: 18px;
  position: absolute;
  top:12px;
  background-color: #fdc800;
  z-index: 11;
}

.video_play_details .left_align li{
  text-align: left;
  padding-left: 32px;
}
.video_play_details .left_align li:before,
.video_play_details .left_align li:after{
  left: 0;
}
.video_play_details .left_align li:before{
  left: 6px;
}

.video_play_details .right_align li{
  text-align: right;
  padding-right: 32px;
}
.video_play_details .right_align li:before,
.video_play_details .right_align li:after{
  right: 0;
}
.video_play_details .right_align li:before{
  right: 6px;
}


.video_inside_pla{
  width: 100%;
  margin-top: 46px;
  width: 100%;
  text-align: center;
  background-image: url(../img/video_play.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 154px 0;
  position: relative;
  z-index: 1;
  margin-bottom: -148px;
}
.video_inside_pla:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #000000;
  opacity: 0.73;
}
.video_inside_pla .btn{
  border:6px solid #fff;
  width: 80px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  font-size: 22px;
  padding: 18px 0;
}


/* -------------------------------- 

Close Play videos style

-------------------------------- */




/* -------------------------------- 

Start Our services style

-------------------------------- */

.our_services_sec{
  width: 100%;
  padding-top: 243px;
  padding-bottom: 95px;
}
.our_services_sec .title{
  padding-bottom: 30px;
}

.our_services_sec .owl-carousel .owl-item img{
  width: 100%;
}
.single_services_in{
  position: relative;
  z-index: 1;
  transition: 0.3s all ease;
  border:1px solid transparent;
}
.single_services_in:hover{
  border:1px solid #222;
}

.single_services_in .con{
  padding: 25px 16px;
}
.single_services_in .con h2{
  font-weight: 700;
  color: #222222;
  font-size: 25px;
  padding-bottom: 16px;
}
.single_services_in .con p{
  color: #222222;
  font-size: 18px;
  font-weight: 400;
}
.single_services_in .con a{
  font-weight: 700;
  color: #222222;
  font-size: 18px;
  display: inline-block;
  padding-top: 18px;
}
.single_services_in .con a i{
  padding-left: 8px;
}
.single_services_in .con a:hover{
  color: #fdc800;
}


.our_services_sec .owl-nav{
  width: 100%;
  text-align: center;
  padding-top: 25px;
}
.our_services_sec .owl-carousel .owl-nav button.owl-next, 
.our_services_sec .owl-carousel .owl-nav button.owl-prev{
  background-color: #fdc800;
  width: 50px;
  height: 30px;
  border-radius: 5px;
  color: #222222;
  font-size:20px;
  margin: 0 5px;
  border:0;
  outline: 0;
}


/* -------------------------------- 

Close Our services style

-------------------------------- */




/* -------------------------------- 

Start Portfolio sec style

-------------------------------- */

.portfolio_sec{
  width: 100%;
  background-color: #fafafa;
  padding: 40px 0 40px 0;
}
.portfolio_sec .title{
  padding-bottom: 30px;
}

.portfolio_sec .button-group{
  text-align: center;
}
.portfolio_sec .button-group button.is-checked {
  font-weight: 500;
}
.portfolio_sec .button-group button.is-checked:before{
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 10px;
  background-color: #fdc800;
}
.portfolio_sec .button-group button{
  border: 0;
  outline: 0;
  font-weight: 400;
  color: #222222;
  font-size: 16px;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  transition: 0.3s all ease;
  cursor: pointer;
  position: relative;
  background-color: transparent;
}

.portfolio_sec .item-inner{
    color:#fff;
    position:relative;
    overflow:hidden;
    width:100%;
    text-align:center;
    margin-top: 30px;
}

.portfolio_sec .item-inner img{
    opacity:1;
    width:100%;
    -webkit-transition:opacity .35s;
    transition:opacity .35s;
    height: 100%;
    display: block;

}
.portfolio_sec .item-inner .overlay{
    position:absolute;
    bottom:0;
    left:0;
    padding:3em 1rem;
    width:100%;
    height:100%;
}
.portfolio_sec .item-inner .overlay::before{
    position:absolute;
    top:50%;
    right:0;
    bottom:50%;
    left:0;
    border-top:1px solid rgba(255,255,255,.8);
    border-bottom:1px solid rgba(255,255,255,.8);
    content:'';
    opacity:0;
    background-color:#fff;
    -webkit-transition:all .4s;
    transition:all .4s;
    -webkit-transition-delay:.6s;
    transition-delay:.6s
}
.portfolio_sec .item-inner .view-list,.portfolio_sec .item-inner a{
    margin:0 0 5px;
    opacity:0;
    -webkit-transition:opacity .35s,-webkit-transform .35s;
    transition:opacity .35s,-webkit-transform .35s,-moz-transform .35s,-o-transform .35s,transform .35s
}
.portfolio_sec .item-inner .view-list,.portfolio_sec .item-inner a{
    -webkit-transform:translate3d(0,50%,0);
    transform:translate3d(0,50%,0);
    -webkit-transition-delay:.3s;
    transition-delay:.3s
}
.portfolio_sec .item-inner:hover .overlay .view-list,
.portfolio_sec .item-inner:hover .overlay a{
    opacity:1;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-transition-delay:.3s;
    transition-delay:.3s;
}
.portfolio_sec .item-inner:hover .overlay::before{
   background-color: #002240;
    border:none;
    top:0;
    bottom:0;
    -webkit-transition-delay:0s;
    transition-delay:0s;
    opacity:0.7;
    
}
.portfolio_sec .item-inner .view-list{
    margin-top:-45px;
    position:relative;
    top:50%;
    transform:translate3d(0,50%,0);
    transition-delay:.3s;
    width:100%
}
.portfolio_sec .item-inner .view-list a.btn{
  display:inline-block;
  background-color: #fdc800;
  color: #222222;
  font-size: 18px;
  border:0;
  padding: 6px 16px;
  margin-top: 10px;
}
.portfolio_sec .item-inner .view-list a i{
  font-size: 26px;
}
.portfolio_sec .item-inner .view-list a{
  color: #fff;
}
.portfolio_sec .item-inner .view-list h4{
  padding-bottom: 5px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 20px;
}
.portfolio_sec .item-inner .view-list h4 a{
  color: #fff;
}
.portfolio_sec .item-inner .view-list p{
  font-weight: 400;
  font-style: italic;
  color: #fdc800;
  font-size: 14px;
}


/* -------------------------------- 

Close Portfolio sec style

-------------------------------- */




/* -------------------------------- 

Start Our teams style

-------------------------------- */


.our_team_sec{
  width: 100%;
  padding-top: 95px;
  padding-bottom: 95px;
}

.single_teams_in{
  margin-top: 30px;
  position: relative;
  z-index: 1;
  background-color: #002240;
  padding-top: 20px;
  overflow: hidden;
}
.single_teams_in .img_t img{
  margin: auto;
}

.single_teams_in .info{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 30px 0;
  text-align: center;
  z-index: 1;
  
}
.single_teams_in .info:after{
  content: '';
  width: 100%;
  height:130px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  -webkit-transition: 0.5s all ease;
  -moz-transition: 0.5s all ease;
  -ms-transition: 0.5s all ease;
  transition: 0.5s all ease;
  background: -moz-linear-gradient(90deg, rgba(254,219,3,0.83) 0%, rgba(254,219,3,0.83) 0%, rgba(0,34,64,0.83) 100%); /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,34,64,0.83)), color-stop(100%, rgba(254,219,3,0.83)), color-stop(100%, rgba(254,219,3,0.83))); /* safari4+,chrome */
  background: -webkit-linear-gradient(90deg, rgba(254,219,3,0.83) 0%, rgba(254,219,3,0.83) 0%, rgba(0,34,64,0.83) 100%); /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(90deg, rgba(254,219,3,0.83) 0%, rgba(254,219,3,0.83) 0%, rgba(0,34,64,0.83) 100%); /* opera 11.10+ */
  background: -ms-linear-gradient(90deg, rgba(254,219,3,0.83) 0%, rgba(254,219,3,0.83) 0%, rgba(0,34,64,0.83) 100%); /* ie10+ */
  background: linear-gradient(0deg, rgba(254,219,3,0.83) 0%, rgba(254,219,3,0.83) 0%, rgba(0,34,64,0.83) 100%); /* w3c */
  background-color: rgba(254,219,3,0.83);
}
.single_teams_in:hover .info:after{
  height: 600px;
  background: -moz-linear-gradient(268deg, #fdc800 0%, #002240 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdc800), color-stop(100%, #002240)); /* safari4+,chrome */
background: -webkit-linear-gradient(268deg, #fdc800 0%, #002240 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(268deg, #fdc800 0%, #002240 100%); /* opera 11.10+ */
background: -ms-linear-gradient(268deg, #fdc800 0%, #002240 100%); /* ie10+ */
background: linear-gradient(182deg, #fdc800 0%, #002240 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdc800', endColorstr='#002240',GradientType=0 ); /* ie6-9 */
 background-color: rgba(254,219,3,0.83);
 opacity: 0.6;
}

.single_teams_in .info h4{
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 25px;
}
.single_teams_in .info h5{
  font-weight: 400;
  color: #fff;
  font-size: 16px;
  padding-top: 6px;
}

.single_teams_in:hover .info ul {
  display: inline;
}
.single_teams_in .info ul {
  display: none;
}
.single_teams_in .info ul li{
  display: inline-block;
  padding-top: 10px;
  padding-left: 6px;
  padding-right: 6px;
}
.single_teams_in .info ul li a{
  display: inline-block;
  width: 32px;
  height: 32px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  color: #222222;
  padding-top: 3px;
}
.single_teams_in .info ul li a:hover{
  background-color: #fdc800;
  color: #fff;
}

/*style2*/

#team_slider_owl2.owl-carousel .owl-item img{
  width: auto;
}
#team_slider_owl2 .team_single_in{
  padding-top: 36px;
  margin:5px;
}
#team_slider_owl2 .team_single_in img{
  margin-top: -36px;
}
#team_slider_owl2 .team_single_in:hover .card{
  -webkit-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.17);
box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.17);
}
#team_slider_owl2 .team_single_in .card{
  padding-right: 0px;
  background-color: #fafafa;
  border: 0;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
#team_slider_owl2 .team_single_in .card-body{
  text-align: center;
}
#team_slider_owl2 .team_single_in h4 {
    font-weight: 600;
    color: #222222;
    font-size: 24px;
    line-height: 1.3em;
}

#team_slider_owl2 .team_single_in h5 {
    font-weight: 500;
    color: #222222;
    font-size: 18px;
    padding-top: 5px;
}

#team_slider_owl2 .team_single_in .social li {
    display: inline-block;
    padding-top: 15px;
}
#team_slider_owl2 .team_single_in .social li a {
    margin: 0 6px;
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: #002240;
    color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding-top: 4px;
    font-size: 18px;
}

#team_slider_owl2 .owl-dots{
  width: 100%;
  text-align: center;
  padding-top: 36px;
}
#team_slider_owl2.owl-carousel button.owl-dot.active{
  width: 45px;
 }
#team_slider_owl2.owl-carousel button.owl-dot{
  width: 24px;
  height: 12px;
  background-color: #002240;
  outline: 0;
  border: 0;
  margin: 0 3px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  transition: 0.2s all ease;
 }

 /*style3*/

 .our_team_sec_style3{
  padding: 95px 0;
 }
.team_single_in3{
  position: relative;
  z-index: 1;
  margin-top: 30px;
}
.team_single_in3 .team_infos{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #002240;
  opacity: 0.9;
  min-height: 130px;
  transition: 0.3s all;
  text-align: center;
  padding-top: 30px;
}
.team_single_in3 .team_infos h4{
  font-weight: 700;
  color: #fff;
  font-size: 18px;
  padding-bottom: 4px;
}
.team_single_in3 .team_infos h5{
  font-weight: 400;
  color: #fff;
  font-size: 16px;
}
.team_single_in3:hover .team_infos .social{
  top: 35%;
  opacity: 1;
}
.team_single_in3 .team_infos .social{
  position: absolute;
  top: 75%;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  transition: 0.3s all ease;
  opacity: 0;
}
.team_single_in3 .team_infos .social li a{
  display: inline-block;
  width: 44px;
  height: 44px;
  background-color: #fff;
  text-align: center;
  color: #273272;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 20px;
  padding-top: 10px;
}
.team_single_in3 .team_infos .social li{
  display: inline-block;
  padding: 0 4px;
}
.team_single_in3:hover .team_infos h4,
.team_single_in3:hover .team_infos h5{
  display: none;
}

/* -------------------------------- 

Close Our teams style

-------------------------------- */



/* -------------------------------- 

Start Overview and faq style

-------------------------------- */

.overview_faqs_sec{
  width: 100%;
  position: relative;
  z-index: 1;
  background-image: url(../img/overview_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 95px 0;
}
.overview_faqs_sec:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #000000;
  opacity: 0.8;
}
.overview_faqs_sec .title_faq {
  padding-bottom: 50px;
}
.overview_faqs_sec .title_faq h3{
  color: #fff;
  position: relative;
  width: -webkit-max-content;
  width: max-content;
}
.overview_faqs_sec .title_faq h3:after{
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: -10px;
  background-color: #fdc800;
}

.overview_faqs_sec .nav-tabs{
  border-bottom: 0;
}
.overview_faqs_sec .nav-tabs .nav-link{
  border:1px solid #fdc800;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  color: #fff;
  padding: 8px 32px;
  font-weight: 600;
  font-size: 18px;
  margin: 0 -8px;
  transition: 0.3s all ease;
}
.overview_faqs_sec .nav-tabs .nav-link.active{
  background-color: #fdc800;
  color: #222222;
  border-radius: 20px;
}
.overview_faqs_sec .nav-tabs .nav-item:first-child .nav-link{
  border-left: 1px solid #fdc800;
  border-radius: 20px 0 0 20px;
}
.overview_faqs_sec .nav-tabs .nav-item:last-child .nav-link{
  border-right: 1px solid #fdc800;
  border-radius: 0 20px 20px 0;
}

.overview_content_tb{
  margin-top: 20px;
  position: relative;
  z-index: 1;
  background-color: #fdc800;
  padding: 24px 18px;
  text-align: left;
}

.overview_content_tb:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../img/about_form_bg.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
.overview_content_tb p{
  padding-bottom: 18px;
  color: #222222;
  font-weight: 400;
  font-size: 16px;
}
.overview_content_tb ul li{
  padding-top: 10px;
  font-weight: 600;
  color: #222222;
  font-size: 18px;
}
.overview_content_tb ul li i{
  padding-right: 8px;
}


.faqs_content_right .card{
  margin-bottom: 12px;
  border-radius: 0;
  border:0;
  background-color: #fdc800;
}
.faqs_content_right .card-header{
  padding: 14px 0 14px 16px;
  background-color: transparent;
  border-bottom: 0;
}
.faqs_content_right .card-header button{
  background:transparent;
  width: 100%;
  border:0;
  outline: 0;
  text-align: left;
  cursor: pointer;
  font-weight: 700;
  color: #222222;
  font-size: 18px;
}
.faqs_content_right .card-header h5 > .btnc:before {
    float: right !important;
    font-family: Font Awesome\ 5 Free;
    content:"\f068";
    font-weight: 900;
    padding-right: 5px;
    color: #222222;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 50%;
    background-color:transparent;
    font-size: 14px;
    padding-top: 0;
    padding-left: 4px;
}
.faqs_content_right .card-header h5 > .btnc.collapsed:before {
    float: right !important;
    content:"\f067";
}

.faqs_content_right .card-body{
  padding-left: 14px;
  padding-top: 0;
  font-weight: 400;
  color: #222222;
  font-size: 16px;
}


/* -------------------------------- 

Close Overview and faq style

-------------------------------- */




/* -------------------------------- 

Start recent blog style

-------------------------------- */

.our_blog_sec{
  width: 100%;
  padding-top: 95px;
  padding-bottom: 95px;
  background-color: #fafafa;
}
.our_blog_sec .title{
  padding-bottom: 30px;
}

.our_blog_sec .owl-carousel .owl-item img{
  width: 100%;
}
.blog_single_in{
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  transition: 0.3s all ease;
   margin: 15px;
}
.blog_single_in:hover{
  -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
  box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
 
}
.blog_single_in .imags{
  position: relative;
}
.blog_single_in .imags .meta {
  background-color: #fdc800;
  padding: 6px 18px;
}
.blog_single_in .imags .meta li{
  display: inline-block;
  padding-right: 6px;
  font-weight: 400;
  color: #222222;
  font-size: 14px;
}
.our_blog_sec .imags .meta li a{
  font-weight: 400;
  color: #222222;
  font-size: 14px;
}
.blog_single_in .info{
  border:1px solid #fdc800;
  padding: 20px 14px;
}
.blog_single_in .info h2{
  padding-bottom: 14px;
  font-weight: 700;
  color: #222222;
  font-size: 25px;
}
.blog_single_in .info h2 a{
  color: #222222;
}
.blog_single_in .info p{
  font-weight: 400;
  color: #222222;
  font-size: 16px;
  padding-bottom: 20px;
}
.blog_single_in .info a:hover{
  color: #fdc800;
}
.blog_single_in .info a{
  font-weight: 600;
  display: inline-block;
  color: #222222;
  font-size: 18px;
}
.blog_single_in .info a i{
  padding-left: 8px;
}

.our_blog_sec .owl-nav{
  width: 100%;
  text-align: center;
  padding-top: 25px;
}
.our_blog_sec .owl-carousel .owl-nav button.owl-next, 
.our_blog_sec .owl-carousel .owl-nav button.owl-prev{
  background-color: #fdc800;
  width: 50px;
  height: 30px;
  border-radius: 5px;
  color: #222222;
  font-size:20px;
  margin: 0 5px;
  border:0;
  outline: 0;
}
/* -------------------------------- 

Close recent blog style

-------------------------------- */




/* -------------------------------- 

Start Testimonials and partner style

-------------------------------- */


.testimonial_partner_sec{
  background-color: #002240;
  padding: 95px 0;
  overflow: hidden;
}
.testimonial_partner_sec .owl-carousel .owl-item img{
  width: auto;
  border:2px solid #fdc800;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-right: 14px;
}
.single_inside_testimonials h4{
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 25px;
}
.single_inside_testimonials .media-body{
  padding-top: 20px;
}
.single_inside_testimonials h5{
  font-weight: 400;
  font-style: italic;
  color: #fdc800;
  font-size: 14px;
}
.single_inside_testimonials p{
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  padding-top: 18px;
}

.testimonial_partner_sec .owl-dots{
  text-align: left;
}
.testimonial_partner_sec .owl-carousel button.owl-dot.active{
  background-color: #013868;
}
.testimonial_partner_sec .owl-carousel button.owl-dot{
  width: 18px;
  height: 18px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #01294d;
  margin-right: 8px;
  border:0;
  outline: 0;
}

.testimonial_partner_sec .partner_logos{
  position: relative;
  border-left: 1px solid #fdc800;
  border-right: 1px solid #fdc800;  
}
.testimonial_partner_sec .partner_logos:after{
  width: 1px;
  height: 100%;
  position: absolute;
  left: -9px;
  top: 12px;
  content: '';
  background: #fdc800;
}
.testimonial_partner_sec .partner_logos:before{
  width: 1px;
  height: 100%;
  position: absolute;
  right: -9px;
  top: 12px;
  content: '';
  background: #fdc800;
}



/* -------------------------------- 

Close Testimonials and partner style

-------------------------------- */




/* -------------------------------- 

Start contact info style

-------------------------------- */


.contact_info_sec{
  padding-top: 95px;
  margin-bottom: -115px;
}

.center_con_img{
  margin-bottom: -60px;
}
.center_con_img img{
  margin: auto;
}

.contact_main_info{
  width: 100%;
  background-color: #fdc800;
  padding: 42px 38px;
  position: relative;
    z-index: 1;
}

.contact_main_info:after{
     content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../img/about_form_bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: repeat;
    z-index: -1;
}

.single_contact_in{
  position: relative;
  z-index: 1;
  padding: 14px;
  padding-left: 86px;
  -webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);
box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);
background-color: #fdc800;
}

.single_contact_in .icon{
  position: absolute;
  left: 26px;
  top:30px;
  color: #fdc800;
  background-color: #222;
  width: 40px;
  height: 40px;
  text-align: center;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 24px;
  padding-top: 7px;
}
.single_contact_in h3{
  font-weight: 400;
  color: #222222;
  font-size: 18px;
  text-transform: uppercase;
  padding-bottom: 8px;
}
.single_contact_in p{
  font-weight: 400;
  color: #222222;
  font-size: 14px;
}


/* -------------------------------- 

Close contact info style

-------------------------------- */




/* -------------------------------- 

Start Footer widget style

-------------------------------- */

.footer_widgets_sec{
  width: 100%;
  background-color: #002240;
  padding-top: 210px;
  padding-bottom: 95px;
}

.footer_widgets_sec .widget h3{
  color: #fff;
  text-transform: uppercase;
  border-bottom: 2px solid #fdc800;
  margin-bottom: 22px;
  padding-bottom: 6px;
  font-weight: 600;
  font-size: 25px;
  width: -webkit-max-content;
  width: max-content;
  line-height: 1.3em;
}
.footer_widgets_sec .widget p{
  color: #fff;
  font-weight: 400;
  font-size: 16px;
}
.footer_widgets_sec .widget .social li{
  display: inline-block;
  padding-right: 10px;
  padding-top: 22px;
}
.footer_widgets_sec .widget .social li a:hover{
  background-color: #fdc800;
}
.footer_widgets_sec .widget .social li a{
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #a1a1a1;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #002240;
  text-align: center;
  padding-top: 2px;
}
.widget_menu li{
  padding-bottom: 10px;
}
.widget_menu li a{
  display: inline-block;
  font-weight: 400;
  color: #fff;
  font-size: 16px;
}
.widget_menu li a i{
  padding-right: 10px;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  transition: 0.3s all ease;
  color: #fdc800;
}
.widget_menu li a:hover i{
  padding-right: 5px;
}

.widget_instgram a{
  float: left;
  position: relative;
  z-index: 111;
  overflow: hidden;
}
.widget_instgram a:after{
  content: '';
  width: 100%;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-color: #fdc800;
  opacity: 0;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.widget_instgram a:hover:after{
  opacity: 0.75;
  height: 100%;
}
.widget_instgram a:before{
  content: '+';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  text-align: center;
  top: 0;
  color: #222222;
  z-index: 11;
  font-size: 30px;
  padding-top: 12px;
  opacity: 0;
}
.widget_instgram a:hover:before{
  opacity: 1;
}

.widget_newsletter form input{
  padding-top: 12px;
  border:0;
  border-bottom: 1px solid #fdc800;
  font-style: italic;
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  background-color: transparent;
  width: 100%;
}
.widget_newsletter form button{
  margin-top: 12px;
  background-color: #fdc800;
  padding: 10px 18px;
  text-transform: uppercase;
  color: #222222;
  font-size: 14px;
  font-weight: 600;
  outline: 0;
  border:0;
  cursor: pointer;
}

/* -------------------------------- 

Close Footer widget style

-------------------------------- */



/* -------------------------------- 

Start Footer copyright style

-------------------------------- */
.footers{
  width: 100%;
  background-color: #002240;
  margin-top: -1px;
}
.footers .row{
  border-top: 1px solid #fdc800;
}
.copyright_txt,
.right_content{
  padding: 12px 0;
}
.copyright_txt p a,
.copyright_txt p{
  color: #fff;
  font-weight: 400;
  font-size: 12px;
}
.right_content a{
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  display: inline-block;
  padding: 0 6px;
}
.right_content{
  text-align: right;
}


/*return to top*/
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 10px;
    background-color: #fdc800;
    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: 9999;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    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;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}


/* -------------------------------- 


Close Footer copyright style

-------------------------------- */




/* -------------------------------- 


Start Responsive style

-------------------------------- */

@media only screen and (max-width : 767px) {
  .navbar .navbar-collapse{
    overflow: auto !important;
    max-height: 330px;
  }
  .top_nav_soc{
    display: none;
  }
 
  .nav_main{
    top: 5px;
  }
  .top_hero_sec .banner_image_right img{
    max-width: 100%;
    margin-left: auto;
    margin-right: -50px;
  }
  .single_down_r{
    margin-top: 20px;
  }
  .single_feature_in .icon_title{
    padding-bottom: 70px;
  }
  .faqs_content_right{
    padding-top: 30px;
  }
  .partner_logos{
    margin-top: 30px;
  }
  .single_contact_in{
    margin-top: 30px;
  }
  .contact_main_info{
    padding-top: 12px;
  }
  .footer_widgets_sec{
    padding-bottom: 65px;
  }
  .footer_widgets_sec .widget{
    margin-bottom: 30px;
  }
  .widget_instgram a{
    float: unset;
    display: inline-block;
  }

}
@media only screen and (max-width : 480px){
  .about_img_full{
    padding-bottom: 150px;
  }
  .overview_faqs_sec .nav-tabs .nav-link{
    border-radius: 20px;
    margin: 0;
  }
  .nav-tabs .nav-item{
    margin-bottom: 2px;
  }
  .overview_faqs_sec .nav-tabs .nav-item:first-child .nav-link,
  .overview_faqs_sec .nav-tabs .nav-item:last-child .nav-link{
    border-radius: 20px;
  }
  .single_contact_in{
    padding-left: 10px;
    padding-top: 80px;
  }
  .single_contact_in .icon{
    left: 10px;
  }
  .overview_faqs_sec .nav-tabs .nav-link{
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media only screen and (max-width : 993px) {
  .navbar-toggler .icon-bar:nth-of-type(2) {
    top: 1px;
  }

  .navbar-toggler .icon-bar:nth-of-type(3) {
      top: 2px;
  }

  .navbar-toggler .icon-bar {
      position: relative;
      -webkit-transition: all 500ms ease-in-out;
      -moz-transition: all 500ms ease-in-out;
      transition: all 500ms ease-in-out;
  }

  .navbar-toggler.active .icon-bar:nth-of-type(1) {
      top: 6px;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      transform: rotate(45deg);
  }

  .navbar-toggler.active .icon-bar:nth-of-type(2) {
      background-color: transparent;
  }

  .navbar-toggler.active .icon-bar:nth-of-type(3) {
      top: -6px;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      transform: rotate(-45deg);
  }
  .navbar-toggler .icon-bar{
    background-color: #fff;
  }
  .navbar-toggler .icon-bar+.icon-bar {
      margin-top: 4px;
  }
  .navbar-toggler .icon-bar {
      display: block;
      width: 22px;
      height: 2px;
      border-radius: 1px;
  }
  .navbar-toggler:focus{
    outline: 0;
  }
  .navbar-toggler{
    outline: 0;
    border:0;
  }

  .navbar-collapse{
    background-color: #002240;
    padding: 20px;
  }

  .banner_conetnt_inside h1{
    font-size: 36px;
  }
  .banner_conetnt_inside p{
    font-size: 18px;
  }
  .banner_conetnt_inside .btn{
    font-size: 16px;
  }
  .single_down_r h3{
    font-size: 18px;
  }
  .title h3{
    font-size: 24px;
  }
  .title p{
    font-size: 16px;
  }
  .about_content_main h2,
  .about_form_right .top_form h2,
  .about_form_right .progress_about h2,
  .single_feature_in .icon_title h4,
  .single_services_in .con h2,
  .single_teams_in .info h4,
  .blog_single_in .info h2,
  .single_inside_testimonials h4,
  .footer_widgets_sec .widget h3{
    font-size: 20px;
  }
  .about_content_main p,
  .about_form_right .progress_about .txt p,
  .single_feature_in p,
  .video_play_details .right_align li, 
  .video_play_details .left_align li,
  .single_services_in .con p,
  .single_teams_in .info h5,
  .overview_content_tb p,
  .faqs_content_right .card-body,
  .blog_single_in .info p,
  .single_inside_testimonials p,
  .footer_widgets_sec .widget p,
  .widget_menu li a{
    font-size: 14px;
  }
  .about_content_main a,
  .single_feature_in a,
  .single_services_in .con a,
  .portfolio_sec .item-inner .view-list a,
  .overview_faqs_sec .nav-tabs .nav-link,
  .blog_single_in .info a{
    font-size: 16px;
  }
  .portfolio_sec .item-inner .view-list h4,
  .overview_content_tb ul li,
  .faqs_content_right .card-header button{
    font-size: 16px;
  }
  .single_contact_in h3{
    font-size: 16px;
  }
  .shop_menu .dropdown{
    float: left !important;
  }

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

  .banner_conetnt_inside{
    padding-bottom: 200px;
    position: relative;
    z-index: 11;
  }
  .top_hero_sec .banner_image_right img {
    max-width: 975px;
    width: 1175px;
    margin-left: -380px;
    margin-bottom: 0px;
  }

  .single_down_r{
    padding-top: 70px;
    padding-left: 0;
  }
  .single_down_r .icon{
    top: 20px;
  }
  .about_img_full{
    padding-bottom: 100px;
  }
  .single_feature_in {
    padding-right: 10px;
  }
  .single_feature_in .icon_title{
    padding-left: 20px;
    padding-top: 110px;
  }
  .portfolio_sec .item-inner .view-list p{
    display: none;
  }
  .single_teams_in .img_t img{
    height: 368px;
    width: 100%;
  }
  .overview_faqs_sec .nav-tabs .nav-link{
    padding-left: 16px;
    padding-right: 16px;
  }
  .single_contact_in{
    padding-left: 10px;
    padding-top: 80px;
  }
  .single_contact_in .icon{
    left: 10px;
  }
  .widget_instgram a{
    max-width: 50%;
  }

}



/* -------------------------------- 


Close Responsive style

-------------------------------- */




/* -------------------------------- 


Start Home two style

-------------------------------- */

.home2.active_sc{
    -webkit-box-shadow: 0px 4px 11px -2px rgba(0,0,0,0.39);
-moz-box-shadow: 0px 4px 11px -2px rgba(0,0,0,0.39);
box-shadow: 0px 4px 11px -2px rgba(0,0,0,0.39);
  }

.info_nav_topbar li{
  display: inline-block;
  padding-left: 16px;
}

.info_nav_topbar li p{
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  position: relative;
  padding-left: 25px;
}
.info_nav_topbar li p i{
  position: absolute;
  left: 0;
  font-size: 14px;
  top: 7px;
}
.top_nav_soc.home2{
  position: unset;
  background-color: #002240;
  max-height:unset;
}
.home2.nav_main.navbar-expand-lg, 
.home2.nav_main.navbar-expand-md{
  background-color: #fff;
  position: relative;
  top: 0;
  padding-top: 10px;
}
.home2.nav_main.navbar-expand-lg.active_sc{
  position: fixed;
}

.home2.navbar .nav-item a{
  color: #222222;
  position: relative;
  z-index: 1;
}
.home2.navbar .nav-item.active a.nav-link:before{
  content: '';
  width: 100%;
  position: absolute;
  left: 0;
  top: -11px;
   background-color: #fdc800;
   height: 4px; 
}
.home2.nav_main .navbar-nav .active>.nav-link{
  color: #222222;
}
.home2.nav_main.navbar-expand-lg .nav-item a:hover{
  color: #222222;
}
.home2.nav_main.navbar-expand-lg .nav-item .dropdown-item:hover{
  color: #fdc800;
}

/*banner*/

.top_hero_sec .owl-item.active .banner_conetnt_inside h1{
  animation: 1s .2s fadeInUp both;
}

.top_hero_sec .owl-item.active .banner_conetnt_inside p{
  animation: 1s .6s fadeInUp both;
}
.top_hero_sec .owl-item.active .banner_conetnt_inside .btn{
  animation: 1s .9s flipInX both;
}
.top_hero_sec.home2{
  padding-top: 0;
}
.top_hero_sec.home2:after{
  display: none;
  padding-top: 0;
}
.top_hero_sec.home2{
  background:transparent;
}
.top_hero_sec.home2 .slide{
  
  background-image: url(../img/home2/banner.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 150px 0;
}
.top_hero_sec.home2 .slide.slide2{
  background-image: url(../img/banner.jpg);
}

.home2 .banner_conetnt_inside {
  position: relative;
  z-index: 1;
  padding: 44px 130px;
  border-bottom: 2px solid #fdc800;
  border-top: 2px solid #fdc800;
}
.home2 .banner_conetnt_inside:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000000;
  opacity: 0.7;
  z-index: -1;
}

.top_hero_sec.home2 .owl-dots{
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 60px;
}
.top_hero_sec.home2 .owl-carousel button.owl-dot.active{
  background-color: #fdc800;
}
.top_hero_sec.home2 .owl-carousel button.owl-dot{
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color:transparent;
  margin-right: 5px;
  border:1px solid #fdc800;
  outline: 0;
}


/*about us*/
.home2.title .line{
  margin-left: 0;
  margin-right: auto;
  text-align: center;
}
.home2.title h3{
  text-transform: capitalize;
}
.title.home2 h5 {
  font-weight: 400;
  color: #222222;
  font-size: 20px;
  line-height: 1.4em;
}
 .title.home2 p{
  font-size: 16px;
  padding-top: 24px;
 } 
.title .btn{
  background-color: #fdc800;
  padding: 16px 36px;
  font-weight: 600;
  color: #222222;
  font-size: 18px;
  border-radius: 5px;
  margin-top: 24px;
  border:1px solid #fdc800;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.title .btn:hover{
  background-color: transparent;
  color: #fdc800;
}


.about_funfact{
  width: 100%;
  border-top: 2px solid #fdc800;
  margin-top: 24px;
}
.about_funfact .fun_single{
  width: 100%;
  margin-top: 30px;
  text-align: center;
}
.about_funfact .fun_single img{
  margin: auto;
  padding-bottom: 6px;
}
.about_funfact .fun_single h4{
  padding: 8px 0;
  font-weight: 700;
  color: #222222;
  font-size: 30px;
}
.about_funfact .fun_single p{
  font-weight: 400;
  color: #222222;
  font-size: 16px;
}

.about_us_sec.home2{
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 100px 0;
}
.about_us_sec.home2:after{
  content: '';
  width: 44.8%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  -webkit-transition: 0.5s all ease;
  -moz-transition: 0.5s all ease;
  -ms-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.about_us_sec.home2:before{
  content: '';
  width: 44.8%;
  height: 100%;
  position: absolute;
  left: 40px;
  top:40px;
  background-color: #fdc800;
  z-index: -11;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.about_us_sec.home2:hover:before{
  width: calc(44.8% + 40px);
  left: 0;
  height: calc(100% + 40px);
  top: 0;
}

.about_img{
  position: relative;
}

/*-----------booking section----------*/

.online_booking_sec{
  width: 100%;
  position: relative;
  z-index: 1;
  background-image: url(../img/home2/form_bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.online_booking_sec:after{
  content: '';
  width: 53%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000;
  z-index: -1;
  opacity: 0.9;
}
.booking_form_left{
  width: 100%;
  padding: 95px 0;
  text-align: right;
}
.booking_form_left.title h3,
.booking_form_left.title p{
  color: #fff;
}
.booking_form_left.title h5{
  color: #fff;
  font-size: 14px;
  padding-top: 6px;
}
.booking_form_left.title p{
  font-size: 16px;
  padding-top: 30px;
}
.booking_form_left form{
  padding-top: 44px;
}
.booking_form_left form .form-control{
  margin-top: 10px;
  background-color: transparent;
  padding: 8px 10px;
  color: #a4a3a3;
  font-size: 12px;
  border:1px solid #fdc800;
  width: 100%;
}

.input-group-append .btn{
  background-color: transparent;
  border:0 !important;
  outline: 0;
  color: #fdc800;
  position: absolute;
  right: 0;
}
.input-group-append{
      position: absolute;
    top: -14px;
    right: -35px;
}
.booking_form_left form button{
  width: 100%;
  margin-top: 20px;
  text-align: center;
  background-color: #fdc800;
  padding: 10px;
  font-weight: 700;
  color: #222222;
  font-size: 16px;
  outline: 0;
  border:0;
  border-radius: 4px;
  cursor: pointer;
}
.online_booking_sec .booking_man_i{
  height: 100%;
}
.online_booking_sec .booking_man_i img{
  margin-left: auto;
      vertical-align: bottom;
}

/*booking section*/

/*service section 2*/

.title h3{
  line-height: 1.3em;
}
.title h5{
  color: #222222;
  font-size: 16px;
  font-weight: 400;
  padding-bottom: 8px;
}

.our_services_sec2{
  width: 100%;
  padding: 95px 0;
  background-image: url(../img/home2/service-bg.png);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
}

.single_service_in_2{
  margin-top: 30px;
  width: 100%;
  text-align: center;
  padding: 18px 16px;
  background-color: #002240;
  position: relative;
  z-index: 1;
}
.single_service_in_2 img{
  margin: auto;
}
.single_service_in_2 h4{
  color: #fff;
  padding-bottom: 18px;
  padding-top: 14px;
  font-weight: 700;
  font-size: 25px;
}
.single_service_in_2 p{
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  padding-bottom: 22px;
}
.single_service_in_2 .btn{
  color: #fff;
  padding: 12px 24px;
  border:1px solid #fdc800;
  font-weight: 600;
  font-size: 18px;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  transition: 0.3s all ease;
  background-color: transparent;
}
.single_service_in_2 .btn:hover{
  background-color: #ffffff;
  color: #222222;
  border-color: transparent;
}
.single_service_in_2.shp1:after{
  content: '';
  width:0;
  height: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  border-style: solid;
  border-width: 0 0 80px 80px;
  border-color: transparent transparent #fdc800 transparent;
  line-height: 0px;

}
.single_service_in_2.shp2:after{
  content: '';
  width:0;
  height: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  border-style: solid;
  border-width: 80px 0 0 80px;
  border-color: transparent transparent transparent #fdc800;
  line-height: 0px;

}
.single_service_in_2.shp2:before{
  content: '';
  width:0;
  height: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  border-style: solid;
  border-width: 0 0 80px 80px;
  border-color: transparent transparent #fdc800 transparent;
  line-height: 0px;

}
.single_service_in_2.shp3:after{
  content: '';
  width:0;
  height: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  border-style: solid;
  border-width: 80px 0 0 80px;
  border-color: transparent transparent transparent #fdc800;
  line-height: 0px;
}
.single_service_in_2.shp4:after{
  content: '';
  width:0;
  height: 0;
  position: absolute;
  right: 0;
  top: 0;
  border-style: solid;
  border-width: 0 80px 80px 0;
border-color: transparent #fedd03 transparent transparent;
line-height: 0px;

}
.single_service_in_2.shp5:after{
  content: '';
  width:0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  border-style: solid;
  border-width: 80px 80px 0 0;
border-color: #fedd03 transparent transparent transparent;
line-height: 0px;

}

.single_service_in_2.shp5:before{
  content: '';
  width:0;
  height: 0;
  position: absolute;
  right: 0;
  top: 0;
  border-style: solid;
  border-width: 0 80px 80px 0;
border-color: transparent #fedd03 transparent transparent;
line-height: 0px;

}
.single_service_in_2.shp6:after{
  content: '';
  width:0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  border-style: solid;
  border-width: 80px 80px 0 0;
border-color: #fedd03 transparent transparent transparent;
line-height: 0px;

}

/*service section 2*/

/*techinal issue*/

.technical_solutions_s{
  width: 100%;
  position: relative;
  z-index: 1;
  
  background-color: #f7f6f6;
  padding: 95px 0;
}
.technical_solutions_s:before{
  content: '';
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: url(../img/home2/tech_bg_left.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}
.technical_solutions_s:after{
  content: '';
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url(../img/home2/tech_bg_right.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}

.solutions_title.title p{
  font-weight: 400;
  color: #222222;
  font-size: 16px;
  padding-top: 16px;
}
.solutions_title.title .line{
  margin-left: 0;
  text-align: center;
}
.solutions_title.title .line img{
  margin: auto;
}
.solutions_title.title ul{
  padding-top: 12px;
}
.solutions_title.title ul li{
  display: inline-block;
  margin-top: 12px;
  position: relative;
  font-weight: 400;
  color: #222222;
  font-size: 14px;
  padding-left: 18px;
}
.solutions_title.title ul li:before{
  content: '';
  width: 9px;
  height: 9px;
  position: absolute;
  left: 0;
  top: 8px;
  background-color: #002240;
  z-index: 1;
}
.solutions_title.title ul li:after{
  content: '';
  width: 9px;
  height: 9px;
  position: absolute;
  left: 3px;
  top: 11px;
  background-color: #fdc800;
  z-index: 11;
}
.video_inside_pla.home2{
  background-image: url(../img/home2/video_bg.jpg);
}

/*techinal issue*/

/*portfolio*/
.portfolio_sec.home2{
  background-color: #fff;
}
.home2.portfolio_sec .item-inner{
  margin-top: 0;
}

.home2.portfolio_sec .grid-item{
  padding: 0;
}
.portfolio_sec.home2 .button-group {
  padding-bottom: 40px;
}
.portfolio_sec.home2 .button-group button{
  background-color: #fdc800;
  padding: 12px 22px;
  margin: -2px;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.portfolio_sec.home2 .button-group button.is-checked{
  color: #fff;
  background-color: #222222;
  font-weight: 400;
  border-radius: 6px;
}
.portfolio_sec.home2 .button-group button.is-checked:before{
  display: none;
}

/*portfolio*/

/*contact info*/
.contact_and_preview{
  width: 100%;
  padding: 95px 0;
  position: relative;
  z-index: 1;
  background-color: #fdc800;
}
.contact_and_preview:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../img/home2/call_bg.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
.contact_info_elm {
  text-align: center;
}
.contact_info_elm h2{
  padding-bottom: 20px;
  font-weight: 700;
  color: #222222;
  font-size: 25px;
  line-height: 1.3em;
}
.contact_info_elm img{
  margin: auto;
}
.contact_info_elm h1{
  font-weight: 700;
  color: #222222;
  font-size: 50px;
  line-height: 1.4em;
  padding-top: 10px;
  padding-bottom: 10px;
}
.contact_info_elm p{
  font-weight: 500;
  color: #222222;
  font-size: 18px;
}
.contact_info_elm .btn{
  position: relative;
  padding: 12px 20px 12px 55px;
  background-color: #222222;
  color: #fff;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  border-radius: 10px;
  margin-top: 26px;
  border:0;
  outline: 0;
  margin-right: 15px;
}
.contact_info_elm .btn b{
  float: left;
  font-size: 16px;
}
.contact_info_elm .btn i{
  position: absolute;
  left: 20px;
  top: 15px;
  font-size: 2rem;
  color: #fdc800;
}

.contact_info_elm .btn:nth-child(2){
  margin-right: 0;
}


/*contact info*/

/*blog*/
.home2.our_blog_sec{
  background-color: #fff;
}
.home2 .blog_single_in{
  opacity: 0.5;
}
.home2 .blog_single_in:hover{
  opacity: 1;
}
/*blog*/

/*testimonials 2*/

.testimonials2_sec{
  width: 100%;
  position: relative;
  z-index: 1;
  background-image: url(../img/home2/client_bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 95px 0;
}
.testimonials2_sec:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #002240;
  z-index: -1;
  opacity: 0.8;
}

.testimonials2_sec .title{
  padding-bottom: 30px;
}
.testimonials2_sec .title h5,
.testimonials2_sec .title h3,
.testimonials2_sec .title p{
  color: #fff;
}
.testimonials2_sec .title .line:after{
  background-color: #fff;
}

.single_testi_2in{
  width: 100%;
  padding: 28px 25px;
  border:1px solid #fff;
}

.single_testi_2in h4{
  color: #fff;
  font-weight: 700;
  font-size: 20px;
}
.single_testi_2in h5{
  font-weight: 400;
  font-style: italic;
  color: #fdc800;
  font-size: 14px;
}
.single_testi_2in .rating {
  padding-top: 10px;
}
.single_testi_2in .rating li{
  display: inline-block;
  padding-right: 4px;
  color: #fdc800;
}
.single_testi_2in p{
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  padding-top: 18px;
}

.testimonials2_sec .owl-carousel .owl-item img{
  width: auto;
  margin-right: 8px;
}


.testimonials2_sec .owl-nav{
  width: 100%;
  text-align: right;
  padding-top: 25px;
}
.testimonials2_sec .owl-carousel .owl-nav button.owl-next, 
.testimonials2_sec .owl-carousel .owl-nav button.owl-prev{
  background-color:transparent;
  width: 50px;
  height: 40px;
  border-radius: 5px;
  color: #fdc800;
  font-size:20px;
  margin: 0 10px;
  margin-right: 0;
  border:1px solid #fdc800;
  outline: 0;
}

/*testimonials 2*/

/*responsive*/

@media only screen and (max-width : 768px) {
  
  .about_us_sec.home2:after{
    width: 100%;
    height: 300px;
  }
  .about_us_sec.home2:before{
    display: none;
  }
  .about_us_sec.home2{
    padding-top: 350px;
    margin-bottom: 0;
  }
  .about_img img{
    position: unset;
  }
  .about_img{
    margin-top: -200px;
    padding-bottom: 50px;
  }
  .online_booking_sec:after{
    width: 100%;
  }
  .contact_info_elm h1{
    font-size: 36px;
  }
  .contact_info_elm h2,
  .single_service_in_2 h4{
    font-size: 20px;
  }
  .contact_info_elm h2 br{
    display: none;
  }
  .home2 .banner_conetnt_inside{
    padding-left: 30px;
    padding-right: 30px;
  }
  .home2 .navbar-toggler .icon-bar{
    background-color: #222222;
  }

  .home2.navbar .nav-item.active a:before{
    display: none;
  }
  .single_service_in_2:after,
  .single_service_in_2:before{
    display: none;
  }
}

@media only screen and (max-width : 993px) {
  .home2 .navbar-toggler .icon-bar{
    background-color: #222222;
  }
  .home2 .navbar-toggler .icon-bar{
    background-color: #222222;
  }

  

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  .about_img{
    position: absolute;
    bottom: -100px;
    right: -10px;
  }
  .about_img img{
    position: unset;
  }

  .contact_info_elm h1{
    font-size: 36px;
  }
  .contact_info_elm h2,
  .single_service_in_2 h4{
    font-size: 20px;
  }
  .contact_info_elm h2 br{
    display: none;
  }
  
  .home2.navbar .nav-item.active a:before{
    display: none;
  }
}

@media only screen and (max-width : 1200px) {
  .about_img img{
    max-width: 100%;
    top: 395px;
    left: 30px;
  }
}

@media only screen and (min-width : 1350px) {
  .about_img img{
    left: -26px;
  }
}
@media only screen and (min-width : 1650px) {
  .about_us_sec.home2:before,
  .about_us_sec.home2:after{
    width: 46.8%;
  }
  .about_img img{
    left:-10px;
  }
}
@media only screen and (min-width : 2200px) {
  .about_us_sec.home2:before, 
  .about_us_sec.home2:after{
    width: 47.8%;
  }
}

/*responsive*/

/* -------------------------------- 


Close Home two style

-------------------------------- */



/* -------------------------------- 


Start Home Three style

-------------------------------- */


.top_hero_sec.home3{
  padding-top: 0;
}
.top_hero_sec.home3:after{
  display: none;
  padding-top: 0;
}
.top_hero_sec.home3{
  background:transparent;
}
.top_hero_sec.home3 .slide{
  
  background-image: url(../img/home3/banner.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 250px 0;
  position: relative;
  z-index: 1;
}
.top_hero_sec.home3 .slide.slide2{
  background-image: url(../img/banner.jpg);
}


.home3.top_hero_sec .slide:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000000;
  opacity: 0.25;
  z-index: -11;
}
.home3.top_hero_sec .slide:before{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  background-image: url(../img/home3/shape.png);
  background-repeat: no-repeat;
  background-size: 100% 365px;
  background-position: bottom;
}

.top_hero_sec.home3 .owl-dots{
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 100px;
}
.top_hero_sec.home3 .owl-carousel button.owl-dot.active{
  background-color: #fdc800;
}
.top_hero_sec.home3 .owl-carousel button.owl-dot{
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color:transparent;
  margin-right: 5px;
  border:1px solid #fdc800;
  outline: 0;
}

.home3 .banner_conetnt_inside .btn{
  border-radius: 4px;
}
.home3 .banner_conetnt_inside .btn:last-child{
  margin-left: 10px;
  background:transparent;
  color: #fdc800;
  border-color: #fdc800;
}


/*why choose us*/

.title2 .line2{
  width: 100%;
  height: 2px;
  background-color: #fdc800;
  margin-top: 10px;
  margin-bottom: 20px;
  max-width: 85px;
  position: relative;
}
.title2 .line2:after{
  content: '';
  width: 2px;
  height: 2px;
  background-color: #222222;
  position: absolute;
  right: -5px;
}
.title2 .line2:before{
  content: '';
  width: 2px;
  height: 2px;
  background-color: #222222;
  position: absolute;
  right: -10px;
}

.title2 p{
  font-size: 16px;
}

.why_choose_us_sec{
  width: 100%;
  padding-top: 95px;
}
.single_choose_in{
  width: 100%;
  padding-top: 30px;
}
.single_choose_in h4{
  font-weight: 700;
  color: #3b3b3b;
  font-size: 25px;
  line-height: 1.3em;
  padding-bottom: 12px;
}
.single_choose_in p{
  font-weight: 400;
  color: #3b3b3b;
  font-size: 14px;
}

.whoose_image_right{
  margin-top: 30px;
  width: 100%;
  position: relative;
  z-index: 1;
  padding-right: 15px;
  padding-bottom: 15px;
  -webkit-transition: 0.5s all ease-in-out;
  -moz-transition: 0.5s all ease-in-out;
  transition: 0.5s all ease-in-out;
}
.whoose_image_right img{
  width: 100%;
}
.whoose_image_right:after{
  content: '';
  width: calc(100% - 30px);
  height: calc(100% - 30px);
  background-color: #fdc800;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  -webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.whoose_image_right:hover{
  padding: 0;
}
.whoose_image_right:hover:after{
  width: 100%;
  height: 100%;
}


/*why choose us*/

/*about company*/

.about_us_sec.home3{
  padding-bottom: 0;
}

.about_images_2{
  width: 100%;
  position: relative;
  height: 100%;
}

.about_images_2 img{
  border:6px solid #fdc800;
}
.about_images_2 .about1_img{
  position: absolute;
  top: 0;
  right: 0;
}
.about_images_2 .about2_img{
  position: absolute;
  bottom: 0;
  left: 0;
}

.about_us_sec .title2 p{
  padding-bottom: 16px;
  color: #3b3b3b;
}
.about_us_sec .title2 p:last-child{
  padding-bottom: 0;
}

.single_about_row{
  width: 100%;
  position: relative;
  padding: 20px 16px;
  border:1px solid #fdc800;
  margin-top: 30px;
}
.single_about_row:hover .icon{
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2);
}
.single_about_row .icon img{
  display: inline-block;
}
.single_about_row .icon{
  position: absolute;
  top: -22px;
  left: 16px;
  border:1px solid #fdc800;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  background-color: #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  -ms-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.single_about_row h4{
  font-weight: 700;
  color: #3b3b3b;
  font-size: 20px;
  padding-top: 10px;
}
.single_about_row p{
  font-weight: 400;
  color: #222222;
  font-size: 16px;
  padding-top: 10px;
}

/*about company*/

.title2.text-center .line2{
  margin-left: auto;
  margin-right: auto;
}

/*portfolio*/
.portfolio_sec.home3{
  background-color: #fff;
}
.home3.portfolio_sec .item-inner{
  margin-top: 0;
}

.home3.portfolio_sec .grid-item{
  padding: 0;
}
.portfolio_sec.home3 .button-group {
  padding-bottom: 40px;
}
.portfolio_sec.home3 .button-group button{

}
.portfolio_sec.home3 .button-group button.is-checked{
  color: #fdc800;
  font-weight: 400;
}
.portfolio_sec.home3 .button-group button.is-checked:after{
  background-color: #002240;
}

.portfolio_sec.home3 .button-group button:before{
  content: '';
  width: 12px;
  height: 12px;
  background:transparent;
  border:1px solid #002240;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  bottom: -18px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.portfolio_sec.home3 .button-group button:after{
  content: '';
  width: 6px;
  height: 6px;
  background:transparent;
  border:1px solid #002240;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  bottom: -12px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/*portfolio*/

/*construction_quote_form*/

.construction_quote_form{
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 95px 0;
  background-image: url(../img/home3/quotes.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.construction_quote_form:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #000000;
  opacity: 0.64;
}

.left_form_construct h3{
  color: #fff;
  line-height: 1.3em;
  padding-bottom: 12px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 30px;
}
.left_form_construct h4{
  font-weight: 400;
  color: #fff;
  font-size: 25px;
}
.left_form_construct p{
  padding-top: 22px;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
}
.left_form_construct ul{
  padding-top: 16px;
}
.left_form_construct ul li i{
  color: #fdc800;
  padding-right: 8px;
}
.left_form_construct ul li{
  color: #fff;
  padding-top: 6px;
  font-weight: 400;
  font-size: 16px;
}

.construction_quote_form form {
  margin-top: 30px;
}
.construction_quote_form form input,
.construction_quote_form form select{
  width: 100%;
  background-color: #cdcdcd;
  outline: 0;
  border:0;
  border-radius: 5px;
  padding: 10px;
  font-weight: 400;
  color: #8a8989;
  font-size: 12px;
}
.construction_quote_form form label{
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  padding-bottom: 8px;
}
.construction_quote_form form .btn{
  width: 100%;
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  font-weight: 500;
  color: #222222;
  font-size: 16px;
  background-color: #fdc800;
}

/*construction_quote_form*/

/*get_quote_addn*/
.get_quote_addn{
  width: 100%;
  background-color: #002240;
  padding: 95px 0;
}
.get_quote_addn h5{
  color: #fff;
  font-weight: 400;
  font-size: 20px;
  text-transform: uppercase;
}
.get_quote_addn .btn{
  background-color: #fdc800;
  padding: 8px 26px;
  border-radius: 6px;
  text-transform: uppercase;
  border:1px solid transparent;
  font-weight: 600;
  color: #222222;
  font-size: 16px;
  -webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  -ms-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.get_quote_addn .btn:hover{
  color: #fdc800;
  border-color: #fdc800;
  background:transparent;
}

/*get_quote_addn*/

/*blog*/
.our_blog_sec.home3{
  width: 100%;
  padding-top: 95px;
  padding-bottom: 95px;
}
.our_blog_sec.home3 .title{
  padding-bottom: 0;
}
.single_blog_3.bg_img{
  height: calc(100% - 30px);
  position: relative;
  background-image: url(../img/home3/blog1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 26px;
  z-index: 1;
  margin-top: 30px;
}
.single_blog_3.bg_img:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  background: -moz-linear-gradient(90deg, rgba(0,34,64,1) 0%, rgba(0,34,64,0.8) 20%, rgba(0,34,64,0) 100%); /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,34,64,0)), color-stop(80%, rgba(0,34,64,0.8)), color-stop(100%, rgba(0,34,64,1))); /* safari4+,chrome */
  background: -webkit-linear-gradient(90deg, rgba(0,34,64,1) 0%, rgba(0,34,64,0.8) 20%, rgba(0,34,64,0) 100%); /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(90deg, rgba(0,34,64,1) 0%, rgba(0,34,64,0.8) 20%, rgba(0,34,64,0) 100%); /* opera 11.10+ */
  background: -ms-linear-gradient(90deg, rgba(0,34,64,1) 0%, rgba(0,34,64,0.8) 20%, rgba(0,34,64,0) 100%); /* ie10+ */
  background: linear-gradient(0deg, rgba(0,34,64,1) 0%, rgba(0,34,64,0.8) 20%, rgba(0,34,64,0) 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002240', endColorstr='#002240',GradientType=0 ); /* ie6-9 */
}
.single_blog_3.bg_img .content{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 26px;
}
.single_blog_3 h2{
  color: #fff;
  padding-bottom: 10px;
  font-weight: 700;
  font-size: 25px;
}
.single_blog_3 h2 a{
  color: #fff;
}
.single_blog_3 .meta li{
  display: inline-block;
  padding-top: 10px;
  padding-right: 6px;
  color: #fff;
  font-weight: 400;
  font-size: 12px;
}
.single_blog_3 .meta li a{
  color: #fff;
  font-weight: 400;
  font-size: 12px;
}
.single_blog_3 .meta li i{
  color: #fdc800;
  padding-right: 4px;
}
.single_blog_3 p{
  color: #fff;
  padding-top: 15px;
  font-weight: 400;
  font-size: 20px;
}
.single_blog_3 .btn{
  margin-top: 20px;
  padding: 16px 22px;
  background-color: #fdc800;
  border:1px solid transparent;
  font-weight: 400;
  color: #222222;
  font-size: 16px;
  -webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  -ms-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.single_blog_3 .btn:hover{
  color: #fdc800;
  border-color: #fdc800;
  background:transparent;
}

.single_blog_3.single{
  background-color: #002240;
  margin-top: 30px;
  position: relative;
  padding-left: 230px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 15px;
}
.single_blog_3.single img{
  max-width: 215px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
}
.single_blog_3.single h2{
  font-size: 20px;
}
.single_blog_3.single p{
  font-size: 16px;
}

/*blog*/

/*testimonial*/
.testimonials2_sec.home3{
  padding-bottom: 200px;
}

.testimonials2_sec.home3 .single_testi_2in{
  background-color: #002240;
  border:0;
}
.testimonials2_sec .title2 .line2:before,
.testimonials2_sec .title2 .line2:after{
  background-color: #fdc800;
}

/*testimonial*/

.contact_info_sec.home3{
  padding-top: 0;
  margin-top: -110px;
}


.home3.top_hero_sec .slide:before{
  bottom: -1px;
}

/*responsive*/

@media only screen and (max-width : 768px) {
  .about_images_2 .about1_img{
    position: unset;
  }
  .about_images_2 .about2_img {
    width: 60%;
  }
  .about_images_2{
    padding-bottom: 80px;
  }
  .about_us_sec.home3 .title2{
    padding-top: 50px;
  }
  .about_images_2 .about2_img{
    width: 60%;
  }
  .single_blog_3.bg_img{
    height: 450px;
  }
  .single_blog_3 h2{
    font-size: 20px;
  }
  .single_blog_3 p{
    font-size: 16px;
  }

  .single_blog_3.single img{
    max-width: 150px;
  }
  .single_blog_3.single{
    padding-left: 165px;
  }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  
  .single_blog_3.single img{
    max-width: 130px;
  }
  .single_blog_3.single{
    padding-left: 140px;
  }
 .home3 .banner_conetnt_inside{
  padding-bottom: 0;
 }

  .contact_info_sec.home3{
    margin-top: -140px;
    margin-bottom: -130px;
  }

  .about_images_2 .about2_img{
    width: 80%;
  }
}

@media only screen and (max-width : 993px) {
  .single_choose_in h4{
    font-size: 20px;
  }
  
  .left_form_construct h3{
    font-size: 24px;
  }
  .left_form_construct h4{
    font-size: 20px;
  }
  .single_about_row h4{
    font-size: 18px;
  }
    .contact_info_sec.home3 {
      margin-top: -150px;
      margin-bottom: -140px;
  }
  .home2 .navbar-collapse{
    background-color: transparent;
  }

}


/*responsive*/


/* -------------------------------- 


Close Home Three style

-------------------------------- */




/* -------------------------------- 


Start Home Four style

-------------------------------- */

.nav_main.home4{
  top: 10px;
  border-bottom: 1px solid #002240;
}
.home4.nav_main .navbar-nav .active>.nav-link{
  color: #fff;
}
.home4.nav_main .navbar-nav a:hover{
  color: #fff;
}
.home4.navbar .nav-item a:after{
  content: '';
}

.top_hero_sec.home4{
  padding-top: 300px;
  padding-bottom: 200px;
  background-image: url(../img/home4/banner.jpg);
  
}
.top_hero_sec.home4:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: -1px;
  background-image: url(../img/home4/banner-bg.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: cover;
  background-position:center;
  opacity: 1;
  z-index: -1;
}
.top_hero_sec.home4:before{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000000;
  opacity: 0.1;
  z-index: -11;
}
.home4 .banner_conetnt_inside h1{
  text-transform: capitalize;
}
.home4 .banner_conetnt_inside h1,
.home4 .banner_conetnt_inside p{
  color: #222222;
}

/*our strenght*/
.why_choose_us_sec.home4{
  background-color: #f7f6f6;
  padding-bottom: 95px;
}

.single_strengh_home4{
  width: 100%;
  margin-top: 30px;
  background-color:#fdc800;
  padding: 20px 16px; 
}
.single_strengh_home4 h4{
  font-weight: 700;
  font-size: 20px;
  color: #3b3b3b;
  padding-bottom: 16px;
}
.single_strengh_home4 p{
  font-weight: 400;
  color: #3b3b3b;
  font-size: 16px;
}
.single_strengh_home4.bg2{
  background-color: #002140;
}
.single_strengh_home4.bg2 h4,
.single_strengh_home4.bg2 p{
  color: #fff;
}

/*our strenght*/

/*services*/

.single_service_in_2.home4{
  background-color: #fff;
  -webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  -ms-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  border:1px solid #222222;
  margin-top: 60px;
}
.single_service_in_2.home4:hover{
  background-color: #002140;
  -webkit-box-shadow: 0px 0px 17px 4px rgba(0,0,0,0.27);
-moz-box-shadow: 0px 0px 17px 4px rgba(0,0,0,0.27);
box-shadow: 0px 0px 17px 4px rgba(0,0,0,0.27);
}
.single_service_in_2.home4:hover h4,
.single_service_in_2.home4:hover p{
  color: #fff;
}
.single_service_in_2.home4:hover .btn{
  border-color: transparent;
  background-color: #fff;
}

.single_service_in_2.home4 h4,
.single_service_in_2.home4 p{
  color: #222222;
}
.single_service_in_2.home4 .btn{
  color: #222222;
  border-color: #222222;
}
.single_service_in_2.home4 .icon{
  width: 68px;
  height: 68px;
  background-color: #fff;
  border:1px solid #002240;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  margin:auto;
  display: flex;
  margin-top: -55px;
  
}
.single_service_in_2.home4 .icon img{
  transition: all 800ms ease-in-out;
}
.single_service_in_2.home4:hover .icon img{
  transform: rotate(360deg);
}

/*services*/

/*technical solutions*/

.technical_solutions_s.home4{
  width: 100%;
  background-color: #f7f6f6;
  background-image: url(../img/home4/technical_right.jpg);
  background-repeat: no-repeat;
  background-size: 50% 100%;
  background-position: right;
  z-index: 1;
  overflow: hidden;
}
.technical_solutions_s.home4:before{
  background-image: url(../img/home4/left_shape.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: left bottom;
  width: 50%;
  background-color: #f7f6f6;
}

.technical_solutions_s.home4:after{
  background-image: url(../img/home4/right_shape.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top left;
  width: 51%;
  right: 0;
}

.technical_solutions_s .title2 .line2{
  background-color: #002240;
}
.technical_solutions_s .title2 .line2:after,
.technical_solutions_s .title2 .line2:before{
  background-color: #002240;
}

.solutions_title.title ul.name_sign li:after,
.solutions_title.title ul.name_sign li:before{
  display: none;
}
.solutions_title.title ul.name_sign li{
  display: inline-block;
  padding-left: 0;
  padding-right: 30px;
}
.solutions_title.title ul.name_sign li h4{
  font-weight: 600;
  color: #222222;
  font-size: 20px;
  text-transform: capitalize;
}
.solutions_title.title ul.name_sign li h5{
  color: #222222;
  font-size: 16px;
}
.solutions_title.title2 .btn{
  background-color: #002240;
  color: #fff;
  border-radius: 5px;
}

.video_inside_pl{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
.video_inside_pl .btn{
  width: 60px;
  height: 60px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #fdc800;
  color: #002240;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 1;
}
.video_inside_pl .btn:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  z-index: -1;
  display: block;
  width: 80px;
  height: 80px;
  background: #fdc800;
  border-radius: 50%;
  -webkit-animation: pulse-border 1500ms ease-out infinite;
  -moz-animation: pulse-border 1500ms ease-out infinite;
  animation: pulse-border 1500ms ease-out infinite;
}

.video_inside_pl .btn:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #fdc800;
  border-radius: 50%;
  transition: all 200ms;
  z-index: -1;
}




@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

/*technical solutions*/

/*pricing plan*/
.our_pricing_sec{
  width: 100%;
  padding-bottom: 95px;
}

.single_price_list:hover{
  -webkit-box-shadow: 0px 0px 35px 5px rgba(0,0,0,0.31);
-moz-box-shadow: 0px 0px 35px 5px rgba(0,0,0,0.31);
box-shadow: 0px 0px 35px 5px rgba(0,0,0,0.31);
}
.single_price_list{
  width: 100%;
  margin-top: 30px;
  text-align: center;
  background-color: #002240;
  position: relative;
  padding: 28px 36px;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.single_price_list h2{
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 25px;
  padding-bottom: 32px;
}
.single_price_list h3{
  width:100%;
  max-width: 162px;
  text-align: center;
  margin: auto;
  background-color: #fdc800;
  padding: 8px;
  font-weight: 700;
  font-size: 30px;
  color: #222222;
  margin-bottom: 32px;
}
.single_price_list h1 small{
  font-weight: 400;
  font-size: 20px;
}
.single_price_list p{
  border-top: 1px solid #fdc800;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
}
.single_price_list .btn{
  color: #fff;
  padding: 8px 26px;
  background-color: transparent;
  margin-top: 28px;
  font-weight: 700;
  font-size: 20px;
  border:1px solid #fdc800;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.single_price_list .btn:hover{
  background-color: #fdc800;
  color: #002240;
}

.single_price_list .pp_tag{
  position: absolute;
  right: 0;
  top: 10px;
  background-color: #fdc800;
  padding: 4px 8px;
  font-weight: 400;
  color: #222222;
  font-size: 12px;
}

/*pricing plan*/

/*contact & preview*/
.contact_and_preview.home4{
  padding-bottom: 0;
}

.contact_info_elm.prv_title {
  text-align: left;
  padding-bottom: 95px;
}
.contact_info_elm.prv_title h3{
  padding-bottom: 6px;
  font-weight: 700;
  color: #222222;
  font-size: 30px;
}
.contact_info_elm.prv_title h5{
  padding-bottom: 6px;
  font-weight: 500;
  color: #222222;
  font-size: 20px;
}
.contact_info_elm.prv_title p{
  padding-bottom: 6px;
  font-weight: 400;
  color: #222222;
  font-size: 16px;
  padding-top: 15px;
}
.contact_info_elm.prv_title ul{
  padding-top: 12px;
}
.contact_info_elm.prv_title ul li{
  display: inline-block;
  margin-top: 12px;
  position: relative;
  font-weight: 400;
  color: #222222;
  font-size: 14px;
  padding-left: 18px;
}
.contact_info_elm.prv_title ul li:before{
  content: '';
  width: 9px;
  height: 9px;
  position: absolute;
  left: 0;
  top: 8px;
  background-color: #002240;
  z-index: 1;
}
.contact_info_elm.prv_title ul li:after{
  content: '';
  width: 9px;
  height: 9px;
  position: absolute;
  left: 3px;
  top: 11px;
  background-color: #fff;
  z-index: 11;
}

/*contact & preview*/


/*testimonials_4_crtv*/
.testimonials_4_crtv{
  width: 100%;
  background-color: #f7f6f6;
  padding: 95px 0;
  position: relative;
}

.testimonials_4_crtv .shape_box{
    position: absolute;
    top: 0;
    left: 0;
    width: 38%;
    height: 100%;
    background-image: url(../img/home4/maps.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.testimonials_4_crtv .shape_box img{
   position: absolute;
   border-radius: 50%;
   -webkit-box-shadow: 0px 11px 29px 4px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 11px 29px 4px rgba(0,0,0,0.25);
box-shadow: 0px 11px 29px 4px rgba(0,0,0,0.25);
}
.testimonials_4_crtv .shape_box img:nth-child(1){
  top: 29%;
  right: 45%;
}
.testimonials_4_crtv .shape_box img:nth-child(2){
  top: 41%;
  right: 65%;
}
.testimonials_4_crtv .shape_box img:nth-child(3){
  top: 32%;
  right: 15%;
}
.testimonials_4_crtv .shape_box img:nth-child(4){
  top: 45%;
  right: 40%;
}
.testimonials_4_crtv .shape_box img:nth-child(5){
    top: 59%;
    right: 60%;
}

.testimonials_4_crtv .shape_box img:nth-child(6){
    top: 59%;
    right: 30%;
}
.testimonials_4_crtv .shape_box img:nth-child(7){
     top: 65%;
    right: 10%;
}

.testimonials_4_crtv .main_content{
  max-width: 600px;
  margin-left: auto;
}

.testimonials_4_crtv .owl-carousel .owl-item img{
  width: auto;
}

.inside_testi_4crtv{
  padding-top: 40px;
  width: 100%;
}
.inside_testi_4crtv p{
  font-weight: 400;
  color: #222222;
  font-size: 16px;
}

.inside_testi_4crtv .client_info_tst{
  padding-top: 20px;
}
.inside_testi_4crtv .client_info_tst img{
  max-width: 50px;
  width: 50px;
  height: 50px;
  float: left;
  border-radius: 50%;
  border:1px solid #001731;
  object-fit: cover;
}
.inside_testi_4crtv .client_info_tst .author_name{
  float: left;
  padding-left: 20px;
  padding-bottom: 30px;
}
.inside_testi_4crtv .client_info_tst .author_name h4{
  padding-bottom: 6px;
  color: #222222;
  font-size: 22px;
}
.inside_testi_4crtv .client_info_tst .author_name h5{
  color: #222222;
  font-size: 18px;
  font-style: italic;
  border-bottom: 1px solid #222222;
}
.inside_testi_4crtv .client_info_tst .author_name ul li{
  display: inline-block;
  padding-right: 6px;
  padding-top: 10px;
  color: #fdc800;
}

.testimonials_4_crtv .owl-carousel .owl-nav button.owl-next, 
.testimonials_4_crtv .owl-carousel .owl-nav button.owl-prev{
  width: 40px;
  height: 40px;
  text-align: center;
  color: #001731;
  border:1px solid #001731;
  outline: 0;
  margin-right: 10px;
}

@media (max-width: 994px){
  .testimonials_4_crtv .shape_box{
    display: none;
  }
  .testimonials_4_crtv .main_content{
    margin-left: 0;
  }
}
/*testimonials_4_crtv*/

/*get quote 2*/
.get_quote_2_sec{
  width: 100%;
  position: relative;
  z-index: 1;
  background-image: url(../img/home4/quote_bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 95px 0;
  padding-bottom: 200px;
}
.get_quote_2_sec:after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #000000;
    z-index: -1;
    opacity: 0.7;
}

.title.quote_title4{
  text-align: center;
}
.title.quote_title4 h3{
  color: #fff;
  text-transform: capitalize;
  padding-bottom: 20px;
  line-height: 1.3em;
  font-size: 30px;
}
.title.quote_title4 p{
  color: #fff;
  padding-bottom: 26px;
  font-size: 16px;
}
.title.quote_title4 .btn{
  color: #fff;
  border-radius: 0;
}
/*get quote 2*/

/*responsive*/

@media only screen and (max-width : 350px) {
  .single_blog_3.single img{
    max-width: 115px;
  }
  .single_blog_3.single{
    padding-left: 125px;
  }
  .about_us_sec.home2{
    margin-top: 0;
  }
  .top_hero_sec.home4{
    padding-bottom: 95px;
  }
}
@media only screen and (max-width : 768px) {
  .technical_solutions_s.home4:before{
    background-image: none;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.5;
  }
  .video_inside_pl{
    display: inline-block;
    margin-top: 70px;
  }
  .screenshot_prv{
    padding-bottom: 50px;
  }
  .our_blog_sec.home3{
    overflow: hidden;
  }
  .portfolio_sec.home3 .button-group button{
    margin-bottom: 20px;
  }
}

@media only screen and (max-width : 993px) {
  .contact_info_elm.prv_title h3{
    font-size: 24px;
  }
  .single_price_list h2{
    font-size: 20px;
  }
  .single_price_list p{
    font-size: 14px;
  }
  .contact_info_elm.prv_title h5{
    font-size: 18px;
  }
  .title.quote_title4 h3{
    font-size: 24px;
  }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  .screenshot_prv{
    height: 100%;
    position: relative;
  }
  .screenshot_prv img{
    position: absolute;
    bottom: 0;
  }
}

/*responsive*/


/* -------------------------------- 


Close Home Four style

-------------------------------- */




/* -------------------------------- 


Start About page style

-------------------------------- */

/*broadcamp*/
.broadcamp_header{
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 80px 0;
  background-image: url(../img/banner/abt_slider.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.broadcamp_header:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #000000;
  opacity: 0.65;
}
.broadcamp_inside_content {
  text-align: center;
}
.broadcamp_inside_content h3{
  color: #fff;
  font-weight: 700;
  font-size: 40px;
}

/*interested_project_promo*/
.interested_project_promo{
  width: 100%;
  position: relative;
  z-index: 1;
  background: -moz-linear-gradient(11deg, #002240 0%, #002240 1%, #a59220 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #002240), color-stop(1%, #002240), color-stop(100%, #a59220)); /* safari4+,chrome */
background: -webkit-linear-gradient(11deg, #002240 0%, #002240 1%, #a59220 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(11deg, #002240 0%, #002240 1%, #a59220 100%); /* opera 11.10+ */
background: -ms-linear-gradient(11deg, #002240 0%, #002240 1%, #a59220 100%); /* ie10+ */
background: linear-gradient(79deg, #002240 0%, #002240 1%, #a59220 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002240', endColorstr='#a59220',GradientType=1 ); /* ie6-9 */
  background-color: #002240;
  padding: 95px 0;
}
.interested_project_promo:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
background-image: url(../img/about/project_bg.png);
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  opacity: 0.2;
}
.inside_project_promo_txt{
  text-align: center;
}
.inside_project_promo_txt h3{
  color: #fff;
  padding-bottom: 30px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.3em;
}
.inside_project_promo_txt p{
  color: #fff;
  padding-bottom: 30px;
  font-weight: 400;
  font-size: 16px;
}
.inside_project_promo_txt .btn{
  background-color: #fdc800;
  border:1px solid transparent;
  padding: 15px 42px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  font-weight: 400;
  color: #222222;
  font-size: 20px;
  -webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  -ms-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.inside_project_promo_txt .btn:hover{
  border-color: #fdc800;
  color: #fdc800;
  background-color: transparent;
}

/*business_leader_about*/
.business_leader_about{
  width: 100%;
  padding-top: 95px;
  padding-bottom: 95px;
}
.business_leader_left_cont h3{
  padding-bottom: 26px;
  text-transform: uppercase;
  line-height: 1.3em;
  font-weight: 700;
  color: #222222;
  font-size: 30px;
}
.business_leader_left_cont p{
  padding-bottom: 24px;
  font-weight: 400;
  color: #222222;
  font-size: 16px;
}
.business_leader_left_cont .media{
  margin-top: 20px;
}
.business_leader_left_cont .media img{
  border-radius: 50%;
  border:1px solid #fdc800;
  margin-right: 15px;
}
.business_leader_left_cont .media h4{
  text-transform: uppercase;
  font-weight: 700;
  color: #222222;
  font-size: 20px;
}
.business_leader_left_cont .media h5{
  text-transform: uppercase;
  font-weight: 400;
  color: #222222;
  font-size: 16px;
}

.business_leader_right_img{
  width: 100%;
  position: relative;
}

.business_leader_right_img_in{
  width: 100%;
  padding-bottom: 18px;
  padding-right: 18px;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.business_leader_right_img_in:after{
  content: '';
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: #fdc800;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.business_leader_right_img_in.btm{
  padding-top: 18px;
  padding-bottom: 0;
}
.business_leader_right_img_in.btm:after{
  top: 0;
  bottom: auto;
  height: calc(100% - 20px);
}

.business_leader_right_img_in img{
  width: 100%;
  height: auto;
}


.business_leader_right_img_in:hover{
  padding-left: 15px;
  padding-top: 15px;
  padding-bottom: 0;
  padding-right: 0;
}
.business_leader_right_img_in:hover:after{
  left: 0;
  top: 0;
  right: auto;
  bottom: auto;
}

/*company_history_about*/
.company_history_about{
  width: 100%;
  padding: 95px 0;
  background-color: #fafafa;
  padding-bottom: 125px;
}

.single_history_about{
  width: 100%;
  margin-top: 30px;
  height: 100%;
}
.single_history_about .history_img,
.single_history_about .content{
  max-width: 50%;
  float: left;
}
.single_history_about .history_img{
  padding-right: 30px;
  height: 100%;
}
.single_history_about .history_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single_history_about .content{
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0px 0px 18px 4px rgba(0,0,0,0.17);
  -moz-box-shadow: 0px 0px 18px 4px rgba(0,0,0,0.17);
  box-shadow: 0px 0px 18px 4px rgba(0,0,0,0.17);
  padding: 18px 36px;
}
.single_history_about .content h4{
  padding-bottom: 8px;
  position: relative;
  z-index: 1;
  font-weight: 700;
  color: #222222;
  font-size: 20px;
}
.single_history_about .content h4:after{
  content: '';
  width: 55px;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #fdc800;
}
.single_history_about .content p{
  padding-top: 20px;
  font-weight: 400;
  color: #222222;
  font-size: 16px;
}
.single_history_about .content a{
  font-weight: 400;
  display: inline-block;
  padding-top: 18px;
  color: #222222;
  font-size: 20px;
}
.single_history_about .content a:hover{
  color: #fdc800;
}

/*partner logo*/

.partner_logos_abt{
  width: 100%;
  padding-top: 95px;
  padding-bottom: 95px;
}

.partner_logos_abt .owl-carousel .owl-item img{
  width: auto;
  margin: auto;
}

.partner_logos_abt #partner_logos_owl{
  padding-top: 50px;
}

.partner_logos_abt .owl-nav{
  width: 100%;
  text-align: center;
  padding-top: 25px;
}
.partner_logos_abt .owl-carousel .owl-nav button.owl-next, 
.partner_logos_abt .owl-carousel .owl-nav button.owl-prev{
  background-color: #222222;
  width: 30px;
  height: 30px;
  border-radius: 0;
  color: #fff;
  font-size:20px;
  margin: 0 5px;
  border:0;
  outline: 0;
}

/*partner logo*/

.footer_widgets_sec.no-space{
  padding-top: 95px;
}

/*responsive*/

@media only screen and (max-width : 768px) {
  .business_leader_right_img_in{
    margin-top: 30px;
  }
}
@media only screen and (max-width : 993px) {
  .inside_project_promo_txt h3,
  .business_leader_left_cont h3{
    font-size: 24px;
  }
  .single_history_about{
    height: auto;
  }
  .single_history_about .history_img, 
  .single_history_about .content{
    max-width: 100%;
    float: none;
    padding-right: 0;
  }
  .company_history_about{
    padding-bottom: 95px;
  }
}

/*responsive*/

/* -------------------------------- 


Close About page style

-------------------------------- */




/* -------------------------------- 


Start About 2 page style

-------------------------------- */

.why_choose_us_abt2{
  width: 100%;
  background-color: #fafafa;
  padding: 95px 0;
}

.progress_list_abt{
  padding-top: 30px;
}
.progress_list_abt .progress{
  width: 100%;
  position: relative;
  margin-bottom: 20px;
  height: 8px;
  background-color: #002240;
  border-radius: 0;
  overflow: visible;
}
.progress_list_abt .progress-bar{
  background-color: #fdc800;
  position: relative;
}
.progress_list_abt .single_progress {
  position: relative;
}
.progress_list_abt .single_progress p{
  float: left;
  font-weight: 400;
  color: #222222;
  font-size: 16px;
}
.progress_list_abt .single_progress label{
  float: right;
  font-weight: 400;
  color: #222222;
  font-size: 16px;
}
.progress_list_abt .progress-bar:after{
  content: '';
    position: absolute;
    right: -5px;
    top: -10px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #002240;
}

.choose_right_rows{
  width: 100%;
}
.choose_right_rows_in{
  width: 100%;
  position: relative;
  z-index: 1;
  background-color: #002240;
  padding: 11px;
  padding-left: 126px;
  margin-top: 30px;
}
.choose_right_rows_in .icon img{
  display: inline-block;
  vertical-align: middle;
}
.choose_right_rows_in .icon{
  position: absolute;
  left: 6px;
  top: 6px;
  padding: 12px 16px;
  max-width: 80px;
  width: 100%;
  background-color: #fdc800;
  text-align: center;
  margin:12px;
}
.choose_right_rows_in .icon:after{
  content: '';
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  position: absolute;
  left: -10px;
  top: -10px;
  border:1px solid #fdc800;
}

.choose_right_rows_in h4{
  color: #fff;
  padding-bottom: 14px;
  font-weight: 700;
  font-size: 20px;
}
.choose_right_rows_in p{
  color: #fff;
  font-weight: 400;
  font-size: 16px;
}

/*get quote*/
.about_2quote_sec{
  width: 100%;
  padding-top: 95px;
  padding-bottom: 95px;
}

.about_2quote_sec #accordion_abt{
  width: 100%;
  padding-top: 30px;
}
.about_2quote_sec .card{
  margin-bottom: 12px;
  border-radius: 0;
  border:1px solid #002249;
  background-color: #fff;
}
.about_2quote_sec .card-header{
  padding: 10px 15px;
  background-color: #002249;
  border-bottom: 0;
}
.about_2quote_sec .card-header button{
  background:#002249;
  width: 100%;
  border:0;
  outline: 0;
  text-align: left;
  cursor: pointer;
  font-weight: 700;
  color: #ffffff;
  font-size: 18px;
  padding: 0;
}
.about_2quote_sec .card-header h5 > .btnc:before {
    float: left !important;
    font-family: Font Awesome\ 5 Free;
    content:"\f068";
    font-weight: 900;
    padding-right: 5px;
    color: #fdc800;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 50%;
    background-color:transparent;
    font-size: 14px;
    padding-top: 0;
    padding-left: 4px;
}
.about_2quote_sec .card-header h5 > .btnc.collapsed:before {
    float: left !important;
    content:"\f067";
}

.about_2quote_sec .card-body{
  padding-left: 14px;
  padding-top: 15px;
  font-weight: 400;
  color: #222222;
  font-size: 16px;
}

#quote_single_slider_owl{
  margin-top: 30px;
}
#quote_single_slider_owl.owl-carousel .owl-nav{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 50%;
}
#quote_single_slider_owl.owl-carousel .owl-nav button.owl-next, 
#quote_single_slider_owl.owl-carousel .owl-nav button.owl-prev{
  position: absolute;
  left: 0;
  width: 30px;
  height: 25px;
  text-align: center;
  color: #fdc800;
  outline: 0;
  background-color: #002240;
}
#quote_single_slider_owl.owl-carousel .owl-nav button.owl-next{
  left: auto;
  right: 0;
}

.our_team_sec.abt2{
  width: 100%;
  padding: 95px 0;
  background-color: #fafafa;
}


.our_pricing_sec.srvc1{
  width: 100%;
  padding: 95px 0;
}
.partner_logos_abt.srvc1{
  background-color: #f7f6f6;
}

/* -------------------------------- 


Close About 2 page style

-------------------------------- */



/* -------------------------------- 


Start Service single page style

-------------------------------- */


.service_single_main_s{
  width: 100%;
  padding-top: 95px;
  padding-bottom: 95px;
}

.service_single_inside_con h3{
  padding-bottom: 15px;
  font-weight: 700;
  color: #222222;
  font-size: 30px;
}

#single_owl_services.owl-carousel .owl-nav{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 50%;
}
#single_owl_services.owl-carousel .owl-nav button.owl-next, 
#single_owl_services.owl-carousel .owl-nav button.owl-prev{
  position: absolute;
  left: 0;
  width: 30px;
  height: 25px;
  text-align: center;
  color: #fdc800;
  outline: 0;
  background-color: #002240;
}
#single_owl_services.owl-carousel .owl-nav button.owl-next{
  left: auto;
  right: 0;
}


.service_single_inside_con p{
  padding-top: 20px;
  font-weight: 400;
  color: #222222;
  font-size: 16px;
}
.service_single_inside_con .service_cont{
  width: 100%;
  padding-top: 36px;
  position: relative;
  padding-bottom: 24px;
}
.service_single_inside_con .service_cont h4{
  font-weight: 700;
  color: #222222;
  font-size: 20px;
}

.service_single_inside_con .service_cont ul li{
  display: inline-block;
  margin-top: 24px;
  position: relative;
  font-weight: 400;
  color: #222222;
  font-style: italic;
  font-size: 13px;
  padding-left: 18px;
}
.service_single_inside_con .service_cont ul li:before{
  content: '';
  width: 9px;
  height: 9px;
  position: absolute;
  left: 0;
  top: 8px;
  background-color: #002240;
  z-index: 1;
}
.service_single_inside_con .service_cont ul li:after{
  content: '';
  width: 9px;
  height: 9px;
  position: absolute;
  left: 3px;
  top: 11px;
  background-color: #fdc800;
  z-index: 11;
}

.service_single_promo{
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  background-image: url(../img/services/right_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.service_single_promo:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #002240;
  opacity: 0.75;
  padding: 10px;
}

.service_single_promo p strong{
  color: #fff;
  font-weight: 700;
  font-style: italic;
  font-size: 16px;
}
.service_single_promo p{
  color: #fff;
  font-weight: 400;
  font-style: italic;
  font-size: 16px;
  padding: 0;
}

.service_single_inside_con .bg_hide_srv{
  width: calc(100% - 30px);
  height: calc(100% - 15px);
  position: absolute;
  left: 0;
  bottom: -15px;
  background-color: #fdc800;
  z-index: -11;
}

.service_single_inside_con blockquote{
  margin-top: 10px;
  margin-bottom: 20px;
  position: relative;
  padding: 24px;
  border:2px solid #fdc800;
  font-weight: 400;
  color: #222222;
  font-size: 20px;
}
.service_single_inside_con .strng_title h3{
  font-weight: 700;
  color: #222222;
  font-size: 20px;
}
.service_single_inside_con .strng_title p{
  font-weight: 400;
  color: #222222;
  font-size: 16px;
  padding-top: 0;
}

/*sertvice sidebar*/

.service_cat_sidebar{
  width: 100%;
  padding: 8px 10px;
  border:1px solid #002240;
}
.service_cat_sidebar ul li:last-child{
  margin-bottom: 0;
}
.service_cat_sidebar ul li:hover:after{
  opacity: 1;
}
.service_cat_sidebar ul li:after{
  content: '';
  width: 12px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #fdc800;
  -webkit-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;
  opacity: 0;
  -webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  -ms-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.service_cat_sidebar ul li{
  width: 100%;
  padding: 10px 12px;
  background-color: #002240;
  margin-bottom: 12px;
  position: relative;
  z-index: 1;

}
.service_cat_sidebar ul li a{
  color: #ffffff;
  -webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  -ms-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  position: relative;
}
.service_cat_sidebar ul li:hover a{
  padding-left: 26px;
}
.service_cat_sidebar ul li:hover a:after{
  opacity: 1;
}
.service_cat_sidebar ul li a:after{
  content: '';
  width: 20px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  background-color: #fdc800;
  opacity: 0;
}

.service_booking_sidebar,
.service_contact_sidebar{
  
  padding: 8px 10px;
  border:1px solid #002240;
  margin-top: 30px;
}
.service_booking_sidebar .inside{
  position: relative;
  z-index: 1;
  background-color: #002240;
}
.service_booking_sidebar .inside:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-image: url(../img/services/shape.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: 0.12;
}

.service_booking_sidebar h3,
.service_contact_sidebar h3{
  width: 100%;
  background-color: #fdc800;
  padding: 10px 16px;
  font-weight: 500;
  color: #222222;
  font-size: 20px;
}
.service_booking_sidebar ul{
  padding:0 12px ;
}
.service_booking_sidebar ul li{
  display: inline-block;
  margin-top: 24px;
  position: relative;
  font-weight: 400;
  color: #fff;
  font-style: italic;
  font-size: 16px;
  padding-left: 18px;
}
.service_booking_sidebar ul li:before{
  content: '';
  width: 9px;
  height: 9px;
  position: absolute;
  left: 0;
  top: 8px;
  background-color: #fff;
  z-index: 1;
}
.service_booking_sidebar ul li:after{
  content: '';
  width: 9px;
  height: 9px;
  position: absolute;
  left: 3px;
  top: 11px;
  background-color: #fdc800;
  z-index: 11;
}
.service_booking_sidebar .btn{
  margin: 20px 14px;
  padding: 10px 14px;
  background-color: #fdc800;
  font-weight: 400;
  color: #222222;
  font-size: 14px;
  border-radius: 0;
}

.service_contact_sidebar .inside{
  position: relative;
  z-index: 1;
  background-image: url(../img/services/conatct.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding:10px 12px;
}
.service_contact_sidebar .inside:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #002240;
  opacity: 0.9;
}

.service_contact_sidebar .inside input,
.service_contact_sidebar .inside select,
.service_contact_sidebar .inside textarea{
  width: 100%;
  margin-top: 10px;
  background-color: transparent;
  outline: 0;
  border:1px solid #fdc800;
  color: #fff;
  padding: 10px 12px;
}
.service_contact_sidebar .inside select option{
  background-color: #fdc800;
}
.service_contact_sidebar .inside .btn{
  margin-top: 14px;
  margin-bottom: 10px;
  padding: 10px 16px;
  border-radius: 0;
  background-color: #fdc800;
  color: #222222;
  font-weight: 400;
  font-size: 14px;
}

/*sertvice sidebar*/

@media only screen and (max-width : 768px) {
  .service_sidebar_single{
    padding-top: 50px;
  }
}

/* -------------------------------- 


Close Service single page style

-------------------------------- */




/* -------------------------------- 


Start Portfolio single page style

-------------------------------- */

.project_details_pg{
  padding: 95px 0;
}

.project_views_in .project_content {
  padding-left: 30px;
}
.project_views_in .project_content .meta li{
  display: inline-block;
  padding-top: 36px;
  padding-right: 50px;
  font-weight: 500;
  color: #fdc800;
  font-size: 15px;
}

.project_views_in .project_content .meta li a,
.project_views_in .project_content .meta li span{
  color: #1d1e28;
  font-size: 15px;
  font-weight: 500;
}
.project_views_in .project_content h3{
  padding-top: 16px;
  color: #1d1e28;
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 30px;
}
.project_views_in .project_content p{
  padding-bottom: 36px;
  font-weight: 400;
  color: #5a595c;
  font-size: 14px;
}
.project_views_in  .project_img{
  padding-bottom: 30px;
}

.project_navigation_si a i{
  color: #fdc800;
  font-size: 16px;
  padding-right: 10px;
}
.project_navigation_si a{
  font-weight: 600;
  color: #1d1e28;
  font-size: 14px;
}
.project_navigation_si{
  width: 100%;
  padding: 8px 0;
  border-top: 1px solid #fdc800;
  border-bottom: 1px solid #fdc800;
}
.project_navigation_si .nxt i{
  padding-right: 0;
  padding-left: 10px;
}
.project_navigation_si .nxt{
  float: right;
}




/* -------------------------------- 


Close Portfolio single page style

-------------------------------- */




/* -------------------------------- 


Start Blog page style

-------------------------------- */

.blog_page_main_sec{
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 95px 0;
}

/* 

for zoom animation 
uncomment this part if you haven't added this code anywhere else

*/


.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.3s ease-out; 
  -moz-transition: all 0.3s ease-out; 
  -o-transition: all 0.3s ease-out; 
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}


.blog_inside_sin_page:hover{
  -webkit-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.17);
  -moz-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.17);
  box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.17);
  border-color: transparent;

}
.blog_inside_sin_page{
  width: 100%;
  position: relative;
  background-color: #fff;
  border:1px solid #fdc800;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  transition: 0.3s all ease;
  margin-bottom: 30px;
}
.blog_inside_sin_page .thumb{
  position: relative;
  width: 100%;
}
.blog_inside_sin_page:hover .image-popup-fit-width{
  opacity: 0.75;
}
.blog_inside_sin_page .image-popup-fit-width{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fdc800;
  font-size: 38px;
  -webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  -ms-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}

.blog_inside_sin_page .thumb img{
  display: block;
}
.blog_inside_sin_page .thumb .date{
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #fdc800;
  color: #fff;
  padding: 12px 10px;
  text-align: center;
  max-width: 72px;
  font-weight: 400;
  font-size: 12px;
}
.blog_inside_sin_page .blog_info{
  width: 100%;
  padding: 32px 20px;
}
.blog_inside_sin_page .blog_info h4 a,
.blog_inside_sin_page .blog_info h4{
  font-weight: 600;
  color: #222222;
  font-size: 22px;
}
.blog_inside_sin_page .blog_info ul li i{
  color: #fdc800;
}
.blog_inside_sin_page .blog_info ul li a,
.blog_inside_sin_page .blog_info ul li{
  display: inline-block;
  padding-top: 12px;
  text-align: center;
  padding-right: 12px;
  font-weight: 300;
  color: #222222;
  font-size: 14px;
}
.blog_inside_sin_page .blog_info p{
  padding-top: 26px;
  font-weight: 400;
  color: #222222;
  font-size: 16px;
}


.blog_inside_sin_page .blog_info .btn{
  padding: 14px 32px;
  background-color: transparent;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  font-weight: 500;
  font-size: 18px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-top: 22px;
  border: 1px solid #fdc800;
  color: #222222;
  -webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  -ms-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.blog_inside_sin_page .blog_info .btn:hover{
  border-color: #fdc800;
  -webkit-box-shadow: 0px 0px 11px 5px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 0px 11px 5px rgba(0,0,0,0.17);
box-shadow: 0px 0px 11px 5px rgba(0,0,0,0.17);
color: #fff;
}
.blog_inside_sin_page .blog_info .btn i{
  padding-left: 8px;
}

.blog_inside_sin_page .blog_info .btn:after{
  content: '';
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.blog_inside_sin_page .blog_info .btn:before,
.blog_inside_sin_page .blog_info .btn:after{
  -webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  -ms-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  background-color: #fdc800;
  z-index: -1;
  overflow: hidden;
}
.blog_inside_sin_page .blog_info .btn:before{
  content: '';
  width: 0;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.blog_inside_sin_page .blog_info .btn:hover:before,
.blog_inside_sin_page .blog_info .btn:hover:after{
  width: 52%;
}

/*pagination*/
.post_pagination .page-link{
  margin: 0 5px;
  outline: 0;
  border:1px solid #fdc800;
}
.post_pagination .page-link:hover{
  color: #fff;
  background-color: #fdc800;
}

/*pagination*/

/*sidebar*/

.sidebar_widget_blog .search_box form{
  position: relative;
}
.sidebar_widget_blog .search_box input{
  width: 100%;
  outline: 0;
  border:0;
  background-color: #f8f7f7;
  padding: 18px 10px;
  font-weight: 400;
  color: #7a7a82;
  font-size: 12px;
}
.sidebar_widget_blog .search_box .btn{
  position: absolute;
  top: 0;
  right: 0;
  outline: 0;
  border: 0;
  background-color: #fdc800;
  color: #fff;
  border-radius: 0;
  font-size: 20px;
  z-index: 1;
  cursor: pointer;
  padding: 15px 20px;
}

.sidebar_widget_blog .about_admin{
  padding-top: 24px;

}
.sidebar_widget_blog .about_admin .in_con{
  width: 100%;
  background-color: #f8f7f7;
  padding: 20px;
}
.sidebar_widget_blog .about_admin .in_con h2{
  font-weight: 400;
  padding: 12px 0;
  color: #222222;
  font-size: 22px;
}
.sidebar_widget_blog .about_admin .in_con p{
  font-weight: 400;
  color: #222222;
  font-size: 14px;
}
.sidebar_widget_blog .about_admin .in_con ul li{
  display: inline-block;
  padding-right: 12px;
  padding-top: 12px;
}
.sidebar_widget_blog .about_admin .in_con ul li a{
  display: inline-block;
  padding: 8px;
  color: #fff;
  background-color: #fdc800;
  text-align: center;
  min-width: 36px;
}

.sidebar_widget_blog .popular_post{
  padding-top: 24px;
}
.sidebar_widget_blog .popular_post img{
  margin-right: 12px;
}
.sidebar_widget_blog .popular_post h4,
.sidebar_widget_blog .popular_post h4 a{
  font-weight: 500;
  color: #222222;
  font-size: 20px;
}
.sidebar_widget_blog .popular_post p{
  font-weight: 400;
  color: #222222;
  font-size: 14px;
}
.sidebar_widget_blog .popular_post h5 i{
  color: #fdc800;
  font-size: 20px;
}
.sidebar_widget_blog .popular_post h5{
  font-weight: 400;
  color: #222222;
  font-size: 14px;
}
.sidebar_widget_blog .popular_post .media{
  padding-bottom: 18px;
}

.sidebar_widget_blog .categories_s{
  padding-top: 24px;
}
.sidebar_widget_blog .categories_s ul li{
  width: 100%;
  padding-bottom: 10px;
}
.sidebar_widget_blog .categories_s ul li a{
  font-weight: 400;
  color: #222222;
  font-size: 15px;
}
.sidebar_widget_blog .categories_s ul li a span{
  float: right;
}

.sidebar_widget_blog .insta_widge .photos img{
  display: block;
  width: 100%;
  padding-right: 8px;
  padding-bottom: 8px;
}
.sidebar_widget_blog .insta_widge .photos a{
  width: 25%;
  float: left;
  margin-bottom: 8px;
}

.sidebar_widget_blog .about_admin h3,
.sidebar_widget_blog .popular_post h3,
.sidebar_widget_blog .categories_s h3,
.sidebar_widget_blog .tags_wid h3,
.sidebar_widget_blog .insta_widge h3{
  font-weight: 600;
  color: #222222;
  font-size: 24px;
  line-height: 1.2em;
  padding-bottom: 8px;
}

.sidebar_widget_blog .tags_wid {
  padding-top: 24px;
}
.sidebar_widget_blog .tags_wid ul li{
  display: inline-block;
  padding-right: 8px;
  padding-bottom: 8px;
}
.sidebar_widget_blog .tags_wid ul li a{
  display: inline-block;
  background-color: #fdc800;
  color: #fff;
  padding: 8px 9px;
}

@media only screen and (max-width :767px) {
  .sidebar_widget_blog{
    padding-top: 50px;
  }
  .sidebar_widget_blog.left{
    padding-top: 0;
    padding-bottom: 50px;
  }
}


/*sidebar*/


/*blog full*/

.blog_page_main_sec.full .single_row .col-md-6{
  padding-bottom: 30px;
}
.blog_page_main_sec.full .blog_inside_sin_page{
  height: 100%;
  margin-bottom: 0;
  border-color: transparent;
  -webkit-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.17);
  -moz-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.17);
  box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.17);
}
.blog_page_main_sec.full .blog_inside_sin_page .blog_info{
  padding-left: 30px;
  padding-right: 30px;
}

.blog_page_main_sec.full .blog_inside_sin_page .blog_info ul li{
  padding-top: 2px;
  padding-bottom: 8px;
}

/*blog full*/





/* -------------------------------- 


Close Blog page style

-------------------------------- */





/* -------------------------------- 


Start bog details page style

-------------------------------- */

/*single blog*/


.single_blog .single_blog_two  h3 a,
.single_blog .single_blog_two  h3{
  font-weight: 600;
  color: #222222;
  font-size: 22px;
}
.single_blog .single_blog_two  ul li i{
  color: #fdc800;
}
.single_blog .single_blog_two  ul li a,
.single_blog .single_blog_two  ul li{
  display: inline-block;
  padding-top: 12px;
  text-align: center;
  padding-right: 12px;
  font-weight: 300;
  color: #222222;
  font-size: 14px;
}
.blog_inside_sin .blog_info p{
  padding-top: 26px;
  font-weight: 400;
  color: #222222;
  font-size: 16px;
}
.blog_inside_sin .blog_info .btn i{
  padding-left: 6px;
}


.single_blog .single_blog_two h3 a{
  color: #373648;
}
.single_blog .single_blog_two p a{
  color: #fdc800;
}
.single_blog .single_blog_two p{
  padding-bottom: 18px;
}

.single_blog .single_blog_two h5{
  padding: 20px 0;
  
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5em;
  color: #373648;
}

.single_blog .single_blog_two .content ul{
  list-style: inherit;
  padding-bottom: 10px;
}
.single_blog .single_blog_two .content ul li{
  padding: 4px 0;
  list-style-type: inherit;
  display: list-item;
  margin-left: 20px;
  
  font-weight: 400;
  font-size: 16px;
  color: #373648;
}

.single_blog .single_blog_two .content blockquote p{
  font-style: italic;
  color: #fff;
  
  font-weight: 400;
  font-size: 16px;
}
.single_blog .single_blog_two .content blockquote{
  width: 100%;
  background-color: #fdc800;
  padding: 32px 55px;
  color: #fff;
  
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  margin-bottom: 20px;

}

.tags_share_post{
  width: 100%;
  padding-bottom: 12px;
  border-top: 1px solid #c9c9e5;
  border-bottom: 1px solid #c9c9e5;
  margin-bottom: 40px;
}
.tags_share_post ul li{
  display: inline-block;
}

.tags_share_post .tags li a:hover{
  background-color: #fdc800;
  border-color:#fdc800;
  color: #fff;
}
.tags_share_post .tags li a{
  display: inline-block;
  padding: 6px 12px;
  font-weight: 400;
  font-size: 14px;
  color: #9494b8;
  border:1px solid #9494b8;
  border-radius: 5px;
}
.tags_share_post .tags li{
  display: inline-block;
  margin-top: 14px;
  margin-right: 8px;
}

.tags_share_post .share_list{
  width: 100%;
  text-align: right;
}
.tags_share_post .share_list li{
  margin-top: 14px;
  margin-left: 14px;
  
  font-weight: 400;
  color: #9494b8;
  font-size: 14px;
}
.tags_share_post .share_list li a:hover{
  color: #fdc800;
}
.tags_share_post .share_list li a{
  color: #222222;
  font-size: 20px;
}


/*single blog*/

/*ay=urhor*/
.post_authors_info{
  padding: 18px 20px;
  margin-bottom: 30px;
  border:1px solid rgba(4,10,61,0.5);
}
.post_authors_info .media-body{
  padding-left: 15px;
}
.post_authors_info .media-body h4{
  
  font-weight: 700;
  color: #56556a;
  font-size: 18px;
}

.post_authors_info .media-body h6{
  
  font-weight: 400;
  color: #56556a;
  font-size: 14px;
}
.post_authors_info .media-body p{
  padding-top: 14px;
  
  font-weight: 400;
  color: #56556a;
  font-size: 16px;
}

/*comment show*/
.comment_post_page{
  width: 100%;
  border-top: 1px solid #c9c9e5;
  padding-top: 44px;
}
.comments_form h3,
.comment_post_page .titles_c{
  font-weight: 500;
  color: #373648;
  font-size: 24px;
}
.comment_post_page li{
  padding-top: 30px;

}
.comment_post_page li ul li{
  margin-left: 40px;
}

.comment_post_page .media{
    border:1px solid rgba(4,10,61,0.3);
    padding: 18px 20px;
}
.comment_post_page .media img{
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.comment_post_page .media-body{
  padding-left: 15px;
}
.comment_post_page .media-body h4{
  
  font-weight: 700;
  color: #56556a;
  font-size: 18px;
}

.comment_post_page .media-body h6{
  
  font-weight: 400;
  color: #56556a;
  font-size: 14px;
}
.comment_post_page .media-body p{
  padding-top: 14px;
  
  font-weight: 400;
  color: #56556a;
  font-size: 16px;
}
.comment_post_page .media-body a i{
  color: #fdc800;
  padding-right: 5px;
}
.comment_post_page .media-body a{
  padding-top: 18px;
  display: inline-block;
  
  font-weight: 400;
  color: #222222;
  font-size: 16px;
}

/*form*/
.comments_form{
  width: 100%;
  padding-top: 40px;
}
.comments_form h3{
  padding-bottom: 50px;
}
.comments_form form input,
.comments_form form textarea{
  width: 100%;
  outline: 0;
  padding: 12px 18px;
   
   font-weight: 400;
   color: #9b9aab;
   font-size: 12px;
   border:1px solid #9b9aab;
   margin-bottom: 30px;
}
.comments_form form .btn{
  color: #ffffff;
  text-transform: uppercase;
  padding: 12px 18px;
  background-color: #fdc800;
  
  font-weight: 700;
  font-size: 16px;
  position: relative;
  z-index: 1;
  border:1px solid #fdc800;
  border-radius: 5px;
}
.comments_form form .btn:hover{
  color: #fdc800;
}
.comments_form form .btn:after{
  content: '';
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color:#fff;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  transition: 0.3s all ease;
  z-index: -1;
  border-radius: 5px;
}
.comments_form form .btn:hover:after{
  width: 100%;
}


.blog_page_full.single_blog{
  padding: 90px 0;
}



/* -------------------------------- 


Close bog details page style

-------------------------------- */




/* -------------------------------- 


Start Elements style

-------------------------------- */


.slider_slider_elm{
  width: 100%;
  padding-top: 95px;
  padding-bottom: 95px;
}

.divider-30{
  padding-top: 30px;
}

#slider_slider_Owl .owl-item.active {
   -webkit-transform: scale(0.7);
   -moz-transform: scale(0.7);
   -ms-transform: scale(0.7);
   transform: scale(0.7);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
#slider_slider_Owl .owl-item.active.center{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

#slider_slider_Owl .owl-dots{
  text-align: center;
  padding-top: 30px;
}
#slider_slider_Owl.owl-carousel button.owl-dot.active{
  background-color: #013868;
  
  border-color: #fdc800;
}
#slider_slider_Owl.owl-carousel button.owl-dot{
  width: 18px;
  height: 18px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #01294d;
  margin-right: 8px;
  outline: 0;
  border:4px solid transparent;
}


#service_slider_owl .owl-nav{
  width: 100%;
  text-align: center;
  padding-top: 25px;
}
#service_slider_owl.owl-carousel .owl-nav button.owl-next, 
#service_slider_owl.owl-carousel .owl-nav button.owl-prev{
  background-color: #fdc800;
  width: 50px;
  height: 30px;
  border-radius: 5px;
  color: #222222;
  font-size:20px;
  margin: 0 5px;
  border:0;
  outline: 0;
}


#full_slider_owl_elm .owl-dots{
  text-align: center;
  padding-top: 30px;
}
#full_slider_owl_elm.owl-carousel button.owl-dot.active{
  background-color: #013868;
  
  border-color: #fdc800;
}
#full_slider_owl_elm.owl-carousel button.owl-dot{
  width: 18px;
  height: 18px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #01294d;
  margin-right: 8px;
  outline: 0;
  border:4px solid transparent;
}


/*counter elements*/

.counter-cicrcle{
  width: 100%;
  padding-top: 95px;
  padding-bottom: 95px;
}

.counter_circle_in{
  width: 100%;
  max-width: 270px;
  margin: auto;
  height: 270px;
  position: relative;
  border:10px solid #11314d;
  border-radius: 50%;
  text-align: center;
  -webkit-box-shadow: 0px 11px 8px 2px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 11px 8px 2px rgba(0,0,0,0.17);
box-shadow: 0px 11px 8px 2px rgba(0,0,0,0.17);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.counter_circle_in img{
  margin:auto;
}
.counter_circle_in h3{
  padding-top: 20px;
  padding-bottom: 10px;
  font-weight: 700;
  color: #222222;
  font-size: 30px;
}
.counter_circle_in p{
  font-weight: 400;
  color: #222222;
  font-size: 16px;
  text-transform: uppercase;
}

/*with backkground*/
.fun_fact_with_bg{
  width: 100%;
  position: relative;
  z-index: 1;
  background-image: url(../img/elements/fun_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 95px 0;
}
.fun_fact_with_bg:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #000000;
  opacity: 0.5;
}

.inside_fun_2{
  width: 100%;
  border:3px solid #fdc800;
  padding: 20px 14px;
}
.inside_fun_2 h3{
  font-weight: 700;
  color: #fff;
  font-size: 50px;
  padding-bottom: 12px;
}
.inside_fun_2 p{
  position: relative;
  z-index: 1;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  font-size: 20px;
}
.inside_fun_2:after{
  content: '';
  width: 100px;
  height: 1px;
  background-color: #fdc800;
  float: left;
  margin-top: 5px;
}

.style2 .inside_fun_2{
  border:0;
  padding: 0;
}

/*fun style three*/
.fun_fact_center3{
  width: 100%;
  padding: 95px 0;
}

.counter_center_in3{
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 1;
}
.counter_center_in3:after{
  content: '';
  width: 40px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url(../img/elements/fun_shape.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center right;
}
.fun_fact_center3 .row .col-md-3:last-child .counter_center_in3:after{
  display: none;
}

.counter_center_in3 img{
  margin: auto;
}
.counter_center_in3 h3{
  font-weight: 700;
  color: #222222;
  font-size: 30px;
  padding-top: 14px;
  padding-bottom: 14px;
}
.counter_center_in3 p{
  font-weight: 400;
  text-transform: uppercase;
  color: #222222;
  font-size: 16px;
}

.fun_fact_center3.style4{
  margin-top: 95px;
  margin-bottom: 95px;
  position: relative;
  z-index: 1;
  background-image: url(../img/elements/fun_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 95px 0;
}
.fun_fact_center3.style4:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #000000;
  opacity: 0.5;
}
.style4 .counter_center_in3:after{
  display: none;
}
.style4 .counter_center_in3 .icon{
  width: 60px;
  height: 60px;
  background-color: #fdc800;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
}
.style4 .counter_center_in3 h3,
.style4 .counter_center_in3 p{
  color: #fff;
}


@media only screen and (max-width : 993px) {
  .counter_circle_in{
    border-radius: 40px;
  }
  .inside_fun_2{
    min-height: 136px;
  }
  .inside_fun_2 h3{
    font-size: 30px;
  }
  .inside_fun_2 p{

    font-size: 16px;
  }
  .counter_center_in3{
    min-height: 134px;
  }
}

@media only screen and (max-width : 767px) {
  .counter_circle_in{
    margin-bottom: 30px;
    border-radius: 50%;
  }
  .inside_fun_2{
    margin-bottom: 30px;
    min-height: unset;
  }

  .counter_center_in3{
    min-height: unset;
    padding-bottom: 30px;
  }
  .counter_center_in3:after{
    display: none;
  }
}

/*counter elements*/


/*accoring elements*/
.accrding_default1{
  width: 100%;
  padding-top: 95px;
  padding-bottom: 95px;
}
.about_2quote_sec #accordion_abt{
  width: 100%;
  padding-top: 30px;
}
#accordion_dflt .card{
  margin-bottom: 12px;
  border-radius: 0;
  border:0;
  background-color: #fff;
}
#accordion_dflt .card-header{
  padding: 0;
  background-color:transparent;
  border-bottom: 0;
}
#accordion_dflt .card-header button{
  background:transparent;
  width: 100%;
  border:0;
  outline: 0;
  text-align: left;
  cursor: pointer;
  font-weight: 700;
  color: #222222;
  font-size: 20px;
  padding: 0;
}
#accordion_dflt .card-header h5 > .btnc:before {
    float: left !important;
    font-family: Font Awesome\ 5 Free;
    content:"\f078";
    font-weight: 900;
    padding-right: 5px;
    color: #222222;
    text-align: left;
    background-color:transparent;
    font-size: 14px;
    padding-top: 0;
    padding-right: 4px;
    width: 20px;
}
#accordion_dflt .card-header h5 > .btnc.collapsed:before {
    float: left !important;
    content:"\f054";
}

#accordion_dflt .card-body{
  padding-left: 22px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  font-weight: 400;
  color: #222222;
  font-size: 16px;
}


/*style two*/
.accrding_gray_bg{
  width: 100%;
  padding: 95px 0;
  position: relative;
  z-index: 1;
  background-image: url(../img/elements/according_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.accrding_gray_bg:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #000000;
  opacity: 0.5;
}
.accrding_gray_bg .title h3{
  color: #fff;
}
.accrding_gray_bg .title .line:after{
  background-color: #fff
}
#accordion_gry_id .card{
  margin-bottom: 12px;
  border-radius: 0;
  border:0;
  background-color: transparent;
}
#accordion_gry_id .card-header{
  padding: 20px 14px;
  background:rgba(245,245,245,0.5);
  border: 1px solid #fdc800;
}
#accordion_gry_id .card-header button{
  background:transparent;
  width: 100%;
  border:0;
  outline: 0;
  text-align: left;
  cursor: pointer;
  font-weight: 700;
  color: #222222;
  font-size: 20px;
  padding: 0;
}
#accordion_gry_id .card-header h5 > .btnc:before {
    float: right !important;
    font-family: Font Awesome\ 5 Free;
    content:"\f078";
    font-weight: 900;
    padding-right: 5px;
    color: #222222;
    text-align: left;
    background-color:transparent;
    font-size: 14px;
    padding-top: 0;
    padding-right: 4px;
    width: 20px;
}
#accordion_gry_id .card-header h5 > .btnc.collapsed:before {
    float: right !important;
    content:"\f054";
}

#accordion_gry_id .card-body{

  padding: 0;
  padding-top: 12px;
  font-weight: 400;
  color: #fff;
  font-size: 16px;
}

/*accoring elements*/


/*buttons*/

.all-button-in-one{
  width: 100%;
  padding-top: 95px;
}
.all-button-in-one h2,
.modal-page-main{
  font-weight: 600;
  font-size: 24px;
  line-height: 1.3em;
  padding-bottom: 20px;
}

.btn-sharpe-ylw.hvr:after,
.btn-sharpe-ylw.hvr:before{
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.btn-sharpe-ylw{
  padding: 14px 24px;
  background-color: #fdc800;
  border-radius: 0;
  text-transform: uppercase;
  font-weight: 600;
  color: #222222;
  font-size: 18px;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
  overflow: hidden;
}
.btn-sharpe-ylw.hvr:after{
  content: '';
  width: 0;
  height: 100%;
  background-color: #222222;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.btn-sharpe-ylw.hvr:before{
  content: '';
  width: 0;
  height: 100%;
  background-color: #222222;

  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.btn-sharpe-ylw.hvr:hover:before,
.btn-sharpe-ylw.hvr:hover:after{
  width: 51%;
}
.btn-sharpe-ylw.hvr:hover{
  border-color: transparent;
  outline: 0;
  color: #fdc800;
}

.btn-sharpe-ylw.hvr.hvr2:after{
  left: 0;
  top: 0;
}
.btn-sharpe-ylw.hvr.hvr2:before{
  right: 0;
  top: auto;
  bottom: 0;
}
.btn-sharpe-ylw.hvr.hvr2:after,
.btn-sharpe-ylw.hvr.hvr2:before{
  width: 51%;
  height: 0;
}
.btn-sharpe-ylw.hvr.hvr2:hover:after,
.btn-sharpe-ylw.hvr.hvr2:hover:before{
  height: 100%;
}


.btn.btn-sharpe-trns{
  background-color: transparent;
  padding: 14px 24px;
  border:2px solid #fdc800;
  text-transform: uppercase;
  color: #222222;
  font-weight: 600;
  font-size: 18px;
  border-radius: 0;
}
.btn-sharpe-ylw.r-20,
.btn.btn-sharpe-trns.r-20{
  border-radius: 10px;
}
.btn-sharpe-ylw.r-40,
.btn.btn-sharpe-trns.r-40{
  border-radius: 30px;
}
.btn-sharpe-ylw.r-m-40,
.btn.btn-sharpe-trns.r-m-40{
  border-radius: 30px 0;
}

.text-white .card-img-overlay .card-title{
  color: #fff;
  font-size: 24px;
  font-weight: 600;
}
.card-title{
  color: #222222;
  font-size: 24px;
  font-weight: 600;
}


/*client logo*/

.client_logo_style1 .inside_img img{
  margin: auto;
}
.client_logo_style1 .inside_img{
  width: 100%;
  text-align: center;
  border:1px solid #E8E9F1;
  padding-top: 50px;
  padding-bottom: 50px;
  height: 200px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
      -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}
.client_logo_style1 .col-md-3{
  padding: 0;
}

/*style 2*/
.client_logo_style2 .inside_img{
  text-align: center;
}
.client_logo_style2 .inside_img img,
#partner_logos_owl_2 div img{
  margin:auto;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.client_logo_style2 .inside_img:hover img,
#partner_logos_owl_2  img:hover{
  margin:auto;
  -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
  filter: grayscale(0);
}

#partner_logos_owl_2.owl-carousel .owl-item img{
  width: auto;
  margin: auto;
}

/*client logo*/

/*team member*/

.fancy_title{
  font-weight: 600;
  color: #222222;
  font-size: 25px;
  line-height: 1.3em;
  padding-bottom: 20px;
}

/*social icon*/

.social_icon_pack{

}

.social_icon_pack li{
  display: inline-block;
  margin-right: 0.3em;
    font-size: 1em;

}
.social_icon_pack.circle li a{
  border-radius: 50%;
}
.social_icon_pack li a{
  border-radius: 0;
  display: inline-block;
  color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}
.social_icon_pack.small_size li a{
  width: 30px;
  height: 30px;
  text-align: center;
}
.social_icon_pack.mid_size li a{
  width: 48px;
  height: 48px;
}
.social_icon_pack.large_size li a{
  width: 55px;
  height: 55px;
}

.branded .fb{
  background-color: #3b5998;
}
.branded .tw{
  background-color: #1da1f2;
}
.branded .ins{
  background-color: #405de6;
}
.branded .yt{
  background-color: #ff0000;
}
.branded .lin{
  background-color: #0077b5;
}
.branded .sp{
  background-color: #00aff0;
}

/*social icon*/

/*newsletter elem*/
.newsletters_elements_main{
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
}

/*style1*/
.newsletters_form_elm1{
  width: 100%;
  padding:44px 40px;
  background-color: #002240;
  border-radius: 10px;
}
.newsletters_form_elm1 form input{
  width: 100%;
  background-color: #fff;
  padding: 12px;
  color: #c0bebe;
  font-size: 15px;
  font-weight: 400;
  border:0;outline: 0;
  border-radius: 5px;
}
.newsletters_form_elm1 form .btn{
  width: 100%;
  text-transform: uppercase;
  background-color: #fedb03;
  outline: 0;
  border:0;
  color: #222222;
  font-size: 18px;
  padding: 12px 0;
}
.newsletters_form_elm1 form{
  width: 100%;
}
.newsletters_form_elm1 form .cols{
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}
.newsletters_form_elm1 form .cols.size1{
  width: 33%;
}
.newsletters_form_elm1 form .cols.size2{
  width: 49%;
}
.newsletters_form_elm1 form .cols.size3{
  width: 18%;
}


/*style02*/
.newsletters_form_elm2 form input{
  width: 100%;
  background-color: #fedb03;
  padding: 12px;
  color: #565555;
  font-size: 15px;
  font-weight: 400;
  border:0;outline: 0;
  border-radius: 5px;
}
.newsletters_form_elm2 form .btn{
  width: 100%;
  text-transform: uppercase;
  background-color: #fedb03;
  outline: 0;
  border:0;
  color: #222222;
  font-size: 18px;
  padding: 12px 0;
}
.newsletters_form_elm2 form{
  width: 100%;
}
.newsletters_form_elm2 form .cols{
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}
.newsletters_form_elm2 form .cols.size1{
  width: 33%;
}
.newsletters_form_elm2 form .cols.size2{
  width: 49%;
}
.newsletters_form_elm2 form .cols.size3{
  width: 18%;
}
.newsletters_form_elm2 form .cols.size2 input{
  background-color: #002240;
  color: #c0bebe;
}


/*style03*/
.newsletters_form_elm3 form input{
  width: 100%;
  background-color: #fff;
  padding: 12px;
  color: #565555;
  font-size: 15px;
  font-weight: 400;
  border:1px solid #002240;
  outline: 0;
  border-radius: 5px;
}
.newsletters_form_elm3 form .btn{
  width: 100%;
  text-transform: uppercase;
  background-color: #fedb03;
  outline: 0;
  border:0;
  color: #222222;
  font-size: 18px;
  padding: 12px 0;
}
.newsletters_form_elm3 form{
  width: 100%;
}
.newsletters_form_elm3 form .cols{
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}
.newsletters_form_elm3 form .cols.size1{
  width: 33%;
}
.newsletters_form_elm3 form .cols.size2{
  width: 49%;
}
.newsletters_form_elm3 form .cols.size3{
  width: 18%;
}

/*style04*/
.newsletters_form_elm4{
  width: 100%;
  border:14px solid #002240;
  padding: 82px 80px;
  margin-top: 80px;
  text-align: center;
}
.newsletters_form_elm4 form input{
  width: 100%;
  background-color: #fff;
  padding: 12px;
  color: #565555;
  font-size: 15px;
  font-weight: 400;
  border:1px solid #002240;
  outline: 0;
  border-radius: 5px;
  margin-bottom: 20px;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}
.newsletters_form_elm4 form .btn{
  width: 100%;
  text-transform: uppercase;
  background-color: #fedb03;
  outline: 0;
  border:0;
  color: #222222;
  font-size: 18px;
  padding: 12px 0;
   max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}

/*style1*/
.newsletters_form_elm5{
  width: 100%;
  padding:44px 40px;
  background-color: #002240;
  border-radius: 10px;
}
.newsletters_form_elm5 form input{
  width: 100%;
  background-color: #fff;
  padding: 12px;
  color: #c0bebe;
  font-size: 15px;
  font-weight: 400;
  border:0;outline: 0;
  border-radius: 0;
}
.newsletters_form_elm5 form .cols.size1 input{
  background-color: #fedb03;
  color: #222222;
}
.newsletters_form_elm5 form .btn{
  width: 100%;
  text-transform: uppercase;
  background-color: #fedb03;
  outline: 0;
  border:0;
  color: #222222;
  font-size: 18px;
  padding: 12px 0;
  border-radius: 0;
}
.newsletters_form_elm5 form{
  width: 100%;
}
.newsletters_form_elm5 form .cols{
  float: left;
  padding-left: 0;
  padding-right: 0;
}
.newsletters_form_elm5 form .cols.size1{
  width: 33%;
}
.newsletters_form_elm5 form .cols.size2{
  width: 49%;
}
.newsletters_form_elm5 form .cols.size3{
  width: 18%;
}


@media only screen and (min-device-width : 768px) and (max-device-width : 994px) {
  .newsletters_form_elm1 form .cols.size3,
  .newsletters_form_elm3 form .cols.size3,
  .newsletters_form_elm5 form .cols.size3,
  .newsletters_form_elm2 form .cols.size3{
    width: 22%;
  }
  .newsletters_form_elm1 form .cols.size2 ,
  .newsletters_form_elm3 form .cols.size2 ,
  .newsletters_form_elm5 form .cols.size2 ,
  .newsletters_form_elm2 form .cols.size2 {
    width: 47%;
  }
  .newsletters_form_elm1 form .cols.size1 ,
  .newsletters_form_elm3 form .cols.size1 ,
  .newsletters_form_elm5 form .cols.size1 ,
  .newsletters_form_elm2 form .cols.size1 {
    width: 31%;
  }
}

@media only screen and (max-width : 767px) {
  .newsletters_form_elm1 form .cols.size3,
  .newsletters_form_elm3 form .cols.size3,
  .newsletters_form_elm5 form .cols.size3,
  .newsletters_form_elm2 form .cols.size3{
    width: 100%;
  }
  .newsletters_form_elm1 form .cols.size2 ,
  .newsletters_form_elm3 form .cols.size2 ,
  .newsletters_form_elm5 form .cols.size2 ,
  .newsletters_form_elm2 form .cols.size2 {
    width: 100%;
  }
  .newsletters_form_elm1 form .cols.size1 ,
  .newsletters_form_elm3 form .cols.size1 ,
  .newsletters_form_elm5 form .cols.size1 ,
  .newsletters_form_elm2 form .cols.size1 {
    width: 100%;
  }
  .newsletters_form_elm4{
    padding: 40px;
  }
}

/*newsletter elem*/

/*tabs elem style*/

.tabs_main_section_e{
  width: 100%;
  padding-top: 100px;
}

/*style 01*/
.tabs_style_one_elm{
  width: 100%;
}
.tabs_style_one_elm .nav-tabs{
  border-bottom: 0;
}
.tabs_style_one_elm .nav-tabs .nav-link.active{
  border-color: transparent;
  border-bottom:1px dotted #222222;
}
.tabs_style_one_elm .nav-tabs .nav-link{
  padding: 0;
  color: #222222;
  font-size: 20px;
  outline: 0;
}
.tabs_style_one_elm .nav-tabs .nav-item{
  padding-right: 15px;
}

.tabs_style_one_elm .tab-content{
  padding-top: 40px;
}
.tabs_style_one_elm .tab-content h4{
  width: 100%;
  border-bottom: 1px solid #222222;
  font-weight: 500;
  font-size: 20px;
  color: #222222;
  padding-bottom: 5px;
}
.tabs_style_one_elm .tab-content p{
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  padding-top: 20px;
}

/*style 02*/
.tabs_main_section_e.bg_img{
  position: relative;
  z-index: 1;
  background-image: url(../img/tabs_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 100px 0;
}
.tabs_main_section_e.bg_img:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #000000;
  opacity: 0.73;
}

.tabs_main_section_e.bg_img .title .line:after{
  background-color: #fff;
}
.tabs_main_section_e.bg_img .title h3{
  color: #fff;
}
.bg_img .tabs_style_one_elm .nav-tabs{
  background-color: #fff;
  max-width: -webkit-fit-content;
  max-width: fit-content;
  padding-left: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.bg_img .tab-content{
  background-color: #fff;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 40px;
}

/*tabs elem style*/

.ptt_100{
  padding-top: 100px;
}
.ptb_100{
  padding-bottom: 100px;
}

/* -------------------------------- 


Close Elements style

-------------------------------- */



/* -------------------------------- 


Start Shope page style

-------------------------------- */


.shop_menu .dropdown{
  float:right;
  padding-right: 30px;
}
.shop_menu .dropdown .btn{
  background-color: transparent;
}
.shop_menu .dropdown .btn .badge{
  top: -10px;
  padding: 4px;
}
.shop_menu .dropdown .dropdown-menu{
  padding:20px;
  top:50px !important;
  width:350px;
  left:-200px !important;
  box-shadow:0px 5px 30px black;
}
.shop_menu .total-header-section{
  border-bottom:1px solid #d2d2d2;
}
.shop_menu .total-section p{
  margin-bottom:20px;
}
.shop_menu .cart-detail{
  padding:15px 0px;
}
.shop_menu .cart-detail-img img{
  width:100%;
  height:100%;
  padding-left:15px;
}
.shop_menu .cart-detail-product p{
  margin:0px;
  color:#000;
  font-weight:500;
}
.shop_menu .cart-detail .price{
  font-size:12px;
  margin-right:10px;
  font-weight:500;
}
.shop_menu .cart-detail .count{
  color:#C2C2DC;
}
.shop_menu .checkout{
  border-top:1px solid #d2d2d2; 
  padding-top: 15px;
}
.shop_menu .checkout .btn-primary{
  border-radius:50px;
  height:50px;
  background-color: #002240;
}
.shop_menu .dropdown-menu:before{
  content: " ";
  position:absolute;
  top:-20px;
  right:110px;
  border:10px solid transparent;
  border-bottom-color:#fff; 
}

.broadcamp_header.shop{
  background-image: url(../img/shop/banner.jpg);
}

/*main page*/
.shop_page_main{
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
}

.inside_shop_page_itm{
  width: 100%;
  -webkit-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.09);
  -moz-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.09);
  box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.09);
  position: relative;
  text-align: center;
  background-color: #fff;
  margin-bottom: 30px;
}
.inside_shop_page_itm .tag_new_flash{
  position: absolute;
  top: 22px;
  right: 14px;
  display: inline-block;
  color: #fff;
  width: 55px;
  height: 55px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #002240;
  font-weight: 400;
  font-size: 16px;
  text-transform: capitalize;
  line-height: 55px;
  z-index: 1;
}
.inside_shop_page_itm .img{
  height: 264px;
}
.inside_shop_page_itm .img img{
  margin: auto;
  object-fit: cover;
}

.inside_shop_page_itm .info{
  width: 100%;
  background-color: #fafafa;
  padding: 30px 0;
  text-align: center;
}
.inside_shop_page_itm .info h4{
  padding-bottom: 10px;
  font-weight: 700;
  color: #222222;
  font-size: 20px;
  font-family: 'Poppins', sans-serif;
}
.inside_shop_page_itm .info h4 a{
  color: #222222;
}
.inside_shop_page_itm .info .price{
  color: #222222;
  font-weight: 400;
  font-size: 16px;
}
.inside_shop_page_itm .info .price b{
  text-decoration: line-through;
  padding-right: 4px;
}
.inside_shop_page_itm .info .rating li{
  display: inline-block;
  padding: 5px;
  color: #ffcd00;
}

.inside_shop_page_itm .meta{
  width: 100%;
  background-color: #fafafa;
  padding: 12px 20px;
  border-top: 1px solid #e7e7e7;
}
.inside_shop_page_itm .meta .cart_btn{
  float: left;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  background-color: #002240;
  line-height: 32px;
  font-size: 16px;
}
.inside_shop_page_itm .meta ul{
  width: calc(100% - 30px);
  text-align: right;
  margin-left: auto;
}
.inside_shop_page_itm .meta ul li{
  display: inline-block;
  padding-left: 10px;
  color: #002240;
}
.inside_shop_page_itm .meta ul li a{
  color: #002240;
}

.shop_pagination.post_pagination {
  margin-top: 30px;
}
.shop_pagination.post_pagination .page-link{
  color: #002240;
  border-color: #002240;
}
.shop_pagination.post_pagination .page-link:hover{
  color: #fff;
  background-color: #002240;
}

/*sidebar*/
.shop_sidebar_page{
  width: 100%;
  text-align: left;
}
.shop_sidebar_page .search_shop{
  position: relative;
  z-index: 1;
  width: 100%;
}
.shop_sidebar_page .search_shop form{
  width: 100%;
  position: relative;
}
.shop_sidebar_page .search_shop form input{
  width: 100%;
  padding: 10px;
  background-color: #f2f1f1;
  outline: 0;
  border:0;
  font-weight: 400;
  color: #6f6f6f;
  font-size: 12px;
}
.shop_sidebar_page .search_shop form .btn{
  position: absolute;
  right: 0;
  top: 0;
  border:0;
  outline: 0;
  color: #fff;
  padding: 11px 14px;
  background-color: #002240;
  border-radius: 0;
}

.filter_categorie_shop ,
.filter_categorie_price ,
.filter_categorie_color,
.shop_sidebar_feature{
  width: 100%;
  margin-top: 30px;
}
.filter_categorie_shop h3,
.filter_categorie_price h3,
.filter_categorie_color h3,
.shop_sidebar_feature h3{
  font-weight: 700;
  color: #222222;
  font-size: 16px;
  border-bottom: 1px solid #222222;
  padding-bottom: 6px;
  text-transform: uppercase;
}
.filter_categorie_shop ul li a{
  display: inline-block;
  padding-top: 12px;
  color: #222222;
  font-size: 14px;
  font-weight: 500;
}


.filter_categorie_price p{
  color:#222222 ;
  font-size: 12px;
  font-weight: 400;
  padding-bottom: 12px;
  width: 100%;
  text-align: left;
  margin-top: 15px;
}
.filter_categorie_price p input{
  border:0;
  outline: 0;
  padding-left: 10px;
}
.filter_categorie_price .ui-slider-horizontal{
  height: 1px;
  border:0;
  border-radius: 0;
  background-color: #012f5c;
}
.filter_categorie_price .ui-widget-header{
  background-color: #012f5c;
}
.filter_categorie_price .ui-slider-horizontal .ui-slider-handle{
  width: 20px;
  height: 20px;
  border-radius: 50%;
  outline: 0;
  top: -10px;
  z-index: 11;
  background-color: #012f5c;
  cursor: pointer;
}
.filter_categorie_price .ui-slider-horizontal .ui-slider-handle:before{
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  left: 4.2px;
  top: 4px;
  background-color: #fddb03;
  border-radius: 50%;
}

.filter_categorie_color ul{
  padding-top: 20px;
}
.filter_categorie_color ul li a{
  display: inline-block;
  padding-top:6px;
  font-weight: 400;
  color: #222222;
  font-size: 16px;
}

.shop_sidebar_feature ul li.media{
  margin-top: 20px;
}
.shop_sidebar_feature ul li h4{
  padding-bottom: 4px;
  font-weight: 600;
  color: #222222;
  font-size: 16px;
}
.shop_sidebar_feature ul li h4 a{
  color: #222222;
}
.shop_sidebar_feature ul li .rating li{
  display: inline-block;
  color: #ffcd00;
}
.shop_sidebar_feature ul li h5{
  font-weight: 500;
  color: #222222;
  font-size: 14px;
}

@media only screen and (max-width : 767px) {
  .shop_sidebar_page{
    margin-top: 50px;
  }
  .shop_page_main.left_side .shop_sidebar_page{
    margin-top: 0;
    margin-bottom: 50px;
  }
}

/* -------------------------------- 


Close Shope page style

-------------------------------- */




/* -------------------------------- 


Start Shop Details page style

-------------------------------- */


.shop_page_details{
  width: 100%;
  padding-top: 100px;
}


#shop_image_slider_owl .single-img{
  width: 100%;
  height: 100%;
  text-align: center;
  border:1px solid #171d29;
  background-color: #fafafa;
  height: 470px;
  display:inline-block;
  cursor: crosshair;
}

.shop_details_right h3{
  padding-bottom: 10px;
  font-weight: 700;
  color: #222222;
  font-size: 20px;
}
.shop_details_right .prdct_review i{
  color: #ffcd00;
  padding-right: 5px;
}
.shop_details_right .prdct_review a{
  font-weight: 400;
  color: #222222;
  font-size: 14px;
}
.shop_details_right h5.price{
  color: #222222;
  font-weight: 400;
  font-size: 16px;
  font-style: italic;
  padding-top: 2px;
}
.shop_details_right .single-info{
  padding-top: 6px;
  font-weight: 400;
  font-size: 12px;
  color: #222222;
}
.shop_details_right .single-info .value{
  padding-left: 4px;
  font-weight: 500;
}
.shop_details_right .details{
  width: 100%;
  color: #171d29;
  font-size: 16px;
  padding-top: 14px;
}
.shop_details_right .quantity_wishlist_rvw{
  margin-top: 20px;
}
.shop_details_right .quantity_btn{
  width: 78px;
  background-color: #002240;
  padding: 10px;
}
.shop_details_right .quantity_btn button{
  border:0;
  outline: 0;
  color: #fff;
  background-color: transparent;
  cursor: pointer;
}
.shop_details_right .quantity_btn input{
  text-align: center;
  width: 24px;
  background-color: transparent;
  border:0;
  outline: 0;
  color: #fff;
  margin-right: -14px;
}
.shop_details_right .add_cart_btn{
  background-color: #002240;
  display: inline-block;
  margin-left: 20px;
}
.shop_details_right .add_cart_btn a{
  color: #fff;
  display: inline-block;
  padding-top: 7px;
  padding-bottom: 7px;
  font-weight: 400;
}
.shop_details_right .add_cart_btn .cart{
  padding-left: 10px;
  font-size: 14px;
  padding-right: 8px;
}
.shop_details_right .add_cart_btn .fav{
  padding-left: 10px;
  padding-right: 10px;
}
.shop_details_right .add_cart_btn .excng{
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  padding-left: 10px;
  padding-right: 10px;
}

.shop_details_right .share_product{
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px 0;
  border-top: 1px solid #002240;
  border-bottom: 1px solid #002240;
}
.shop_details_right .share_product h4{
  font-weight: 400;
  color: #222222;
  font-size: 16px;
}
.shop_details_right .share_product ul li {
  display: inline-block;
  padding-right: 20px;
}
.shop_details_right .share_product ul li a{
  display: inline-block;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #002240;
  color: #fff;
  text-align: center;
  line-height: 30px;
}

#slider_tab_url_pr div a{
  display: inline-block;
  text-align: center;
  width: 100px;
  height: 100px;
  border:1px solid #171d29;
}
#slider_tab_url_pr div a img{
  margin: auto;
  display: block;
}
#slider_tab_url_pr .owl-nav button{
  position: absolute;
  left: 0;
  top: 40px;
}
#slider_tab_url_pr .owl-nav button.owl-next{
  right: 0;
  left: auto;
}


/*product tab*/
.products_page_tabs_3{
  margin-top: 60px;
  margin-bottom: 60px;
}
.products_page_tabs_3 .nav-tabs {
  border:0;
}
.products_page_tabs_3 .nav-tabs li{
  padding-right: 20px;
}
.products_page_tabs_3 .nav-tabs .nav-link{
  border:0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 6px;
  font-weight: 700;
  color: #222222;
  font-size: 20px;
}
.products_page_tabs_3 .nav-tabs .nav-link.active{
  background-color: transparent;
  border-bottom: 2px solid #171d29;
}
.products_page_tabs_3 .tab-content{
  width: 100%;
  padding: 22px 16px;
  border:1px solid #171d29;
}
.products_page_tabs_3 .inside_tabs_pedct h3{
  padding-bottom: 22px;
  font-weight: 700;
  color: #222222;
  font-size: 20px;
}
.products_page_tabs_3 .inside_tabs_pedct p{
  font-weight: 400;
  color: #222222;
  font-size: 16px;
}
.products_page_tabs_3 .inside_tabs_pedct ul li:last-child{
  padding-bottom: 0;
}
.products_page_tabs_3 .inside_tabs_pedct ul li{
  padding-bottom: 22px;
  font-weight: 400;
  color: #222222;
  font-size: 14px;
  max-width: 200px;
}
.products_page_tabs_3 .inside_tabs_pedct ul li span{
  font-weight: 500;
  float: right;
}


/*-- Single Product Rating --*/

.product-rating-wrap {
  overflow: hidden;
}

.pro-avg-rating {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.pro-avg-rating h4 {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  margin: 0 0 7px;
  color: #222222;
}

.pro-avg-rating h4 span {
  font-size: 12px;
  font-weight: 400;
  line-height: 10px;
  color: #707070;
}

.pro-avg-rating > span {
  font-size: 12px;
  line-height: 10px;
  display: block;
  color: #222222;
}

.rating-list {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}

.rating-list .sin-list {
  margin-right: 30px;
}

.rating-list .sin-list:last-child {
  margin-right: 0;
}

.rating-list .sin-list i {
  font-size: 12px;
  color: #707070;
}

.rating-list .sin-list span {
  color: #666;
}

.ratings-wrapper {
  float: left;
  width: 100%;
  margin-bottom: 40px;
}

.sin-ratings {
  margin-bottom: 40px;
}

.sin-ratings:last-child {
  margin-bottom: 0;
}

.sin-ratings .rating-author {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.sin-ratings .rating-author h3 {
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  float: left;
  margin: 0;
  margin-right: 15px;
}

.sin-ratings .rating-author .rating-star i,
.sin-ratings .rating-author .rating-star span {
  font-size: 12px;
  line-height: 18px;
  float: left;
  color: #707070;
}

.sin-ratings .rating-author .rating-star span {
  margin-left: 5px;
}

.sin-ratings p {
  font-size: 14px;
  line-height: 24px;
  color: #222222;
}

/*-- rating Form Wrap --*/

.rating-form-wrapper {
  float: left;
  width: 100%;
}

.rating-form-wrapper h3 {
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  margin: 0 0 30px;
  text-transform: uppercase;
}

/*-- rating Form --*/

.rating-form h5 {
  font-size: 14px;
  line-height: 18px;
  float: left;
  margin-right: 10px;
}

.rating-form .rating-star i {
  font-size: 14px;
  line-height: 18px;
  display: block;
  float: left;
  margin-right: 3px;
}

.rating-form .rating-star i:last-child {
  margin: 0;
}

.rating-form label {
  font-size: 14px;
  display: block;
  margin-bottom: 3px;
  color: #222222;;
}

.rating-form input {
  font-size: 13px;
  line-height: 24px;
  width: 100%;
  padding: 8px 15px;
  color: #222222;;
  border: 1px solid #ddd;
  background-color: transparent;
}

.rating-form input[type='submit'] {
  font-weight: 600;
  width: auto;
  padding: 8px 30px;
  text-transform: uppercase;
  color: #fff;
  border-color: #002240;
  background-color: #002240;
  cursor: pointer;
}

.rating-form input[type='submit']:hover {
  color: #fff;
  border-color: #002240;
  background-color: #002240;
}

.rating-form textarea {
  font-size: 13px;
  line-height: 24px;
  width: 100%;
  height: 80px;
  padding: 8px 15px;
  resize: none;
  color: #222222;;
  border: 1px solid #ddd;
  background-color: transparent;
}

/*product slider*/
.related_products_pg{
  padding-bottom: 80px;
}
.related_products_pg .r_title{
  width: 100%;
  font-weight: 700;
  color: #222222;
  font-size: 20px;
  border-bottom: 1px solid #222;
  padding-bottom: 10px;
  margin-bottom: 40px;
}
.related_products_pg .inside_shop_page_itm{
  margin-top: 10px;

}

@media only screen and (max-width: 767px){
  #shop_image_slider_owl .single-img{
    height: 350px;
  }
}

/* -------------------------------- 


Close Shop Details page style

-------------------------------- */




/* -------------------------------- 


Start Shop cart page style

-------------------------------- */

.product-cart-page{
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
}




.quantity-selection input {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  width: 100px;
  height: 54px;
  padding: 0 20px;
  text-align: center;
  color: #000;
  border: 1px solid #e5e5e5;
  background: #fff;
}

.quantity-selection input[type=number]::-webkit-inner-spin-button,
.quantity-selection input[type=number]::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}



.cart-table {
  background-color: #fff;
  -webkit-box-shadow: 0 5px 4px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 5px 4px 0 rgba(0, 0, 0, .1);
}

.cart-table .table {
  margin: 0;
}

.cart-table .table thead {
  background-color: #f2f2f2;
}

.cart-table .table thead tr th {
  font-size: 16px;
  font-weight: 700;
  padding: 12px 20px;
  text-align: center;
  text-transform: uppercase;
  color: #222222;
  border: none;
}

.cart-table .table tbody tr td {
  padding: 25px 20px;
  text-align: center;
  vertical-align: middle;
  border: none;
  border-bottom: 1px solid #f2f2f2;
}

.cart-table {
  margin-bottom: 40px;
}

.cart-table th.pro-thumbnail,
.cart-table td.pro-thumbnail {
  width: 160px;
  min-width: 120px;
  max-width: 160px;
}

.cart-table th.pro-title,
.cart-table td.pro-title {
  min-width: 200px;
}

.cart-table td.pro-thumbnail a {
  display: block;
}

.cart-table td.pro-thumbnail a img {
  width: 100%;
  background-color: #f6f7f8;
}

.cart-table td.pro-title a {
  font-size: 14px;
  font-weight: 500;
  color: #222222;
}

.cart-table td.pro-title a:hover {
  color: #fdc800;
}

.cart-table td.pro-price span {
  font-size: 15px;
  font-weight: 500;
  display: block;
  color: #707070;
}

.cart-table td.pro-quantity {
}

.cart-table td.pro-subtotal span {
  font-size: 15px;
  font-weight: 500;
  display: block;
  color: #707070;
}

.cart-table td.pro-addtocart button {
  font-weight: 700;
  line-height: 24px;
  width: 140px;
  height: 36px;
  padding: 5px 20px;
  text-transform: capitalize;
  color: #222222;
  border: 1px solid #fdc800;
  border-radius: 0;
  background-color: #fdc800;
}

.cart-table td.pro-remove a {
  font-weight: 500;
  display: block;
  color: #707070;
}

.cart-table td.pro-remove a i {
  font-size: 15px;
}

.cart-table td.pro-remove a:hover {
  color: #f00;
}

/*-- Calculate Shipping --*/

.calculate-shipping {
  margin-bottom: 23px;
}

.calculate-shipping h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 23px;
  margin-bottom: 30px;
  text-decoration: underline;
  text-transform: capitalize;
}

.calculate-shipping form .nice-select {
  line-height: 24px;
  width: 100%;
  height: 36px;
  margin-bottom: 25px;
  padding: 5px 20px;
  border: 1px solid #999;
  border-radius: 0;
  background-color: transparent;
}

.calculate-shipping form .nice-select::after {
  border-color: #707070;
}

.calculate-shipping form .nice-select .current {
  font-size: 14px;
  line-height: 24px;
  display: block;
  color: #222222;
}

.calculate-shipping form .nice-select .list {
  width: 100%;
}

.calculate-shipping form input {
  line-height: 24px;
  width: 100%;
  height: 36px;
  margin-bottom: 25px;
  padding: 5px 20px;
  color: #222222;
  border: 1px solid #999;
  border-radius: 0;
  background-color: transparent;
}

.calculate-shipping form input[type='submit'] {
  font-weight: 400;
  width: 140px;
  text-transform: uppercase;
  color: #fff;
  border-color: #222222;
  background-color: #222222;
  cursor: pointer;
}

.calculate-shipping form input[type='submit']:hover {
  border-color: #fdc800;
  background-color: #fdc800;
}

/*-- Discount Coupon --*/

.discount-coupon h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 23px;
  margin-bottom: 30px;
  text-decoration: underline;
  text-transform: capitalize;
}

.discount-coupon form input {
  line-height: 24px;
  width: 100%;
  height: 36px;
  margin-bottom: 25px;
  padding: 5px 20px;
  color: #707070;
  border: 1px solid #999;
  border-radius: 0;
  background-color: transparent;
}

.discount-coupon form input[type='submit'] {
  font-weight: 400;
  width: 140px;
  text-transform: uppercase;
  color: #fff;
  border-color: #222222;
  background-color: #222222;
}

.discount-coupon form input[type='submit']:hover {
  border-color: #fdc800;
  background-color: #fdc800;
  cursor: pointer;
}

/*-- Cart Summary --*/

.cart-summary {
  float: right;
  width: 100%;
  max-width: 410px;
  margin-left: auto;
}

.cart-summary .cart-summary-wrap {
  margin-bottom: 20px;
  padding: 45px 50px;
  background-color: #f2f2f2;
}

.cart-summary .cart-summary-wrap h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 23px;
  margin-bottom: 30px;
  text-decoration: underline;
  text-transform: capitalize;
}

.cart-summary .cart-summary-wrap p {
  font-size: 14px;
  font-weight: 500;
  line-height: 23px;
  color: #222222;
}

.cart-summary .cart-summary-wrap p span {
  float: right;
}

.cart-summary .cart-summary-wrap h2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  margin: 0;
  padding-top: 9px;
  color: #000;
  border-top: 1px solid #999;
}

.cart-summary .cart-summary-wrap h2 span {
  float: right;
}

.cart-summary .cart-summary-button {
  overflow: hidden;
  width: 100%;
}

.cart-summary .cart-summary-button button {
  line-height: 24px;
  float: right;
  width: 140px;
  height: 36px;
  margin-top: 10px;
  margin-left: 20px;
  padding: 5px 20px;
  color: #707070;
  border: 1px solid #999;
  border-radius: 0;
  background-color: transparent;
}

.cart-summary .cart-summary-button button:last-child {
  margin-left: 0;
}

.cart-summary .cart-summary-button button:hover {
  color: #fff;
  border-color: #fdc800;
  background-color: #fdc800;
}

.cart-summary .cart-summary-button button.checkout-btn {
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  border-color: #222222;
  background-color: #222222;
}

.cart-summary .cart-summary-button button.checkout-btn:hover {
  border-color: #fdc800;
  background-color: #fdc800;
}


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

.cart-table .table {
  border-top: 8px solid #f2f2f2;
}

.cart-table .table thead {
  display: none;
}

.cart-table .table tbody tr td {
  display: block;
  width: 100%;
  max-width: none;
  padding: 15px;
  text-align: left;
}

.cart-table th.pro-thumbnail a,
.cart-table td.pro-thumbnail a {
  width: 160px;
}

.cart-table td.pro-remove a {
  width: 60px;
  text-align: center;
}

.cart-summary {
  margin-left: 0;
}

.cart-summary .cart-summary-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.cart-summary .cart-summary-button button {
  margin-right: 10px;
  margin-left: 0;
}

.cart-summary .cart-summary-button button:last-child {
  margin-right: 0;
}

}
/*=====  End of Cart  ======*/


/* -------------------------------- 


Close Shop cart page style

-------------------------------- */




/* -------------------------------- 


Start checkout page style

-------------------------------- */

.checkout_form_and_cont{
  padding-top: 100px;
  padding-bottom: 100px;
}
.form_title_wrp{
  padding-bottom: 40px;
}
.form_title_wrp h3,
h3.order_title,
.payment_option_btn h3{
  font-weight: 700;
  color: #222222;
  font-size: 20px;
}

.checkout_form_and_cont .form-group label{
  width: 100%;
  font-weight: 400;
  color: #222222;
  font-size: 16px;
}
.checkout_form_and_cont .form-group input,
.checkout_form_and_cont .form-group textarea,
.checkout_form_and_cont .form-group select{
  width: 100%;
  outline: 0;
  background-color: #f4f4f4;
  border:0;
  font-weight: 400;
  color: #c7c7c7;
  font-size: 14px;
  padding: 10px;
}

.checkout_form_and_cont .table{
  margin-top: 22px;
  border-left: 1px solid #002240;
  border-right: 1px solid #002240;
  border-bottom: 1px solid #002240;
}
.checkout_form_and_cont .table th,
.checkout_form_and_cont .table td,
.checkout_form_and_cont .table thead th{
  border-color: #002240;
  font-weight: 400;
  color: #222222;
  font-size: 16px;
}

.payment_option_btn{
  margin-top: 50px;
  background-color: #f4f4f4;
  padding: 16px 10px;
}

.payment_option_btn .smpl_txt{
  display: inline-block;
  margin-top: 22px;
  background-color: #e2e1e1;
  width: 100%;
  padding: 18px 20px;
  color: #222222;
  font-weight: 400;
  font-size: 16px;
}
.payment_option_btn p{
  margin-top: 18px;
  padding-top: 8px;
  border-top: 1px solid #e2e1e1;
  color: #222222;
  font-weight: 400;
  font-size: 16px;
}
.payment_option_btn .btn{
  margin-bottom: 10px;
  margin-top: 10px;
  background-color: #002240;
  color: #fff;
  text-transform: uppercase;
  padding: 8px 30px;
  font-weight: 400;
  font-size: 16px;
}

/* -------------------------------- 


Close checkout page style

-------------------------------- */



/* -------------------------------- 


Start Faq  page style

-------------------------------- */

.faq_page_details{
  width: 100%;
  padding: 100px 0;
}

.faq_page_single_row .title_faq{
  font-weight: 700;
  color: #222222;
  font-size: 24px;
}
.faq_page_single_row{
  margin-top: 40px;
}
.faq_page_single_row .card{
  margin-top: 20px;
  border-radius: 0;
  border:0;
  background-color: #f9f9f9;
}
.faq_page_single_row .card-header{
  padding: 14px 0 14px 16px;
  background-color: transparent;
  border-bottom: 0;
}
.faq_page_single_row .card-header button{
  background:transparent;
  width: 100%;
  border:0;
  outline: 0;
  text-align: left;
  cursor: pointer;
  font-weight: 700;
  color: #222222;
  font-size: 18px;
}
.faq_page_single_row .card-header h5 > .btnc:before {
    float: right !important;
    font-family: Font Awesome\ 5 Free;
    content:"\f068";
    font-weight: 900;
    padding-right: 5px;
    color: #222222;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 50%;
    background-color:transparent;
    font-size: 14px;
    padding-top: 0;
    padding-left: 4px;
}
.faq_page_single_row .card-header h5 > .btnc.collapsed:before {
    float: right !important;
    content:"\f067";
}

.faq_page_single_row .card-body{
  padding-left: 14px;
  padding-top: 15px;
  font-weight: 400;
  color: #222222;
  font-size: 16px;
  border-top: 1px solid #d3d2d2;
}


/* -------------------------------- 


Close Faq  page style

-------------------------------- */




/* -------------------------------- 


Start Prcing table  page style

-------------------------------- */

.pricing_page_style1{
  width: 100%;
  padding: 100px 0;
}

.pricing_style_insside1,
.pricing_style_insside2,
.pricing_style_insside3{
  width: 100%;
  margin-top: 40px;
  -webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.08);
  -moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.08);
  box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.08);
  border-radius: 10px;
}
.pricing_style_insside1 .p_head,
.pricing_style_insside2 .p_head,
.pricing_style_insside3 .p_head{
  width: 100%;
  background-color: #002240;
  text-align: center;
  padding: 16px 0;
  border-radius: 10px 10px 0 0;
}
.pricing_style_insside1 .p_head h4,
.pricing_style_insside2 .p_head h4,
.pricing_style_insside3 .p_head h4{
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 30px;
}
.pricing_style_insside1 .p_head h6,
.pricing_style_insside2 .p_head h6,
.pricing_style_insside3 .p_head h6{
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 16px;
}
.pricing_style_insside1 .p_body,
.pricing_style_insside2 .p_body,
.pricing_style_insside3 .p_body{
  text-align: center;
  padding: 24px 0;
}
.pricing_style_insside1 .p_body img,
.pricing_style_insside2 .price img,
.pricing_style_insside3 .price img{
  margin: auto;
}
.pricing_style_insside1 .p_body h2,
.pricing_style_insside2 .price h2,
.pricing_style_insside3 .price h2{
  padding-top: 24px;
  padding-bottom: 24px;
  font-weight: 700;
  color: #222222;
  font-size: 30px;
}
.pricing_style_insside1 .p_body p:last-child,
.pricing_style_insside2 .p_body p:last-child,
.pricing_style_insside3 .p_body p:last-child{
  border-bottom: 0;
}
.pricing_style_insside1 .p_body p,
.pricing_style_insside2 .p_body p,
.pricing_style_insside3 .p_body p{
  padding-bottom: 8px;
  margin-bottom: 8px;
  font-weight: 400;
  color: #222222;
  font-size: 16px;
  width: 100%;
  border-bottom: 1px solid #d3d3d3;
}
.pricing_style_insside1 .p_body .btn,
.pricing_style_insside2 .p_body .btn,
.pricing_style_insside3 .p_body .btn{
  margin-top: 18px;
  padding: 8px 36px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  font-weight: 700;
  color: #222222;
  border:1px solid #222222;
  text-transform: capitalize;
  border-radius: 10px;
}
.pricing_style_insside1 .p_body .btn:after,
.pricing_style_insside2 .p_body .btn:after,
.pricing_style_insside3 .p_body .btn:after{
  content: '';
  width: 100%;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #002240;
  -webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  -ms-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;

}
.pricing_style_insside1 .p_body .btn:hover:after,
.pricing_style_insside2 .p_body .btn:hover:after,
.pricing_style_insside3 .p_body .btn:hover:after{
  height: 100%;
}
.pricing_style_insside1 .p_body .btn:hover,
.pricing_style_insside2 .p_body .btn:hover,
.pricing_style_insside3 .p_body .btn:hover{
  color: #fff;
}

/*style 02*/
.pricing_page_style2{
  width: 100%;
  padding: 100px 0;
  background-color: #fbfbfb;
}
.pricing_style_insside2 .price{
  width: 100%;
  text-align: center;
  margin: 26px 0;
  background-image: url(../img/price/price_s1.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  float: left;
}
.pricing_style_insside2.center .price{
  background-image: url(../img/price/price_s2.png);
}
.pricing_style_insside2.center .price h2{
  color: #fff;
}
.pricing_style_insside2{
  float: left;
}
.pricing_style_insside2 .p_head{
  border-radius: 0;
  float: left;
  background-color: #d3d3d3;
}
.pricing_style_insside2.center .p_head{
  background-color: #002240;
}
.pricing_style_insside2.center .p_head h4,
.pricing_style_insside2.center .p_head h6{
  color: #fff;
}
.pricing_style_insside2 .p_head h4,
.pricing_style_insside2 .p_head h6{
  color: #222222;
}
.pricing_style_insside2 .p_body{
  border-radius: 0;
  float: left;
  width: 100%;
}
.pricing_style_insside2.center .p_body .btn,
.pricing_style_insside3.center .p_body .btn{
  background-color: #002240;
  color: #fff;
}

/*style 03*/
.pricing_style_insside3 .p_head{
  background-color: #d3d3d3;
  background-image: url(../img/price/price_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100%;
}
.pricing_style_insside3.center .p_head{
  background-image: url(../img/price/price_bg2.png);
}
.pricing_style_insside3 .price{
  text-align: center;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background-color: #d3d3d3;
  margin: auto;
  margin-top: 32px;
}
.pricing_style_insside3.center .price{
  background-color: #002240;
}
.pricing_style_insside3.center .price h2{
  color: #fff;
}
.pricing_style_insside3 .p_head h4,
.pricing_style_insside3 .p_head h6{
  color: #222222;
}
.pricing_style_insside3.center .p_head{
  background-color: #002240;
}
.pricing_style_insside3.center .p_head h4,
.pricing_style_insside3.center .p_head h6{
  color: #fff;
}

/* -------------------------------- 


Close Prcing table  page style

-------------------------------- */



/* -------------------------------- 


Start Contact page style

-------------------------------- */

.contact_page_main_s{
  width: 100%;
  padding: 100px 0;
}

.contact_form_in_pg{
  width: 100%;
  margin-top: 40px;
}
.contact_form_in_pg form input,
.contact_form_in_pg form textarea{
  width: 100%;
  margin-bottom: 30px;
  padding-bottom: 10px;
  font-weight: 400;
  color: #222222;
  font-size: 14px;
  border:0;
  border-bottom: 1px solid #002240;
  outline: 0;
}
.contact_form_in_pg form .btn i{
  padding-left: 8px;
}
.contact_form_in_pg form .btn{
  cursor: pointer;
  background-color: transparent;
  opacity: 1;
  padding: 0;
  font-weight: 600;
  color: #222222;
  font-size: 20px;
  text-transform: capitalize;
}
.contact_form_in_pg .form-group{
  position: relative;
}
.contact_form_in_pg .help-block.with-errors{
  position: absolute;
  bottom: 5px;
  color: #f00; 
}

.map-style{
  width: 100%;
  height: 100%;
  margin-top: 40px;
}
.map-style iframe{
  width: 100%;
  height:400px;
}

.contact_page_detals{
  width: 100%;
  padding-top: 10px;
}
.single_details_cn{
  width: 100%;
  margin-top: 30px;
  background-color: #fbfbfb;
  text-align: center;
  padding: 16px;
  -webkit-box-shadow: 0px 0px 15px 4px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 0px 15px 4px rgba(0,0,0,0.15);
  box-shadow: 0px 0px 15px 4px rgba(0,0,0,0.15);
}
.single_details_cn .icon{
  display: inline-block;
  color: #fff;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  margin: auto;
  margin-bottom: 10px;
  background-color: #002240;
  font-size: 24px;
  line-height: 55px;
}
.single_details_cn p,
.single_details_cn a{
  display: inline-block;
  padding-top: 6px;
  font-weight: 400;
  color: #222222;
  font-size: 20px;
  width: 100%;
}

/* -------------------------------- 


Close Contact page style

-------------------------------- */




/* -------------------------------- 


Start 404 page style

-------------------------------- */


.error_page_main{
  width: 100%;
  background-color: #0C375A;
  background-image: url(../img/404/bg.png);
  background-repeat: no-repeat;
  background-size: 60%;
  background-position: bottom right;
}

.error_contrent_pg{
  padding-top: 180px;
  padding-bottom: 10px;
  text-align: center;

}
.error_contrent_pg h4{
  color: #fff;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.3em;
  padding: 30px 0;
}
.error_contrent_pg img{
  width: auto;
  margin: auto;
}
.error_contrent_pg .btn{
  padding: 10px 32px;
  background-color: #fbfbfb;
  color: #222222;
  font-weight: 700;
  font-size: 16px;
  border:0;
  outline: 0;
  border-radius: 10px;
}

/* -------------------------------- 


Close 404 page style

-------------------------------- */





/* -------------------------------- 

Start Coming soon page style

-------------------------------- */

.comming-soon-page{
  width: 100%;
  background-image: url(../img/coming-soon.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  position: relative;
  z-index: 1;
}
.comming-soon-page:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #002240;
  opacity: 0.8;
}
.comming-soon-page .container{
  height: 100%;
}
.comming-soon-page .page_inside_one  h2{
  color: #ffffff;
  font-weight: 600;
  font-size: 64px;
  padding-bottom: 20px;
  text-transform: uppercase;
  line-height: 1.2em;
}

/*comming soon*/
.page_inside_one .countdown{
  text-align: center;
  padding-top: 45px;
}
.page_inside_one .countdown>div{
  display: inline-block;
  border:1px solid #ffffff;
  margin: 0;
  padding:26px;
}
.page_inside_one .countdown .number{
  color: #ffffff;

  font-weight: 600;
  font-size: 60px;
  padding-bottom: 20px;
  padding-top: 20px;
}
.page_inside_one .countdown span{
  color: #ffffff;
  font-weight: 600;
  font-size: 24px;
  padding-top: 15px;
}

.comming-soon-page .counter-title p{
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  padding-top: 30px;
}
.comming-soon-page .coming-form {
  padding-top: 30px;
  text-align: center;
}
.comming-soon-page .coming-form h4,
.comming-soon-page .coming-follow h4{
  color: #ffffff;
  font-weight: 500;
  font-size: 22px;
  padding-bottom: 20px;
  text-transform: uppercase;
}
.comming-soon-page .coming-form form{
  position: relative;
}
.comming-soon-page .coming-form form input{
  width: 100%;
  outline: 0;
  background-color: #ffffff;
  border:0;
  padding: 8px 12px;
  color: #9b9b9b;
  font-size: 18px;
}
.comming-soon-page .coming-form form button{
  position: absolute;
  right: 1px;
  top: 2px;
  color: #fff;
  background-color: #002240;
  text-transform: uppercase;
  outline: 0;
}

.comming-soon-page .coming-follow{
  padding-top: 30px;
}
.comming-soon-page .coming-follow ul li{
  display: inline-block;
  padding:0 10px;

}
.comming-soon-page .coming-follow ul li a{
  color: #ffffff;
  font-size: 20px;
}



@media only screen and (max-width :480px) {
  .page_inside_one .follow_btn{
    padding-top: 40px;
  }
  .contact_right .contact_list li{
    width: 100%;
  }
  .page_inside_one .countdown>div{
    padding: 26px 0;
  }
}
@media only screen and (max-width : 767px) {
  .page_inside_one .countdown>div{
        margin:0;
        width:40%;
    }


  .comming-soon-page .page_inside_one h2{
    font-size: 48px;
  }

  .page_inside_one .countdown .number{
    font-size: 40px;
  }
  .page_inside_one .countdown span{
    font-size: 20px;
  }
  .comming-soon-page{
    height: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
  }

}





@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
 
  .comming-soon-page .page_inside_one h2{
    font-size: 48px;
   }
  .page_inside_one .countdown .number{
    font-size: 40px;
  }
  .page_inside_one .countdown span{
    font-size: 20px;
  }

}



/* -------------------------------- 

Close Coming soon page style

-------------------------------- */

.service_cat_sidebar ul li.active:after{
  opacity: 1;
}


.floating_button{
	position:fixed;
	z-index:99;
	bottom:15px;
	right:80px;
	width:auto;
  animation: blinker 1.5s linear infinite;
}
.float{
	color:#FFF;
	text-align:center;
}
@media(max-width:767px){
	.footers{
		padding-bottom:50px
	}
	.get_quote_addn{
		margin-bottom:80px!important;
	}
}
@media(max-width:435px){
	#newsdiv{
		padding-bottom:50px
	}
	#return-to-top{
		display:none!important;
	}
	.floating_button{
		right:5px;
	}
}

.nav-item:hover{
	border-bottom:3px solid #fdc800
}

.blinkingdivtop h3{
	animation: blinkerer 8s linear infinite;
}
/*.blinkingdivtop a h4{
	animation: blinkererd 8s linear infinite;
}*/
@keyframes blinkerer {
  0%{
	background:red;
  }
  25% {
    background:#32CD32;
  }
  50%{
	background:red;
  }
  75% {
    background:#32CD32;
  }
  100%{
	background:red;
  }
}
@keyframes blinkererd {
  0%{
	background:pink;
  }
  25%{
	  background:blue;
  }
  50%{
	  background:black;
  }
  75%{
	  background:green;
  }
  100% {
    background:red;
  }
}

.blinkblink{
	animation: blinkblink 2s linear infinite;
}
@keyframes blinkblink {
  50% {
    opacity: 0;
  }
}

html,body{
	overflow-x:auto!important;
}