@charset "utf-8";
 @import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800"); body {
padding: 0 !important;
margin: 0 !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 13px !important;
font-weight: 400 !important;
font-style: normal !important;
letter-spacing: 0 !important;
background: #efefef !important;
}
h1 {
padding: 0 !important;
margin: 0 0 10px 0 !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 24px !important;
font-weight: 600 !important;
font-style: normal !important;
letter-spacing: 0px !important;
color: #000 !important;
}
h1 span {
color: #4777e6;
}
h6.light {
font-weight: 300;
}
h2 {
padding: 0 !important;
margin: 0 !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 24px !important;
font-weight: 600 !important;
font-style: normal !important;
letter-spacing: 0px !important;
}
h3 {
padding: 0 0 5px 0 !important;
margin: 0 !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 21px !important;
font-weight: 600 !important;
font-style: normal !important;
letter-spacing: 0px !important;
}
h4 {
padding: 0 !important;
margin: 0 0 5px 0 !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 18px !important;
font-weight: 600 !important;
font-style: normal !important;
letter-spacing: 0px !important;
line-height: 24px !important;
}
h5 {
padding: 0 !important;
margin: 0 0 5px 0 !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 16px !important;
font-weight: 600 !important;
font-style: normal !important;
letter-spacing: 0px !important;
}
p {
padding: 0 !important;
margin: 0 0 15px 0 !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 13px !important;
font-weight: 400 !important;
font-style: normal !important;
color: #707070 !important;
line-height: 24px !important;
}
.double-line {
margin-bottom: 20px;
margin-top: 10px;
padding-bottom: 5px;
position: relative;
}
.double-line:before {
border-radius: 8px;
bottom: 0px;
content: "";
height: 6px;
left: 10px;
position: absolute;
width: 24px;
background: #fb6080;
}
.double-line:after {
border-radius: 8px;
bottom: 1px;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 64px;
background: #fb6080;
}
.read-more-btn {
font-family: 'Open Sans', sans-serif !important;
font-size: 16px !important;
font-weight: 500 !important;
color: #fb6080 !important;
letter-spacing: 0px;
background: url(//www.tkcfw.ac.in/wp-content/themes/tkcfw/images/read-more-arrow.png) 90% 50% no-repeat;
padding-right: 24px;
}
.online-btn {
float: left;
width: 100%;
background: #4777e6;
padding: 8px 0;
margin-top: 20px;
border-radius: 5px;
font-family: 'Open Sans', sans-serif !important;
font-size: 16px !important;
font-weight: 600 !important;
color: #FFF !important;
letter-spacing: 0px !important;
text-decoration: none !important;
text-align: center !important;
text-transform: uppercase !important;
}
.online-btn:hover {
background: #fb6080;
}
.academic-btn {
float: left;
width: 100%;
background: #fb6080;
line-height: 61px;
font-family: 'Open Sans', sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
color: #FFF !important;
letter-spacing: 0px !important;
text-decoration: none !important;
text-align: center !important;
text-transform: uppercase !important;
} header {
float: left;
width: 100%;
padding-top: 20px;
background: #FFF;
position: relative;
}
a.logo {
float: left;
} nav {
float: left;
width: 100%;
min-height: 42px;
background: #4777e6;
}
#access {
display: block;
float: left;
}
#access ul {
margin: 0;
padding: 0;
font-family: 'Open Sans', sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
list-style: none;
}
#access li {
float: left;
position: relative;
padding: 0;
margin: 0;
border-right: 1px solid #FFF !important;
}
#access a {
color: #FFF;
display: block;
float: left;
line-height: 42px !important;
padding: 0 16px !important;
text-decoration: none;
}
#access li li {
border-right: 0 none !important;
}
#access ul ul {
display: none;
float: left;
margin: 0;
position: absolute;
left: 0;
top: 100%;
width: 190px;
z-index: 999;
}
#access ul ul ul {
left: 100%;
top: 0;
}
#access ul ul a {
background: #222;
color: #FFF;
font-family: 'Open Sans', sans-serif !important;
font-size: 13px !important;
font-weight: 400 !important;
height: auto;
line-height: 21px !important;
padding: 10px 12px !important;
width: 190px;
border-bottom: 1px solid #555;
margin: 0 !important;
}
#access li:hover > a, #access ul ul :hover > a, #access a:focus {
background: #fb6080;
color: #FFF;
}
#access li:hover > a, #access a:focus {
background: #fb6080;
color: #FFF;
}
#access ul li:hover > ul {
display: block;
}
#access ul .current-menu-item > a {
background: #fb6080;
color: #FFF;
}
#mob-menu {
display: none;
}
#mob-menu-container {
display: none;
float: right;
position: relative;
} #home-banner {
float: left;
width: 100%;
} article {
float: left;
width: 100%;
}
#content-area {
float: left;
width: 100%;
}
#content-area .container {
position: relative;
background: #FFF;
padding: 30px;
}
#content-area .box {
float: left;
width: 100%;
padding: 20px;
background: #efefef;
}
#home-special {
float: left;
width: 100%;
padding: 50px 0;
background: #efefef;
}
#academic-area {
float: left;
width: 100%;
padding: 50px 0 30px 0;
background: #FFF;
}
.news-box {
margin-bottom: 20px;
}
.news-box .icon-holder {
float: left;
width: 100%;
min-height: 160px;
}
.news-box .icon-holder img {
height: 122px;
width: 224px;
}
.news-box p {
margin-bottom: 5px !important;
}
#regulatory-area {
float: left;
width: 100%;
padding: 50px 0;
background: #4777e6;
}
#regulatory-area h1 {
color: #FFF !important;
}
#regulatory-area .double-line:before {
background: #FFF;
}
#regulatory-area .double-line:after {
background: #FFF;
}
#regulatory-area ul {
float: left;
width: 100%;
margin: 0;
padding: 0;
}
#regulatory-area ul li {
margin: 0 0 10px 0;
padding: 0 0 0 24px;
list-style: none;
display: list-item;
font-size: 15px !important;
color: #FFF !important;
background: url(//www.tkcfw.ac.in/wp-content/themes/tkcfw/images/check-box.png) 0 5px no-repeat;
}
#regulatory-area ul li a {
color: #FFF !important;
}
#regulatory-area ul li:last-child {
margin-bottom: 0;
}
#about-area {
float: left;
width: 100%;
padding: 50px 0;
background: #FFF;
}
#about-area .icon-holder {
float: left;
width: 100%;
}
#about-area .icon-holder img {
display: block;
width: 100%;
}
#about-area .more-about-btn {
float: left;
background: #fb6080;
padding: 12px 16px;
border-radius: 5px;
font-family: 'Open Sans', sans-serif !important;
font-size: 16px !important;
font-weight: 500 !important;
color: #FFF;
letter-spacing: 0px;
text-decoration: none !important;
}
#about-area span {
font-weight: 700 !important;
}
#video-area {
float: left;
width: 100%;
padding: 50px 0;
background: #000;
}
#video-area h1 {
font-size: 48px !important;
color: #FFF !important;
text-transform: uppercase !important;
}
marquee {
float: left;
width: 100%;
background: #f34545;
letter-spacing: 1px !important;
padding: 8px 0;
}
.marquee-line p {
float: left;
width: 100%;
color: #fff !important;
font-weight: 700 !important;
}
.marquee-line a {
color:#fff !important;
text-decoration:none ;
}
.marquee-line a:hover {
color:#fff !important;
text-decoration:none ;
}
section.marquee-line p {
margin: 0 !important;
font-size: 14px !important;
}
section.marquee-line .container-fluid {
padding: 0;
}
.phn {
text-align: right;
font-size: 16px !important;
margin: 5px !important;
font-weight: 600 !important;
color: #002 !important;
padding: 5PX !important;
}
.phn a{
color: #ff0000;
text-decoration: none;
}
.phn a:hover {
color: #ff0000;
text-decoration: none;
} th {
background: #4777e6;
color: white;
}
table {
font-size: 15px;
font-weight: 500;
} footer {
float: left;
width: 100%;
background: url(//www.tkcfw.ac.in/wp-content/themes/tkcfw/images/footer.jpg) top center no-repeat #1c1f21;
min-height: 420px;
color: #707070;
}
#foot-top {
float: left;
width: 100%;
padding: 60px 0;
}
#foot-bottom {
float: left;
width: 100%;
line-height: 16px;
padding-bottom: 20px;
}
footer a {
color: #707070;
}
footer a:hover {
color: #4777e6 !important;
}
footer h3 {
color: #FFF !important;
margin-bottom: 10px !important;
}
footer p {
font-size: 13px !important;
line-height: 24px !important;
}
ul.foot-links {
float: left;
width: 100%;
margin: 0;
padding: 0;
}
ul.foot-links li {
float: left;
width: 100%;
margin: 0 0 10px 0;
padding: 0 0 0 16px;
display: list-item;
list-style: none;
font-size: 13px !important;
color: #707070 !important;
background: url(//www.tkcfw.ac.in/wp-content/themes/tkcfw/images/arrow.png) 0 6px no-repeat;
}
ul.foot-links li a {
color: #707070;
}
ul.foot-links li a:hover {
color: #4777e6 !important;
}
footer .location {
float: left;
width: 100%;
margin-bottom: 10px;
background: url(//www.tkcfw.ac.in/wp-content/themes/tkcfw/images/location.png) 0 4px no-repeat;
padding-left: 20px;
}
footer .location span {
font-weight: 700;
}
footer .phone {
float: left;
width: 100%;
margin-bottom: 10px;
background: url(//www.tkcfw.ac.in/wp-content/themes/tkcfw/images/phone-01.png) 0 4px no-repeat;
padding-left: 20px;
}
footer .email {
float: left;
width: 100%;
background: url(//www.tkcfw.ac.in/wp-content/themes/tkcfw/images/email-01.png) 0 6px no-repeat;
padding-left: 20px;
}
footer .calendar {
margin-top: 11rem !important;
}
#foot-bottom a {
float: left;
margin-right: 10px;
}
#wprmenu_bar .menu_title a {
top: 0 !important;
color: #FFF !important;
}
.su-spoiler-style-fancy > .su-spoiler-title {
border-radius: 5px !important;
background: #4777e6 !important;
color: #FFF !important;
font-size: 14px !important;
}
.su-spoiler-style-fancy > .su-spoiler-content {
border-radius: 5px !important;
}
.su-accordion .su-spoiler {
margin-bottom: 15px !important;
}
ul.ac-list {
float: left;
width: 100%;
list-style-type: none;
padding: 0px;
margin: 0px;
}
.ac-list li {
float: left;
max-width: 200px;
width: 15%;
border: 1px solid #ccc;
margin-right: 1%;
margin-bottom: 1%;
}
.ac-list li img {
width: 100%;
}
.recent-news-section {
position: relative;
}
.recent-news-section .bx-wrapper {
background: none !important;
border: 0 none !important;
box-shadow: none !important;
}
.recent-news-section .bx-prev {
top: 0;
right: 15px;
position: absolute;
background: url(//www.tkcfw.ac.in/wp-content/themes/tkcfw/images/next-01.png) 0 0 no-repeat;
width: 32px;
height: 32px;
text-indent: -9999px;
display: block;
z-index: 999;
}
.recent-news-section .bx-next {
top: 0;
right: 52px;
position: absolute;
background: url(//www.tkcfw.ac.in/wp-content/themes/tkcfw/images/prev-01.png) 0 0 no-repeat;
width: 32px;
height: 32px;
text-indent: -9999px;
display: block;
z-index: 999;
}
.recent-news-section .bx-pager {
display: none !important;
}
.alumni-form {
position: relative;
float: left;
width: 100%;
}
.alumni-form .ginput_container_text input, .alumni-form .ginput_container_email input {
display: block !important;
width: 100% !important;
padding: 0.375rem 0.75rem !important;
font-size: 0.9375rem !important;
line-height: 1.6 !important;
color: #6b6f80 !important;
background-color: #fff !important;
background-clip: padding-box !important;
border: 1px solid #e3ebf3 !important;
border-radius: 3px !important;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.alumni-form .ginput_container_text input:focus, .alumni-form .ginput_container_email input:focus {
color: #6f6e6e !important;
background-color: #fff !important;
border-color: #4777e6 !important;
outline: 0 !important;
box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25) !important;
}
.alumni-form .ginput_container_select select {
display: block !important;
width: 100% !important;
padding: 0.375rem 0.75rem !important;
font-size: 0.9375rem !important;
line-height: 1.6 !important;
color: #6b6f80 !important;
background-color: #fff !important;
background-clip: padding-box !important;
border: 1px solid #e3ebf3 !important;
border-radius: 3px !important;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.alumni-form .ginput_container_date select {
display: block !important;
width: 100% !important;
padding: 0.375rem 0.75rem !important;
font-size: 0.9375rem !important;
line-height: 1.6 !important;
color: #6b6f80 !important;
background-color: #fff !important;
background-clip: padding-box !important;
border: 1px solid #e3ebf3 !important;
border-radius: 3px !important;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.alumni-form .textarea {
display: block !important;
width: 100% !important;
padding: 0.375rem 0.75rem !important;
font-size: 0.9375rem !important;
line-height: 1.6 !important;
color: #6b6f80 !important;
background-color: #fff !important;
background-clip: padding-box !important;
border: 1px solid #e3ebf3 !important;
border-radius: 3px !important;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.alumni-form .textarea:focus {
color: #6f6e6e !important;
background-color: #fff !important;
border-color: #4777e6 !important;
outline: 0 !important;
box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25) !important;
}
.alumni-form .gform_next_button {
float: left;
background: #4777e6 !important;
padding: 8px 16px !important;
margin-top: 20px !important;
border-radius: 5px !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 16px !important;
font-weight: 600 !important;
color: #FFF !important;
letter-spacing: 0px !important;
text-decoration: none !important;
text-align: center !important;
text-transform: uppercase !important;
border: 0 none !important;
cursor: pointer !important;
}
.alumni-form .gform_previous_button {
float: left;
background: #fb6080 !important;
padding: 8px 16px !important;
margin-top: 20px !important;
border-radius: 5px !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 16px !important;
font-weight: 600 !important;
color: #FFF !important;
letter-spacing: 0 !important;
text-decoration: none !important;
text-align: center !important;
text-transform: uppercase !important;
border: 0 none !important;
cursor: pointer !important;
}
.gform_wrapper .gsection {
border-bottom: 1px solid #e3ebf3 !important;
}
body .gform_wrapper .top_label div.ginput_container {
margin-top: 0 !important;
}
.alumni-form .gform_button {
float: left;
background: #fb6080 !important;
padding: 8px 16px !important;
margin-top: 20px !important;
border-radius: 5px !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 16px !important;
font-weight: 600 !important;
color: #FFF !important;
letter-spacing: 0 !important;
text-decoration: none !important;
text-align: center !important;
text-transform: uppercase !important;
border: 0 none !important;
cursor: pointer !important;
}
#home-special aside.col-sm-3.col {
text-align: center;
}
.face-fooot {
margin-right: 10px;
text-decoration: none !important;
}
.face-twitterr {
margin-right: 10px;
text-decoration: none !important;
}
.face-instaaa {
margin-right: 10px;
text-decoration: none !important;
}
.face-youutube {
text-decoration: none !important;
}
.faculty-wrapper {
display: flex;
align-items: center;
width: 100%;
background: #fff;
box-shadow: 0 0 16px #ddd;
margin-bottom: 50px;
padding: 30px;
}
.faculty-wrapper .faculty-name {
font-weight: 700;
padding-bottom: 8px;
font-size: 18px;
}
.faculty-wrapper .dept-name {
padding-bottom: 5px;
}
.faculty-wrapper .faculty-name span {
padding-bottom: 0px;
color: #fb6080;
}
.faculty-wrapper .dept-name a {
color: #fb6080;
text-decoration: none;
}
.clr-btn {
background: #fb6080;
padding: 5px 20px;
font-size: 16px;
color: #ffffff;
font-weight: 600;
}
.clr-btn-spl {
background: #fb6080;
padding: 5px 20px;
font-size: 16px;
color: #ffffff;
font-weight: 600;
margin-left: 20px;
}
.linked-btn-wrap {
display: flex;
margin-bottom: 20px;
}
#link-clr .su-list {
margin-left: 0px;
margin-bottom: 0px;
}
.linked-btn-wrap .clr-btn a:hover {
color: #fff;
text-decoration: none;
}
.linked-btn-wrap .clr-btn-spl a:hover {
color: #fff;
text-decoration: none;
}
section.marquee-line p {
margin: 0 !important;
font-size: 14px !important;
}
section.marquee-line .container-fluid {
padding: 0;
} @media only screen and (min-width : 320px) and (max-width : 767.98px) {
.ac-list li {
max-width: 100%;
width: 100%;
margin: 0 0 20px 0;
}
.recent-news-section h1 {
width: 70%;
}
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
nav {
float: left;
width: 100%;
min-height: 0px;
background: #4777e6;
}
#home-special aside.col-sm-9.col {
margin-bottom: 16px;
}
.recent-news-section button {
margin-top: 17px;
margin-bottom: 17px;
}
#about-area .more-about-btn {
margin-bottom: 21px;
}
}
@media (max-width: 767px) {
.faculty-wrapper img {
margin-bottom: 20px;
}
}