@font-face 
{
  font-family: 'Poppins-Regular';
  src: url('../fonts/Poppins-Regular.TTF');
  src: local("?"), url('../fonts/Poppins-Regular.woff') format("woff"), url('../fonts/Poppins-Regular.TTF') format("truetype"); 
}

@font-face 
{
  font-family: 'Poppins-SemiBold';
  src: url('../fonts/Poppins-SemiBold.TTF');
  src: local("?"), url('../fonts/Poppins-SemiBold.woff') format("woff"), url('../fonts/Poppins-SemiBold.TTF') format("truetype"); 
}

@font-face 
{
  font-family: 'Roboto-Regular';
  src: url('../fonts/Roboto-Regular.TTF');
  src: local("?"), url('../fonts/Roboto-Regular.woff') format("woff"), url('../fonts/Roboto-Regular.TTF') format("truetype"); 
}

html, body{font-family:Roboto-Regular, Calibri, Arial; color:#344e6c; font-size:15px; line-height: 25px;}

a{color:#0a58ca; text-decoration:none; transition:color 0.3s ease-in-out;}
a:hover{color:#23527c; text-decoration:none;}

.clearfix{width:100%;}

/* Back to top button */
.back-to-top{position:fixed; display:none; background:#5e87eb; color:#fff; width:44px; height:44px; text-align:center; line-height:1; font-size:16px; border-radius:50%; right:15px; bottom:15px; transition:background 0.5s; z-index:999;}
.back-to-top i{padding-top:12px; color:#fff;}


.header{margin:0; padding:0;}
.header-upper{background:#3f8bae; height:35px;}
.top_nav{display:flex;}
.top_nav_buttons{display:flex; float:right; margin:5px 0 0;}
.top_nav_buttons a{margin:0 5px;}

.logo{padding:15px 0; display:inline-block; font-size:30px; font-weight:bold; text-transform:uppercase; color:#333;}
.logo img{width:230px;}
.logo a{color:#333; text-decoration:none;}
.logo a:hover{color:#333; text-decoration:none;}



/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
.top-navbg{ background:url(../images/nav-bg.png) repeat-x left; height:35px; margin:0;}
/* Desktop Navigation */
.main-nav, .main-nav * {margin:0; padding:0; list-style:none; }
.main-nav > ul > li{position: relative; white-space: nowrap; float: left; margin: 0 5px 0; border-top: 5px solid #fff;}
.main-nav a{display:block; color:#555; position:relative; margin:0; padding:20px 10px; margin:0 1px; text-decoration:none; transition:0.3s; font-weight:normal; line-height:20px; font-size:16px;}
.main-nav a:hover, .main-nav .active > a, .main-nav li:hover > a {color:#5e87eb; text-decoration:none;}
.main-nav li a:focus{color:#5e87eb; text-decoration:none;}
.main-nav .drop-down ul {display:block; position:absolute; left:0; top:calc(100% + 30px); z-index:999; opacity 0; visibility:hidden; padding:0; background:#fff; box-shadow:0px 0px 30px rgba(127, 137, 161, 0.25); transition:ease all 0.3s;}
.main-nav .drop-down:hover > ul {opacity:1; top:100%; visibility:visible;}
.main-nav .drop-down li {min-width:180px; position:relative;}
.main-nav .drop-down ul a {padding:10px 20px;font-size: 13px;color: #333; border-right:none;}
.main-nav .drop-down ul a:hover, .main-nav .drop-down ul .active > a, .main-nav .drop-down ul li:hover > a {color:#fff; background:#5e87eb;}
.main-nav .drop-down > a:after {content:"\f107"; font-family:FontAwesome; padding-left:5px;}
.main-nav .drop-down .drop-down ul {top:0; left:calc(100% - 30px);}
.main-nav .drop-down .drop-down:hover > ul {opacity:1; top:0; left:100%;}
.main-nav .drop-down .drop-down > a {padding-right:35px;}
.main-nav .drop-down .drop-down > a:after {content:"\f105"; position:absolute; right:15px;}

/* Mobile Navigation */
.mobile-nav {position:fixed; top:0; bottom:0; z-index:9999; overflow-y:auto; left:-260px; width:260px; padding-top:18px; background:rgba(19, 39, 57, 0.8); transition:0.4s;}
.mobile-nav * {margin: 0;padding: 0;list-style: none;}
.mobile-nav a {display:block; position:relative; color:#fff; padding:5px 10px; font-weight:500; font-size:13px;}
.mobile-nav a:hover,
.mobile-nav .active > a,
.mobile-nav li:hover > a {color:#3f8bae; text-decoration:none;}
.mobile-nav .drop-down > a:after {content:"\f078"; font-family:FontAwesome; padding-left:10px; position:absolute; right:15px;}
.mobile-nav .active.drop-down > a:after {content:"\f077";}
.mobile-nav .drop-down > a {padding-right:35px;}
.mobile-nav .drop-down ul {display:none; overflow:hidden;}
.mobile-nav .drop-down li {padding-left:20px;}
.mobile-nav-toggle{position:absolute; right:0; top:70px; z-index:9998; border:0; background:none; font-size:24px; transition:all 0.4s; outline:none !important; line-height:1; cursor:pointer; text-align:right;}
.mobile-nav-toggle i {margin:10px 10px 0 0; color:#5e87eb;}
.mobile-nav-overly{width:100%; height:100%; z-index:9997; top:0; left:0; position:fixed; background:rgba(19, 39, 57, 0.8); overflow:hidden; display:none;}
.mobile-nav-active {overflow:hidden;}
.mobile-nav-active .mobile-nav {left:0;}
.mobile-nav-active .mobile-nav-toggle i {color:#01837d;}

.nav-justified > .nav-link, .nav-justified .nav-item{margin: 0 2px;}

.fixed-top{top:-40px; transform:translateY(40px); transition:transform .3s; background:#fff; border-bottom:1px solid #ececec; box-shadow: 0 0 10px #ccc;}



.master-wrapper-content{margin:0; min-height:400px;}

.nav_bar{background:#fff; border-bottom: 1px solid #f9f9f9;}
/*-------------------- Start Home Page CSS ------------------------*/
.home_bg{overflow: hidden; position: relative; z-index: 1; height:670px; background: url(../images/HP_Header_AW-2-scaled.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.banner_text{margin:100px 0 15px; font-size:45px; font-weight:bold; line-height:50px; color:#fff;}
.banner_sub_text{font-size:20px; line-height:25px; line-height:30px; color:#fff;}

.blue_bg{background:#2e3094; padding:60px 20px; color:#fff; font-size:20px; line-height:35px;}
.blue_bg .head{font-size:35px; margin:40px 0 25px; color:#9cf2ff;}

.sky_bg{background:#edfdfd; padding:60px 20px; color:#2d3192; font-size:20px;}
.orange_text{font-size:40px; color:#f3582a; text-align:center; font-weight:bold; margin:40px 0; line-height:40px;}
.sky_bg .head{font-size:30px; font-weight:bold; margin:40px 0 25px; color:#2d3192;}


.orchestrating_bg{background:url(../images/7.jpg); padding:100px 0; font-size:40px; color:#fff; text-align:center; line-height:45px;}
.orchestrating_bg .head{font-size:55px; font-weight:bold; margin:40px 0 65px; color:#fff; line-height:60px;}

.pricing_head{font-size:35px; font-weight:bold; margin:100px 0 20px; line-height:50px;}
.pricing_Sub_text{font-size:25px;}

.thumbnail{height: 75px; border-radius: 0px; background: linear-gradient(45deg, #8dc73f 0, #3bb678 100%); padding-top: 24px; color: #fff; width: 100%;}
.thumbnail-2{height: 75px; border-radius: 0px; background: linear-gradient(45deg, #ff9700 0, #fecc17 100%); padding-top: 24px; color: #fff; width: 100%;}
.thumbnail-3{height: 75px; border-radius: 0px; background: linear-gradient(45deg, #00b6e8 0, #5674b9 100%); padding-top: 24px; color: #fff; width: 100%;}
.free-text{ background-color: #ffffff; padding: 4px 10px; color: #47b86f; box-shadow: 0 0px 5px rgba(0,0,0,0.19), 0 2px 0px rgba(0,0,0,0.23); border-radius: 22px; background-color: #fff;}
.plan-table{list-style: disc; padding: 25px 16px; text-align: left; font-size: 16px; height:630px;}
.plan-table li{list-style-type: none;  margin-bottom: 8px;}
.plan-table li .fa-check{color: #7ec449; padding-right: 5px;}
.plan-table li .fa-remove{color: #ff3100; padding-right: 5px;}
.btn-outline-secondary{background-color: #5e87eb; font-weight: normal; padding: 5px 16px; margin: 15px; border: 0px !important; color: #fff; text-transform: uppercase;}
.btn-outline-secondary:hover{background-color: #2e3094; font-weight: bold; padding: 5px 16px; margin: 15px; border: 0px !important;}

.ft_signup_btn{background: none; font-size: 18px; color: #a1fbff; border: 2px solid #a1fbff; padding: 20px 50px; border-radius: 35px; margin: 0px 0 0 0px;}
.ft_signup_btn:hover{background: #a1fbff; color:#333;}

.Mandatory{font-size:15px; color:#e20c0c; margin:0 0 0 5px; position:absolute;}

.reg-header{background:#2e3094; color:#fff; font-size:20px; margin:0 0 10px; padding:5px 10px;}
.btn-primary{background:#2e3094;}


.footer_bg{background:#2e3094; padding:40px 20px; color:#fff; font-size:15px; line-height:35px;}
.footer_bg .head{font-size:25px; font-weight:bold; margin:40px 0 15px; color:#fff;}

.validation {
    color: #f00;
    font-size: 13px;
    position: absolute;
    margin: 0;
    top: inherit !important;
    left: inherit !important;
}

.validation1 {
    color: #f00;
    font-size: 13px;
    position: absolute;
    margin: 0;
    bottom: 0px;
}





/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.footer{background:#303e45; color:#999;}
.copyright{font-size:12px; color:#ccc; text-align:center; padding:15px 0; margin:10px 0 0;}


@media (max-width: 768px){
.mobile-nav-toggle{position: fixed; top: 3px;}
.home_bg{height:auto;}
.banner_text{margin: 0 0 15px;}
}


@media (max-width:480px){
.pricing-box{min-height:auto; margin-bottom:25px;}
}