@-webkit-keyframes fa-spin {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg); }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg); } }



@keyframes fa-spin {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg); }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg); } }







@media only screen and (min-width:300px) and (max-width:599px) {

    .holderCircle {/* width: 300px; height: 300px;*/ margin: 110px auto; }

    .holderCircle::after { width: 100%; height: 100%; }

    .dotCircle { width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }

}

.title-box .title { font-weight: 600; letter-spacing: 2px; position: relative; z-index: -1; }

.title-box span { text-shadow: 0 10px 10px rgba(0, 0, 0, .15); font-weight: 800; color: rgba(200,0,150,1); }

.title-box p {font-size: 17px; line-height: 2em; }



/* Extra small devices (phones, 600px and down) */

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

    .testimonial-section{

        width:600px

    }



    .notice-card{

        width:300px;

        height: 350px;



    }



    .hideable{

        visibility: hidden;

        height: 0px;

    }



    .module3{

        width: 180px;

        margin: 0 0 1em 0;

        overflow: hidden;

    }



    .module3 p {

        margin-left: 10px;

        margin-right: 10px;

        text-align: justify;

        color: gray;

        font-weight: bold;

    }

}



/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 600px) {

    .testimonial-section{

        width:600px

    }



    .hideable{

        visibility: visible;

        height: 0px;

    }



    .notice-card{

        width:300px;

        height: 350px;

        padding-left: 5px;

        padding-right: 5px;

    }



    .hideable{

        visibility: hidden;

        height: 100px;

    }



    .module3{

        width: 180px;

        margin: 0 0 1em 0;

        overflow: hidden;

    }



    .module3 p {

        margin-left: 10px;

        margin-right: 10px;

        text-align: justify;

        color: gray;

        font-weight: bold;

    }

}



/* Medium devices (landscape tablets, 768px and up) */

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

    .testimonial-section{

        width:700px

    }



    .notice-card{

        width:400px;

        height: 350px;

        padding-top:10px;

        padding-left: 5px;

        padding-right: 5px;

    }



    .module3{

        width: 200px;

        margin: 0 0 1em 0;

        overflow: hidden;

    }



    .module3 p {

        margin-left: 10px;

        margin-right: 10px;

        text-align: justify;

        color: gray;

        font-weight: bold;

    }



    .hideable{

        visibility: visible;

        height: 100px;

    }

}



/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (min-width: 992px) {

    .testimonial-section{

        width:900px

    }



    .notice-card{

        width:600px;

        height: 350px;

        padding-top:10px;

        padding-left: 5px;

        padding-right: 5px;

    }



    .module3{

        width: 300px;

        margin: 0 0 1em 0;

        overflow: hidden;

    }



    .module3 p {

        margin-left: 10px;

        margin-right: 10px;

        text-align: justify;

        color: gray;

        font-weight: bold;

    }



    .hideable{

        visibility: visible;

        height: 100px;

    }

}



/* Extra large devices (large laptops and desktops, 1200px and up) */

@media only screen and (min-width: 1200px) {





    .testimonial-section{

        width:1200px

    }



    .notice-card{

        width:800px;

        height: 350px;

        padding-top:10px;

        padding-left: 5px;

        padding-right: 5px;

    }



    .module3{

        width: 370px;

        margin: 0 0 1em 0;

        overflow: hidden;

    }



    .module3 p {

        margin-left: 10px;

        margin-right: 10px;

        text-align: justify;

        color: gray;

        font-weight: bold;

    }



    .hideable{

        visibility: visible;

        height: 100px;

    }

}



.rotate{

    position: relative;

    animation: rotation 4s infinite linear;

    margin-right: 10px;

}



@keyframes rotation {

    from {

        transform: rotateY(0deg);

    }

    to {

        transform: rotateY(359deg);

    }

}



.large-container {

    position: static;

    max-width: 1580px;

    padding: 0px 30px;

    margin: 0 auto;

}



.testimonial-section{

    position: relative;

}

.testimonial-section .testimonial-carousel{

    position: relative;



    margin: 0 -50px;

}



.testimonial-block{

    position: relative;

    left: 18%;

    padding: 50px;

}



.testimonial-block .inner-box{

    padding: 80px 105px;

    background-color:#ffffff;

    box-shadow: 0 0 50px rgba(226,222,232,0.75);

}



.testimonial-block .text{

    position: relative;

    display: block;

    font-size: 18px;

    line-height: 32px;

    color: #282331;

    font-weight: 400;

    margin-bottom: 50px;

    font-family: "Muli", sans-serif;

}



.testimonial-block .info-box{

    position: relative;

    padding-left: 115px;

    padding-top: 10px;

}



.testimonial-block .info-box .thumb{

    position: absolute;

    left: 0;

    top: 0;

    height: 82px;

    width: 82px;

}



.testimonial-block .info-box .thumb img{

    border: 6px solid #e5e6fa;

    border-radius: 50%;

    overflow: hidden;

    display: block;

    width: 100%;



}



.testimonial-block .info-box .name{

    position: relative;

    display: block;

    font-size: 21px;

    line-height: 1.2em;

    color: #382c4d;

    font-weight: 700;

    margin-bottom: 10px;

    font-family: "Niramit", sans-serif;

}



.testimonial-block .info-box .designation{

    position: relative;

    display: block;

    font-size: 16px;

    line-height: 24px;

    color: #8053f7;

    font-weight: 400;

    font-family: "Muli", sans-serif;

}



.testimonial-carousel .owl-nav{

    position: absolute;

    right: 75px;

    bottom: 70px;

}



.testimonial-carousel .owl-next,

.testimonial-carousel .owl-prev{

    position: relative;

    display: inline-block;

    height: 75px;

    width: 75px;

    line-height: 75px;

    text-align: center;

    border-radius: 50%;

    background-color:#ffffff;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}







.arrow-right,

.arrow-left{

    position: relative;

    display: inline-block;

    height: 9px;

    width: 43px;

    background-image: url(http://t.commonsupport.com/adro/images/icons/arrow-left-2.png);

    background-repeat: no-repeat;

    background-position: center;

}



.arrow-right{

    background-image: url(http://t.commonsupport.com/adro/images/icons/arrow-right-2.png);

}



.testimonial-section .thumb-layer{

    position: absolute;

    right: 30px;

    top: 120px;

}



.testimonial-section .thumb-layer .image{

    position: relative;

    margin-right: 0;

}



.testimonial-section .thumb-layer .image img{

    display: inline-block;

    max-width: 100%;

    height: auto;

}