.pt-call-to-action {


    width: 100%;


    height: auto;


    display: block;


    padding: 30px;


    font-size: 16px;


    color: #4d4d4d;


    font-weight: 400;


    line-height: 27px;


    margin: 0 auto;


}





.pt-call-to-action p {


    margin-bottom: 10px;


}





.pt-call-to-action .title {


    font-size: 36px;


    font-weight: 600;


    line-height: 36px;


    margin-bottom: 10px;


    text-transform: capitalize;


    font-style: normal;


}





.pt-call-to-action.call-to-action-center {


    text-align: center;


}





.pt-call-to-action.call-to-action-right {


    text-align: right;


}





.pt-call-to-action.call-to-action-left {


    text-align: left;


}





.pt-call-to-action.bg-lite {


    background: #f4f4f4;


}





.pt-call-to-action.bg-img {


    background-image: url('../img/bg.jpg');


    background-repeat: no-repeat;


    background-position: center;


    background-size: cover;


    position: relative;


    z-index: 20;


    z-index: -1;


    background: rgb(233 233 233 / 0%);


}





.pt-call-to-action.bg-img .icon {


    color: #fff;


}





.pt-call-to-action.bg-img:after {


    content: "";


    position: absolute;


    width: 100%;


    height: 100%;


    top: 0px;


    left: 0px;


    z-index: 10;


    background-color: transparent;


}





.pt-call-to-action.bg-img.bg-fixed {


    background-attachment: fixed;


    background-position: center center;


}





.pt-call-to-action.bg-img .title {


    color: rgba( 255, 255, 255, 0.9);


}








/* Cta Flex */





.pt-call-to-action.call-to-action-flex,


.pt-call-to-action.call-to-action-icon-flex {


    display: flex;


    justify-content: space-between;


    align-items: flex-start;


}








/* Cta Icon Flex */





.pt-call-to-action.call-to-action-icon-flex .icon {


    flex-grow: 1;


    font-size: 80px;


    text-align: left;


    line-height: 130px;


}





.pt-call-to-action.call-to-action-icon-flex .action {


    flex-grow: 1;


    text-align: right;


    padding-top: 22px;


    flex-basis: 22%;


}





.pt-call-to-action.call-to-action-icon-flex .content {


    flex-grow: 1;


    padding: 0px 30px;


}








/* Cta Flex */





.pt-call-to-action.call-to-action-flex .content {


    padding: 0px 15px;


    flex-grow: 1;


}





.pt-call-to-action.call-to-action-flex .action {


    flex-grow: 1;


    text-align: right;


    padding-top: 25px;


    flex-basis: 23%;


}








/* Cta Button */





.pt-call-to-action .call-to-action-button {


    position: relative;


    display: inline-block;


    padding: 12px 30px;


    background: #f9f9f9;


    font-size: 16px;


    text-decoration: none;


    color: #4d4d4d;


    -webkit-transition: .5s;


    -ms-transition: .5s;


    transition: .5s;


    -webkit-box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.2);


    -ms-box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.2);


    box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.2);


    margin-right: 10px;


    margin-top: 10px;


    z-index: 0;


    overflow: hidden;


}





.pt-call-to-action .call-to-action-button:last-child {


    margin-right: 0px;


}





.pt-call-to-action .call-to-action-button:focus {


    outline: none;


}








/* Hover */





.pt-call-to-action .call-to-action-button:hover {


    color: #fff;


    background: #3F51B5;


    -webkit-box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.1);


    -ms-box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.1);


    box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.1);


}








/* Cta Button effect 1 */





.pt-call-to-action .call-to-action-button.effect-1:after {


    content: "";


    position: absolute;


    width: 100%;


    height: 100%;


    background: #3F51B5;


    top: 0px;


    left: 0px;


    transform: translateY(-100%);


    -webkit-transform: translateY(-100%);


    -ms-transform: translateY(-100%);


    z-index: -1;


    -webkit-transition: .5s;


    -ms-transition: .5s;


    transition: .5s;


    color: #fff;


}





.pt-call-to-action .call-to-action-button.effect-1:hover::after {


    -webkit-transform: translateY(0);


    -ms-transform: translateY(0);


    transform: translateY(0);


}








/* Cta Button effect 2 */





.pt-call-to-action .call-to-action-button.effect-2:after {


    content: "";


    position: absolute;


    width: 100%;


    height: 100%;


    background: #3F51B5;


    top: 0px;


    left: 0px;


    z-index: -1;


    -webkit-transition: .5s;


    -ms-transition: .5s;


    transition: .5s;


    color: #fff;


    -webkit-transform: translateX(-100%);


    transform: translateX(-100%);


}





.pt-call-to-action .call-to-action-button.effect-2:hover::after {


    -webkit-transform: translateX(0);


    transform: translateX(0);


}








/* Media Queries */





@media only screen and (max-width: 768px) {


    .pt-call-to-action.call-to-action-flex,


    .pt-call-to-action.call-to-action-icon-flex {


        flex-wrap: wrap;


    }


    .pt-call-to-action .title {


        font-size: 28px;


        line-height: 36px;


        margin-top: 0px;


    }


    .pt-call-to-action.call-to-action-icon-flex .icon {


        flex-grow: 1;


        font-size: 48px;


        line-height: 90px;


        text-align: center;


    }


    .pt-call-to-action.call-to-action-flex .content,


    .pt-call-to-action.call-to-action-icon-flex .content {


        flex-grow: 1;


        text-align: center;


        padding: 0px;


    }


    .pt-call-to-action.call-to-action-flex .action,


    .pt-call-to-action.call-to-action-icon-flex .action {


        text-align: center;


        padding-top: 0px;


    }


    .pt-call-to-action .call-to-action-button {


        padding: 12px 25px;


    }


}





@media only screen and (max-width: 360px) {


    .pt-call-to-action {


        font-size: 14px;


        line-height: 26px;


    }


    .pt-call-to-action .call-to-action-button {


        padding: 4px 20px;


        font-size: 12px;


    }


    .pt-call-to-action .title {


        font-size: 20px;


        line-height: 30px;


    }


}