body{
 padding: 0px;
 margin: 0px;
}


.navbar{
    font-size: 20px;
     box-shadow: 0px 3px 3px gray;
     background: rgb(250,250,250);
}

[data-toggle='tooltip']:before {
  content: "☑";
  position: relative;
  left: -5px;
  color: green;
}

[data-toggle='tooltip'] {
  position: relative;
  left: -15px;
}

.tooltip-main {
/*  width: 15px;
  height: 15px;
  border-radius: 50%;
  font-weight: 700;
  background: #f3f3f3;
  border: 1px solid #737373;
  color: #737373;
  margin: 4px 121px 0 5px;
  float: right;
  text-align: left !important;*/
}

.tooltip-qm {
  /*
  float: left;
  margin: -2px 0px 3px 4px;
  font-size: 12px;*/
}

.tooltip-inner {
  font-size: 12px;
  padding: 5px 5px 5px 5px;
  background: #FFFFFF;
  color: rgb(0, 0, 0, .9);
  border: 2px solid #737373;
  text-align: left;
}




.nav-item a{
 font-weight: bold;
  font-size: 16px;
  color:  #6295d1;
  text-decoration: underline;
  text-decoration-color: #ddd;
}

.nav-item a:hover{
   text-decoration: underline;
  text-decoration-color: #ddd;
}

.dropdown-menu{

 font-size: 20px;
}

.contact-form{
 margin: 6em 0;
 position: relative;
}
.contact-form h1{
 padding:2em 1px;
 color: #6295d1;
}
.contact-form .right{
 max-width: 600px;
}
.contact-form .right .btn-secondary{
 background:  #6295d1;
 color: #fff;
 border:0;
}
.contact-form .right .form-control::placeholder{
 color: #777;
 font-size: 16px;
}

.container{
 margin-top: 50px;
 margin-bottom: 50px;
 font-size: 18px;
}

h1{
  color:  #6295d1;
  font-size: 1.7em;
}
h2{
  color:  #6295d1;
  font-size: 1.5em;
}

h3{
  color:  #6295d1;
  font-size: 1.2em;

}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 0.5)' stroke-width='1' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}


.portfolio h1{
   color:  #6295d1;
}

.ph1{
   color:  #6295d1;
}
/*
.span1{
	position	: relative;
}

.span2{
	position	: absolute;
	top		: 0px;
	left		: 50px;
	width		: 100%;
}
*/
.span3{
 font-size: 80px;
}

.t{
  vertical-align: middle;
}

.t div{
display: inline-block;
}

.table{margin:0;padding:0;background:#fff;border:1px solid;border-collapse:separate;border-left:0;border-top-color:#fff;border-left-color:#ddd;border-right-color:#ddd;border-bottom-color:#ddd;width:100%;border-spacing:0}.table tr{display:table-row;vertical-align:inherit;border-color:inherit}.table td{border-left:1px solid #ddd;padding:8px;line-height:20px;text-align:left;vertical-align:top;border-top:1px solid #ddd}

.plus
{
 background: rgb(240,240,240);
 padding-top: 30px;
 padding-bottom: 30px;
 border-top: 3px dashed white;
  border-bottom: 3px dashed white;
}



.footer-bottom{
 background: rgb(140,140,140);
font-size: 15px;
 padding-bottom: 10px;
margin-bottom: 0px;
 color: white;
}

.footer-bottom p{
 margin-bottom: 8px;
}

.footer-bottom h3{
 color: #fff;
}

.footer-bottom p a{
 color: #eee;
 border-bottom: 1px dotted;
}
.footer-bottom p a:hover{
text-decoration: none;
 border-bottom: 1px solid;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 100px;
  width: 100px;
  background-image: none;
}

.carousel-control-next-icon:after
{
  content: '>';
  font-size: 55px;
  color: #6295d1;
}

.carousel-control-prev-icon:after {
  content: '<';
  font-size: 55px;
  color: #6295d1;
}

.btn-primary{
 background:  #6295d1;
 border-color: gray;
}

.n1, .n2, .n3{
 padding-left: 45px;
  background: rgb(250,250,250);
   height: 100%;

}

.n1:before, .n2:before, .n3:before{
     font-size: 40px;
     height: 100%;
      width: 45px;
     position: absolute;
     left: 0px;
 background:  #6295d1;
     padding-left: 10px;
 padding-top: 20px;
   }
   .n1:before{
     content: "1 ";

   }
      .n2:before{
     content: "2 ";

   }
   .n3:before{
     content: "3 ";
   }

.card{
 transition: all .1s ease-out;
}

.collapse{
padding-top: 30px;
}

.card:hover{
     transform: scale(1.01);
}