@charset "utf-8";

/* CSS Document */



@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');



/*body{margin:0; padding:0; background-color:#FFFFFF;}*/

.tab-menu a{

    color: #fff!important;

}

.padding-remove{padding-left:0px!important;padding-right:0px!important;}

.row-padding{padding-left: 15px!important;

             padding-right: 15px!important;

}



/*header*/



.header{border-bottom:4px #d4d4d4 solid;}

.navbar-brand img{width:100%;}

.navbar-menu{ color:#FFFFFF; font-size:15px; padding: 10px 15px !important;

              background-color:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#93d2f1+0,88c9e9+12,78bada+24,64adce+37,5aa4c7+47,55a3c9+63,56a7d2+73,56aed6+80,56adda+82,56b5e3+92,56b8e7+100 */

                  background: #93d2f1; /* Old browsers */

              background: -moz-linear-gradient(top, #93d2f1 0%, #88c9e9 12%, #78bada 24%, #64adce 37%, #5aa4c7 47%, #55a3c9 63%, #56a7d2 73%, #56aed6 80%, #56adda 82%, #56b5e3 92%, #56b8e7 100%); /* FF3.6-15 */

              background: -webkit-linear-gradient(top, #93d2f1 0%,#88c9e9 12%,#78bada 24%,#64adce 37%,#5aa4c7 47%,#55a3c9 63%,#56a7d2 73%,#56aed6 80%,#56adda 82%,#56b5e3 92%,#56b8e7 100%); /* Chrome10-25,Safari5.1-6 */

              background: linear-gradient(to bottom, #93d2f1 0%,#88c9e9 12%,#78bada 24%,#64adce 37%,#5aa4c7 47%,#55a3c9 63%,#56a7d2 73%,#56aed6 80%,#56adda 82%,#56b5e3 92%,#56b8e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93d2f1', endColorstr='#56b8e7',GradientType=0 ); /* IE6-9 */

}

.navbar-li{margin-right:2px;}

.navbar-ul{padding-top: 10px;}

.navbar{margin-bottom:0px;}

.navbar-brand{padding: 5px 15px;}

.container-fluid-header{padding-top: 0px;}



/*header*/



/*row*/

.header-next-con{padding-top: 10px;padding-bottom: 10px;padding-right: 25px;padding-left: 25px;}

.header-next-col-md-3{ height: auto;

                      /* min-height: 80px;*/}

.header-next-col-md-3 p{ font-family: 'Open Sans', sans-serif;  font-size:0.88vw;  text-decoration:none; text-transform:uppercase; line-height: 24px; margin:0px;}
.header-next-col-md-3 a{color:rgb(206, 0, 0);font-weight:bold; font-size:0.88vw;}

.right-border{border-right:1px solid #636363;}

/*row*/



/*banner*/

.banner{background-color: #000000; background-size:cover; text-align:center; text-transform:uppercase; padding: 5px 20px;}

.banner p{font-family: 'Open Sans', sans-serif;  font-weight:800; color:#fff;}

.banner span{font-family: 'Open Sans', sans-serif;  font-weight:400; color:#fff;}

/*banner*/



/*contentbody*/



.conbody{border-bottom:4px solid #056b9e; padding-top:25px;}



.tab-menu{padding:17px 0px; font-family: 'Open Sans', sans-serif; font-size:15px; font-weight:400; color:#FFFFFF; text-align:center; /*cursor:pointer;*/



          background: #93d2f1; /* Old browsers */

          background: -moz-linear-gradient(top, #93d2f1 0%, #88c9e9 12%, #78bada 24%, #64adce 37%, #5aa4c7 47%, #55a3c9 63%, #56a7d2 73%, #56aed6 80%, #56adda 82%, #56b5e3 92%, #56b8e7 100%); /* FF3.6-15 */

          background: -webkit-linear-gradient(top, #93d2f1 0%,#88c9e9 12%,#78bada 24%,#64adce 37%,#5aa4c7 47%,#55a3c9 63%,#56a7d2 73%,#56aed6 80%,#56adda 82%,#56b5e3 92%,#56b8e7 100%); /* Chrome10-25,Safari5.1-6 */

          background: linear-gradient(to bottom, #93d2f1 0%,#88c9e9 12%,#78bada 24%,#64adce 37%,#5aa4c7 47%,#55a3c9 63%,#56a7d2 73%,#56aed6 80%,#56adda 82%,#56b5e3 92%,#56b8e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93d2f1', endColorstr='#56b8e7',GradientType=0 ); /* IE6-9 */

}



.tab-border{border-right:5px solid #FFFFFF;}



/*contentbody*/



/*writingbody*/

.writing-main{padding-top:25px;}

.questions{text-align:center; padding-bottom:20px;}

.questions p{font-family: 'Open Sans', sans-serif; font-size:18px; font-weight:700; color:#176391;}

.questions span{font-family: 'Open Sans', sans-serif; font-size:26px; font-weight:600; color:#176391; }

/*writingbody*/



/*capital*/

.capital-main{background-color:#5ca6c9; padding:6px 8px; text-align:center;

              -webkit-border-radius: 12px;

              -moz-border-radius: 12px;

              border-radius: 12px;

}

.capital-box1{padding:14px; border-bottom:1px solid #babbbb;}

.capital-box2{padding:14px; border-bottom:1px solid #babbbb;}

.capital-box3{padding:14px;}

.capital-main a{font-family: 'Open Sans', sans-serif; font-size:18px; color:#FFFFFF; text-decoration:none; padding-top:20px;}

.capital-main a:hover{font-family: 'Open Sans', sans-serif; font-size:18px; color:#176391; text-decoration:none; padding-top:20px;}

.capital-main p{color:rgb(206, 0, 0);font-weight:bold; text-align:justify; }

.capital-click-main{padding:28px; text-align:center;}

.capital-click a{padding:15px 30px; background-color:#056b9e; font-family: 'Open Sans', sans-serif; font-size:14px; color:#FFFFFF; text-decoration:none; cursor:pointer; font-weight:bold; text-align:center;

                 -webkit-box-shadow: 3px 6px 8px -2px rgba(74,73,74,1);

                 -moz-box-shadow: 3px 6px 8px -2px rgba(74,73,74,1);

                 box-shadow: 3px 6px 8px -2px rgba(74,73,74,1);

}



.capital-click a:hover{padding:15px 30px; background-color:#056b9e; font-family: 'Open Sans', sans-serif; font-size:15px; color:#000000; text-decoration:none; cursor:pointer; font-weight:bold; text-align:center;

                       -webkit-box-shadow: 3px 6px 8px -2px rgba(74,73,74,1);

                       -moz-box-shadow: 3px 6px 8px -2px rgba(74,73,74,1);

                       box-shadow: 3px 6px 8px -2px rgba(74,73,74,1);

}



.news-box-top{background-color:#636363; padding:10px 0px; text-align:center; font-family: 'Open Sans', sans-serif; font-size:18px; color:#FFFFFF; text-decoration:none; font-weight:bold;}

.news-box-img img{width:100%;}



.news-box-chinas{padding:6px 0px; font-family: 'Open Sans', sans-serif; font-size:16px; color:#056b9e; font-weight:bold; text-align:left;}



.news-box-comments-main{padding:0px 0px;}

.news-date-box{font-family: 'Open Sans', sans-serif; font-size:14px; color:#56b9e8; text-align:left; float:left; border-right:1px solid #999999; padding-right:10px; }

.news-date-box span{font-family: 'Open Sans', sans-serif; font-size:14px; color:#636363; font-weight:bold; text-align:left;}

.news-comments-box{font-family: 'Open Sans', sans-serif; font-size:14px; color:#56b9e8; text-align:left; float:left;}

.news-comments-box span{font-family: 'Open Sans', sans-serif; font-size:15px; color:#636363; font-weight:bold; text-align:left; padding-left:10px;}

.news-text-box-main{padding:10px 0px; font-family: 'Open Sans', sans-serif; font-size:14px; color:#636363; text-align:left;}



.news-ad-box{padding:10px 0px;}

.news-ad-text-box{padding:10px 0px; font-family: 'Open Sans', sans-serif; font-size:16px; color:#056b9e; font-weight:bold; text-align:left;}

.news-adsmall-box p{font-family: 'Open Sans', sans-serif; font-size:15px; color:#56b9e8; text-align:left;}



.news-date-detail{font-family: 'Open Sans', sans-serif; font-size:14px; color:#56b9e8; text-align:left; float:left; padding-top:10px; padding-right:10px; }

.news-date-detail span{font-family: 'Open Sans', sans-serif; font-size:14px; color:#636363; font-weight:bold; text-align:left;}



/*capital*/



/*Debates*/

.debates-box-top{background-color:#636363; padding:10px 0px; text-align:center; font-family: 'Open Sans', sans-serif; font-size:18px; color:#FFFFFF; text-decoration:none; font-weight:bold;}



.debates-box-table{padding:0px 0px;}

.table{padding:20px 20px; background-color:#FFFFFF;  font-size:15px; color:#176391;}

.table-number1{padding:10px 10px; background-color:#efefef; font-size:11px;}

.table-number2{padding:10px 10px; background-color:#FFFFFF; font-size:11px;}

.table-rank{padding:10px 10px; background-color:#FFFFFF; font-size:15px; font-weight:700;}

.table-active{padding:10px 10px; background-color:#efefef; font-size:12px;}

.table-danger{padding:10px 10px; background-color:#FFFFFF; font-size:15px;}

.ble-danger{border-top:none!important;}

.table-active{border-top:none!important; border-bottom:none!important;}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{border:none!important;}



.debates-ad-box-main{padding:0px 10px 0px 10px;}

.debates-ad-box img{padding:0px 0px; border:1px solid #57b7e5; width:100%}

/*Debates*/



/*footer*/

.footer-main{padding:20px 0px;}

.footer-insite{padding:10px; border-top:2px #a1a1a1 solid;}

.footer-logo-box img{padding:0px 0px;}

.footer-logo-text-box{padding:8px 0px; font-family: 'Open Sans', sans-serif; font-size:12px; color:#176391;}

.footer-logo-text-box a{padding:8px 0px; font-family: 'Open Sans', sans-serif; font-size:12px; color:#3a3a3a; text-decoration:none;}

.footer-logo-text-box a:hover{padding:8px 0px; font-family: 'Open Sans', sans-serif; font-size:12px; color:#000000; text-decoration:underline;}

.footer-social-icon{padding:10px 20px 0px 0px; text-align:right; font-size:20px;}

/*footer*/



/*********************************************************************************************************************************************/

/*********************************************************************************************************************************************/



/*Page2*/



.answered{background-color:#5ca6c9; padding: 10px 0px 10px 10px; margin-bottom:10px;

          -webkit-border-radius: 12px;

          -moz-border-radius: 12px;

          border-radius: 12px;

}



.answered-img{ padding:0px 8px 0px 0px; border-right:1px #CCCCCC solid; text-align:center;}

.answered-img-name{font-family: 'Open Sans', sans-serif; font-size:15px; font-weight:600; text-transform:uppercase; color:#FFFFFF; padding:0px 0px 0px 0px;}

.answered-text-main{padding:0px 0px 0px 0px; text-align:center;}

.answered-text-big{font-family: 'Open Sans', sans-serif; font-size:15px; font-weight:500; text-transform:uppercase; color:#FFFFFF;}

.answered-text-big span{font-family: 'Open Sans', sans-serif; font-size:15px; font-weight:300; text-transform:uppercase; color:#FFFFFF;}

.answered-text-small{padding:0px 0px 0px 0px; font-family: 'Open Sans', sans-serif; font-size:12px; font-weight:300; color:#FFFFFF;}

.answered-text-marc{font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:300; color:#FFFFFF; text-align:left;}

.answered-text-italic{padding:0px 0px 0px 0px; font-family: 'Open Sans', sans-serif; font-size:15px; font-weight:400; color:#FFFFFF; font-style:italic;}





.correct-img{ padding:0px 8px 0px 0px; text-align:center;}

.correct-text-big{font-family: 'Open Sans', sans-serif; font-size:19px; font-weight:500; text-transform:uppercase; color:#FFFFFF;}

.correct-text-big span{font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:300; text-transform:none; color:#FFFFFF;}

.correct-text-big p{padding:10px 0px 0px 0px;font-family: 'Open Sans', sans-serif; font-size:15px; font-weight:400; text-transform:none; color:#FFFFFF;}



.correct-img-name{font-family: 'Open Sans', sans-serif; font-size:12px; font-weight:500; text-transform:uppercase; color:#FFFFFF; padding:0px 0px 0px 0px; text-align:center;}

.correct-text-marc{padding:10px 0px 0px 12px; font-family: 'Open Sans', sans-serif; text-transform:none; font-size:14px; font-weight:300; color:#FFFFFF; text-align:left;}



/*Page2*/



/*********************************************************************************************************************************************/

/*********************************************************************************************************************************************/



/*registration*/

.registration_heading{padding:0px 0px 0px 0px; font-family: 'Open Sans', sans-serif; font-size:21px; font-weight:700; text-transform:uppercase; color:#176391; }



.registration_heading span{font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:400; text-transform:none; color:#56a3c7;}



.registration_name{font-family: 'Open Sans', sans-serif; font-size:15px; font-weight:700; text-transform:uppercase; color:#176391;}

.registration_name span{font-family: 'Open Sans', sans-serif; font-size:15px; font-weight:700; text-transform:uppercase; color:#ff3627;}

.registration{padding:0px 0px 0px 0px;}



.input-lg{height: 42px;

          font-size: 14px;

          line-height: 1.33333;

          border-radius: 6px;}



.row-top-padding{padding-top:25px;}



.form-control{height: 42px; color:#555;}

.special {

    font-weight: bold !important;

    color: #fff !important;

    background: #bc0000 !important;

    text-transform: uppercase;

}



.submit-main{padding:28px 0px 0px 0px; text-align:center;}



.submit button{padding:15px 112px; background-color:#056b9e; font-family: 'Open Sans', sans-serif; font-size:17px; color:#FFFFFF; text-decoration:none; cursor:pointer; font-weight:bold; text-align:center;

               -webkit-box-shadow: 3px 6px 8px -2px rgba(74,73,74,1);

               -moz-box-shadow: 3px 6px 8px -2px rgba(74,73,74,1);

               box-shadow: 3px 6px 8px -2px rgba(74,73,74,1);

}



.submit button:hover{padding:15px 112px; background-color:#056b9e; font-family: 'Open Sans', sans-serif; font-size:17px; color:#000000; text-decoration:none; cursor:pointer; font-weight:bold; text-align:center;

                     -webkit-box-shadow: 3px 6px 8px -2px rgba(74,73,74,1);

                     -moz-box-shadow: 3px 6px 8px -2px rgba(74,73,74,1);

                     box-shadow: 3px 6px 8px -2px rgba(74,73,74,1);

}



textarea.input-lg {

    height: 120px;

}





/*registration*/







/**************************/

.user-row {

    margin-bottom: 14px;

}



.user-row:last-child {

    margin-bottom: 0;

}



.dropdown-user {

    margin: 13px 0;

    padding: 5px;

    height: 100%;

}



.dropdown-user:hover {

    cursor: pointer;

}



.table-user-information > tbody > tr {

    border-top: 1px solid rgb(221, 221, 221);

}



.table-user-information > tbody > tr:first-child {

    border-top: 0;

}





.table-user-information > tbody > tr > td {

    border-top: 0;

}

.toppad

{margin-top:20px;

}

.comm{ont-family: 'Open Sans', sans-serif;

      font-size: 18px;

      font-weight: 700;

      color: #176391;}

.u_com_date{

    ont-family: 'Open Sans', sans-serif;

    font-size: 12px;

    font-weight: 300;

    color: #176391;

}

.user-comm-12{

    background-color: #5ca6c9;

    padding: 6px 8px;

    text-align: center;

    -webkit-border-radius: 12px;

    -moz-border-radius: 12px;

    border-radius: 12px;

    margin-bottom:10px;

}

.news-text-box-user{padding: 10px 0px;

                    font-family: 'Open Sans', sans-serif;

                   

                    color: #fff;

                    text-align: center;

                    overflow-wrap: break-word;}



.news-text-box-user-title{

    padding: 10px 0px;

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    color: #176391;

    text-align: center;

    overflow-wrap: break-word;}



.viewAll{

    padding-top: 15px;

    padding-bottom: 25px;

    text-align: center;}



.viewAll a{

    padding: 15px 50px;

    background-color: #056b9e;

    font-family: 'Open Sans', sans-serif;

    font-size: 17px;

    color: #FFFFFF;

    text-decoration: none;

    cursor: pointer;

    font-weight: bold;

    text-align: center;

    -webkit-box-shadow: 3px 6px 8px -2px rgba(74,73,74,1);

    -moz-box-shadow: 3px 6px 8px -2px rgba(74,73,74,1);

    box-shadow: 3px 6px 8px -2px rgba(74,73,74,1);

}

.comments-12{    /* background-color: #5ca6c9; */

    padding: 6px 8px;

    text-align: right;

    /* -webkit-border-radius: 12px; */

    -moz-border-radius: 12px;

    /* border-radius: 12px; */

    border-bottom: 1px solid #eee;

    margin-bottom: 10px;}

.news-date-box1{

    font-family: 'Open Sans', sans-serif;

    font-size: 15px;

    color: #fff;

    text-align: center;

    padding-right: 10px;

}



textarea{width:100%;}

.news-box-chinas1{padding: 0px 0px;

                  font-family: 'Open Sans', sans-serif;

                  font-size: 14px;

                  color: #056b9e;

                  font-weight: bold;

                  text-align: center;}

.news-text-box-main1{

    padding: 10px 0px;

    font-family: 'Open Sans', sans-serif;

    font-size: 17px;

    color: #636363;

    text-align: center;}



p.title{font-family: 'Open Sans', sans-serif;

        font-size: 18px;

        font-weight: 700;

        color: #176391;}


.active_cat{ background:#636363!important;}

.read-more-state {
    display: none;
}

.read-more-target {
    opacity: 0;
    max-height: 0;
    font-size: 0;
    transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
    opacity: 1;
    font-size: inherit;
    max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
    content: 'Show more';
}

.read-more-state:checked ~ .read-more-trigger:before {
    content: 'Show less';
}

.read-more-trigger {
    cursor: pointer;
    display: inline-block;
    padding: 0 .5em;
    color: #666;
    font-size: .9em;
    line-height: 2;
    border: 1px solid #ddd;
    border-radius: .25em;
}
.conbody {
    padding-top: 0px;
}
.mobile-view-back-button{
    display: none;
}
.full-view-back-button{

    float: right;
    margin-top: 25px;
}
.header-next-con {
    padding-top: 0px;
    padding-bottom: 3px;
}
.header-next-col-md-3 a {
    color: black;
}
.more  {
    word-wrap: break-word;
}
.mobile-view-top-space {
    word-break: break-all;
}
.full-view-back-button {
    margin-top: 5px;
    margin-right: 83px;
}
#arrowcategory {
   display: none;
}

/*show for small screens */
@media screen and (max-width: 991px) { /* I've given 1023px but you can change to proper width */
    #arrowcategory {
        display: block;
    }
}
@media only screen and (min-width: 991px) {
    .full-view-share-button{
        justify-content: center;
        display: flex;
    }

}
@media only screen and (max-width: 767px) {
    .mobile-view-hide {
        display: none !important;
    }
    .header-next-col-md-3 p {
        font-size: large;
    }
    .header-next-col-md-3 a {
        font-size: large;
    }
}
@media only screen and (max-width: 767px) {
    .mobile-view-show {
        display: inline-block !important;
    }
    
}
@media only screen and (max-width: 767px) {
    .catmobile-view-hide {
        display: none;
    }
    
}
@media only screen and (max-width: 767px) {
    .answered-mobile{
        display : none;
     }
        .answered-mobile:nth-child(1) {
           display: block;
        }
    
}
@media only screen and (max-width: 991px) {
    .mobile-view-top-space {
        padding-top: 20px;
    }
    .full-view-back-button{
        display: none !important;
        float: right !important;
        margin-top: 25px;
    }
    .mobile-view-back-button{
        float: right!important;
        display: block !important;

    }
}
@media only screen and (max-width: 480px) {
    .header-next-col-md-3 p{ font-size:12px; }
    .header-next-col-md-3 a{ font-size:12px; }
}
@media only screen and (max-width: 768px) {
    .heder-next-space{
        margin-bottom: 13px;
    }
}
@media (max-width: 768px){
    .navbar-nav>li {
        float: left !important;
    }
}
.debates-ad-box img {
    border: 0px ;
}

/*notification style */
.noti-main {
    display: flex;
    justify-content: center;
    align-items: center;
    /*height: 100%;*/
    position: relative;
}
.noti-main .notification {
    position: relative;
    width: 24px;
    height: 20px;
}
.noti-main .notification svg {
    width: 21px;
    height: 23px;
}

.noti-main .notification svg > path {
    fill: #FFFFFF;
}
.noti-main .notification--bell {
    animation: bell 2.2s linear infinite;
    transform-origin: 50% 0%;
}
.noti-main .notification--bellClapper {
    animation: bellClapper 2.2s 0.1s linear infinite;
}
.noti-main .notification--num {
    position: absolute;
    top: -35%;
    left: 55%;
    font-size: 12px;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    background-color: #FF4C13;
    color: #FFFFFF;
    text-align: center;
    line-height: 23px;
    animation: notification 3.2s ease;
}

@keyframes bell {
    0%, 25%, 75%, 100% {
        transform: rotate(0deg);
    }
    40% {
        transform: rotate(2deg);
    }
    45% {
        transform: rotate(-2deg);
    }
    55% {
        transform: rotate(1deg);
    }
    60% {
        transform: rotate(-1deg);
    }
}
@keyframes bellClapper {
    0%, 25%, 75%, 100% {
        transform: translateX(0);
    }
    40% {
        transform: translateX(-0.15em);
    }
    45% {
        transform: translateX(0.15em);
    }
    55% {
        transform: translateX(-0.1em);
    }
    60% {
        transform: translateX(0.1em);
    }
}
@keyframes notification {
    0%, 25%, 75%, 100% {
        opacity: 1;
    }
    30%, 70% {
        opacity: 0;
    }
}