/*----------------------------
         Add CSS file
----------------------------*/
@import "../../../bootstrap/css/bootstrap.min.css";
@import 'font-awesome/css/font-awesome.css';
@import url("line-awesome/css/line-awesome.min.css") ;
@import 'animate.min.css';
/*---------------------------- 
Add font
----------------------------*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

/*----------------------------
   element      
----------------------------*/

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html { text-rendering: optimizeLegibility !important;-webkit-font-smoothing: antialiased !important;}
.nopadding-left{padding-left:0;}
.nopadding-right{padding-right:0;}
.nopadding{padding-left:0;padding-right:0;}
.mb10{padding-left:10px;padding-right:10px;}
.tabbody{margin-right: -10px; margin-left: -10px;}
*{margin:0; padding:0}
a{ text-decoration:none;}
a:hover{ text-decoration:none !important;}
header, nav, section, article, aside, footer { display:block;}
html {font-size: 100%;}
body {font-size: 12px;font-family: 'Open Sans', sans-serif;line-height: 26px;color: #777;-webkit-font-smoothing: antialiased;font-weight: normal;}
h1, h2, h3, h4, h5, h6 {padding: 5px 0 15px 0;color: #333;font-weight: normal;-webkit-font-smoothing: antialiased;}
:-ms-input-placeholder{color: #000;}

/*----------------------------
         HEADER TOP
------------------------*/
::-webkit-scrollbar { width:8px; height: 8px;}
::-webkit-scrollbar-button {  background-color: #fff; }
::-webkit-scrollbar-track {  background-color: #fff;}
::-webkit-scrollbar-track-piece { background-color: #ffffff;}
::-webkit-scrollbar-thumb { height: 30px; background:linear-gradient(45deg , #003767 18%,#7aba52 100%); border-radius: 0px;} 
::-webkit-scrollbar-corner {   background-color:#fff;} /* Atribute Navigation =================================*/

/*----------------------------
         HEADER MAIN NAVBAR
----------------------------*/

.header {width: 100%; position: absolute;z-index:99;top: 0;left: 0;right: 0;}
.header .container{max-width: 90%}

.logo {height: 100px;width: 230px;position: relative;z-index: 2;-webkit-perspective: 100px;perspective: 100px;padding: 0 0px 0 0px;border-radius: 4px;margin: 0;}
.logo::before {width: 100%;height: 100%;left: 0;background: rgba(0, 2, 72, 0.1);content: "";position: absolute;z-index: -1;/* -webkit-transform-style: preserve-3d; *//* transform-style: preserve-3d; *//* -webkit-transform: rotateY(-10deg ); *//* transform: rotateY(-10deg ); */-webkit-filter: blur(50px);filter: blur(50px);-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.logo::after {background: #ffffff;border-radius: 8px;position: absolute;content: "";top: -30px;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;z-index: -1;/* -webkit-transform-style: preserve-3d; *//* transform-style: preserve-3d; *//* -webkit-transform: rotateY(-10deg ); *//* transform: rotateY(-10deg ); */ ): ;/* transform: perspective(500px) rotateY(-5deg ); */-webkit-box-shadow: 0 0 1px transparent;box-shadow: 0 0 1px transparent;}

.logo img{width: 100%}
.navbar-toggler{    background-color:#003767;}
.navbar-toggler-icon:before {display: inline-block; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0c9"; line-height: 30px; color: #fff; }


/*** 
====================================================================
  navigation
====================================================================
***/
.header-navigation .navbar {padding: 0; }
.header-navigation .navbar-nav > li{position:relative;padding:10px 15px;} 
.header-navigation .navbar-nav > li > a{position: relative;color: #fff;text-align:center;font-weight: bold;font-size: 14px;text-transform: uppercase;} 
.header-navigation .navbar-nav > li > a.active {color: #5cc9cb; }
.header-navigation .navbar-nav > li .dropdown-menu {border: 1px solid #dcf5f7; border-radius: 0; } 
.header-navigation .navbar-nav > li a.dropdown-item {position: relative; color: #495057; text-align: left; font-size: 12px; }
.header-navigation .navbar-nav > li a.dropdown-item:active,
.header-navigation .navbar-nav > li a.dropdown-item:focus, 
.header-navigation .navbar-nav > li a.dropdown-item:hover{background-color: #f8f9fa;}

a.Sell-btn {background: transparent;overflow: hidden;position: relative; padding: 10px 20px; border: 2px solid #fff; }
a.Sell-btn:hover {color: #6cb33f !important; }
a.Sell-btn:after {content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; width:0; height:100%; top: 0; left: 0; background: #fff; } 
a.Sell-btn:hover:after,
a.Sell-btn:active:after {width: 100%; }


.main-menu .navbar{padding: 0; margin: 0px; }
.main-menu .navbar-nav > li{position:relative;padding: 15px 10px;display:block;} 
.main-menu .navbar-nav > li > a{color: #003767;text-align:center;line-height:25px;letter-spacing:0px;font-weight:normal;font-size:12px;text-transform:uppercase;} 
.main-menu .navbar-toggler-icon{ background-image: url(../images/menu-button.svg); }
.login-btn {margin-bottom: 0;  position: relative; display: inline-block; padding:5px 30px; background-color: #c3e66c; color: #fff !important; }
.login-btn a{ color:#ffffff;}
.login-btn i.fa-spin{position: absolute;right: 10%;top: 30%;}
.profile_menu .dropdown-item{ font-size:14px; padding: .25rem 1rem;}
#profile_photo, .profile_no_avatar {width: 26px; height: 26px; margin-left: 5px; border: 2px solid #c3e66c; border-radius: 50%; }
.header_bg{margin: 0px; padding: 90px 0px 78px;     background-size: 100%; background-color: transparent; background-position: 50% -12px; }
#cs-content .x-section.bg-image.parallax{ background-attachment: fixed;}
#cs-content .x-section.bg-image {background-size: cover; background-repeat: no-repeat; }
.bearsthemes-element .page_heading{ line-height: 42px; letter-spacing: -0.03em; font-size: 60px; padding-bottom: 0px; position: relative; margin-top: 0; margin-bottom: 4rem; font-family: 'ArcherPro BOld'; font-weight: 600; color: #fff; padding-top: 0;}
.page_heading{ color: hsl(0, 0%, 100%);font-size: 30px;line-height: 42px;letter-spacing: -0.03em; font-family:'Open Sans', sans-serif;}

.breadcrumbs span, .breadcrumbs span a{ color:#ffffff; font-size:12px;}

.panel__divider{width: 100%; position: relative; margin: auto; overflow: hidden; vertical-align: middle; text-transform: uppercase; font-size: 12px; font-weight: 700;    text-align: center; } 
.panel__divider:after, 
.panel__divider:before{display: inline-block;position: relative;background-color: #4c52601c;width: 100px;height: 1px;vertical-align: middle;content: '';} 
.panel__divider:after{right: 15px; margin-left: -50%; } 
.panel__divider:before{left: 15px; margin-right: -50%; }

.main-inner{padding: 5em 0;}

#login_logout .fa-spin{display:none;}


.login-form-link1 a{color: #000; text-align: center; /*margin-left:10px;*/ padding:5px 10px; text-transform:normal;}
._161wlni {position: relative;z-index: 1;bottom: 0px;left: 0px;width: 100%;height: 200px;background-repeat: no-repeat;background-image: -webkit-linear-gradient(-180deg, rgba(247,247,247,0.00) 0%, rgba(247,247,247,0.67) 60%, rgba(255, 255, 255, 0.88) 80%, rgb(255, 255, 255) 100%);background-image: -moz-linear-gradient(-180deg, rgba(247,247,247,0.00) 0%, rgba(247,247,247,0.67) 60%, rgba(255, 255, 255, 0.88) 80%, rgb(255, 255, 255) 100%);background-image: linear-gradient(-180deg, rgba(247,247,247,0.00) 0%, rgba(247,247,247,0.67) 60%, rgba(255, 255, 255, 0.88) 80%, rgb(255, 255, 255) 100%);} .av-space-box-section {background: #fff;}
.av-space-box-section {background: #fff; position:relative;    padding: 20px 0; }
.space-box-info{ background: #fff;padding: 20px;position: relative;width: 100%;border-radius: 8px;-webkit-box-shadow: 0 15px 50px rgba(15,60,216,.2);box-shadow: 0 15px 50px rgba(15,60,216,.2);border: 1px solid #dfc2f9; min-height:240px;}
.space-box-info h2 {text-align: left;font-weight: 700; font-family: 'ArcherPro Bold';font-size: 18px;color: #232323;margin:  0;letter-spacing:  0.5px;} 
.space-box-info p{text-align: justify;line-height:28px;color: #000;font-size: 15px;letter-spacing: 0.5px;} 
.Submit-form-button{border: solid 2px #c3e66c;color: #ffffff;padding: 10px 15px;display: inline-block;font-size: 12px;text-transform: uppercase;letter-spacing: 0px;font-weight: bold;background: #c3e66c;font-family: 'Open Sans', sans-serif;text-align: center;cursor: pointer;line-height:  normal;} 

#login_logout .modal-header{border: none;}
#login_logout .modal-dialog{    max-width: 335px;}
#login_logout .modal-content{ border-radius:0; border: none;  }
#login_logout  button.close {padding: 10px 11px; position: absolute; right: 0; z-index: 100; }



/******************    
Footer
*******************/
.footer {height: auto; min-height:auto; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 100%; }
.footer:before {position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #003767; background-image: url(../images/copilots-pattern.png);background-image: url(../images/copilots-pattern.png), linear-gradient(45deg , #003767 70%,#7aba52 100%); content: ""; z-index:-1; }
.top-footer {padding: 6rem 0 3rem 0; position: relative; }
.top-footer .container,
.bottom-footer .container{max-width: 90%}

.footer-logo {height: 70px;width: 230px;position: relative;z-index: 2;-webkit-perspective: 100px;perspective: 100px;padding: 0 0px 0 0px;border-radius: 4px;margin: 0 0 20px 0;}
.footer-logo::before {width: 100%;height: 100%;left: 0;background: rgba(0, 2, 72, 0.1);content: "";position: absolute;z-index: -1;/* -webkit-transform-style: preserve-3d; *//* transform-style: preserve-3d; *//* -webkit-transform: rotateY(-10deg ); *//* transform: rotateY(-10deg ); */-webkit-filter: blur(50px);filter: blur(50px);-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.footer-logo::after {background: #ffffff;border-radius: 8px;position: absolute;content: "";top:0px;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;z-index: -1;/* -webkit-transform-style: preserve-3d; *//* transform-style: preserve-3d; *//* -webkit-transform: rotateY(-10deg ); *//* transform: rotateY(-10deg ); */ ): ;/* transform: perspective(500px) rotateY(-5deg ); */-webkit-box-shadow: 0 0 1px transparent;box-shadow: 0 0 1px transparent;}
.footer-logo img{width: 100%}

.footer-about-info p {font-size: 13px; text-align: justify; color: #fff; }

.footer-link-info h2 {font-size: 18px; font-weight: 700; color: #fff; padding-top: 0; margin: 0; }
.footer-link-list{list-style: none;margin: 0;padding: 0; margin-bottom:18px;}
.footer-link-list li {position: relative; display: block; }
.footer-link-list li a {font-size: 14px; color: #FFF;line-height: 30px; }


.so-follow{ text-align:left;vertical-align: middle;}
.so-follow ul{ margin:0;}
.so-follow ul li {display: inline;font-size: 18px;padding: 0 5px 0 0;}
.so-follow ul li a {background: transparent; color: #e4f5fd; display: inline-block; height: 40px; line-height: 40px; text-decoration: none; width: 40px; border-radius: 40px; text-align: center; border: 1px solid #fff; }
.so-follow ul li a i {font-size: 22px;color: #e4f5fd;}
.so-follow ul li a:hover{background:#fff;}
.so-follow ul .facebook:hover i{ color:#4b69b1;}
.so-follow ul .twitter:hover i{ color:#1da1f2;}
.so-follow ul .linkedin:hover i{ color:#007aaa;}
.so-follow ul .instagram:hover i{ color:#b8397e;}

.fox-icon{margin-top: 20px;}
.fox-icon img {height: 120px; }


.bottom-footer {padding: 10px 0; position: relative; border-top: 1px solid #094e86; }
.copyright p {font-size: 13px; color: #fff; margin: 0; }
.copyright p a{color: #fff; }
.payment-logo{text-align:right;}
.payment-logo a {background: #fff; display: inline-block; padding:7px 15px; border-radius: 3px; }
.payment-logo a img {height: 22px; }



/***
====================================================================
  for error alert
====================================================================
***/
.error{ color: #dc3545; font-size: 90%;}
.error.help-block{ color: #dc3545; font-size: 90%;}
.has-success .form-control {border-color: #5cb85c; }
.has-danger .form-control {border-color: #d9534f; }
.alert-error-message .alert-success {color: #000; background-color: unset; border-color: #c3e66c!important; }
.alert-error-message .alert {position: relative; padding: 4px 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; }
.alert-error-message .alert-dismissible .close {position: absolute; top: 0; right: 0; padding: 4px 10px; color: inherit; }
.alert-error-message .alert-danger {color: #000; background-color: unset; border-color: #9e5bbd!important; }

/* for button */
.next-btn {border: solid 2px #c3e66c; color: #c3e66c; padding: 6px 20px;  display: inline-block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; background: transparent; font-family: 'Open Sans', sans-serif; }
.next-btn:hover {color: #fff; background: #c3e66c; }
.back-btn  {border: solid 2px #9e5bbd; color: #9e5bbd; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; background: transparent; font-family: 'Open Sans', sans-serif; } 
.back-btn:hover {color: #fff; background: #9e5bbd; }


/******************    
Get started
*******************/
.get-started-section .container{max-width: 90%}

.get-started-card {position: relative;width: 100%;padding: 30px;display: flex;align-items: center;top: 50px;z-index: 1;border-radius: 2px;}
.get-started-card:before {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background: #68ac3e url(../images/copilots-pattern2.png);content: "";z-index:-1;border-radius:5px;}

.get-started-content {margin-right: 20px; } 
.get-started-content h2 {font-size: 33px; font-weight: bold; color: #fff; margin: 0; padding-top: 0; }
.get-started-btn a  {font-size: 14px;color: #fff;overflow: hidden;position: relative;border: 2px solid #fff;padding: 8px 20px;display: inline-block;text-transform: uppercase;white-space: nowrap;font-weight: 600;}
.get-started-btn a:hover {color: #6cb33f !important; }
.get-started-btn a:after {content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; width:0; height:100%; top: 0; left: 0; background: #fff; } 
.get-started-btn a:hover:after,
.get-started-btn a:active:after {width: 100%; }


/******************    
internal banner
*******************/
.internal-banner-section {height: 180px;overflow: hidden;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;width: 100%;padding-bottom: 2rem;}
.internal-banner-section:before {position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #003767; background-image: url(../images/copilots-pattern.png);background-image: url(../images/copilots-pattern.png), linear-gradient(45deg , #003767 18%,#7aba52 100%); content: ""; z-index:-1; }
.internal-banner-inner .container{max-width: 90%}

.internal-banner-inner {position: relative;z-index: 9;display: flex;align-items: flex-end;height: 100%;}
.internal-banner-content h2 {font-size: 30px; font-weight: bold; color: #fff; margin: 0; padding-top: 0; }
.internal-banner-content p {font-size:14px; color: #fff; }
.main-slider-media img{width: 100%}