/*! =========================================================
 *
 * Material Bootstrap UI
 *
 * =========================================================
 *  GENERAL MARGIN
 *  GENERAL PADDING
 *  BACKGROUNG COLORS
 *  FONT FAMILIES
 *  FONT COLORS
 * ========================================================= */

/*====================================
=            masonry Page            =
====================================*/
.info .info-title {
    color: #3C4858;
    margin: 22px 0 15px !important;
}
.trans-bg{
    background: rgba(0, 0, 0, 0.4);
}
.trans-bg h1{padding-top: 15px;}
.trans-bg h2{text-transform: capitalize}
label.error{
    color: red !important;
    font-size: 11px !important;
}
.alert p {color: #fff !important;}
.heading-1{font-size: 48px;}
.heading-2{font-size: 26px;}
.info-horizontal .icon > i {
    font-size: 1.6em !important;
}
.contact-c .info .info-title {
    color: #3C4858;
    margin: 22px 0 15px !important;
}

.contact-c .info-horizontal .icon {
    float: left;
     margin-top: 0px !important;
     margin-right: 10px !important;
}
.contact-c  info {
    max-width: 360px;
    margin: 0 auto;
     padding: 0 !important;
}
.contactus-1{
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.contact-image:after {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.8) !important;
}
.section-image:after {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    background-color: rgba(0, 0, 0, 0.8);
}
.custom-sec1{}
.custom-sec1 p.big-p{
    font-size: 22px;
    line-height: 36px;
    font-weight: bold;
    color: #b9b9b9;
}
.custom-sec1 .info-title{
    font-size: 28px;
    line-height: 14px;
}
.custom-sec1 span.hd-bar{
    display: block;
    background: #3783b9;
    height: 5px;
    width: 50px;
    margin-bottom: 20px;
}

.masonry.gutter{
    display: block;
    -webkit-column-gap: 1.2rem;
    -moz-column-gap: 1.2rem;
    column-gap: 1.2rem;
}
.masonry.no-gutter{
    display: block;
    -webkit-column-gap: 0rem;
    -moz-column-gap: 0rem;
    column-gap: 0rem;
}
.masonry.gutter .masonry-item{
    margin-bottom: 6px;
}
.masonry.no-gutter .masonry-item{
    margin-bottom: -4px;
}
/* 5 columns */
.masonry.masonry-columns-5{
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
}
@media(max-width: 1170px){
    .masonry.masonry-columns-5{
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }
}


/*-4 columns------*/
.masonry.masonry-columns-4{
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}

/*-3 columns------*/
.masonry.masonry-columns-3{
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

/*-2 columns------*/
.masonry.masonry-columns-2{
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

/*-1 columns------*/
.masonry.masonry-columns-1{
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}


/*--------Responsive---------*/
@media(max-width: 991px){
    .masonry.masonry-columns-4,
    .masonry.masonry-columns-5{
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

@media(max-width: 767px){
    .masonry.masonry-columns-4,
    .masonry.masonry-columns-5,
    .masonry.masonry-columns-3{
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media(max-width: 540px){
    .masonry.masonry-columns-4,
    .masonry.masonry-columns-5,
    .masonry.masonry-columns-3,
    .masonry.masonry-columns-2{
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

.masonry .masonry-item {
    display: inline-block;
    width: 100%;
    padding: 0;
    transition: all 0.4s ease-in-out; }


/*=====  End of masonry Page  ======*/
.pt-150{
    padding-top: 150px;
}
.brand-bg{
    background: #0c5386;
}
.cta-text span i{
    position: relative;
    top: 5px;
}

.cta-btn{
   margin: 30px 0 !important;
}

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

.pt-70{
    padding-top: 70px;
}
.m-5 {
    margin: 5px;
}

.m-10 {
    margin: 10px;
}

.m-15 {
    margin: 15px;
}

.m-20 {
    margin: 20px;
}

.m-30 {
    margin: 30px;
}

.m-40 {
    margin: 40px;
}

.m-50 {
    margin: 50px;
}

.m-60 {
    margin: 60px;
}

.m-70 {
    margin: 70px;
}

.m-80 {
    margin: 80px;
}

.m-90 {
    margin: 90px;
}

.m-100 {
    margin: 100px;
}

.mt-20 {
    margin-top: 20px;
}

.mtb-5 {
    margin: 5px 0px;
}

.mtb-10 {
    margin: 10px 0px;
}

.mtb-15 {
    margin: 15px 0px;
}

.mtb-20 {
    margin: 20px 0px;
}

.mtb-30 {
    margin: 30px 0px;
}

.mtb-40 {
    margin: 40px 0px;
}

.mtb-50 {
    margin: 50px 0px;
}

.mtb-60 {
    margin: 60px 0px;
}

.mtb-70 {
    margin: 70px 0px;
}

.mtb-80 {
    margin: 80px 0px;
}

.mtb-90 {
    margin: 90px 0px;
}

.mtb-100 {
    margin: 100px 0px;
}

.mlr-5 {
    margin: 0px 5px;
}

.mlr-10 {
    margin: 0px 10px;
}

.mlr-15 {
    margin: 0px 15px;
}

.mlr-20 {
    margin: 0px 20px;
}

.mlr-30 {
    margin: 0px 30px;
}

.mlr-40 {
    margin: 0px 40px;
}

.mlr-50 {
    margin: 0px 50px;
}

.mlr-60 {
    margin: 0px 60px;
}

.mlr-70 {
    margin: 0px 70px;
}

.mlr-80 {
    margin: 0px 80px;
}

.mlr-90 {
    margin: 0px 90px;
}

.mlr-100 {
    margin: 0px 100px;
}

.no-padding {
    padding: 0;
}

.p-5 {
    padding: 5px;
}

.p-10 {
    padding: 10px;
}

.p-15 {
    padding: 15px;
}

.p-20 {
    padding: 20px;
}

.p-30 {
    padding: 30px;
}

.p-40 {
    padding: 40px;
}

.p-50 {
    padding: 50px;
}

.p-60 {
    padding: 60px;
}

.p-70 {
    padding: 70px;
}

.p-80 {
    padding: 80px;
}

.p-90 {
    padding: 90px;
}

.p-100 {
    padding: 100px;
}

.ptb-5 {
    padding: 5px 0px;
}

.ptb-10 {
    padding: 10px 0px;
}

.ptb-15 {
    padding: 15px 0px;
}

.ptb-20 {
    padding: 20px 0px;
}

.ptb-30 {
    padding: 30px 0px;
}

.ptb-40 {
    padding: 40px 0px;
}

.ptb-50 {
    padding: 50px 0px;
}

.pb-50 {
    padding-bottom: 50px;
}

.ptb-60 {
    padding: 60px 0px;
}

.ptb-70 {
    padding: 70px 0px !important;
}

.ptb-80 {
    padding: 80px 0px;
}

.ptb-90 {
    padding: 90px 0px;
}

.ptb-100 {
    padding: 100px 0px;
}

.plr-5 {
    padding: 0px 5px;
}

.plr-10 {
    padding: 0px 10px;
}

.plr-15 {
    padding: 0px 15px;
}

.plr-20 {
    padding: 0px 20px;
}

.plr-30 {
    padding: 0px 30px;
}

.plr-40 {
    padding: 0px 40px;
}

.plr-50 {
    padding: 0px 50px;
}

.plr-60 {
    padding: 0px 60px;
}

.plr-70 {
    padding: 0px 70px;
}

.plr-80 {
    padding: 0px 80px;
}

.plr-90 {
    padding: 0px 90px;
}

.plr-100 {
    padding: 0px 100px;
}

.purple-section {
    background: rgba(84, 0, 163, 1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(84, 0, 163, 1) 0%, rgba(98, 27, 107, 1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(84, 0, 163, 1)), color-stop(100%, rgba(98, 27, 107, 1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(84, 0, 163, 1) 0%, rgba(98, 27, 107, 1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(84, 0, 163, 1) 0%, rgba(98, 27, 107, 1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(84, 0, 163, 1) 0%, rgba(98, 27, 107, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(84, 0, 163, 1) 0%, rgba(98, 27, 107, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#5400a3', endColorstr='#621b6b', GradientType=1);
}

.yellow-section {
    background: rgba(249, 183, 2, 1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(249, 183, 2, 1) 0%, rgba(230, 129, 6, 1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(249, 183, 2, 1)), color-stop(100%, rgba(230, 129, 6, 1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(249, 183, 2, 1) 0%, rgba(230, 129, 6, 1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(249, 183, 2, 1) 0%, rgba(230, 129, 6, 1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(249, 183, 2, 1) 0%, rgba(230, 129, 6, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(249, 183, 2, 1) 0%, rgba(230, 129, 6, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f9b702', endColorstr='#e68106', GradientType=1);
}

.red-section {
    background: rgba(183, 32, 12, 1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(183, 32, 12, 1) 0%, rgba(111, 14, 1, 1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(183, 32, 12, 1)), color-stop(100%, rgba(111, 14, 1, 1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(183, 32, 12, 1) 0%, rgba(111, 14, 1, 1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(183, 32, 12, 1) 0%, rgba(111, 14, 1, 1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(183, 32, 12, 1) 0%, rgba(111, 14, 1, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(183, 32, 12, 1) 0%, rgba(111, 14, 1, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#b7200c', endColorstr='#6f0e01', GradientType=1);
}

.green-section {
    background: rgba(56, 105, 6, 1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(56, 105, 6, 1) 0%, rgba(39, 75, 2, 1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(56, 105, 6, 1)), color-stop(100%, rgba(39, 75, 2, 1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(56, 105, 6, 1) 0%, rgba(39, 75, 2, 1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(56, 105, 6, 1) 0%, rgba(39, 75, 2, 1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(56, 105, 6, 1) 0%, rgba(39, 75, 2, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(56, 105, 6, 1) 0%, rgba(39, 75, 2, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#386906', endColorstr='#274b02', GradientType=1);
}

.maroon-section {
    background: rgba(140, 17, 29, 1);
    background: -moz-linear-gradient(left, rgba(140, 17, 29, 1) 0%, rgba(181, 31, 49, 1) 51%, rgba(140, 17, 29, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(140, 17, 29, 1)), color-stop(51%, rgba(181, 31, 49, 1)), color-stop(100%, rgba(140, 17, 29, 1)));
    background: -webkit-linear-gradient(left, rgba(140, 17, 29, 1) 0%, rgba(181, 31, 49, 1) 51%, rgba(140, 17, 29, 1) 100%);
    background: -o-linear-gradient(left, rgba(140, 17, 29, 1) 0%, rgba(181, 31, 49, 1) 51%, rgba(140, 17, 29, 1) 100%);
    background: -ms-linear-gradient(left, rgba(140, 17, 29, 1) 0%, rgba(181, 31, 49, 1) 51%, rgba(140, 17, 29, 1) 100%);
    background: linear-gradient(to right, rgba(140, 17, 29, 1) 0%, rgba(181, 31, 49, 1) 51%, rgba(140, 17, 29, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#8c111d', endColorstr='#8c111d', GradientType=1);
}

.skyblue-section {
    background: rgba(23, 94, 129, 1);
    background: -moz-linear-gradient(left, rgba(23, 94, 129, 1) 0%, rgba(86, 161, 173, 1) 51%, rgba(23, 94, 129, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(23, 94, 129, 1)), color-stop(51%, rgba(86, 161, 173, 1)), color-stop(100%, rgba(23, 94, 129, 1)));
    background: -webkit-linear-gradient(left, rgba(23, 94, 129, 1) 0%, rgba(86, 161, 173, 1) 51%, rgba(23, 94, 129, 1) 100%);
    background: -o-linear-gradient(left, rgba(23, 94, 129, 1) 0%, rgba(86, 161, 173, 1) 51%, rgba(23, 94, 129, 1) 100%);
    background: -ms-linear-gradient(left, rgba(23, 94, 129, 1) 0%, rgba(86, 161, 173, 1) 51%, rgba(23, 94, 129, 1) 100%);
    background: linear-gradient(to right, rgba(23, 94, 129, 1) 0%, rgba(86, 161, 173, 1) 51%, rgba(23, 94, 129, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#175e81', endColorstr='#175e81', GradientType=1);
}

.voilet-section {
    background: rgba(70, 67, 112, 1);
    background: -moz-linear-gradient(left, rgba(70, 67, 112, 1) 0%, rgba(178, 95, 114, 1) 51%, rgba(70, 67, 112, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(70, 67, 112, 1)), color-stop(51%, rgba(178, 95, 114, 1)), color-stop(100%, rgba(70, 67, 112, 1)));
    background: -webkit-linear-gradient(left, rgba(70, 67, 112, 1) 0%, rgba(178, 95, 114, 1) 51%, rgba(70, 67, 112, 1) 100%);
    background: -o-linear-gradient(left, rgba(70, 67, 112, 1) 0%, rgba(178, 95, 114, 1) 51%, rgba(70, 67, 112, 1) 100%);
    background: -ms-linear-gradient(left, rgba(70, 67, 112, 1) 0%, rgba(178, 95, 114, 1) 51%, rgba(70, 67, 112, 1) 100%);
    background: linear-gradient(to right, rgba(70, 67, 112, 1) 0%, rgba(178, 95, 114, 1) 51%, rgba(70, 67, 112, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#464370', endColorstr='#464370', GradientType=1);
}


.home-projects {
    color: #fff !important;
}