

@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,900|Roboto:400,400i,500,700,900|Ubuntu:400,400i,500,700&display=swap');


/*
font-family: 'Ubuntu', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Roboto', sans-serif;
*/


*{
	padding: 0;
	margin: 0;
	font-family: 'Lato', sans-serif;
    color: #fff;
}

h1,h2, h3, h4, h5, h6{
	font-family: 'Roboto', sans-serif
}


/*----------header-area------------*/


.container-fluid.full-body-fld {
    background: transparent url(images/CWWPromote_BG.jpg) repeat scroll 0% 0%;
    min-height: 100%;
}

.container-info-cl {
    padding-top: 70px;
    margin: auto;
    padding-bottom: 45px;
}

.content-info-cl {
    padding: 0 30px !important;
}

.content-info-img img {
    width: 195px;
}

.content-info-hd h2 {
    color: #ffcf40;
    font-size: 1.5em;
    line-height: 1.5em;
    padding: 30px 0 15px;
}

.content-info-hd p {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 24px;
}

.content-info-hd p.link a{
    color: #ffcf40;
}

.content-info-hd p.link a:hover{
    color: #ffcf40;
    text-decoration: none;
}

/*------right content-----*/

.content-info-img-rt {
    text-align: center;
}

.content-info-btn-img {
    text-align: center;
    padding: 30px 25px;
}

.content-info-call-rt {
    text-align: center;
    padding: 0 30px;
    font-weight: bold;
    padding-bottom: 12px;
}

p.rt-txt {
    color: #ffcf40;    
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    padding-bottom: 10px;
}

.content-info-so {
    text-align: center;
    padding-bottom: 24px;
}

.content-info-so p {
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
}

.content-info-so img.img-fluid {
    width: 50px;
    margin: 2px;
}

.content-info-add p{
    text-align: center;
    margin-bottom: 0 !important;
}

p.add-nm {
    color: #ffcf40;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
}

.content-info-add .add-link a{
    color: #ffcf40;
    font-size: 13px;
}

.content-info-add .add-link a:hover{
    color: #ffcf40;
    text-decoration: none;
}

.add-btm{
    font-size: 13px;
    padding-top: 5px;
    margin-bottom: 5px;
}





/*------Footer info-----*/

.footer-info {
    text-align: center;
    padding: 60px 0 25px;
}

.footer-info a {
    color: #FFCF40;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}

.footer-info a:hover {
    color: #FFCF40;
    text-decoration: none;
}

.footer-info-twooo p {
    margin-bottom: 0rem !important;
    padding-bottom: 2px;
    color: #fff;
    font-size: 12px;
}


/*
===================Responsive=========================
*/



/*
===================1401=========================


@media(min-width: 1401px){


}

*/

/*
===================1200-1400=========================

@media(min-width: 1200px) and (max-width:1400px ){



}
*/



@media(min-width: 1200px){


}




/*
===================992/1199=========================
*/

@media(min-width: 992px) and (max-width:1199px ){




}

/*
===================768/991=========================
*/

@media(min-width: 768px) and (max-width:991px ){



}

/*
===================575/767=========================
*/

@media(min-width: 576px) and (max-width:767px ){

.content-info-img img {
    width: 125px;
}

.content-info-hd {
    text-align: center;
}

.footer-info {
    text-align: center;
    padding: 10px 0 10px;
}

.footer-info-twooo p {
    text-align: center;
}

}


/*
===================480/574=========================
*/


@media(min-width: 480px) and (max-width:575px ){


.content-info-img img {
    width: 125px;
}

.content-info-hd {
    text-align: center;
}

.footer-info {
    text-align: center;
    padding: 10px 0 10px;
}

.footer-info-twooo p {
    text-align: center;
}


}


/*
===================320/479=========================
*/

@media(min-width: 320px) and (max-width:479px ){
p, h1, h2, h3, h4, h5, h6, a, span{
    word-break: break-word;
} 

.container-info-cl {
    padding-top: 50px;
}

.content-info-cl {
    padding: 0 5px !important;
}

.content-info-img {
    text-align: center;
}

.content-info-img img {
    width: 125px;
}

.content-info-hd {
    text-align: center;
}

.content-info-hd h2 {
    font-size: 1.3em;
}

.content-info-call-rt {
    padding: 0 0px;
}

p.rt-txt {
    font-size: 18px;
    padding-bottom: 0px;
}

.footer-info {
    text-align: center;
    padding: 10px 0 10px;
}

.footer-info-twooo p {
    text-align: center;
}

}
	

