/*------------------------------------------------- GLOBALS CLASSES -------------------------------------------------*/ *{ margin:0; padding:0; font-family: 'Pontano Sans', sans-serif; outline:0px; } body { background:#f1f1f1; font-size:14px;} p {font-family: 'Pontano Sans', sans-serif; color:#939191; font-size:14px; text-align:justify;} a { text-decoration:none; color:#00c0ff;} a:hover { text-decoration: none; color: #00346b; } ul li { list-style:none; outline:none;} img { border:none; } img { border:none;} h1 { font-family: 'Oswald', sans-serif; color:#45303f; font-size:22px; font-weight:normal;text-transform:uppercase;} .clear{ clear: both; } /*------------------------------------------------- CSS TWEAKS -------------------------------------------------*/ .clearing { clear:both;} .fltLeft { float:left;} .flrRight { float:right;} .marLeft30 { margin-left:30px;} .marRight30 { margin-right:30px;} .marginTop { margin-top:30px;} .marginBottom { margin-bottom:60px;} .padTop { padding-top:20px;} .padBottom { padding-bottom:20px;} .wid960{ width:960px !important; } /*------------------------------------------------- GENERAL CLASSES -------------------------------------------------*/ .panel { background:#ffffff; border:1px solid #ebebeb; overflow:hidden;} .title {} .content { overflow:hidden; font-size:14px;} .button-link{ } .button-link a{ font-family: 'Oswald', sans-serif; text-transform:uppercase;} /*------------------------------------------------- HEADER CLASSES -------------------------------------------------*/ .header-wrap { width:100%; overflow:hidden; background:#00c0ff;} .header { width:960px; overflow:hidden; margin:0 auto;} .menu { float:left; width:960px;} .menu ul li { float:left; width:auto; margin-right:1px;} .menu ul li a { display:block; padding:0px 62px; height:40px; line-height:40px; text-align:center; color:#ffffff; background:#06C; font-family:Verdana, Geneva, sans-serif; font-size:14px; font-weight:bold;} .menu ul li a:hover { background:#33cdff;} .menu ul li a.active { background:#33cdff;} .social-media { float:right; height:80px;} .social-media ul li { float:left; margin-right:10px; padding-top:25px;} .logo-sarch-wrap { width:100%; overflow:hidden; background:#fff;} .logo-search-container { width:960px; margin:0 auto; height:auto;} .logo { float:left; width:600px; height:auto; padding:10px 0px; line-height:140px;} .logo h1 { color:#ffffff; font-size:36px; text-transform:uppercase; font-weight:normal;} .search { float:right; width:358px; margin-top:50px;} .search-input { float:left; width:220px;} .search-button { float:left;} .search-text-field { width:220px; border:0px solid ; background:#d02aa3; color:#ffffff; height:40px; line-height:40px; padding-left:10px;} /*------------------------------------------------- BANNER CLASSES -------------------------------------------------*/ .banner-wrap { width:1000px; margin:0 auto; overflow:hidden; height:auto; margin-top:20px;} .banner-left { float:left; width:20px;} .bannre-right { float:left; width:20px;} .banner { float:left; width:920px; height:380px; padding:20px; overflow:hidden; background:#ffffff;} .banner-image { margin:0 auto; background:url(../images/banner-bg.gif) no-repeat; height:381px; text-align:right;} .banner-data { margin-top:100px; float:right; position:relative; width:500px;} .caption1 h1 { padding:10px; background:#00c0ff; font-size:22px; font-weight:normal; color:#ffffff;text-transform:uppercase; display:inline-block;} .caption2 h2 { padding:10px; background:#dd31ae; font-size:18px; font-weight:normal; color:#ffffff; text-transform:uppercase;display:inline-block; font-family: 'Oswald', sans-serif; } .caption3 { padding:10px; background:#45303f; font-size:16px; font-weight:normal; color:#ffffff; display:inline-block;} /*------------------------------------------------- 4 PANELS CLASSS -------------------------------------------------*/ .panel-wrapper { width:960px; margin:0 auto; overflow:hidden; margin-top:30px;} .panel-wrapper .panel { float:left; width:403px; padding:30px; margin-bottom:30px;} .panel-wrapper .title { padding-bottom:20px;} .panel-wrapper .title img { float:left; margin-right:20px;} .panel-wrapper .content p { padding-left:60px;} .panel-wrapper .content a { background:#dd31ae; color:#ffffff; } .panel-wrapper .content a:hover { background:#00c0ff; color:#ffffff;} .panel-wrapper .button-link{padding-left:60px; padding-top:20px;} /*------------------------------------------------- LAYOUT CLASSS -------------------------------------------------*/ .page-wrapper { width:960px; margin:0 auto; overflow:hidden;} .primary-content { float:left; width:628px; overflow:hidden;} .sidebar { float:left; width:298px; overflow:hidden;} /*------------------------------------------------- PRIMARY CONTENT CLASSS -------------------------------------------------*/ .primary-content .panel { padding:30px;} .primary-content .title { width:100%;} .primary-content .title h1 { padding-bottom:10px;} .primary-content .title h2{ background:#06C; height:40px; line-height:40px; color:#ffffff; font-weight:normal; font-size:20px; padding-left:10px; margin-bottom:20px;} .primary-content .content img{ float:left; margin-right:30px; } .primary-content .content p { padding-bottom: 8px; font-size: 16px; color: #000; line-height: 29px; } .primary-content .content h3 { font-size:16px; color:#dd31ae; padding-bottom:10px;} .primary-content .button-link{padding-top:2px;} .generic-content { overflow:hidden; width:900px; padding:30px; background:#ffffff; margin-top:30px;} .generic-content { overflow:hidden; width:900px; padding:30px; background:#ffffff; margin-top:30px;} .generic-content .title h2{ font-size:16px; font-weight:normal; color:#b6b6b6; padding-bottom:20px; border-bottom:1px solid #ebebeb; margin-bottom:30px; padding-top:10px;} .portfolio { overflow:hidden; width:900px; padding:30px; background:#ffffff; margin-top:30px;} .portfolio .title h2{ font-size:16px; font-weight:normal; color:#b6b6b6; padding-bottom:20px; border-bottom:1px solid #ebebeb; margin-bottom:30px; padding-top:10px;} .portfolio .panel { width:280px; border:none; background:#f5f5f5; float:left; margin-bottom:30px;} .portfolio .panel .content { padding:10px; padding-bottom:20px;} .portfolio .panel .content p{ padding-bottom:10px;} .portfolio .panel .content p span{ padding-bottom:10px; border-bottom: 1px solid #dddddd; color:#dd31ae; display:block;} .portfolio .panel .content a { color:#ffffff; background:#00c0ff; padding: 0px 6px 0px 6px; text-transform:uppercase; font-family:'Oswald', sans-serif; font-size:12px;} .portfolio .panel .content a:hover { background:#dd31ae;} .portfolio .panel .content img{ padding-bottom:10px;} /*------------------------------------------------- SIDEBAR CLASSS -------------------------------------------------*/ .sidebar .panel { width:298px; padding-bottom:30px;} .sidebar .title h1 { padding:30px; border-bottom:1px solid #ececec; } .titl { padding:30px 30px; border-bottom:1px solid #ececec; color: #45303f; font-family: "Oswald",sans-serif; font-size: 22px; font-weight: normal; text-transform: uppercase;} .sidebar .content ul li { display:block; border-bottom:1px solid #ececec; height:40px; line-height:40px; background:url(../images/round-arrow.gif) no-repeat 260px 10px;} .sidebar .content ul li a { padding-left:30px; color:#939191; font-size:14px;} .sidebar .content ul li a:hover {color:#06C;} .sidebar .content ul li a.active {color:#06C;} .sidebar .content ul li.borderNone { border-bottom:none;} .subscribe { padding:20px 20px 0px 20px;} .subscribe h2 { color:#06C;} .subscribe .button-link a { display:block; width:90px; height:36px; line-height:36px; text-align:center; background:#00c0ff; color:#ffffff; font-size:12px; margin-left:30px; margin-top:20px;} .subscribe .button-link a:hover { background:#dd31ae;} .sidebar-text-field { width:230px; height:40px; line-height:40px; border:0px solid; background:#e6e6e6; padding-left:10px; color:#9b9b9b; margin-left:30px; margin-top:30px;} .sidebar .call { background:#06C; padding:10px 20px;} .sidebar .call h1 { color:#ffffff; text-transform:uppercase; font-size:22px; font-weight:normal;} .sidebar .call h1 span { font-size:18px; padding-left:15px;} .footer-wrapper { width:100%; background:#06C; overflow:hidden;} .footer { width:960px; height:70px; line-height:70px; text-align:center; margin:0 auto; color:#ffffff; font-size:14px;} .footer a { color:#FF0;} .footer a:hover { color:#ffffff;} .footer_left{ height:20px; width:350px; float:left; display:block; } .footer_right{ height:20px; width:500px; float:right; display:block; text-align:right; } /*------------------------------------------------- CONTACT FORM CLASSS -------------------------------------------------*/ .contact-form { background:#f1f1f1; padding:30px; width:440px; float:left;} .contact-form label {display: block; padding:10px 0 10px 0;} .contact-form label span {display: block; color:#939191;font-size:14px; float:left; width:80px; text-align:left; padding:5px 20px 0 0;} .contact-form .input_text {padding:10px 10px;width:320px;background:#ffffff;border:0px solid; color:#939191;} .contact-form .message{padding:10px 10px;width:320px; background:#ffffff; border:0px solid;overflow:hidden;height:150px; color:#939191; font-size:14px;} .contact-form .button { padding: 4px 7px; background: #00c0ff; color: #ffffff; text-transform: uppercase; font-family: 'Oswald', sans-serif; border: 0px solid; margin-left: 100px; margin-top: 20px; cursor: pointer; } .address { float:left; width:370px; margin-left:30px;} .address .panel { border:none; color:#dd31ae} .address .panel .title h1 { color:#00346b; padding-bottom:10px;} .address .panel .content p span { color: #034f4d; } /*-- jcbr_bd-text --*/ .jcbr_bd-sec { width:auto!important; } .jcbr_bd-text p { font-size:15px; color: #444; } .jcbr_bd-text p b { color: #000; } .jcbr_table-sec { margin: 0; padding:40px 0 0 0; } .jcbr_table-sec table, th, td { border: 1px solid black; border-collapse: collapse; } .jcbr_table-sec th, td { width: 33.33%; padding: 15px; text-align: left; font-size: 16px; color: #000; font-weight: bold; line-height: 26px; } .jcbr_table-sec table td p { font-size: 15px; color: #0089e5; line-height: 19px; line-height: 30px; } /*-- jcbr_bd-text --*/ /*-- knowgen_item-txt --*/ .knowgen_item-txt { margin: 0; padding: 10px 0; } .knowgen_item-txt ul h3 { margin: 0; padding: 0 0 2px 0 !important; font-size:18px !important; color:#084fda !important; line-height:24px !important; } .knowgen_item-txt ul p { margin:0; padding:4px 0; } .knowgen_item-txt ul { margin: 0; padding: 0; list-style-type: circle; } .knowgen_item-txt ul li { margin: 0; padding: 0 ; font-size:15px; list-style:30px; color:#000; list-style-type: circle; } } /*-- knowgen_item-txt --*/ /*-- publication_know-gen --*/ .publication_know-gen { margin: 0; padding: 0; } .publication_know-gen h3 { margin: 0; padding:20px 0 0 0; font-size:24px !important; color:#000 !important; line-height: 30px; } .publication_know-gen .item_lt { margin: 0; padding:20px; width:50%; float: left; box-sizing:border-box; display:inline-block; } .publication_know-gen .item_lt img { width:100%; object-fit:contain; margin:0 0 15px 0 } /*.publication_know-gen .know_gen-btn { margin: 0; padding: 0; display:block; } */ /*.publication_know-gen .know_gen-btn a { margin: 0; padding: 6px 13px; font-size: 15px; color: #fff; background-color: #159198; transition: all 0.6s; } .publication_know-gen .know_gen-btn a:hover { background-color: #116fad; transition: all 0.3s; }*/ .publication_know-gen .item_lt p { margin: 39px 0 0 0; padding: 6px 13px; font-size:18px; color: #fff; background-color: #159198; transition: all 0.6s; display: block; clear: both; text-align: center; border-radius: 20px; } /*============================================================================================================================================*/ /*-- publication_know-gen --*/ .know-gen-article { width:100%; } .know-gen-article h3 { margin: 0 0 15px 0; padding: 10px 10px; font-size: 24px; color: #fff; background: #1e77af; font-weight: 600; } .know-gen-article-sec { background-color:#fff; margin:0; padding:20px; } .know-gen-article-sec .item-sec { margin: 0; padding: 10px 0 10px 45px; border-bottom: 1px solid #ccc; } .know-gen-article-sec .item-sec .article-hed { position: relative; } .know-gen-article-sec .item-sec .article-hed::after { content: ""; width: 39px; height: 41px; position: absolute; left: -43px; top: -3px; background: url("../images/artical-icon.png") no-repeat left top; background-size: 32px; } .know-gen-article-sec .item-sec p a {margin: 0; padding: 0 0 14px 0; font-size: 19px; font-weight: 600; color: #1097bf; display: block; } .know-gen-article-sec .item-sec p b { margin: 0; padding: 0; color: #161616; font-size: 16px; font-weight: 600; } .know-gen-article-sec .item-sec p { margin: 0; padding: 0; font-size: 16px; color: #606060; display: block; } .know-gen-article-sec .item-sec span { margin: 0; padding: 0; display: block; text-align: right; } .know-gen-article-sec .item-sec span a { margin: 10px 0 10px 0; padding: 8px 19px; display: inline-block; background: #ab0000; font-size: 13px; color: #fff; border-radius: 20px; text-align: right; display: inline-block; } /*-- know-gen-article-sec --*/ /*----==jcbr-access-inr-page==----*/ /*-- jcbr-access-inr-page --*/ .jcbr-access-single-page { margin: 0; padding: 0; } .jcbr-access-single-page h2 { margin: 0; padding: 12px 15px; font-size: 23px; color: #FFF; line-height: 26px; background: #0D58A0; } .jcbr-access-single-page h3 {margin: 0; padding:18px 0 14px 0; font-size: 24px; color: #103A64; line-height: 28px; background: transparent; } .jcbr-access-single-page h4 { margin: 0; padding: 25px 0 10px 0; font-size: 20px; color: #103A64; line-height: 28px; background: transparent; } .jcbr-access-single-page p { padding:0; padding:0; font-size:16px; color:#444; line-height:22px; } /**/ .jcbr-access-single-page .item-bd-sec { margin: 0; padding:15px 0 0 0; width:100%; background:#fff; } /**/ .jcbr-access-single-page .item-bd-sec .item-lt { margin: 0; padding:20px; width: 50%; float: left; box-sizing: border-box; background:#FFFFFF; border:1px solid #F1F1F1; border-bottom: 0; } .jcbr-access-single-page .item-bd-sec .item-lt h6 { margin: 0; padding: 36px 0 2px 0; font-size: 18px; color: #444; line-height: 24px; } .jcbr-access-single-page .item-bd-sec .item-lt p { margin:0; padding:4px 0; font-size:15px; line-height: 26px; } .jcbr-access-single-page .item-bd-sec .item-lt p img { width:100%; } .jcbr-access-single-page .item-bd-sec .item-lt h3 { margin:0; padding: 0; font-size:22px; color:#000; line-height:28px; } .jcbr-access-single-page .item-bd-sec .item-lt h4 { margin: 0; padding: 16px 0 10px 0; font-size: 20px; color: #444; line-height: 28px; background: transparent; } .jcbr-access-single-page .item-bd-sec .item-lt h5 { margin: 0; padding: 25px 0 10px 0; font-size:18px; color:#444; line-height: 28px; background: transparent; font-weight:600; } /**/ /*-- buttom --*/ .jcbr-access-single-page .item-bd-sec .buttom { margin:15px 0 0 0; padding:20px ; border-top: 2px solid #444; } .jcbr-access-single-page .item-bd-sec .buttom p { margin:0; padding:4px 0; font-size:15px; line-height: 26px; font-weight: bold; } .jcbr-access-single-page .item-bd-sec .buttom .img-sec-clnt { margin: 0 auto; padding:15px 0; text-align:center; width:100%; display:block; } .jcbr-access-single-page .item-bd-sec .buttom .img-sec-clnt img { width:auto; text-align:center; } .jcbr-access-single-page .item-bd-sec .buttom .quotable-quotes { margin:15px; padding:20px; border:1px solid #444; border-radius:30px; } .jcbr-access-single-page .item-bd-sec .buttom .quotable-quotes h4 { margin: 0; padding: 0 0 35px 0; text-align: center; } .jcbr-access-single-page .item-bd-sec .buttom .quotable-quotes p { margin: 0; padding: 0; font-size: 15px; color:#000; line-height: 21px; display: inline-block; text-align:left; } .jcbr-access-single-page .item-bd-sec .buttom .quotable-quotes p b { text-align: right; color: #4c4c4c; padding: 6px 0 0 0; display: block; font-size: 14px; font-weight: bold; } /*-- buttom --*/ .inrpage-butn-jcbr-acces { display: block; text-align: center; } .inrpage-butn-jcbr-acces a { margin: 10px 0 10px 0; padding: 13px 50px; display: inline-block; background: #ab0000; font-size: 20px; color: #fff; border-radius: 20px; text-align: right; /* display: inline-block; */ } /*-- jcbr-access-inr-page --*/