.top-bar-area{

	background:#204F95;	

}



/**

 * Floating menu

 */



.wpb-fmc-floating-menu,

.wpb-fmc-floating-category {

	position: fixed;

	top: 40%;

	bottom: 0;

}

.wpb-fmc-floating-menu.wpb-fmc-floating-menu-right,

.wpb-fmc-floating-category.wpb-fmc-floating-category-right {

	right: 0;

}

.wpb-fmc-floating-menu.wpb-fmc-floating-menu-left,

.wpb-fmc-floating-category.wpb-fmc-floating-category-left {

	left: 0;

}

.wpb-fmc-floating-menu ul,

.wpb-fmc-floating-category ul {

	margin: 0!important;

	padding: 0!important;

}

.wpb-fmc-floating-menu ul li,

.wpb-fmc-floating-category ul li {

	list-style: none!important;

	margin: 0;

}

.wpb-fmc-floating-menu ul li a,

.wpb-fmc-floating-category ul li a {

	text-decoration: none;

}







/**

 * Default Skin

 */



.wpb-fmc-floating-menu-or-category-default ul li a {

	background: #ff1053;

	display: block;

	padding: 15px 25px;

	line-height: normal;

	border-bottom: 1px solid rgba(255,255,255,0.1);

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	-o-transition: all .2s ease-in-out;

	-ms-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out;

	font-size: 14px;

	font-weight: 600;

}

.wpb-fmc-floating-menu-or-category-default ul li > a:focus,

.wpb-fmc-floating-menu-or-category-default ul li > a:hover,

.wpb-fmc-floating-menu-or-category-default ul li > a:active,

.wpb-fmc-floating-menu-or-category-default ul li.current-cat > a,

.wpb-fmc-floating-menu-or-category-default ul li.current-menu-item > a {

	-moz-transform: scale(1.1);

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

	background:  #db0843;

	border-bottom: 0;

	opacity: 1;

}

.wpb-fmc-floating-menu-or-category-default ul li:last-child a {

	border-bottom: 0;

}

.wpb-fmc-floating-menu-or-category-default ul li a,

.wpb-fmc-floating-menu-or-category-default ul li a:focus,

.wpb-fmc-floating-menu-or-category-default ul li a:hover,

.wpb-fmc-floating-menu-or-category-default ul li a:visited,

.wpb-fmc-floating-menu-or-category-default ul li a:active,

.wpb-fmc-floating-menu-or-category-default ul li.current-cat > a,

.wpb-fmc-floating-menu-or-category-default ul li.current-menu-item > a {

	color: #fff;

}

.wpb-fmc-floating-menu-or-category-default ul li a i {

	display: inline-block;

}

.wpb-fmc-floating-menu-or-category-default .menu-item i._before, .rtl .wpb-fmc-floating-menu-or-category-default .menu-item i._after,

.wpb-fmc-floating-menu-or-category-default ul li a i {

	margin-right: 10px;

}





/**

 * Skin Floating Icons

 */



.wpb-fmc-floating-menu-or-category-floating_icons ul li > a {

	display: block;

	margin-left: -2px;

	margin-bottom: 8px;

	height: 60px;

	width: 60px;

	border-radius: 0 3px 3px 0;

	-webkit-transition: all .4s ease;

	transition: all .4s ease;

	color: #fff;

	text-decoration: none;

	line-height: 60px;

	position: relative;

	background:  #ff1053;

} 

.wpb-fmc-floating-menu-or-category-floating_icons ul li > a span {

	padding: 0 30px 0 15px;

    position: absolute;

    left: -120px;

    -webkit-transition: left .4s ease;

    transition: left .4s ease;

}

.wpb-fmc-floating-menu-or-category-floating_icons ul li > a i {

    position: absolute;

    top: 50%;

    right: 20px;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    font-size: 1.5em;

}

.wpb-fmc-floating-menu-or-category-floating_icons .menu-item i._mi {

	font-size: 1.5em;

	line-height: 1.5em;

	margin: 0;

}

.wpb-fmc-floating-menu-or-category-floating_icons ul li > a:hover {

    cursor: pointer;

    width: 180px;

    color: #fff;

    background:  #db0843;

}

.wpb-fmc-floating-menu-or-category-floating_icons ul li.current-cat > a,

.wpb-fmc-floating-menu-or-category-floating_icons ul li.current-menu-item > a  {

	background:  #db0843;

}

.wpb-fmc-floating-menu-or-category-floating_icons ul li > a:hover span {

    left: 0;

}



.wpb-fmc-floating-menu-or-category-floating_icons.wpb-fmc-floating-menu-right ul li > a,

.wpb-fmc-floating-menu-or-category-floating_icons.wpb-fmc-floating-category-right ul li > a {

	border-radius: 3px 0 0 3px;

	margin-left: auto;

	margin-right: -2px;

}

.wpb-fmc-floating-menu-or-category-floating_icons.wpb-fmc-floating-menu-right ul li > a span,

.wpb-fmc-floating-menu-or-category-floating_icons.wpb-fmc-floating-category-right ul li > a span {

	left: unset;

	right: -120px;

	-webkit-transition: right .4s ease;

    transition: right .4s ease;

    padding: 0 15px 0 30px;

}

.wpb-fmc-floating-menu-or-category-floating_icons.wpb-fmc-floating-menu-right ul li > a:hover span,

.wpb-fmc-floating-menu-or-category-floating_icons.wpb-fmc-floating-category-right ul li > a:hover span {

    left: unset;

    right: 0;

}

.wpb-fmc-floating-menu-or-category-floating_icons.wpb-fmc-floating-menu-right ul li > a i,

.wpb-fmc-floating-menu-or-category-floating_icons.wpb-fmc-floating-category-right ul li > a i {

    left: 20px;

    right: unset;

}



/**

 * RTL Support

 */



.rtl .wpb-fmc-floating-menu.wpb-fmc-floating-menu-left, 

.rtl .wpb-fmc-floating-category.wpb-fmc-floating-category-left {

	left: unset;

	right: 0;

}

.rtl .wpb-fmc-floating-menu.wpb-fmc-floating-menu-right,

.rtl .wpb-fmc-floating-category.wpb-fmc-floating-category-right {

	right: unset;

	left: 0;

}



.rtl .wpb-fmc-floating-menu-or-category-floating_icons.wpb-fmc-floating-menu-left ul li > a,

.rtl .wpb-fmc-floating-menu-or-category-floating_icons.wpb-fmc-floating-category-left ul li > a {

	border-radius: 3px 0 0 3px;

	margin-left: auto;

	margin-right: -2px;

}

.rtl .wpb-fmc-floating-menu-or-category-floating_icons.wpb-fmc-floating-menu-left ul li > a span,

.rtl .wpb-fmc-floating-menu-or-category-floating_icons.wpb-fmc-floating-category-left ul li > a span {

	left: unset;

	right: -120px;

	-webkit-transition: right .4s ease;

    transition: right .4s ease;

    padding: 0 15px 0 30px;

}

.rtl .wpb-fmc-floating-menu-or-category-floating_icons.wpb-fmc-floating-menu-left ul li > a:hover span,

.rtl .wpb-fmc-floating-menu-or-category-floating_icons.wpb-fmc-floating-category-left ul li > a:hover span {

    left: unset;

    right: 0;

}

.rtl .wpb-fmc-floating-menu-or-category-floating_icons.wpb-fmc-floating-menu-left ul li > a i,

.rtl .wpb-fmc-floating-menu-or-category-floating_icons.wpb-fmc-floating-category-left ul li > a i {

    left: 20px;

    right: unset;

}



.rtl .wpb-fmc-floating-menu-or-category-floating_icons.wpb-fmc-floating-menu-right ul li > a,

.rtl .wpb-fmc-floating-menu-or-category-floating_icons.wpb-fmc-floating-category-right ul li > a {

	border-radius: 0 3px 3px 0;

	margin-right: auto;

	margin-left: -2px;

}

.rtl .wpb-fmc-floating-menu-or-category-floating_icons.wpb-fmc-floating-menu-right ul li > a span,

.rtl .wpb-fmc-floating-menu-or-category-floating_icons.wpb-fmc-floating-category-right ul li > a span {

	right: unset;

	left: -120px;

	-webkit-transition: left .4s ease;

    transition: left .4s ease;

    padding: 0 30px 0 15px;

}

.rtl .wpb-fmc-floating-menu-or-category-floating_icons.wpb-fmc-floating-menu-right ul li > a:hover span,

.rtl .wpb-fmc-floating-menu-or-category-floating_icons.wpb-fmc-floating-category-right ul li > a:hover span {

    right: unset;

    left: 0;

}

.rtl .wpb-fmc-floating-menu-or-category-floating_icons.wpb-fmc-floating-menu-right ul li > a i,

.rtl .wpb-fmc-floating-menu-or-category-floating_icons.wpb-fmc-floating-category-right ul li > a i {

    right: 20px;

    left: unset;

}

.rtl .wpb-fmc-floating-menu-or-category-default .menu-item i._before, 

.rtl .wpb-fmc-floating-menu-or-category-default ul li a i {

	margin-right: 0;

	margin-left: 10px;

}

.g-recaptcha {

    width: 304px !important;

    max-width: 100% !important;

    overflow: visible !important;

}

.g-recaptcha,

.g-recaptcha iframe {

    z-index: 9999 !important;

	height:100% !important;

	margin-bottom:20px;

}

/**

 * Responsive

 */



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

	.wpb-fmc-floating-menu-or-category-disable-phone-on {

		display: none;

	}

}

wpb-fmc-floating-menu-or-category-default ul li a,

    .wpb-fmc-floating-menu-or-category-floating_icons ul li > a {

        background: #204f95;

    }

    .wpb-fmc-floating-menu-or-category-floating_icons ul li > a:hover,

    .wpb-fmc-floating-menu-or-category-default ul li > a:focus,

	.wpb-fmc-floating-menu-or-category-default ul li > a:hover,

	.wpb-fmc-floating-menu-or-category-default ul li > a:active,

    .wpb-fmc-floating-menu-or-category-floating_icons ul li.current-cat > a,

    .wpb-fmc-floating-menu-or-category-floating_icons ul li.current-menu-item > a {

        background: #204f95;

    }

.header-area .outer-box .logo {

    padding: 22px 0 !important;

}

.header-area .outer-box .logo {

  float: left;

  position: relative;

  transition: all 500ms ease 0s;

  padding: 20px !important;

  left: 0px;

}

 .main-menu {

    margin-left: 202px;

    margin-top: -35px;

    bottom:15px;

  }

.woocommerce-page .breadcrumb-area{ display:none !important;}

.fab.fa-tiktok{ background:none !important; margin-top:0px !important;}

.top-bar-area{text-transform: uppercase;}

.top-bar-area strong{ font-weight:normal;}

.top-bar-area i, .mya i, .slog i{

border: 1px solid #ccc;

  border-radius: 50%;

  padding: 4px;

  font-size: 10px !important;

  width:20px !important;

  height:20px !important;

  line-height: 1 !important;

}

.top-social-links{ margin-left:70px; margin-right:100px;}

.top-social-links ul li {

  display: inline-block;

  margin-left: 5px !important;

}

.bookcons{

   position: absolute;

  right: 65px;

  top: 25px !important;

}

.bookdemo{

   position: absolute;

  right: 260px;

  top: 25px !important;

}

.main-menu {

  float: left;

  position: relative;

  padding-left: 50px;

}

#mysticky-nav.up .main-menu {

    margin-top:0px;

}

.header-area .outer-box .cart-btn {

  top: -43px;

  display:inline-block !important;

}

.header-area.stricky-fixed .outer-box .cart-btn {

  top: -43px;

  display:inline-block !important;

}

.header-area .outer-box .cart-btn a .carticon{ color:#fff !important;

font-size: 14px;}

.mya{ position: absolute;right: 287px;top: -43px; display:none;}

.slog{ position: absolute;right: 112px;top: -43px;}

.mya a, .slog a{ color:#fff !important;font-size:14px;}



.fbox {

  padding: 20px;

 

  background: linear-gradient(#F9F9F9, #F9F9F9) 50% 50%/calc(100% - 6px) calc(100% - 6px) no-repeat, linear-gradient(#00000008 23%, #969090 100%);

  text-align: center;

  border-radius: 0px;

  position: relative;

  overflow: hidden;

  border: 2px solid #f9f9f9;

  box-shadow: 0px 5px 20px rgb(110 123 131 / 22%);

  margin: 0px;

}

.main-menu .navigation li a {

    padding: 44px 21px 0px 0;

  }

  

 .header-area.stricky-fixed .main-menu .navigation li a {

  padding: 30px 21px 0px 0;

}

.main-menu .navigation > li.dropdown > a::after{ right:23px;top: 5px;}



#menu-floating-menu span {

    font-size: 13px !important;

    background: #fff;

    color: #000;

    

    margin-left: 20px;

    padding-left: 5px;

}

#menu-floating-menu i.dashicons-phone{

transform: rotateY(180deg) !important;

margin-top:-10px;

}

.wpb-fmc-floating-menu, .wpb-fmc-floating-category {

  position: fixed;

  top: 30%;

  bottom: 0;

  z-index:999999;

}

.wpb-fmc-floating-menu-or-category-floating_icons ul li > a {

  display: block;

  margin-left: -2px;

  margin-bottom: 1px;

  border:1px solid #204F95 !important;

  line-height:58px;

}



.wpb-fmc-floating-menu-or-category-floating_icons.wpb-fmc-floating-menu-right ul li > a span, .wpb-fmc-floating-menu-or-category-floating_icons.wpb-fmc-floating-category-right ul li > a span {

  

  right: -250px;

  left: 40px !important;

  

}

.single-footer-widget .footer-contact-info li .icon-holder 

span:before{ color :#fff !important;}

.single-footer-widget .footer-contact-info li .text-holder{ font-size: 14px !important;}

.mo_hide{ display:inline-block;}

.de_hide{ display:none;}

.woocommerce form .form-row .input-checkbox {

  display: inline;

  margin: 7px -16px !important;

  text-align: center;

  vertical-align: middle;

}



.fa-handshake::before {

     font-family: 'Font Awesome 5 Free' !important;

     content: "\f2b5" !important;

}



.wpb-fmc-floating-menu-or-category-floating_icons ul li > a:hover {

    cursor: pointer;

    width: 220px !important;

    color: #fff;

   

}





.wpb-fmc-floating-menu-or-category-floating_icons .menu-item i._mi {

    font-size: 1.2em;

    line-height: 1.2em;

    margin: 0;

}



.bookcons.custombutton, .bookdemo.custombutton{

    font-size:14px !important;

    background-color: #d5ac63;

    font-weight: 600;

    border-radius: 5px 5px 5px 5px;

    padding: 10px ;

    color:#fff;



}





.kc_button_custom{transition: background-color .3s ease 0s, color .3s ease 0s, border-radius .3s ease 0s;

    white-space: nowrap;

    text-decoration: none;

    font-size: 14px;

   color:#fff;}

   

  .custombutton:hover {

    color: #184f95;

    background-color: #ffffff;

    border: 1px solid #184f95;

}



.removeicon{color:#d5ac63;  font-size:1.5em;}

.removeicon:hover{color: #000000;}

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

.bookcons {

  position: absolute;

  right: 1%;

  top: 105px !important;

}  

.main-menu {

 

  padding-left: 0px;

}

.top-social-links {

 /* margin-left: -30px;*/

  display:none !important;

}

.header-area .outer-box .cart-btn a .carticon {

  color: #d5ac63 !important;

}

.contact-info-right.pull-right1 {

    display: none;

}

.header-area.stricky-fixed .outer-box .cart-btn {

  top:114px;

  display:inline-block !important;

  

}

.header-area .outer-box .cart-btn {

    top: 112px;

    left: 75px !important;

    z-index: 6;

  }

.contact-info-left.clearfix1 {

    display:none;

}

 .top-bar-area .contact-info-right {

    text-align: left !important;

    margin-left: 25px !important;

  }

.mya {

  position: absolute;

  right: 70px;

  top: -42px;

  

}

.mya a{

    font-size:12px;

}

.top-bar-area .contact-info-left{

    padding-bottom:0px !important;

}



.top-bar-area .contact-info-left ul li{

      font-size:11px;

 

}

.woocommerce div.product .product_title, .woocommerce div.product h1{

    font-size:17px !important;

}

.single-footer-widget .footer-contact-info li .text-holder{ font-size: 12px !important;}



.social-menu-footer ul li .fab {

  font-size: 16px !important;

  line-height: 40px !important;

  transition: .3s;

  color: #ffffff;

}

.social-menu-footer ul li a {

  width: 40px !important;

  height: 40px !important;

}

.single-footer-widget .footer-contact-info li .icon-holder span::before {

  color: #d5ac63;

  font-size: 14px !important;

}

.mo_hide{ display:none;}

.de_hide{ display:block;}

 .wpb-fmc-floating-menu-or-category-floating_icons.wpb-fmc-floating-menu-right ul li > a i{left: 12px;  }

 .wpb-fmc-floating-menu-or-category-floating_icons .menu-item i._mi{

     font-size: 16px !important;

 }

 .wpb-fmc-floating-menu-or-category-floating_icons ul li > a{

     height: 40px;

     width: 40px;

     line-height: 38px;

 }

 .wpb-fmc-floating-menu{ top:40%;}

 .blockUI {

     width: 90% !important;

     left:5% !important;

 }

 

 .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {

  position: absolute;

  right: 10px;

  top: 6px;

  width: 34px;

  height: 30px;

  border: none;

  background: transparent;

    background-size: auto;

  background-size: 20px;

  cursor: pointer;

  z-index: 5;

  display: none;

  border-radius: 3px;

  -webkit-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

  -moz-border-radius: 3px;

}

 .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn::after {

  font-family: 'FontAwesome';

  content: "\f107";

  position: absolute;

  color:#fff !important;

  right: 23px;

  font-size: 14px;

  transition: all 500ms ease 0s;

}

}



@media (min-width: 992px){

.col-md-7 {

    width: 35% !important;

}



.main-menu .navigation li a {

 padding: 5px 21px 0px 0;

}

}



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

.contact-info-left.clearfix1 {

    margin-left:229px !important ;

}

.contact-info-right.pull-right1 {

    margin-left: -404px;

}

}



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

body.kc-css-system .kc-css-963201 {

    margin-left: 181px !important;

} 

body.kc-css-system .kc-css-818481 {

    margin: 0px 50px 0px -50px !important;

}

body.kc-css-system .kc-css-885471 {

    margin: 0px 22px 0px 0px !important;

}

}

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

  .main-menu .navbar-header .navbar-toggle {

      float:left !important;      

  }

  .main-menu {

  margin-left: 0px;

  margin-top: 0px;

  }

  .top-bar-area .contact-info-right .phnumber{

    position: absolute;

    top: -39px;

    left: 50px;

  }

   .top-bar-area .contact-info-left {

       display:inline-block;       

   }

   .top-bar-area .contact-info-right{       

       min-height:0px !important;

   }

   .mya {

    position: absolute;

    right: 70px;

    top: -45px;

  }

  

   .header-area .outer-box .cart-btn a .carticon {

    color: #fff !important;

    border: 1px solid #fff;

    padding: 4px;

    border-radius: 50%;

    font-size: 10px;

   }

   .header-area .outer-box .cart-btn {

    top: -46px !important;

    left: auto !important;

    z-index: 6;

    position: absolute;

    right: 32px !important;

  }

  .bookdemo {

  position: absolute;

  right: 170px;

  top: 93px !important;

}

 .bookcons {

    position: absolute;

    right: 0%;

    top: 93px !important;

  }

  .bookcons.custombutton, .bookdemo.custombutton {

  font-size: 11px !important;

  background-color: #d5ac63;

  font-weight: 600;

  border-radius: 5px 5px 5px 5px;

  padding: 5px !important;

  color: #fff;

  z-index:9999;

}



  .slog {

  position: absolute;

  right: 80px;

  top: -46px;

}

}





@media only screen and (min-width: 280px) and (max-width: 350px){

.main-menu {margin-left: 0px;margin-top: 50px;margin-bottom: -30px;}

}

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

.main-menu {margin-left: -18px; margin-top: -20px;}

.top-bar-area .contact-info-right {position: relative !important;float: right !important;width: 70% !important;margin-left: 110px!important;top: -48px;}

.top-bar-area .contact-info-left {width: 54%;padding-bottom: 10px;margin-left: -10px;}

.top-bar-area .contact-info-right .phnumber {position: relative;margin-left: 181px;}

.top-social-links {margin-left: -3px; margin-right:-421px;margin-top: -29px; position: static;}

.slog {right: 155px; top: -43px;}

.header-area .outer-box .cart-btn {right: 120px !important;top: -41px;}

.bookcons {right: 115px;}

.bookdemo {right: 325px;}

}





@media screen and (min-width: 992px) and (max-width: 1199px) {

.main-menu {margin-left: -275px; margin-top: -25px}

.header-area .outer-box .logo {text-align: left !important;}

.top-bar-area .contact-info-right {position: relative !important;float: left !important;width: 100% !important;margin-left: -130px!important;top: -0px;}

.top-bar-area .contact-info-left {width: 126%;padding-bottom: 10px;margin-left: -10px;}

.top-bar-area .contact-info-right .phnumber {position: relative;margin-left: 181px;}

.top-social-links {margin-left: -3px; margin-right:-421px;margin-top: -29px; position: static;}

.slog {right: 52px; top: -43px;}

.header-area .outer-box .cart-btn {right: 17px !important;top: -41px;}

.bookcons {right: 15px;}

.bookdemo {right: 230px;}

}



@media screen and (min-width: 1200px) and (max-width: 1380px){

.main-menu {margin-left: 175px;}

.header-area .outer-box .logo {text-align: left;}

}



@media screen and (min-width: 1381px) and (max-width: 1500px){

.main-menu {margin-left: 254px;}

.header-area .outer-box .logo {text-align: left;}

}



@media screen and (min-width: 1501px) and (max-width: 1700px){

.main-menu {margin-left: 395px;}

.header-area .outer-box .logo {text-align: left;}

}



@media screen and (min-width: 1750px) {

.main-menu {margin-left: 450px;}

}



@media screen and (min-width: 1800px) and (max-width: 2050px) {

.header-area .outer-box .cart-btn {right: 325px;width: 30px;}

.slog {right: 365px !important;}

.header-area .outer-box .logo {left: 270px;}

.bookdemo {right: 455px;}

.bookcons {right: 260px;}

.main-menu {margin-left: 524px; top: -10px;}

}



#mysticky-nav { width:100%; position: static; height: auto !important; }#mysticky-nav.wrapfixed { position:fixed; left: 0px; margin-top:0px;  z-index: 99990; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1; background-color: #f7f7f7; padding: 7px;}#mysticky-nav.wrapfixed .myfixed{ background-color: #f7f7f7; position: relative;top: auto;left: auto;right: auto;}#mysticky-nav.wrapfixed ul li.menu-item a { color: #2b2b2b;}#mysticky-nav .myfixed { margin:0 auto; float:none; border:0px; background:none; max-width:100%; }

.footer-area {

    background: #204f95 none repeat scroll 0 0 !important;

    padding-bottom: 75px;

    padding-top: 80px;

}

.footer-bottom-area {

  background: #143464 none repeat scroll 0 0 !important;

  padding-bottom: 23px;

  padding-top: 18px;

 

}

@media (min-width: 992px) {

   .wrapfixed .main-menu .navigation li a {

        padding: 33px 21px 0px 0;

    }

	.wrapfixed .main-menu .navigation > li.dropdown > a::after {

    right: 7px;

    top: 33px;

    }

}

.container-fluid{ max-width:100%;}

.single-footer-widget .footer-contact-info li .text-holder p {

  margin: 0;

  color: #fff;

}

.social-menu-footer {

    margin-top: 230px;

}



.fab.fa-tiktok {

    background: url(https://profitoutdoorliving.com/wp-content/uploads/2023/05/tiktok-white-big.svg) no-repeat;

    width: 30px;

    height: 30px;

	  margin-top: 15px;

    margin-left: 7px;

}



.social-menu-footer ul{

    position: absolute;

    top: 50%;

    left: 45%;

    padding: 0;

    margin: 0;

    transform: translate(-50%, -50%);

    display: flex;

}



.social-menu-footer ul li{

    list-style: none;

    margin: 0 15px;

}



.social-menu-footer ul li .fab{

    font-size: 30px;

    line-height: 60px;

    transition: .3s;

    color: #ffffff;

}



.social-menu-footer ul li .fab:hover{

    color: #fff !important;

}



.fab.fa-tiktok:hover {

    background: url(https://profitoutdoorliving.com/wp-content/uploads/2023/05/tiktok-white-big.svg) no-repeat;

}





.social-menu-footer ul li a{

    position: relative;

    display: block;

    width: 60px;

    height: 60px;

    border-radius: 50%;

 /*   background-color: #fff;*/

    text-align: center;

    transition: .6s;

    box-shadow: 0 5px 4px rgba(0,0,0,.5);

}



.social-menu-footer ul li a:hover{

    transform: translate(0, -10%);

}



.social-menu-footer ul li a:hover{

   /* background-color: rgba(0, 0, 0, 0.829);*/

}



/*Footer Social End*/



/*Media Query start*/

 

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

span.applybut {

    margin: 15px 67px 0 0;

    font-size: 15px;

}

}





@media only screen and (max-width: 667px) and (min-width: 320px) {



span.applybut {

    margin: 15px 130px 0 0;

    font-size: 17px;

}

	.breadcrumb-area {

    margin-bottom:-410px;

   

}





}



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



span.applybut {

    margin: 25px 290px 0 0;

    font-size: 17px;

}

	

	/*img.imgresponsive {

    margin-left: 55px;*/

	

		.breadcrumb-area {

    margin-bottom:-240px;

   

}

	



}





@media only screen and (max-width: 996px) and (min-width: 769px){



span.applybut {

    margin: 15px 380px 0 0;

    font-size: 17px;

}

	

/*	img.imgresponsive {

    margin-left: 55px;

}*/

		.breadcrumb-area {

    margin-bottom:-200px;

   

}

}





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



span.applybut {

    margin: 15px 440px 0 0;

    font-size: 17px;

}

	

	img.imgresponsive {

    margin-left: 55px;

}

	.breadcrumb-area {

    background-size: contain;

	background-repeat:no-repeat;

   

}

	

}



@media only screen and (max-width: 1768px) and (min-width: 320px){



.breadcrumb-area {

    background-size: contain;

	background-repeat:no-repeat;

   

}

}

.footer-widget h3{

	margin-bottom:30px;

}

.footer-column ul li a{

	padding:0px 0 10px;

}

.footer-column ul li a,.footer-column ul li,.footer-widget .textwidget p{

	color:#ffffff;

}

.footer-widget a{

	color:#fafafa;

}

.footer-widget select{

	width:100%;

	padding:6px;

	color:#222;

}

.footer-widget #wp-calendar caption{

	padding:0px;

	margin:0px 0 15px;

	font-size:14px;

	color:#ffffff;

}

.footer-widget #wp-calendar thead th{

	border:1px solid #fafafa;

	border-bottom:none;

	text-align:center;

	padding:0px;

	line-height:30px;

}

.footer-widget #wp-calendar tbody .pad{

	background:#fafafa;

}

.footer-widget .tagcloud a{

	color:#252525;

}



.footer-widget  a:hover{

	border-bottom:1px solid #fff;

}

.blog-with-sidebar-area .blog-post .single-blog-item .text-holder{

	margin-top:-8px;

}

.blog-single-area .add-comment-box .title{

	padding-bottom:0px;

}

.thm-unit-test .comment-area .int-comment-item .default-form{

	margin-bottom:60px;

}

.thm-unit-test .comment-area .int-comment-item .default-form .title{

	padding-bottom:0px;

}

.thm-unit-test .comment-area .int-comment-item .default-form h2{

	margin:0px;

}

.welcome-area {

  padding-bottom: 140px;

  padding-top: 25px;

}



@font-face {

  font-family: 'gothambook';

  src: url('fonts/custom-font/gothambook-webfont.woff2') format('woff2'),

         url('fonts/custom-font/gothambook-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

h3.ourproship {

    font-size: 13px;

    font-weight: 500;

    text-align: center;

    text-transform: uppercase;

}



h2.soow {

    text-align: center;

    color: #204f95;

}



body {

  font-family: gothambook !important;

  color: #333;

  font-size: 18px;

}

.themebtn{background-color: #d5ac63;

  font-size: 18px;

  font-weight: 600;

  border-radius: 5px 5px 5px 5px;

  padding: 10px 25px 10px 25px; color:#fff; cursor:pointer;}

.themebtn:hover{ border-color:#1D4E8E;

  border-style:solid;background-color: #fff; color:#204F95;} 

.sec-title h2 {

   

    text-transform: none;

    margin: 20px 0px;

}   

.text-center{ text-align:center;}

.comparison-title {

  text-align: center;

  font-size: 20px;

  font-weight: 400;

   margin-top: 15px;

  margin-bottom: 15px;

}



/* Comparison Container */

.comparison-container {

  position: relative;

  overflow: hidden;

  width: 100%;

  height: 270px;

  cursor: pointer;

}



/* Images */

.comparison-container img {

  max-width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  display: block;

}



.before-img {

  z-index: 2;

  clip: rect(0, 50%, 100%, 0);

}



.after-img {

  z-index: 1;

}



/* Overlay Labels */

.comparison-overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  transition: background 0.3s ease;

  background: rgba(0, 0, 0, 0);

  z-index: 3;

}



.before-label,

.after-label {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  color: #fff;

  background: rgba(255, 255, 255, 0.2);

  padding: 6px 15px;

  border-radius: 3px;

  opacity: 0;

  transition: opacity 0.3s ease;

  font-size: 13px;

  font-weight: 500;

  letter-spacing: 0.1em;

}



.before-label {

  left: 10px;

}



.after-label {

  right: 10px;

}



/* Hover effect */

.comparison-overlay:hover {

  background: rgba(0, 0, 0, 0.5);

}



.comparison-overlay:hover .before-label,

.comparison-overlay:hover .after-label {

  opacity: 1;

}



/* Handle */

.comparison-handle {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  height: 38px;

  width: 38px;

  border-radius: 50%;

  border: 3px solid #fff;

  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);

  background: transparent;

  z-index: 4;

}



.left-arrow,

.right-arrow {

  position: absolute;

  top: 50%;

  margin-top: -3px;

  width: 0;

  height: 0;

  border: 6px inset transparent;

}



.left-arrow {

  border-right: 6px solid #fff;

  left: 0px;

}



.right-arrow {

  border-left: 6px solid #fff;

  right: 0px;

}

.before-img { width:100%; height:100%; overflow:hidden; }

.after-img { width:100%; }



.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {

  content: " ";

  display: block;

  background: white;

  position: absolute;

  z-index: 30;

  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);

  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);

  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }



.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {

  width: 3px;

  height: 9999px;

  left: 50%;

  margin-left: -1.5px; }



.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {

  width: 9999px;

  height: 3px;

  top: 50%;

  margin-top: -1.5px; }



.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {

  position: absolute;

  top: 0;

  width: 100%;

  height: 100%; }



.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {

  -webkit-transition-duration: 0.5s;

  -moz-transition-duration: 0.5s;

  transition-duration: 0.5s; }



.twentytwenty-before-label, .twentytwenty-after-label {

  -webkit-transition-property: opacity;

  -moz-transition-property: opacity;

  transition-property: opacity; }



.twentytwenty-before-label:before, .twentytwenty-after-label:before {

  color: white;

  font-size: 13px;

  letter-spacing: 0.1em; }



.twentytwenty-before-label:before, .twentytwenty-after-label:before {

  position: absolute;

  background: rgba(255, 255, 255, 0.2);

  line-height: 38px;

  padding: 0 20px;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px; }



.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {

  top: 50%;

  margin-top: -19px; }



.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {

  left: 50%;

  margin-left: -45px;

  text-align: center;

  width: 90px; }



.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {

  width: 0;

  height: 0;

  border: 6px inset transparent;

  position: absolute; }



.twentytwenty-left-arrow, .twentytwenty-right-arrow {

  top: 50%;

  margin-top: -6px; }



.twentytwenty-up-arrow, .twentytwenty-down-arrow {

  left: 50%;

  margin-left: -6px; }



.twentytwenty-container {

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  z-index: 0;

  overflow: hidden;

  position: relative;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none; }

  .twentytwenty-container img {

    max-width: 100%;

    position: absolute;

    top: 0;

    display: block; }

  .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {

    background: rgba(0, 0, 0, 0); }

    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,

    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,

    .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {

      opacity: 0; }

  .twentytwenty-container * {

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box; }



.twentytwenty-before-label {

  opacity: 0; }

  .twentytwenty-before-label:before {

    content: attr(data-content); }



.twentytwenty-after-label {

  opacity: 0; }

  .twentytwenty-after-label:before {

    content: attr(data-content); }



.twentytwenty-horizontal .twentytwenty-before-label:before {

  left: 10px; }



.twentytwenty-horizontal .twentytwenty-after-label:before {

  right: 10px; }



.twentytwenty-vertical .twentytwenty-before-label:before {

  top: 10px; }



.twentytwenty-vertical .twentytwenty-after-label:before {

  bottom: 10px; }



.twentytwenty-overlay {

  -webkit-transition-property: background;

  -moz-transition-property: background;

  transition-property: background;

  background: rgba(0, 0, 0, 0);

  z-index: 25; }

  .twentytwenty-overlay:hover {

    background: rgba(0, 0, 0, 0.5); }

    .twentytwenty-overlay:hover .twentytwenty-after-label {

      opacity: 1; }

    .twentytwenty-overlay:hover .twentytwenty-before-label {

      opacity: 1; }



.twentytwenty-before {

  z-index: 20; }



.twentytwenty-after {

  z-index: 10; }



.twentytwenty-handle {

  height: 38px;

  width: 38px;

  position: absolute;

  left: 50%;

  top: 50%;

  margin-left: -22px;

  margin-top: -22px;

  border: 3px solid white;

  -webkit-border-radius: 1000px;

  -moz-border-radius: 1000px;

  border-radius: 1000px;

  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);

  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);

  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);

  z-index: 40;

  cursor: pointer; }



.twentytwenty-horizontal .twentytwenty-handle:before {

  bottom: 50%;

  margin-bottom: 22px;

  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);

  -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);

  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-horizontal .twentytwenty-handle:after {

  top: 50%;

  margin-top: 22px;

  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);

  -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);

  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }



.twentytwenty-vertical .twentytwenty-handle:before {

  left: 50%;

  margin-left: 22px;

  -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);

  -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);

  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-vertical .twentytwenty-handle:after {

  right: 50%;

  margin-right: 22px;

  -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);

  -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);

  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }



.twentytwenty-left-arrow {

  border-right: 6px solid white;

  left: 50%;

  margin-left: -17px; }



.twentytwenty-right-arrow {

  border-left: 6px solid white;

  right: 50%;

  margin-right: -17px; }



.twentytwenty-up-arrow {

  border-bottom: 6px solid white;

  top: 50%;

  margin-top: -17px; }



.twentytwenty-down-arrow {

  border-top: 6px solid white;

  bottom: 50%;

  margin-bottom: -17px; }

  

  .steps-section img {

  width: 100%;

  margin-bottom: 20px;

  

  transition: all 0.5s ease;

  filter: grayscale(0%);

}



.steps-section img:hover {

  filter: grayscale(100%);

  /*transform: scale(1.02);*/

}

.video-section iframe{

  border-radius: 45px;

}

.imagewhyus-container{ position:relative;margin-bottom: 30px;}

.overlaywhyus {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.3);

  color: #fff;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  text-align: center;

  transition: opacity 0.3s ease;

}

.text-white{ color:#fff;}

.header-area.fix{

  position: fixed;

  top: 0;

  left: 0;

  width: 100%; 

  z-index: 9999;

  background: #FFFFFF;

  animation-name: menu_sticky;

  animation-duration: 0.60s;

  animation-timing-function: ease-out;

  -webkit-box-shadow: 0px 13px 30px -12px rgba(0,0,0,0.75);

  -moz-box-shadow: 0px 13px 30px -12px rgba(0,0,0,0.75);

  box-shadow: 0px 13px 30px -12px rgba(0,0,0,0.75);

}

.promotion-section h2{

color: #204f95;

  font-size: 30px;

  font-weight: 700;

  padding-bottom:20px;

  padding-top:30px;

}

ul.promotionul {

  list-style: disc !important;

  padding-bottom:10px;

  font-size:22px;

}

ul.promotionul li {

  margin: 0 0 10px 20px;

  list-style: disc !important;

}

.slogan-area::before {

  background: rgba(0, 0, 0, 0.44) none repeat scroll 0 0;

}

.slogan-area p.line1{font-size: 39px; color:#fff; line-height:55px;}

.slogan-area p.line2{font-size: 55px;color:#fff;}

.slogan-area .slogan{ padding:0px;}

.trades-area p.line1{font-size: 37px; color:#fff; line-height:50px;font-weight:bold;}

.trades-area p.line2{font-size: 28px;color:#fff; margin-bottom:30px;}

.trades-area{

  background: linear-gradient(rgba(0, 0, 0, 0.53), rgba(0, 0, 0, 0.53)), transparent;

  background-attachment: scroll;

  background-position: center top;

  background-repeat: no-repeat;

  background-size: cover;

  padding-bottom: 68px;

  padding-top: 66px;

  position: relative;

  z-index: 1;

}

.trades-area::before {

  background: rgba(0, 0, 0, 0.39) none repeat scroll 0 0;

  content: "";

  height: 100%;

  left: 0;

  position: absolute;

  top: 0;

  width: 100%;

  z-index: -1;

}

.brand-area {

  background: #fff;

}

.brand-area .brand .single-item{ border:none;}

.brand-area .brand .single-item:hover{

  border: none;

  background: transparent;

}

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

	.slogan-area p.line1{font-size: 22px;}

.slogan-area p.line2{font-size: 24px; }

}

#ajax_load{ display:none;}

label.error{ color:#c00;}

input.error, select.error, textarea.error{ border:1px solid #c00;}

#successs, #tanc {

	width:100%;

	position:fixed;

	height:100%;

	z-index:99999;

	color:red;

	top:0;

	left:0;

	background:rgba(0, 0, 0, 0.8);

}

.customalert {

	padding:30px;

	outline:10px solid transparent;

	max-width:500px;

	margin:10% auto;

	font-size:26px;

	display:table;

}

.customalert-success {

	color:#fff;

	background-color:#34096d;

	outline-color:rgba(36, 4, 96, 0.5);

	border:5px dashed rgba(255, 255, 255, 0.2);

	font-size:30px;

	text-align:center;

}

.customalert-tanc {

	color:#fff;

	background-color:#34096d;

	outline-color:rgba(36, 4, 96, 0.5);

	border:5px dashed rgba(255, 255, 255, 0.2);

	font-size:16px;

	line-height:1.6em;

	text-align:left;

}

.customclose {

	font-size:36px;

	color:#fff;

	border:none;

	background-color:#34096d;

	position:absolute;

	right:0;

	top:-0px;

}

.ale-success {

	color:#111;

	background-color:#fff;

	outline-color:rgba(132, 130, 130, 0.17);

	border:2px dashed rgba(255, 154, 209, 0.54);

	font-size:15px;

	text-align:center;

}

.cclose {

font-size: 20px;

color: #777;

border: none;

background-color: #fff;

position: absolute;

right: 5px;

top: 3px;

border-radius: 50%;

width: 30px;

height: 30px;

text-align: center;

}















.kc-elm.kc-css-350898.kc_text_block {

    padding-right: 10%;

    padding-left: 8%;

}

.kc-elm.kc-css-836517.kc-title-wrap{

    

    text-transform: uppercase;

    text-align: center;

}

.kc_title {

    margin-top: 20px;

    margin-bottom: 10px;

    color: #204f95;

    font-family: gothambook !important;

    font-weight: 500;

    line-height: 1.1;

	text-align:center;

}



.kc-call-to-action {

    background: #fafafa;

    padding: 30px 50px;

    text-align: center;

    width: 100%;

}



.kc-cta-button{

	position: relative;

    margin-top: 20px;

}





.kc-cta-button a{

	color: #ffffff;

    background-color: #204f95;

    padding: 10px 25px;

    text-transform: uppercase;

	

}

.swiper-horizontal .swiper-button-prev, .swiper-horizontal~.swiper-button-prev, .swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl~.swiper-button-next {

    left: 100px !important;

    right: auto !important;

}

.swiper-horizontal .swiper-button-next, .swiper-horizontal~.swiper-button-next, .swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl~.swiper-button-prev {

    right: 100px !important;

    left: auto !important;

}

.swiper-pagination-bullet-active{ background:#000 !important;}



.kc_single_image {

    max-width: 100%;

    width: 100%;

    line-height: 0;

}



.kc-css-system .kc-css-164938 {

        width: 16.66%;

    }

 .wrapfixed .main-menu .navigation li ul li a {

    padding: 22px 17px 20px 10px;

  }	

 iframe{ display:block; padding-top:20px; padding-bottom:20px;}

  .desc-content-box ul{ padding-left:20px;}

 .desc-content-box ul li { list-style:disc;}

 .mb-2{ margin-bottom:20px;}

 .services-category a {

    background: #ffffff none repeat scroll 0 0;

    border-bottom: 4px solid #f2f3f4;

    color: #330445;

    display: block;

    padding: 15px;

    transition: .4s;

    font-size: 16px;

}

.services-category a.active {

    background: #D5AC63 none repeat scroll 0 0;

    border-bottom: 4px solid #f2f3f4;

    color: #fff;

    display: block;

    padding: 15px;

    transition: .4s;

    font-size: 16px;

}

.single-input{ margin-bottom:10px;}

.select-pay-method {

    background: #204f95 none repeat scroll 0 0;

    color: #fff;

    padding: 40px 20px;

}

.type-select {

    float: left;

    margin-right: 20px;

    text-align: center;

    width: 50px;

}

.bank-condition {

    padding-left: 70px;

}

.single-method {

    overflow: hidden;

    padding-bottom: 15px;

}

.total-hisab{ margin-bottom:20px;}

.all-payment-method{ margin-bottom:20px;}

.basick-hisab span, .total-hisab span{ float:right;}

.brand-area .brand .single-item{ height:auto;}



/*How it Works Start*/

img.black-white:hover {

    filter: grayscale(1);

}



.wik {

    margin-top: 50px;

	padding: 0 20px;

}



.wik h3 {

    font-size: 20px;

    font-weight: 600;

	padding-bottom:10px;

    text-align: center;

    font-family: "Montserrat", sans-serif;

}



.wik h4 {

    font-size: 16px;

    font-weight: 600;

		padding-bottom:20px;

    text-align: center;

   font-family: montserrat;

}



.wik p {

    font-size: 15px !important;

    text-align: justify;

}



.arrow-bottom:after {

    top: 100%;

    left: 50%;

    border: solid transparent;

    content: "";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: rgba(245, 245, 245, 0);

    border-top-color: #ffffff;

    border-width: 15px;

    margin-left: -15px;

    z-index: 9;

}



.arrow-top:after {

    top: -73px;

    left: 50%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: rgba(245, 245, 245, 0);

    border-bottom-color: #ffffff;

    border-width: 15px;

    margin-left: -15px;

    z-index: 9;

}

.arrow-down:before {

    top: 204px;

    left: -6%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: rgba(245, 245, 245, 0);

    border-bottom-color: #ffffff;

    border-width: 15px;

    margin-left: -15px;

    z-index: 9;

    transform: rotateZ(-90deg);

}

.arrow-down:after {

    top: 204px;

    right: -6.5%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: rgba(245, 245, 245, 0);

    border-bottom-color: #ffffff;

    border-width: 15px;

    margin-left: -15px;

    z-index: 9;

    transform: rotateZ(90deg);

}

.pricing .box h4 {

    font-size: 42px;

    color: #204F95;

    font-weight: 500;

    font-family: 'Montserrat';

    margin-bottom: 20px;

}

::placeholder {

    color: #1f4d92 !important;

    opacity: 1; /* Firefox needs this */

}

/* Chrome, Safari, Edge */

::-webkit-input-placeholder {

    color: #1f4d92 !important;

}



/* Firefox */

::-moz-placeholder {

    color: #1f4d92 !important;

    opacity: 1;

}



/* Internet Explorer 10–11 */

:-ms-input-placeholder {

    color: #1f4d92 !important;

}



/* Microsoft Edge (old) */

::-ms-input-placeholder {

    color: #1f4d92 !important;

}

#all-simplefilter {

    display: inline;

    padding-left: 0px !important;

}

ul.simplefilter {

    margin-left: 0 !important;

}

.simplefilter li{

 color: #fff !important;	

}

.simplefilter li.active {

    background-color: #d5ac63 !important;

}

.simplefilter li {

    font-weight: 400;

}

.latest-project-area .project-filter li {

    display: inline-block;

    float: left;

    margin: 5px;

	color: #fff !important;	

}



.latest-project-area .project-filter li span {

	color: #fff !important;	

}

.latest-project-area .project-filter li span::after {

    color: #eaeaea;

    content: "";

    display: inline-block;

    margin: 0;

}

.simplefilter li, .sortandshuffle li {

    cursor: pointer;

    display: inline-block;

    text-transform: capitalize;

    padding: 4px 30px;

    transition: background .3s linear, color .3s linear, border .3s linear, opacity .3s linear;

}

.simplefilter li {

    background-color: #818080 !important;

    color: #ffffff !important;

}

.getquotefrm .themebtn{ background:#fff; color:#204F95; }

 /* Media query for smaller screens */

    @media (max-width: 767px) {

.arrow-bottom:after {

    top: -11%;

    left: 50%;

    transform: rotateZ(180deg);

    }

.arrow-down:after {

    top: -30px;

    right: 46%;

    transform: rotateZ(0deg);

}

.wik {

    margin-top: 50px;

    padding: 0 25px 10px;

}

}



 /* Media query for smaller screens */

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

.black-white {

	width: 100%;

    max-width: 100%;

    height: 240px;

}

.wik {

    margin-top: 20px;

    padding: 0 20px;

}

		.wik h3 {

    font-size: 18px;

    font-weight: 600;

    text-align: center;

    margin: 0px !important;

    padding: 0;

}

		.wik h4 {

    font-size: 15px;

    font-weight: 600;

    text-align: center;

    padding: 0px !important;

    margin: 5px 0 !important;

}

		.wik p {

    font-size: 14px;

    text-align: center;

    line-height: 21px;

}



		

    }

   

    @media (min-width: 1368px){

		.arrow-top:after {

    top: -48px;

    left: 50%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: rgba(245, 245, 245, 0);

    border-bottom-color: #ffffff;

    border-width: 15px;

    margin-left: -15px;

    z-index: 9;

}



.arrow-bottom:after {

    top: 158%;

    left: 50%;

    border: solid transparent;

    content: "";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: rgba(245, 245, 245, 0);

    border-top-color: #ffffff;

    border-width: 15px;

    margin-left: -15px;

    z-index: 9;

}

.arrow-down:before {

   

    left: -4.5%;

}

.arrow-down:after {

   

    right: -7%;

}

	}

/*How it Works Ends*/



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

  .mo_hide {

    display: none;

  }

   .top-bar-area .contact-info-right .phnumber {

    position: absolute;

    top: -30px;

    left: 50px;

  }

  header.fix .kc_button_custom1{ display:none;z-index:9999999;}

}