body{
	font-family: 'Conv_tekton-pro-bold-condensed' !important;
}

.logo {
    position: absolute;
    top: -52px;
}
 
.carousel-caption p{
	font-size:40px;
	font-family: 'Abril Fatface', cursive;
}
 .facl img {max-width:530px;}
.about-section h1{
	margin:0px;
	padding:0px;
	text-align:center;
	font-size:70px;
	margin-bottom:75px;
	color:#c09368;
}
.mobile {display:none;}
.desktop {display:block;}
p.dropcap:first-child:first-letter {
   color: #903;
  float: left;
  font-size: 75px;
  line-height: 40px;
  padding-top:15px;
  padding-right: 8px;
  padding-left: 0px;
}
.shadow-box {box-shadow: 0px 0px 6px 0px #363b91; -webkit-box-shadow: 0px 0px 6px 0px #363b91; -o-box-shadow: 0px 0px 6px 0px #363b91; padding: 5px 20px 10px 20px; margin-bottom: 30px;}
.card-body blockquote{border-left: 5px solid #363b91 !important; border: 1px solid #363b91; border-radius: 4px;}
.card-body blockquote i {color: #363b91 !important;}
.card-body blockquote .small {color: #363b91 !important; text-transform:capitalize; font-size:14px !important;}
.card-body blockquote .font-weight-bold {color: #363b91 !important; font-weight:900; font-size:12px !important;}
/*Sea font Icoons*/
.seaIcon
{
 font-family:'Conv_Sea Life',Sans-Serif;
 width:32px; font-size:20px;
 
}
.turtleIcon {color:#096;}
.dolphinIcon{color:#4689b8;	}
.starfishIcon{color:#e63c61;}
.whaleIcon{color:#648b9b;}
.sharkIcon{color:#0256b2;}

/*Sea icons End*/
.card-body blockquote.team-box.turtle-box {border-left: 1px solid #096 !important; box-shadow: -14px 12px 0px 0px #096; -webkit-box-shadow: -14px 12px 0px 0px #096; border: 1px solid #096 !important;}
.card-body blockquote.team-box.turtle-box h3 {color: #096 !important; font-size:30px;}
.card-body blockquote.team-box.turtle-box p{font-size:22px;}
.card-body blockquote.team-box.turtle-box strong {color: #096 !important;}
.card-body blockquote.team-box.turtle-box span.seaIcon {font-size: 25px;}

.card-body blockquote.team-box.dolphin-box {border-left: 1px solid #4689b8 !important; box-shadow: -14px 12px 0px 0px #4689b8; -webkit-box-shadow: -14px 12px 0px 0px #4689b8; border: 1px solid #4689b8 !important;}
.card-body blockquote.team-box.dolphin-box h3 {color: #4689b8 !important; font-size:30px;}
.card-body blockquote.team-box.dolphin-box p{font-size:22px;}
.card-body blockquote.team-box.dolphin-box strong {color: #4689b8 !important;}
.card-body blockquote.team-box.dolphin-box span.seaIcon {font-size: 25px;}

.card-body blockquote.team-box.starfish-box {border-left: 1px solid #e63c61 !important; box-shadow: -14px 12px 0px 0px #e63c61; -webkit-box-shadow: -14px 12px 0px 0px #e63c61; border: 1px solid #e63c61 !important;}
.card-body blockquote.team-box.starfish-box h3 {color: #e63c61 !important; font-size:30px;}
.card-body blockquote.team-box.starfish-box p{font-size:22px;}
.card-body blockquote.team-box.starfish-box strong {color: #e63c61 !important;}
.card-body blockquote.team-box.starfish-box span.seaIcon {font-size: 25px;}

.card-body blockquote.team-box.whale-box {border-left: 1px solid #648b9b !important; box-shadow: -14px 12px 0px 0px #648b9b; -webkit-box-shadow: -14px 12px 0px 0px #648b9b; border: 1px solid #648b9b !important;}
.card-body blockquote.team-box.whale-box h3 {color: #648b9b !important; font-size:30px;}
.card-body blockquote.team-box.whale-box p{font-size:22px;}
.card-body blockquote.team-box.whale-box strong {color: #648b9b !important;}
.card-body blockquote.team-box.whale-box span.seaIcon {font-size: 25px;}

.card-body blockquote.team-box.shark-box {border-left: 1px solid #0256b2 !important; box-shadow: -14px 12px 0px 0px #0256b2; -webkit-box-shadow: -14px 12px 0px 0px #0256b2; border: 1px solid #0256b2 !important;}
.card-body blockquote.team-box.shark-box h3 {color: #0256b2 !important; font-size:30px;}
.card-body blockquote.team-box.shark-box p{font-size:22px;}
.card-body blockquote.team-box.shark-box strong {color: #0256b2 !important;}
.card-body blockquote.team-box.shark-box span.seaIcon {font-size: 25px;}

.card-body blockquote.team-box.assist-box {border-left: 1px solid #9fa4aa !important; box-shadow: -14px 12px 0px 0px #9fa4aa; -webkit-box-shadow: -14px 12px 0px 0px #9fa4aa; border: 1px solid #9fa4aa !important;}
.card-body blockquote.team-box.assist-box h3 {color: #9fa4aa !important; font-size:30px;}
.card-body blockquote.team-box.assist-box p{font-size:22px;}
.card-body blockquote.team-box.assist-box strong {color: #9fa4aa !important;}
.card-body blockquote.team-box.assist-box span.seaIcon {font-size: 25px;}


.align-center {margin:0 auto; display:block;}
.m-name {
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    color: #fff;
    padding: 4px;
    width: 100%;
    text-align: center;
    font-size: 20px;
}



.blue{
	color:#3d4196;
}

.orange{
	color:#fcb14b;
}

.red{
	color:#eb363f;
}

.green{
	color:#8ac442;
}

.purpal{
	color:#973994;
}

.skyblue{
	color:#04b1f2;
}

.carousel-caption {
    right: 0% !important;
    left: 0% !important;
    padding-bottom: 0px !important;
    background: rgba(0,0,0,0.5);
	bottom: 0px !important;
}
.testi-image {margin: 0 auto;    display: block;     margin-top: 10px;}
.testi {background: #f6f3f3 !important;    text-align: center;    padding: 0px 15px 15px 0px; margin-bottom:20px;transition: transform .2s;-webkit-transition: transform .2s; -o-transition: transform .2s; -moz-transition: transform .2s; }
.testi h3 {font-size:25px !important;}
.testi p{font-size:19px !important; text-align:justify !important;}
.testi blockquote{color: #337ab7; }
.testi:hover {
transform: scale(1.05); 
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-moz-transform: scale(1.05);
}
.skyblue-box { background:#09C !important; border:1px solid #09C !important;}
.green-box {background:#0C6 !important; border:1px solid #0C6 !important;}
.orange-box {background:#F60 !important; border:1px solid #F60 !important;}
.blue-box {background:#06F !important; border:1px solid #06F !important;}
.purpal-box {background:#C3C !important; border:1px solid #C3C !important;}
.red-box {background:#C36 !important; border:1px solid #C36 !important;}
.skyblue-box h3, .green-box h3, .orange-box h3, .blue-box h3, .purpal-box h3, .red-box h3, .skyblue-box p, .green-box p, .orange-box p, .blue-box p, .purpal-box p, .red-box p {color:#FFF !important;}
.skyblue-box img, .green-box img, .orange-box img, .blue-box img, .purpal-box img, .red-box img {margin:0 auto; display:block; padding-top: 10px;}
/*.about-left img{
	border:2px solid #fff;
}*/

.about-right p{
	color:#161616;
	font-size:21px;
}
.row.contact-form {
    width: 80%;
    margin: 0 auto;
	box-shadow: 0px 0px 9px 1px rgb(0 0 0 / 20%);
    padding: 25px 0px;
}

.contact-form input {
    width: 100%;
    background-color: transparent;
    margin-bottom: 30px;
    border: none;
    border-bottom: 1px solid #cfcfcf;
    padding: 10px;
	font-size:20px;
}

.contact-form textarea {
    width: 100%;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #cfcfcf;
    padding: 10px;
    margin-bottom: 40px;
	font-size:20px;
}

.relative label.error{
	color:#f01;
	font-weight:400;
	font-size:16px;
	top:80px;
	position:absolute;
	display: block;
    width: 100%;
    top: 80px;
}

label.error{
    color:#f01;
    font-weight:400;
    font-size:16px;
}
.read-more {
    background: #949597;
    color: #fff;
    font-size: 22px;
    padding: 9px 50px;
    border-radius: 40px;
    margin-top: 10px;
    display: inline-block;
}

.read-more:hover{
	color:#fff;
	border:none;
	text-decoration:none;
	background:#3d4196;
}

.comman-heading{
	font-size:60px;
	color:#363b91;
	margin:0px;
	padding:0px;
	margin-bottom:45px;
	text-align:center;
}
.what-make-section {
        padding: 70px 0px 40px 0px;
}
.purpal-border{
	border:2px solid #cfd4d6;
}

.purpal-border .overlay{
	background:#cfd4d6;
}

.red-border{
	border:2px solid #cfd4d6;
}

.red-border .overlay{
	background:#cfd4d6;
}

.menu-section {
    
    padding:0px 0px;
    z-index: 999;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    width: 100%;
}

.about-section{
	background:url(../images/about-bg.jpg) repeat;
	padding-top:80px;
	padding-bottom:100px;
}

.white{
	color:#706f6f;
}


.midd-section{
	position:relative;
	margin-bottom: 30px;
}

.midd-section h3 {
    position: absolute;
    bottom: 0;
    color: #fff;
    text-align: center;
    font-size: 30px;
    padding: 6px 0px;
    margin: 0px;
    /* background: rgba(0,0,0,0.5); */
    width: 100%;
    background: #06afee;
}

.skyblue-border .overlay{
	background:#cfd4d6;
}


.midd-section .image {
  display: block;
  width: 100%;
  height: auto;
  padding-bottom: 44px;
}

.overlay {
   position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
  background:rgba(0,0,0,0.5);
  text-align:center;
  padding:0px 20px;
}

.midd-section:hover .overlay {
   height: 100%;
}


.midd-section h4 {
    color: #fff;
    text-align: center;
    font-size: 24px;
    margin: 0px;
	margin-bottom:10px;
}

.midd-section p{
	color:#5a5757;
	text-align:center;
	font-size:20px;
	
}

.text {
    transform: translateY(30%);
	-webkit-transform: translateY(30%);
	-moz-transform: translateY(30%);
    -o-transform: translateY(30%);
	top: 50%;
}


.midd-section:hover h3{
	display:none;
}

/*.our-class-section img{
	width:100%;
}*/

.upcoming-event{
	background:url(../images/upcoming-bg.jpg);
	padding:50px 0px;
}

.latestnews-section{
	padding-top:60px;
	padding-bottom:90px;
}

.testimonial-section {
    background: url(../images/testimonial-bg.png) no-repeat;
    padding: 70px 0px;
    background-size: cover;
}

.skyblue-border{
	border:2px solid #cfd4d6;
}

.green-border{
	border:2px solid #cfd4d6;
}

.green-border .overlay{
	background:#cfd4d6;
}

.orange-border{
	border:2px solid #cfd4d6;
}

.orange-border  .overlay{
	background:#cfd4d6;
}


.blue-border{
	border:2px solid #cfd4d6;
}

.blue-border  .overlay{
	background:#cfd4d6;
}

.left-map {
    width: 32%;
    background: #363b91;
    padding: 66px 32px 149px 40px;
    float: right;
}
.right-map{
	width:68%;
	float:left;
}

.left-map ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

.left-map ul li{
	color:#fff;
	font-size:22px;
	position:relative;
	padding-left: 35px;
	margin-bottom:10px;
}

.left-map ul li a{
	color:#fff;
	font-size:20px;
}

.left-map ul li i{
	position:absolute;
	left:0px;
	color:#fff;
	font-size:20px;
	    top: 6px;
}


.left-map ul li:last-child{
	margin-bottom:0px;
}

.left-map ul li a:hover ,.left-map ul li a:focus{
	text-decoration:none;
}

.map-section {
    width: 100%;
    display: inline-block;
}

.footer-list {
    background: #5f6a6e;
	    padding: 20px 0px;
}

.footer {
    background: #dee1e2;
	padding:10px 0px;
}

.menu-list{
	margin:0px;
	padding:0px;
	list-style:none;
}

.social{
	margin:0px;
	padding:0px;
	list-style:none;
	float:right;
}

.social li{
	display:inline-block;
	margin-right:10px;
}

.social li a{
	background:#919da2;
	display:block;
	width:32px;
	height:32px;
	line-height:40px;
	text-align:center;
}

.social li a i{
	color:#fff;
	font-size:22px;
}

.menu-list li{
	display:inline-block;
	margin-right:15px;
}

.menu-list li a{
	color:#fff;
	font-size:20px;
}

.footer p{
	margin:0px;
	padding:0px;
	color:#333333;
	font-size:16px;
	text-align:center;
	font-weight:600;
	
}

.news-col {
    background: #fefefe;
    border: 1px solid #e6e6e6;
}

.news-col h3{
	color:#00b4ef;
	font-size:22px;
	margin-top:15px;
	margin-bottom:5px;
	padding-left:15px
}

.news-col p{
	color:#161616;
	font-size:16px;
	padding-left:15px;
}

.comman-btn {
    /* padding-left: 15px; */
    padding: 8px 35px;
    background: #fff;
    display: inline-block;
    text-align: center;
    color: #6ebb51;
    font-size: 18px;
    margin-top: 20px;
    border-radius: 40px;
}

.testimonial-row{
	width: 95%;
    /* background: #fff; */
    margin: 0 auto;
    border-radius: 15px;
    text-align: center;
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
	font-family: cursive;
}

.testimonial-row p {
    color: #fff;
    font-size:30px;
}

.testimonial-row b{
	font-size:28px;
	color:#fff;
	
}

/*.testimonial-row:after{
	content:"\f10d";
	font-family: FontAwesome;
	color:#fff;
	position:absolute;
	top:-22px;
	left:30px;
	font-size:35px;
}

.testimonial-row:before{
	content:"\f10e";
	font-family: FontAwesome;
	color:#fff;
	position:absolute;
	bottom:-22px;
	right:30px;
	font-size:35px;
}*/

.date-section{
	width:76%;
	margin:0 auto;
	display:block;
	text-align:center;
}

.date-col {
    width: 100px;
    height: 100px;
    background: #fff;
    text-align: center;
    line-height: 100px;
    margin: 0 auto;
    margin-bottom: 20px;
    border-radius: 100%;
	border:1px solid #363b91;
}

.date-col h3{
	margin: 0px;
	padding: 0px;
	font-size:45px;
	padding-top: 10px;
	color:#363b91;
}

.date-col h4{
	margin: 0px;
	padding: 0px;
	font-size:20px;
	color:#363b91;
}

.date-section p{
	color:#fff;
	margin:0px;
	font-size:22px;
	color:#363b91;
}
/* Added By Sandipan*/
.preloader{
opacity: 1;
visibility: visible;
background-color: #fff;
position: fixed;
inset: 0px;
z-index: 100000;
transition: all 0.3s ease 0s;
}
.pre_show {
    opacity: 1;
    visibility: visible;
    position: fixed;
    overflow: auto;
    z-index: 100001;
    transition: all 0.3s ease 0s;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    text-align: center;
    display: block;	
}
.pre_show div {
	display: inline-block;
    width: auto;
    opacity: 1;
    visibility: visible;
    outline: none;
    transition: all 0.3s ease 0s;
    text-align: left;
    position: relative;
    vertical-align: middle;
	top:40%;
}
/*-----*/ 


.main-section{
	position:relative;
}
.main-image{
	width:100%;
	margin: 0 auto;
	display:block;
	position:relative;
}

.dolphin {
    position: absolute;
    top: 244px;
    left: 236px;
	animation: MoveUpDown 2s linear infinite;
}

@keyframes MoveUpDown {
  0%, 100% {
    top:200px;
  }
  50% {
    top: 244px;
 }
}
 
 .whale{
	 position: absolute;
     bottom: 320px;
    right: 20px;
	animation: MoveLeftright 2s linear infinite;
}

@keyframes MoveLeftright {
  0%, 100% {
    bottom:280px;
  }
  50% {
    bottom:320px;
 }
}


 .shark{
	 position: absolute;
   top: 312px;
    right: 20px;
	animation: MoveLeftright2 1s linear infinite;
}

@keyframes MoveLeftright2 {
  0%, 100% {
    top:280px;
  }
  50% {
    top:312px;
 }
}


 .starfish{
	 position: absolute;
      top: 525px;
    right: 560px;
	animation: MoveLeftright3 2s linear infinite;
}

@keyframes MoveLeftright3 {
  0%, 100% {
    top:480px;
  }
  50% {
    top:525px;
 }
}

.turtle {
    position: absolute;
   bottom: 260px;
    left: 20px;
	animation: MoveUpDown5 3s linear infinite;
}

@keyframes MoveUpDown5 {
  0%, 100% {
    bottom:200px;
  }
  50% {
    bottom:260px;
 }
}

.our-class-section {
	background: #d1d1d1;
	/*background: -moz-linear-gradient(left, #e1e0df 0%, #a9a4a4 100%);
	background: -webkit-linear-gradient(left,  #e1e0df 0%,#a9a4a4 100%);
	background: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e0df', endColorstr='#a9a4a4',GradientType=1 );
    background: linear-gradient(to right,  #e1e0df 0%,#a9a4a4 100%);*/
    width: 100%;
    display: inline-block;
	padding:30px 0px;
}

.our-class-section ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

.our-class-section ul li{
	float:left;
	text-align:center;
	width:20%;
}

.our-class-section ul li img{
	border:4px solid #fff;
	border-radius: 50%;
	margin:0 auto;
	display:block;
	margin-bottom:10px;
}

.our-class-section h2{
	font-size:22px;
	margin:0px;
	padding:0px;
	margin-bottom:5px;
	color:#706f6f;
}


.our-class-section h4{
	font-size:16px;
	margin:0px;
	padding:0px;
	color:#706f6f;
}

.menu-section.menu-section-fixed {
    position: fixed;
    top: 0px;
    background: rgba(148, 149, 151,0.9)
}

.menu-section.menu-section-fixed .logo {
    position: absolute;
    top: 2px;
    width: 100px;
}
.menu-section.menu-section-fixed #cssmenu {
    background: transparent;
}
@media(max-width:1024px){
	.logo img{
    width: 65%;
    display: inline-block;
}

.menu-section.menu-section-fixed #cssmenu{
	margin-top:30px;
}

#cssmenu{
	margin-top:0px;
	position:absolute;
	width:100%;
	top:10px;
	left:0px;
	right:0px;
}
	.carousel-caption p {
    font-size: 25px;
}
.about-section h1{
	font-size:60px;
}

.read-more{
	font-size:20px;
	padding:8px 40px;
}
.comman-heading {
    font-size: 50px;
	margin-bottom:30px;
}

.midd-section h3{
	bottom: 0px;
    font-size: 24px;
    line-height: 24px;
}
.date-section {
    width: 82%;
}
.left-map {
    width: 32%;
    background: #03b2e7;
    padding:96px 20px;
}
.menu-div {
    position: absolute !important;
    width: 100% !important;
    display: inline-block;
    left: 0;
    right: 0;
    top: -25px;
}
#cssmenu ul {
    background: #949597;
	right: 15px;
}
#cssmenu{
	background:none !important;
}
.testimonial-section {
    padding: 35px 0px;
}
.logo-section {
    position: absolute !important;
    left: 0;
}
.menu-section.menu-section-fixed {
    background: #949597 !important;
    height: 71px;
}
.midd-section .image {
    padding-bottom: 35px;
}
}

@media(max-width:980px){
	.mobile {display:block;}
	.desktop {display:none;}
	.logo img {
    width: 55%;
}
.card-body blockquote.team-box.turtle-box h3 {text-align:center;}
#cssmenu {
    margin-top: 18px !important;
    top: 0;
}
.about-left img{
	width:100%;
	margin-bottom:30px;
}
.about-section h1 {
    font-size: 50px;
    margin-bottom: 30px;
}
.about-section {
    background: url(../images/about-bg.jpg)repeat;
    padding-top: 20px;
    padding-bottom: 40px;
}
.left-map {
    padding: 41px 20px;
}
.our-class-section ul li img{
	width:80%;
}
.testimonial-row p {
    font-size: 34px;
}
.social {
    margin: 0px;
    padding: 0px;
    list-style: none;
    float: none;
    margin: 0 auto;
    display: block;
    text-align: center;
}
.menu-section.menu-section-fixed {
    height: 60px;
}
.menu-section.menu-section-fixed #cssmenu{
	margin-top:38px !important;
}
}

@media(max-width:768px){
	.carousel-caption p {
    font-size: 16px;
}
.latestnews-section {
    padding-top: 30px;
    padding-bottom: 30px;
}	
.right-map{
	width:100%;
}
.left-map {
    padding:30px 20px;
	width:100%;
}
.left-map ul li ,.left-map ul li a {

	font-size:16px;
}
.modal-example-content {
    width: 90% !important;
}
.menu-list {
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: center;
}
.social {
    text-align: center;
    margin-top: 10px;
	float:none;
}
/*.our-class-section{
	display:none;
}*/
}

@media(max-width:767px){
	.logo {
    position: initial;
    top: 0;
}
.menu-section{
	top:15px;
}
#cssmenu {
    margin-top:20px !important;
}
.facl img {
    max-width: 100%;
	margin-bottom:20px !important;
}
.facl h3 {
   text-align:center;
}
}

@media(max-width:640px){
	.logo img {
    width:55%;
}
.menu-div {
    position: absolute !important;
    width: 100% !important;
    display: inline-block;
    left: 0;
    right: 0;
    top: 7px;
}
.about-section h1 {
    font-size: 44px;
    margin-bottom: 20px;
}

.comman-heading {
    font-size: 40px;
    margin-bottom: 20px;
}
.midd-section h3 {
    bottom: 0px;
    font-size:28px;
}
.testimonial-row p {
    font-size: 28px;
}
.menu-section.menu-section-fixed #cssmenu {
    margin-top: 5px !important;
}
}

@media(max-width:480px){
	.menu-div {
    top: 0px;
}
.carousel-caption{
	display:none;
}
.menu-list li a {
    color: #fff;
    font-size: 17px;
}
.testimonial-row {
    width: 100%;
}
.testimonial-row {
    width: 100%;
}
.our-class-section ul li {
    float: none;
    text-align: center;
    width: 32%;
    display: inline-table;
	margin-bottom:15px;
}
.our-class-section ul li:nth-child(4){
	margin-bottom:0px;
	margin-left: 16%;
}
.our-class-section ul li:nth-child(5){
	margin-bottom:0px;
}
.testimonial-row p {
    font-size: 24px;
}
.testimonial-row b {
    font-size: 22px;
}
.testimonial-section {
    padding:15px 0px;
}
.our-class-section h2 {
    font-size: 18px;
}
#cssmenu > ul > li > a{
	font-size:16px !important;
}
#cssmenu .submenu-button{
	height: 40px !important;
    width: 52px;
}
#cssmenu ul ul li a {
    padding: 10px 24px;
}
.menu-section.menu-section-fixed #cssmenu {
    margin-top: 14px !important;
}
}

@media(max-width:420px){
	
	.row.contact-form {
    width: 100%;
   
}
 
 .card-body blockquote.team-box.turtle-box h3,.card-body blockquote.team-box.dolphin-box h3,.card-body blockquote.team-box.starfish-box h3, .card-body blockquote.team-box.whale-box h3, .card-body blockquote.team-box.shark-box h3,.card-body blockquote.team-box.assist-box h3  {font-size:24px;}
 
 .mgmnt img {
    max-width: 100% !important;
    float: none !important;
}
 	
	.logo img {
    width:40%;
}
.menu-section.menu-section-fixed .logo {
    position: absolute;
    top: 8px;
    width: 114px;
}
}
.modal-example-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    background-color: #FFF !important;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px !important;
    outline: 0 none;
}

.modal-example-header {
    border-bottom: 1px solid #E5E5E5;
    padding: 15px;
}

    .modal-example-body p,
    .modal-example-header h4 {
        margin: 0;
    }

.modal-example-body {
    padding: 20px;
    overflow: auto;
}