/******* Home Banner ********/
.banner .carousel-inner, .carousel-item { position:relative}
.banner .bnr-overlay { position:absolute; top:0px; bottom:0px; left:0px; right:0px; background: rgb(3,157,216); background: linear-gradient(0deg, rgba(3,157,216,0.5) 0%, rgba(109,5,205,0.5) 100%); z-index:999}
.banner .carousel-caption { position: absolute; top:60%; left: 0%; right: 0; bottom:0%; transform: translateY(0%); z-index:99999 }
.banner .carousel-inner img {width:100%}

.probox img:hover {
    transform: scale(1.2);
}
.probox img {
    transition: all .2s ease-in-out;
}

div#comments {
    display: none;
}

footer.bg-secondary {
    clear: both;
}
.services h3, .services h5, .services h6 {font-family:"Nirmala UI", sans-serif; font-weight:400; line-height:1.3;}

.carousel-caption.text-center.container h3 {
    text-shadow: 2px 2px #000;
}

.fxhead{
	position: relative;
    left: 60px;
}

/******* Grid ***************/
.grid-list .row > div figure {position:relative;}
.grid-list .row > div {overflow:hidden;}
.grid-list .row > div figure figcaption{position: absolute; top:40%; left:5%; right:5%; margin:auto; transform: translateY(0%); z-index:99999 }
.grid-list .row > div figure figcaption h5{background:rgba(0,0,0,0.4); border:1px solid #fff; text-transform:uppercase;}
.grid-list h6 {font-size:24px;}
.grid-list .btn {border:2px solid #fff !important; box-shadow:5px 5px 10px rgba(0,0,0,0.4)}
.grid-list .btn:hover {background:#ff0000; color:#fff; box-shadow:10px 10px 10px rgba(0,0,0,0.7)}
.grid-list .btn:hover svg {color:#fff;}

.red-block {min-height:460px; position:relative; height:100%;}
.red-block .txt { position: absolute; top:32%; left: 0%; right: 0; bottom:0%; transform: translateY(0%); z-index:99999}
.txt-2x {font-size:60px; line-height:1}

/******* CMS ***************/
.section-padding { padding-top:90px; padding-bottom:90px;}
.section-bottom-padding { padding-top:0px; padding-bottom:90px;}
.cms h1 { font-size:2.5rem;}

/* Custom Button */
.custom-btn {
  cursor: pointer;
  transition: all .3s ease;
  position: relative;
  outline: none;
}
/* Button 3 */
.btn-3 {
  border: none;
  box-shadow:10px 10px 10px rgba(0,0,0,0.4);
}

.text-center.text-black.probox {
    min-height: 700px;
}

.btn-3:before,.btn-3:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  background: rgba(255,0,0,1);
  transition: all 0.3s ease;
}
.btn-3:before {
  height: 0%;
  width: 1px;
}
.btn-3:after {
  width: 0%;
  height: 1px;
}
.btn-3:hover{
  background: transparent;
  box-shadow:0px 0px 30px rgba(255,0,0,0.7)
}
.btn-3:hover:before {
  height: 100%;
}
.btn-3:hover:after {
  width: 100%;
}

.alignleft {float: left;margin-right: 1.5rem;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignright {float: right;margin-left: 1.5rem;}
.contact-box .input-group {display:block!important;}

/********** Breadcrumb *************/
.breadcrumb { font-weight:600;}
.breadcrumb a{ color:#fff; text-decoration:underline !important;}
.breadcrumb a:hover{ text-decoration:none !important;}

/********** Testimonials ***************************************************************************************************/
.testimonials {background:url(../images/bg-testimonials.jpg) no-repeat center center; background-size:cover; position:relative; min-height:640px}
.testimonials .quote {position: absolute; top:10%; left:0%; right:0%; width:100%; bottom:0%; transform: translateY(0%);}

.testimonials .quote p {
    margin-bottom: 20px;
	font-family: "Tinos", serif;
}

.home-contact h2 {font-size:48px;}

/********** Footer *************/
footer {color:#fff; font-size:14px;}
footer a, footer a:hover {color:#fff;}
footer .copyright { font-size:14px; }
footer .social { color:#fff; font-size:18px; }
footer .section-padding { padding-top:60px; padding-bottom:60px;}
footer .btm-links {border-top:1px solid #07315e; border-bottom:1px solid #07315e}
footer .btm-links a{ margin-right:30px;}

/*************************************************************************************************************/
@media (min-width: 767.98px) {}
@media (min-width: 1920px) {}
@media (min-width: 1200px) {}
@media (max-width: 1459.98px) {}
@media (min-width: 1199.98px) and (max-width: 1359.98px) {}
@media (min-width: 991.98px) and (max-width: 1499.98px) {
.banner .carousel-caption {top:54%;}
}
@media (max-width: 1199.98px) {
.banner .carousel-caption h1 { font-size:42px;}
.section-padding { padding-top:60px; padding-bottom:60px;}
.banner .carousel-caption br {display:none}
}

@media (max-width: 991.98px) {
.banner .carousel-caption h3 {color:#222; font-size:30px; text-shadow:none !important;}
.banner .carousel-caption .btn {box-shadow:none !important;}
footer .row >  div > div { min-height:auto;}
.btn-arrow {padding:15px 25px !important;}
.btn, .btn-2x{padding:20px 30px;}
.red-block {min-height:160px;}
.red-block br{display:none}
p{font-size:16px;}
.carousel-item { float:none; }
.carousel-caption *, .carousel-caption h1 { }
.banner .carousel-caption { position: static; top:0; transform: translate(0%); }
header, .banner { position:static; }
.banner .carousel-caption { transform: translateY(0%); }
h1 {font-size:48px;}
h2 {font-size:36px;}
h3 {font-size:32px;}
h4 {font-size:24px;}
h5 {font-size:20px;}
h6 {font-size:16px;}
h1, h2, h3, h4, h5, h6 { line-height:1.2;}
.grid-list .row > div figure figcaption{min-height:auto;}
}

/******************************* width-ipad ***************************************/
@media (max-width:767.98px){
	.img-block{order:2}
	.txt-block{order:1}
	.testimonials .quote {top:30%; left:0%; right:0%;}
	.alignleft, .alignright {margin: auto!important;width: 100%;float: unset !important;}
}

@media (max-width: 575.98px){}

@media (max-width: 320px){}