*{
    font-family: 'Roboto', sans-serif;

}
p{
    font-size: 20px;
    font-weight: 300;
}
h1{
    display: table;
    padding-bottom: 10px;
    border-bottom:3px dashed #ff1818;
    
}
.logo{
    width: 100%;
    padding: 15px 0px;
}
.navbar{
    margin: 0px;
    vertical-align: middle;
    border: none;
}
.insideNavBar{
    background-color:#3b61b9;
    border-radius:10px;
    border: 3px solid #3b61b9; 
}
.nav li a{
    font-size: 18px;
    color: white;
    text-transform: uppercase;
    font-weight: 300;
}
.nav li.active{
    background-color: #23d5ae;

}
.nav > li:hover,.nav > li a:hover{
        background-color: #23d5ae;
               -webkit-box-shadow: 9px 17px 49px -17px rgba(35,213,174,1);
-moz-box-shadow: 9px 17px 49px -17px rgba(35,213,174,1);
box-shadow: 9px 17px 49px -17px rgba(35,213,174,1);
}
.nav > li a:visited{
    background-color: #23d5ae;
}
.whatIs{
    width: 100%;
    display: block;
    background-color: #3b61b9;
}
.whatIsInside{
    color: white;
    /*background: url(../images/icon.png) top right no-repeat;
    background-size: 175px; */
}
.topicHeader h1{
    font-weight: 300;

}
.topicDetail p{
    text-align: justify;
}
.feature{
        width: 100%;
    display: block;
    background-color: #3b61b9;
}
.featureInside{
    color: white;
}
/*.whyThisInside{
    background: url(../images/icon.png) top right no-repeat;
    background-size: 175px;
}*/
ul.sideBySide
{
    display: inline-block;
}
ul.sideBySide li{
    display: table;
    float: left;
    width: 50%;
}
.readMoreButton{
    background-color: #3b61b9;
    border: 1px solid #23d5ae;
    border-radius: 15px;
    display: table;
    float: right;
    margin: 0px 30px 20px 0px;
}
.readMoreButton:hover{
    background-color:#23d5ae ;
    border: 1px solid #3b61b9;
}
.readMoreButton h4{
    text-align: right;
}
.readMoreButton h4 a{
    color: white;
    padding: 15px 10px;
    
}
footer{
    width: 100%;
    display: block;
    background-color: #3b61b9;
}
.contactUs{
    color: white;
}
.icon{
    display: inline-table;
}
.icon a{
    display: table;
    float: left;
    margin: 0px 10px;
}
.fbIcon{
    height: 55px;
    width: 55px;
    background: url(../images/socialIcon.png) 0 0;
}
.fbIcon:hover{
    height: 55px;
    width: 55px;
    background: url(../images/socialIcon.png) 0 -55px;
}
.ytIcon{
    height: 55px;
    width: 55px;
    background: url(../images/socialIcon.png) -55px 0;
}
.ytIcon:hover{
    height: 55px;
    width: 55px;
    background: url(../images/socialIcon.png) -55px -55px;

}
.subHead{
    width: 100%;
    display: block;
    background-color: #5084fd;
}
.subHeaderTopic{
    margin: 30px;
}
.subHeaderTopic span{
    color: white;
    font-weight: 700;
    font-size: 100px;
    text-shadow: 4px 3px 0 #3b61b9, 9px 8px 0 rgba(0,0,0,0.15);
    margin: 0px 20px;
}
/*.articleInside div{
    display: table;
    float: right;
}
.articleHeader{
    border-right: 3px solid #23d5ae;
}*/
.tabActive a{
    color: white;
    background-color: #23d5ae;
    padding: 5px 5px;
}
.articleDetail > div{
    padding: 30px 20px;
    border-left: 3px solid #23d5ae;
}
/*.articleDetail > div ul li{
    font-size: 25px;
    font-weight: 300;
}
.articleDetail > div p{
    font-size: 25px;
    font-weight: 300;
}
.articleDetail > div li{
    font-size: 25px;
    font-weight: 300;
}*/
.testimo{
    border-radius: 10px;
    -webkit-box-shadow: 0px 10px 30px -1px rgba(0,0,0,1);
    -moz-box-shadow: 0px 10px 30px -1px rgba(0,0,0,1);
    box-shadow: 0px 10px 30px -1px rgba(0,0,0,1);
    padding: 15px;
    margin-bottom: 30px;
}
.testimo img{
    margin-bottom: 10px;
}
.testimo p{
    text-align: justify;
    font-weight: 300;
}
.testimo h5{
    text-align: right;
}
.testimo h5 span{
    font-size: 20px;
    color: #23d5ae;
}
footer p{
    font-size: 15px;
}
.topicDetail p{
        font-size: 25px;
}
.logoSmall{
    display: none;
}