body {
  padding-top: 5rem;
}
html {
  scroll-behavior: smooth;
}
.starter-template {
  padding: 3rem 1.5rem;
  text-align: center;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Montserrat', sans-serif;
}

p{font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 1.8}

.banner_in{    background: #142371;
      width: 100%;
          height: 350px;
      margin:0 auto;}

      body {
    padding: 0px;
    background: #e4e9ec !important;
}

.bg-dark {
    background-color: #000000!important;
}

.main_navbar {
    background: #000;
    height: 81px;
}

a.navbar-brand {
    font-size: 40px;
    padding-top: 0px;
}

a.nav-link {
    color: #fff !important;
    min-width: 70px;
    text-align: center;
    font-size: 16px !important;
    font-family: 'Open Sans', sans-serif !important;
        
    margin: 0px 5px;
}
.banner_in{text-align: center;}
.banner_in h1 {
    color: #fff !important;
    padding-top: 120px;
    font-size: 28px;
    font-weight: bold;
    
}

.banner_in p {
    font-size: 14px;
    color: #d6d6d6;;
    text-align: center;

}

.starter{padding: 25px !important;
    margin: 0px !important;
    margin-top: 40px !important;
    margin-bottom: 40px !important;
    min-height: 390px;
    background: #fff;
    display: block;
}

.about_picture{float: left;
background: #fff;
height: auto;
}

.about_picture img {
    margin-left: 10%;
}
.about_content{float: left;

height: auto;}

.about_content p{color: #000;
text-align: left;
padding: 0px 10px 3px 10px;
}



.about_small{width: 100%;
height: auto;
margin:auto;
    padding-left: 10px;}

.line_verticle{width: 5px;
height: 40px;
background: #000;
margin-top: 5px;
float: left;}

.about_small p{color: #000;
text-align: left;
padding: 0px 20px;}

.newsletter{min-height: 235px;
background: #e6e6e6;
text-align: center;
width: 100%;
padding: 0px !important;
}

.newsletter h2{font-size: 24px;
padding-top: 50px;
font-weight: bold;}

.newsletter_subscribe{width: 60%;
margin: auto;}

.btn-black{background: #000;
color: #fff;
border: none;
 font-size: 14px;
    font-family: 'Open Sans', sans-serif !important;
    text-align: center;
    height: 50px;
    width: 145px !important;
}


.mrlft_10{margin-left: 10px;}

input.form-control {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif !important;
    color: #000 !important;
    height: 40px;
}

.form-subscribe .form-control.focus,.form-subscribe .form-control:focus
{
  z-index:2;
  background-color:hsla(0,0%,100%,.8)
  border:none !important;
}

input.form-control.input-lg {
    height: 50px;
}



ul {
 padding:0;
 margin:0
}
li {
 list-style:none
}
a:focus,a:hover {
 text-decoration:none;
 -webkit-transition:.3s ease;
 -o-transition:.3s ease;
 transition:.3s ease
}
a:focus {
 outline:0
}
img {
 max-width:100%
}



.no-padding {
 padding:0!important
}
.go_top {
 line-height:40px;
 cursor:pointer;
 width:40px;
 background:#5867dd;
 color:#fff;
 position:fixed;
 -webkit-box-shadow:0 4px 4px rgba(0,0,0,.1);
 box-shadow:0 4px 4px rgba(0,0,0,.1);
 -webkit-border-radius:50%;
 border-radius:50%;
 right:-webkit-calc((100% - 1140px)/ 2);
 right:calc((100% - 1140px)/ 2);
 z-index:111;
 bottom:80px;
 text-align:center
}
.go_top span {
 display:inline-block
}
.footer-big {
 padding: 50px 0 0px 0;
}
.footer-big .footer-widget {
 margin-bottom:40px
}
.footer--light {
    background: #343a40;
}
.footer-big .footer-menu ul li a,.footer-big p,.footer-big ul li {
    color: #c5c5c5;
  font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: normal;
}
.footer-menu {
 padding-left:0px
}
.footer-menu ul li a {
 font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: normal;
color: #fff;
 line-height:2.5;
 -webkit-transition:.3s;
 -o-transition:.3s;
 transition:.3s
}
.footer-menu ul li a:hover {
 color:#f0f0f0
}
.footer-menu--1 {
 width:100%
}
.footer-widget-title {
     line-height: 42px;
    margin-bottom: 0px;
    font-size: 16px;
    color: #ffff;
    font-weight: 600;
        font-family: 'Montserrat', sans-serif;
}

.footer-menu ul li a:hover{    color: #fff;}
.mini-footer {
background: #1e2227;
    text-align: center;
    padding: 15px 0;
}
.mini-footer p {
 margin:0;
 line-height:26px;
 font-size:15px;
 color:#999
}
.mini-footer p a {
 color:#fff
}
.mini-footer p a:hover {
 color:#f0f0f0
}
.widget-about img {
 display: block;
    margin-bottom: 0px;
    margin-top: 11px;
}
.widget-about p {
 font-weight:normal;
     line-height: 1.9;
     text-align: justify;
}
.widget-about .contact-details {
 margin:30px 0 0 0
}
.widget-about .contact-details li {
 margin-bottom:10px
}
.widget-about .contact-details li:last-child {
 margin-bottom:0
}
.widget-about .contact-details li span {
 padding-right:12px
}
.widget-about .contact-details li a {
 color:#5867dd
}
@media (max-width:991px) {
 .footer-menu {
  padding-left:0
 }
}


.social_icon {
    
    border-radius: 100%;
    width: 30px;
    height: 30px;
    text-align: center;
    float: left;
    margin-left: 0px;
}

i.fa.fa-facebook {
    color: #fff;
    font-size: 14px;
    line-height: 1.9
}

i.fa.fa-twitter {
    color: #fff;
    font-size: 14px;
      line-height: 1.9
}

i.fa.fa-google-plus{
    color: #fff;
    font-size: 14px;
      line-height: 1.9
}




/*pricing*/

.banner_in_down {
    background: #142371 ;
    width: 100%;
    height: 350px;
    margin: 0 auto;
}

.starter_pricing {
    padding: 25px !important;
    margin: 0px !important;
    margin-top: -150px !important;
    
    height: auto;
    
    padding-top: 0px !important;
    display: block;
}

.price_box{height: auto;
padding: 0px 8px;
padding-top: 10px !important;
float: left;
}

.bg_black{background: #000 !important;
	    height: 380px !important;
}
.p_b{padding-top: 0px !important;}

.price_in{width: 100%;
background: #fff;
height: 350px;
border-radius: 8px
}

.price_logo{width: 100%;
height: 125px;
    padding: 40px 0px;
background: #232323;
text-align: center;
border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.price_logo img {
    float: left;
    margin-right: 10px;
}

.price_logo h4{color: #fff !important;
        text-align: left;
    padding-left: 0px;
    line-height: 1.8;
    font-weight: 600;
    font-size: 22px;}

    .no_lr_pad{padding: 40px 0px !important;}

    .icon_span{float: left;
    	color: #000;
    	line-height: 1.8;
    font-weight: 600;
    font-size: 22px;
    padding: 0px 10px;
    }

    .bg_white{background: #fff !important;}

    .price_discription {
    padding: 20px 100px;
    text-align: center;
}



.price_discription h3 {
    font-weight: 600;
        padding-bottom: 15px;
        font-family: 'Open Sans', sans-serif;
        font-weight: bold;
}

.line_bottom{width: 100%;
height: 10px;
background: #000;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
margin-top: 15px;}


.btn-white{background: #fff ;
color: #000 ;
border: none ;
 font-size: 14px;
    font-family: 'Open Sans', sans-serif !important;
    text-align: center;
    height: 50px;
    width: 145px !important;
}

.btn-white:hover{background: #fdae1d ;
color: #fff ;
border: solid 1px #fdae1d;
 font-size: 14px;
    font-family: 'Open Sans', sans-serif !important;
    text-align: center;
    height: 50px;
    width: 145px !important;
}

.clear{clear: both;}

.col-lg-12.main_section {
    height: auto;
    display: flex;
        margin-bottom: 40px;
}


.btn_padding{padding: 20px 60px;}

.icon_in {
    width: 100px;
    margin: auto;
}

.icon_in2 {
    width: 215px;
    margin: auto;
}


/* features */


.starter_features {
    padding: 25px !important;
    margin: 0px !important;
    margin-top: 40px !important;
    height: auto;
    padding-top: 0px !important;
    display: block;
    background: #fff;
    padding-bottom: 10px !important;
}


.md_220 {
    height: 220px;
}

.card-body.d-flex.flex-column.align-items-start h3 {
        font-size: 20px;
    padding-bottom: 10px;
    font-weight: 600;

}

p.card-text.mb-auto {
    font-size: 14px;
    line-height: 1.7;
    text-align: justify;
}


.card.flex-md-row.mb-4.box-shadow.h-md-250.md_220 {
        padding: 15px;
    padding-left: 0px;
    border: none !important;
    margin-top: 10px;
}

.mg-top20 {
    padding-top: 20px;
}


img.card-img-right.flex-auto.d-none.d-md-block {
    padding: 0px 15px;
}

.card-body.d-flex.flex-column.align-items-start {
    padding: 0px 0px 0px 15px;
}


.md_220 {
    height: 205px;
    margin-bottom: 15px !important;
    padding-bottom: 0px !important;
}





/*payment*/



.starter_payment {
    padding: 0px !important;
    margin: 0px !important;
        margin-top: 40px !important;
    height: auto;
    padding-top: 0px !important;
    display: block;
    background: #fff;
    
}

.product_txt{
	    color: #fff;
	font-size: 26px;
	width: 100%;
	text-align: left;
	font-weight: bold;
}

.border{border: 1px solid #fff;
padding: 10px;}


li.list-group-item.d-flex.justify-content-between {
    border-top: 1px solid #fff !important;
    margin-top: 15px;
    border: none;
    background: none;
    color: #fff;
    padding: 20px 0px;
}



.col-md-4.order-md-2.mb-4 {
        padding-top: 30px;
    padding-bottom: 0px;
    background: #000;
    margin-bottom: 0px !important;
}


h4.d-flex.justify-content-between.align-items-center.mb-3 {
    color: #fff;
    font-weight: bold;
    padding-bottom: 5px;
    font-size: 22px;
}

.text-small-in {
    color: #fff!important;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

.product_name h6{
	color: #fff;
	font-size: 14px;

}

.product_txt h4 {
    padding: 5px 0px 20px 0px;
    font-size: 18px;
    font-weight: 600;
}


.product_rate{color: #fff;
	    font-size: 14px;
}

.checkout_btn{width: 100% !important;
height: 45px;
margin-top:15px;}

.payment_details {
    padding: 40px;
    padding-left: 40px !important;
}

.payment_details h4{

	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
}


.paypal {
    margin: auto;
    width: 180px;
    margin-top: 50px;
}

.proceed_btn{margin-top: 20px;
margin-left: 10px;}





/*login*/



.starter_login {
    padding: 0px !important;
    margin: 0px !important;
    margin-top: -130px !important;
    height: auto;
    padding-top: 0px !important;
    display: block;
    background: #fff;
    border-radius: 10px;
}

form.form-signin.login_tab h4 {
    font-size: 22px;
    font-weight: bold !important;
    text-transform: uppercase;
}



form.form-signin.login_tab {
    width: 95%;
    float: left;
}


.log_details {
    padding: 40px;
    padding-left: 40px !important;
    padding-right: 0px;
    padding-bottom: 0px;
}

.label_login {
    padding-top: 10px;
}

.log_btnn{float: left;
padding: 0px !important;
}

.label_login_link {
    
    line-height: 4.9;
    color: #000 !important;
}

.forgot_password{
	float: left;
}

.payment_details h5 {
    font-size: 16px;
}


form.form-signin.login_tab h5 {
    font-size: 16px;
}

.log_btn {
    width: 100% !important;
    /* height: 45px; */
    margin-top: 15px;
}

.register_btn{}

.register_details {
    padding: 40px;
    padding-left: 40px !important;
}


.register_details h4 {
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
}

.register_details h5 {
    font-size: 16px;
}

.login_line {
    height: 300px;
    width: 1px;
    background: #000;
    float: right;
}


.btn-border {
    background: #fff;
    color: #000;
    border: solid 1px #000;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif !important;
    text-align: center;
    height: 50px;
    width: 145px !important;
}


form.form-signin.reg_2_tab {
    width: 100%;
    float: left;
}



.reg2_details {
       padding: 40px 20px;

    padding-bottom: 20px;
}

form.form-signin.reg_2_tab h4 {
    font-size: 22px;
    padding-left: 15px;
        margin-bottom: 10px !important;
    font-weight: bold !important;
    text-transform: uppercase;
}

.pad_15{padding-left: 15px !important;
padding-top: 10px;}

.log_btn2 {
    
    margin-top: 10px;
}

.btn{max-height: 50px;}


.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #000 !important;
}


h6.h3.mb-3.font-weight-normal {
    font-size: 18px;
    font-weight: 600 !important;
    padding-left: 15px;
    margin-bottom: 8px !important;
}






/* button*/



$gw-blue: rgb(52, 152, 219); /*#3498db  edit   */
$gw-purple: rgb(142, 68, 173);  /*#8e44ad  save   */
$gw-green: rgb(46, 204, 113); /*#2ecc71    new  */
$gw-gray-5: rgb(85, 85, 85); /*#555555  cancel   */
$gw-red: rgb(192, 57, 43); /*#c0392b  delete   */
/* 1st alternate hover colors if hover inset shadow not working properly
$gw-blue-dark: rgb(27, 79, 114); /*#1b4f72
$gw-purple-dark: rgb(74, 35, 90);  /*#4a235a
$gw-green-dark: rgb(29, 131, 72); /*#1d8348
$black: rgb(0, 0, 0); /*#000000
$gw-red-dark: rgb(123, 36, 28); /*#7b241c */
  

.button {
  font-family:'Open Sans';
  font-size: 16px;
  font-weight:400;
  display:inline-block;
  color:#FFF;
  border-radius: .25em;
  text-shadow: -1px -1px 0px rgba(0,0,0,0.4);
}

.primary {
  line-height:40px;
  transition:ease-in-out .2s;
  padding: 0 16px;
}

.primary:hover, .condensed:hover, .touch:hover {
  transform:scale(1.02);
  box-shadow:2px 2px 5px rgba(0,0,0,0.20), inset 0 0 0 99999px rgba(0,0,0,0.2);
}
/* 2nd alternate hover colors if hover inset shadow not working properly 
.edit:hover {
  background: darken($gw-blue, 10%);
}

.save:hover {
  background: darken($gw-purple, 10%);
}

.new:hover {
  background: darken($gw-green, 10%);
}

.cancel:hover {
  background: darken($gw-gray-5, 10%);
}

.delete:hover {
  background: darken($gw-red, 10%);
}
*/

.condensed {
  transition:ease-in-out .2s;
  line-height:24px;
  padding: 0 8px;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
}

.touch {
  transition:ease-in-out .2s;
  line-height:40px;
  width:40px;
  padding: 0px;
  text-align: center;
}

.inlineIcon {}

.edit:before, .save:before, .new:before, .cancel:before, .delete:before {
  font-family: FontAwesome;
  display: inline-block;
  font-size:1rem;
  padding-right:12px;
  background:none;
  color:#FFF;
}

.condensed.edit:before, .condensed.save:before, .condensed.new:before, .condensed.cancel:before, .condensed.delete:before {
   content:none;
}

.touch.edit:before, .touch.save:before, .touch.new:before, .touch.cancel:before, .touch.delete:before {
  width:100%;
  text-align:center;
  font-size:1.25rem;
}

.inlineIcon.edit, .inlineIcon.save, .inlineIcon.new, .inlineIcon.cancel, .inlineIcon.delete {
  background: transparent;
}

.inlineIcon.edit:before, .inlineIcon.save:before, .inlineIcon.new:before, .inlineIcon.cancel:before, .inlineIcon.delete:before {
  line-height:32px;
  font-size:32px;
  padding:4px 0px;
}

.edit {
  background: $gw-blue;
  
  &:before {
    content: "\f040";
  }
}

.inlineIcon.edit:before {
    color: $gw-blue;
}

.save {
  background: $gw-purple;
  
  &:before {
    content: "\f0c7";
  }
}

.inlineIcon.save:before {
    color: $gw-purple;
}

.new {
  background: $gw-green;
  
  &:before {
    content: "\f067";
  }
}

.inlineIcon.new:before {
    color: $gw-green;
}

.cancel {
  background: $gw-gray-5;
  
  &:before {
    content: "\f05e";
  }
}

.inlineIcon.cancel:before {
    color: $gw-gray-5;
}

.delete {
  background: $gw-red;
  
  &:before {
    content: "\f1f8";
  }
}

.inlineIcon.delete:before {
    color: $gw-red;
}

a.button.touch.download {
  width: 28px !important;
    background: #3d9970 !important;
    height: 28px;
    padding: 6px 4px 8px 4px;
    line-height: 1;
    color: #fff;
    border-radius: 3px;
    float: left;
    margin: 0px 2px;
}

a.button.touch.edit {
  width: 28px !important;
    background: #ff851b !important;
    height: 28px;
    padding: 6px 4px 8px 4px;
    line-height: 1;
    color: #fff;
    border-radius: 3px;
    float: left;
    margin: 0px 2px;
}


a.button.touch.delete {
    width: 28px !important;
    background: #ff4136 !important;
    height: 28px;
    padding: 6px 4px 8px 4px;
    line-height: 1;
    color: #fff;
    border-radius: 3px;
    float: left;
    margin: 0px 2px;
}


a.button.touch.download {
    width: 28px !important;
    background: #000;
    height: 28px;
    padding: 6px 4px 8px 4px;
    line-height: 1;
    color: #fff;
    border-radius: 3px;
    float: left;
    margin: 0px 2px;
}

a.button.touch.payment{
    width: 28px !important;
    background: #0074d9 !important;
    height: 28px;
    padding: 6px 4px 8px 4px;
    line-height: 1;
    color: #fff;
    border-radius: 3px;
    float: left;
    margin: 0px 2px;
}




td.td-table {
    
}


td.td-table {
   
    overflow: hidden;
    text-overflow: unset;
    word-break: break-all;
}

th.th-table {
    background: #000;
    color: #fff;
}
th.slno{background: #000;
    color: #fff;}



    a {
    cursor: pointer;
}


.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0px !important;
    background-color: transparent;
}


.manage_details {
    padding: 20px 20px;
    padding-bottom: 20px;
}

.sucess_details {
       padding: 40px 20px;
    padding-bottom: 20px;
    min-height: 340px;
}

.col-md-6.col-lg-6.col-sm-12.col-xs-6.sucess_box {
    margin: auto;
    height: 235px;
    margin-top: 30px;
}
.alert_icon {
    width: 100px;
    height: 100px;
    background: transparent;
    margin: auto;
    align-items: center;
  
    display: block;
}

p.sucess_box_para {
    text-align: center;
    padding-top: 20px;
}

.aler_btn {
    width: 150px;
    margin: auto;
}


.btn-black:hover {
    background: #fdae1d;
    border: solid 1px #fdae1d;
    color: #fff;
}


.register_btn:hover {
    background: #fdae1d;
    color: #fff;
     border: solid 1px #fdae1d;

}




th.slno {
    max-width: 55px;
}

td.slno_in {
    max-width: 55px;
}



/*table*/



.table-responsive-stack tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}


.table-responsive-stack td,
.table-responsive-stack th {
   display:block;
/*      
   flex-grow | flex-shrink | flex-basis   */
   -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.table-responsive-stack .table-responsive-stack-thead {
   font-weight: bold;
}

@media screen and (max-width: 768px) {
   .table-responsive-stack tr {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      border-bottom: 3px solid #ccc;
      display:block;
      
   }
   /*  IE9 FIX   */
   .table-responsive-stack td {
      float: left\9;
      width:100%;
   }
}



a.nav-link {
    font-weight: 500 !important;
}

.home-banner {

    background:url(../../images/homepage.jpg);
    width: 100%;
        height: 770px;
    margin: 0 auto;
    background-size: cover;
    position: relative;
}


.home-banner h1 {
     color: #fff !important;
    padding-top: 300px;
    font-size: 40px;
    padding-left: 70px;
    padding-bottom: 0px;
    
    text-align: center;
    font-family: 'Roboto', sans-serif;
}


.home-banner p {
   
           color: #fff;
           padding: 5px 27% 10px 31%;
    font-size: 14px;
    text-align: center;

    
}

.home_btn {
    width: 145px;
    margin: auto;
        padding-left: 25px;
    
}

.main_navbar {
    background: transparent;
    height: 81px;
    position: absolute;
    width: 100%;
    z-index: 9999;
}

.bg-dark {
    background-color: transparent !important;
    box-shadow: none;
}

.col-lg-12.home-main {
    margin-bottom: 40px;
}
.col-lg-12.home-main {
  padding-top: 25px;
    height: auto;
    background: #fff;
    display: flex;
    padding-bottom: 20px;
    margin-bottom: 0px;
}

.home-main h3 {
    font-size: 18px;
    font-weight: 600;
}

.home-main h2 {
    font-size: 28px;
    padding-top: 20px;
    font-weight: bold;
    padding-bottom: 30px;

}

.part01lft{padding:20px 0px;}

.icon-home {
    width: 50px;
    height: 100px;
    float: left;
    background: #f00;
}

.home-pic-lft{padding-top: 20px;}

.home-pic-lft {
    padding-top: 65px;
    padding-left: 65px;
    padding-right: 0px;
}


.icon-home {
    width: 45px;
    height: 100px;
    margin-top: -5px;
    float: left;
    background: #fff;
}

.col-sm-12.General-Description {
       min-height: 420px;

    background:url(../../images/bg_home.png);
    background-size: cover;
        padding: 0px;
}

.mobile-pic-lft {
    padding-top: 0px;
    padding-left: 65px;
    padding-right: 0px;
    position: absolute;
    bottom: 0px;
    overflow: hidden;
    right: 0px;
}

.mobile-pic-lft img{float: right;}


.partglft {
    padding: 20px 0px;
}

.col-md-6.partglft {
    padding-left: 150px;
    padding-top: 60px !important;
}

.home-main h3 {
    font-size: 18px;
    font-weight: 600;
}


.partglft h3 {
    font-size: 22px;
    padding-bottom: 8px;
    line-height: 1.6;
   
    font-weight: 600;
    color: #fff !important;
}

.partglft p {
       text-align: justify;
   
    color: #fff;
}


.features-home.col-sm-12 {
        min-height: 650px;
    background: #fff;
}

.no-padding{padding:0px 0px !important;}

.features-home.col-sm-12 h2 {
    padding-top: 60px;
    font-weight: bold;

}


.col-sm-12.price_home {
    min-height: 640px;
    padding-top: 50px;
   
        background: url(../../images/bg_pricing_home.png);
        background-size: cover;
}

.pad-t0{padding-top: 0px;}

.pricehome-heading h2 {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
     
}


.pricehome-heading p {
    text-align: center;
    
  
}


.pricehome-heading{padding: 20px 0px 0px 0px;
}

button.btn.btn-lg.btn-white a {
        /*font-family: 'Montserrat', sans-serif;*/
        font-family: 'Roboto', sans-serif;
    color: #000;
    font-weight: 600;
    text-transform: capitalize;
}

button.btn.btn-lg.btn-white:hover {
    color: #fff ;
     border: solid 1px #fdae1d;
     background: #fdae1d;
}


.social {
    margin-left: -10px;
    width: 100%;
    height: auto;
    float: left;
}

i.fa.fa-facebook:hover{
  color: #385898;
}

i.fa.fa-twitter:hover{
  color: #32c6ff;
}

i.fa.fa-google-plus:hover{
  color: #d1565b;
}



.navv {
    float: right;
    right: 0px;
    position: absolute;
}


button.btn.btn-lg.btn-white {
    font-size: 16px;
    text-transform: uppercase;
}





/* Dropdown */

.dropdown {
  display: inline-block;
  position: relative;
}

.dd-button {
  display: inline-block;
  border: 1px solid gray;
  border-radius: 4px;
  padding: 10px 30px 10px 20px;
  background-color: #ffffff;
  cursor: pointer;
  white-space: nowrap;
}

.dd-button:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
}

.dd-button:hover {
  background-color: #eeeeee;
}


.dd-input {
  display: none;
}

.dd-menu {
  position: absolute;
  top: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0;
  margin: 2px 0 0 0;
  box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
  background-color: #ffffff;
  list-style-type: none;
}

.dd-input + .dd-menu  {
  display: none;
} 

.dd-input:checked + .dd-menu {
  display: block;
} 

.dd-menu li {
  padding: 10px 20px;
  cursor: pointer;
  white-space: nowrap;
}

.dd-menu li:hover {
  background-color: #f6f6f6;
}

.dd-menu li a {
  display: block;
  margin: -10px -20px;
  padding: 10px 20px;
}

.dd-menu li.divider{
  padding: 0;
  border-bottom: 1px solid #cccccc;
}


ul.dd-menu {
    width: 100%;
}


a.dropdown-item:hover {
    background: #000 !important;
    color: #fff !important;
    width: 139%;
    margin-right: 0px !important;
        text-align: left;
}


a.dropdown-item {
    
    width: 139%;
    margin-right: 0px !important;
        text-align: left;
}

.dd-menu ul li {
  text-align: left;
}



.dd-menu li a {
    text-align: left !important;
}


.dd-button {
    background: transparent !important;
    border: none;
    color: #fff;
    font-family: 'Open Sans', sans-serif !important;
}


.dd-button:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    color: #fff !important;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fbfbfb;
}


li.nav-item {
    padding-top: 10px;
}


label.dropdown {
    margin-top: 7px;
}


a.navbar-brand {
    margin-top: 5px;
    width: 195px;
}



.clr1{background: #283890 !important;}
.clr2{background: #ffa22b !important;}
.clr3{background: #82ac26 !important;}
.clr4{background: #4f4085 !important;}


.widget-about {
    margin-top: -30px;
}


.mini-footer p a {
    color: #fff;
    font-size: 14px;
    color: #999;
    text-decoration: underline;
    margin-right: 5px;
    margin-left: 5px;}



    #buttonsubmit:hover {
    background: #fdae1d;
}

.fixed_footer{display: none;}


.blog_in h2 {
    font-size: 24px;
    font-weight: 600;
    color: #142371;
    line-height: 1.5;
}

.blog_in h4 {
    font-size: 20px;
    padding-top: 10px;
    color: #0e184c;
    font-weight: 600;
    line-height: 1.5;
}

 .blog_in h5 {
    line-height: 1.5;
    font-size: 22px;
    padding-top: 20px;
    font-weight: 600 !important;
    font-weight: 500;
}

.blog_in p {
    text-align: justify;
}


.blog_in {
    padding: 0px 40px;
    text-align: left;
}


.starter_blog {
    padding: 0!important;
    margin: 0!important;
    margin-top: 0px!important;
    height: auto;
    padding-top: 0!important;
    display: block;
    background: #fff;
    border-radius: 10px;
}

.banner_blog {
    background: #142371;
    width: 100%;
    min-height: 280px;
    height: auto;
    margin: 0 auto;
}


.banner_blog h1 {
    color: #fff!important;
    padding-top: 130px;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}


.banner_blog p {
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.blog_image {
    width: 100%;
    overflow: hidden;
    max-height: 450px;
    height: auto;
    margin-bottom: 15px;
}

.blog_image img {
    width: 100%;
    overflow: hidden;
    height: auto;
}


.rc-footer {
    min-width: 240px;
    z-index: 99999999999999;
}

#hubspot-messages-iframe-container {
    z-index: 99 !important;
}


.note-mpal {
    width: 100%;
    height: auto;
    text-align: left;
    font-size: 14px;
    margin-top: 30px;
    padding: 5px 20%;
}

.note-mpal p{
  font-size: 14px;
}





  .adonnoteli.nwnoten {
    background-color: #dbecff;
    border: 1px dotted #9fc7f5;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-top: 20px;
    padding: 10px;
}
.adonnoteli {
    clear: both;
    margin-bottom: 10px;
    width: 100%;
}


.blueround {
    background: none repeat scroll 0 0 #41c7f0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #fff;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: 700;
    height: 18px;
    text-align: center;
    width: 18px;
    margin-top: 3px;
}


.adonnoteli.nwnoten .adonnotep {
    color: #17293e;
    font-size: 13px;
}
.adonnotep {
    color: #777;
    font-size: 13px;
    line-height: inherit;
    margin-left: 30px;
    position: relative;
}