.asdf {width:100%; padding:5px; height:200px; background-color:#FC3; border:none;} /* Banner Pic */ .banner-pic { display:flex; background-color:#fff;box-shadow:0px 4px 4px 0px rgba(0,0,0,0.3); padding:4px 0px;} .banner-pic img:first-child {width:60%;} .banner-pic img:last-child {width:40%;} .banner-image img {width:100%;} /* Latest Events*/ .ltst-blok{width:800px; margin:30px auto; } .ltst-hdng {text-align: center; line-height: 35px; font: normal 35px 'Yanone Kaffeesatz', sans-serif; margin: 12px auto; color: #555; text-transform: uppercase; letter-spacing: 2px;} .ltst {display:flex; justify-content: space-between;background-color:#ffffffa6;border-radius:6px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); padding:10px;margin-bottom:20px;} .ltst img { height:135px; width:135px;border-radius:5px;} .ltst-cnt {display:block; flex-direction:column;width: calc(100% - 145px); padding:3px;font-family: Arial;font-size:16px; color:#555; text-align:justify;font-style: normal; line-height: 20px;} .ltst-cnt span {display:block;} .ltst-cnt span:first-child {font: normal 30px 'Yanone Kaffeesatz', sans-serif; line-height:30px; color:#00B0F0; margin:0px;} .ltst-cnt span:nth-child(2) {font-weight:bold;} .ltst-cnt p {margin-block-start: 8px; margin-block-end: 0px; margin-inline-start: 0px; margin-inline-end: 0px;} .ltst-cnt a { padding: 6px 8px; border-radius: 5px; font-style: normal; color: #fff; float: right; font-family: Arial; font-size: 17px; font-style: normal; background-color: #EB268F; margin-top: 15px; cursor: pointer; transition: 1s;} .ltst-cnt a:hover { background-color:#00B0F0;} /* Form Submit*/ .frmdn{width:800px; margin:30px auto; background-color:#ffffffa6;border-radius:6px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); padding:10px;} .formdone{ display:flex;} .frmdne-pic { width:170px; margin-right:10px; text-align:center;} .frmdne-pic img {width:60%;} .frmdne-cnt {display:flex; flex-direction:column;width: calc(100% - 180px); padding:3px;font-family: Arial;font-size:16px; color:#555; text-align:left;font-style: normal; line-height: 20px;} .frmdne-cnt span{ margin:5px 0px;} .frmdne-cnt span:first-child {font: normal 32px 'Yanone Kaffeesatz', sans-serif; line-height:32px; color:#00B0F0; margin:0px;} .frmdne-lnk {display:grid;grid-template-columns: repeat(5,1fr); grid-gap: 5px;} .frmdne-lnk a {background-color:#777777d9;font-family: Arial;font-size:12px; color:#f1f1f1;line-height: 14px; padding:5px 5px 5px 8px; border-radius:4px; transition:1s;} .frmdne-lnk a:hover {background-color:#EB268F;} .frmdne-sbscrbe {display:flex; flex-direction:column; margin-top:30px;} .frmdne-sbscrbe input[type="text"]{width:100%; border: none; outline:none; padding: 10px 2px; border-bottom: 1px solid #999; border-top: 1px solid #999; color: #555; font-size: 14px; letter-spacing: 7px; text-align: left; text-transform: lowercase; margin-top:8px;} .frmdne-sbscrbe input[type="submit"] {color: #fff; background-color: #EB268F; font-size: 18px; border: none; padding: 8px; border-radius: 3px;margin-top: 20px; cursor:pointer; transition:1s; float:left;} .frmdne-sbscrbe input[type="submit"]:hover {background-color:#00B0F0;} /* ARTICLE PAGES*/ .hai-headline{ font-family: Arial; text-align:center; font-weight:normal; color: #FFFFFF; font-size: 11px; line-height: 14px; padding:5px;margin:0px;} .hai-headline:hover {color: #FFFFFF;} .articles-hed-title{ color: #0058B0; font-size: 20px; line-height:22px; } p { margin-block-start: 0px; margin-block-end: 10px; margin-inline-start: 0px; margin-inline-end: 0px;} .pic2 {display:grid;grid-template-columns: repeat(2,1fr); grid-gap: 5px; margin:10px auto;} .pic3 {display:grid;grid-template-columns: repeat(3,1fr); grid-gap: 5px; margin:10px auto;} /*coa*/ .article59 {font-family: Arial;font-size: 14px;font-style: normal;color: #525252;font-weight: normal;line-height: 20px;display:grid;grid-template-columns: repeat(2,1fr); grid-gap: 5px; margin:10px auto;} .article59 ul {display:flex; list-style:none; border:1px solid #999; padding-left:5px;} .article59 ul li:first-child{ width:59%;} .article59 ul li:nth-child(2){width:1%; padding-right: 10px;} .article59 ul li:nth-child(3){width:40%;} .article100 {display:grid;grid-template-columns: repeat(1,1fr); grid-gap: 5px; margin:10px auto;font-family: Arial;font-size: 16px;font-style: normal;} .article100 ul { display:flex; list-style:none; border:1px solid #999; padding:5px;} .article100 ul li:first-child{ width:69%; color:#06C;} .article100 ul li:nth-child(2){width:1%; padding-right: 10px;} .article100 ul li:nth-child(3){width:30%;} /*orgmi*/ .article-omi {display:grid;grid-template-columns: repeat(3,1fr); grid-gap: 5px; margin:10px auto;font-family: arial;font-size: 14px;font-style: normal;} .article-omi a {padding:5px;border: 1px solid #999; border-radius: 3px;} /* Competition Registration Form */ .online-colm-regn {width:95%; max-width:900px; padding: 0px; margin: 0px auto; text-align: -webkit-center;} .online-colm-regn .admregndv {display: flex; flex-direction: column; padding: 10px; border-radius: 8px; background-color: #fff; box-shadow: 0px 0px 5px rgb(0 0 0 / 40%); margin:15px auto;} .online-colm-regn .admregndv p {font-family: Arial; font-size: 16px; font-style: normal; color: #555; font-weight: normal; line-height: 20px; text-align: left;} .online-colm-regn .admhdng {font-family: 'Yanone Kaffeesatz';color: #0058B0; font-size: 25px; line-height: 25px; font-weight: normal; text-align: left; letter-spacing: .5px; margin-bottom: 10px; background-color: #ddd; padding: 10px; border-radius: 2px;} .online-colm-regn .admregndv .frmgemctgry .ctgrbtn {align-self: center; font-family: Arial; font-size: 16px; font-style: normal; color: #555; font-weight: normal; text-align: left;} .online-colm-regn .admregndv .frmgemctgry .ctgrbtn input {width:25px !important;} .online-colm-regn .admregndv .frmgemctgry {margin-bottom:12px;} .online-colm-regn .admregndv .frmgemctgry p {font-weight:bold;} .online-colm-regn .admregndv .frmgemctgry ul {list-style:none; float:left; display:grid; grid-template-columns: repeat(4, 1fr); grid-gap: 5px;} .online-colm-regn .admregndv input{ font-family: arial; font-size: 16px;margin:0px auto 10px auto; width:100%; color: #5B5B5B;padding: 10px; border: 1px solid #777; border-radius: 3px; background: #ffffff8f;} .online-colm-regn .admregndv select{ font-family: arial; font-size: 16px;margin:0px auto 10px auto; width:100%; color: #5B5B5B;padding: 10px; border: 1px solid #777; border-radius: 3px; background: #ffffff8f; transition:1s;} .online-colm-regn .admregndv textarea{ font-family: arial; font-size: 16px;margin:0px auto 10px auto; width:100%; color: #5B5B5B;padding: 10px; border: 1px solid #777; border-radius: 3px; background: #ffffff8f;} .online-colm-regn .admregndv .frmcnts{display:flex; column-gap: 15px;} .online-colm-regn .admregndv .frmcnts select {width: 140px; border-top-right-radius: unset; border-bottom-right-radius: unset; margin-right: -18px; border-right:none;} .online-colm-regn .admregndv .frmcnts input:last-child { border-left:none;border-top-left-radius: unset; border-bottom-left-radius: unset;} .online-colm-regn .admregndv .frmcnts0, .frmcnts2, .frmcnts3, .frmcnts4{display:flex; column-gap: 15px;} .online-colm-regn .admregndv .frmcnts2 input:nth-child(1) { width:500px;} .online-colm-regn .admregndv .frmcnts2 input:nth-child(2) { width:60px;} .online-colm-regn .admregndv .frmcnts2 select { width:100px;} .online-colm-regn .admregndv .refdtls .dtdls {align-self: center; font-family: Arial; font-size: 16px; font-style: normal; color: #555; font-weight: normal; text-align: left;} .online-colm-regn .admregndv .refdtls .dtdls:nth-child(4) { width:122px;} .online-colm-regn .admregndv .refdtls input {width:215px;} .online-colm-regn .admregndv .refdtls .dtdls input {width:25px !important;} .online-colm-regn .admregndv .refdtls {margin-bottom:12px; display:flex;} .online-colm-regn .admregndv .refdtls ul {list-style:none; float:left; display:grid; grid-template-columns: repeat(5, 1fr); grid-gap: 5px;} .online-colm-regn .admregndv .admntrms { display:flex; margin-top:5px;} .online-colm-regn .admregndv .admntrms input {width:auto; height:15px; padding:4px;} .online-colm-regn .admregndv .admntrms p { font-family: Arial; font-size: 13px; line-height:16px; font-style: normal; color: #555; font-weight: normal; text-align: justify; padding:0px 10px;} .online-colm-regn .admregndv input[type="submit"] { display:block;background: #00B0F0;font-family: arial; text-transform: uppercase;letter-spacing: 5px; font-size: 14px;margin:5px auto; width:122px; color: #fff;padding: 15px 18px 15px 25px; border:none; border-radius: 5px;transition: 1s; cursor:pointer; } .online-colm-regn .admregndv input[type="submit"]:hover {background-color:#EB268F;} .online-colm-regn .admregndv .admntrms .rdtrmbtn input {width:25px !important;cursor:pointer;} .mandatory { font-size: 16px; font-weight: normal; color: red; text-align: center; margin-bottom: 5px;} .collapse {display: none;} .collapse.in {display: block;} .collapsing {height: 0; overflow: hidden; -webkit-transition: height .35s ease; transition: height .35s ease} .trmcndn-hed{font-family: Arial;font-size: 14px; line-height:18px; font-style: normal; color: #EB268F; text-align:left; transition:1s; font-weight:bold;} .trmcndn-hed:hover {color:#00B0F0;} .trmcndn-hed span {color:#0058B0; margin-left:10px; font-weight:normal;} .trmcndn-cnt { display:block; border:1px solid #ddd;font-family: Arial;font-size: 12px;font-style: normal;color: #525252; font-weight: normal;line-height: 18px; padding: 5px;text-align:justify; } .trmcndn-cnt ul {padding-left:22px;} .trmcndn-cnt ul li {list-style:disc;} .trmcndn-cnt ul li:first-child {font-weight:bold; list-style:none; padding-left:0px; font-size:12px;} .trmcndn-cnt ul li ul li {list-style:disc !important; font-weight:normal !important;} .trmcndn-cnt ul li a {color:#0058B0; margin-left:0px; font-weight:normal; font-size:12px; transition:1s;} .trmcndn-cnt ul li a:hover {color:#EB268F;} .trmcndn-cnt a {color:#0058B0; font-weight:bold; margin-left: 22px; font-size: 14px; transition:1s;} .trmcndn-cnt a:hover {color:#EB268F;} .article-block { display:flex; border-bottom:1px solid #b9b2a2; padding:15px 5px; align-items: flex-start;} .article-block:last-child {border:none;} .artcl-r {line-height: 20px; text-align:justify;width: calc(100% - 150px); padding-left: 8px;position: relative;} .artcl { width:150px; display:flex; } .artcl img { width:100%;border-radius:10px;} .artcl-cnt { display:flex; font-family:Arial; font-size:15px; font-style: normal; color: #333333;line-height: 20px; min-height:85px; } .artcl-mre { padding:5px 8px; border-radius:5px; font-size:14px; font-style: normal; color: #fff;float:right; font-family:Arial; font-size:15px; font-style: normal; background-color:#00B0F0; margin-top:5px;cursor:pointer; transition:1s;} .artcl-mre:hover {background-color:#EB268F;} .artcle-ttle {font:normal 28px 'Yanone Kaffeesatz', sans-serif; line-height: 28px; letter-spacing: 0px; color: #EB268F; text-align:left;transition:1s;} .artcle-ttle:hover {color:#00B0F0;} .artcle { font-family: Arial; text-align:justify; padding:6px; font-size: 14px; line-height: 18px; color:#FFFFFF;} .artcle-colum {width:1000px; margin:20px auto; padding:0px 10px;} .artcle-innr-colum {display:flex; width:1200px; margin:20px auto;justify-content: space-between; padding:0px 12px;} .artcle-innr-colum a {text-decoration:none; color:#00B0F0;} .artcle-innr-colum a:hover { color:#EB268F;} .artcle-innr-colum-lft { width:75%;padding:15px;box-shadow:0px 0px 6px 1px rgba(0,0,0,0.5); border-radius:10px;font-family: Arial;font-size: 16px;font-style: normal;color: #525252;font-weight: normal;line-height: 20px; text-align:justify; background-color:#fff;} .artcle-innr-colum-lft ol { padding:10px 0px 10px 15px;} .artcle-innr-colum-lft ol li {padding:5px 0px;} .artcle-innr-colum-lft table {padding:8px 0px; border:none;} .artcle-innr-colum-lft td {padding:8px; border:1px solid #CCCCCC;} .artcle-innr-colum-rgt {width:24%;max-height: 1000px; overflow: scroll; color:#555;} .articles a {display: block; width: 100%;padding: 10px 5px; margin-bottom:5px; border-radius:5px; border:1px solid #999; font-family:arial; font-size:16px; line-height: 20px; color: #555 !important;cursor:pointer;} .articles a:hover {background-color:#EB268F !important; color:#fff !important;} .articles a:first-child { background-color: #555 !important; color: #fff !important;text-transform: uppercase; font-weight: bold; word-spacing: 5px; text-align: center; letter-spacing: 5px;} .artcle-innr-colum-rgt::-webkit-scrollbar-track{ border-radius:20px; background:transparet } .artcle-innr-colum-rgt::-webkit-scrollbar{ width:5px; background:transparet } .artcle-innr-colum-rgt::-webkit-scrollbar-thumb{ border-radius:20px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); transition:300ms; background:#EB268F; } .article-title{ display:table;font: normal 40px 'Yanone Kaffeesatz', sans-serif; text-align: center;color: #595959; text-transform:uppercase; margin: 5px auto;padding:0px; line-height:40px; letter-spacing:2px;} .artcle-innr-colum img{width:100%;} .article-sub-title {font: normal 25px 'Yanone Kaffeesatz', sans-serif; line-height: 25px; color: #FF3366; padding:0px; margin:0px;} .article-reg {background-color:#111; padding:10px; color:#f1f1f1; border-radius:4px; margin:5px auto; text-align:center;} /* Hobby Classes */ .frnch-hed{font: normal 25px 'Yanone Kaffeesatz', sans-serif; line-height:25px; font-style: normal; color:#555; text-align:left; letter-spacing:1px;} .frnch-hed span { width:600px;display:grid;grid-template-columns: repeat(2,1fr); grid-gap: 10px;font-family: Arial;font-size: 16px;font-style: normal;color: #525252; font-weight: normal;line-height: 25px;} .cyan {color: #00B0F0;} .mgnta {color: #EB268F; margin-top:30px;} .frnch-cnt {font-family: Arial;font-size: 16px;font-style: normal;color: #525252; font-weight: normal;line-height: 25px; padding: 5px;text-align:justify;} /*RULES */ .rules-heding{ display: block; text-align: center; line-height: 40px;font: normal 35px 'Yanone Kaffeesatz', sans-serif; color: #EB268F; letter-spacing: 2px; width: 95%;margin:20px auto 0px auto; text-transform: uppercase;} .rules {width:1000px; margin:20px auto;justify-content: space-between; background-color:#fff; padding:10px; border:1px solid #999; border-radius:10px;} .rules ol {padding:0px 0px 0px 15px; font-size: 14px;font-family: Arial; font-style: normal; color: #525252; font-weight: normal; line-height: 20px; text-align:justify; } .rules ol li {padding:5px 0px;} .rulhdng { font-weight:bold;font-size:15px; color:#0058B0;} .rules-link{display:flex; margin-top:5px;justify-content: center; width:95%; margin:0px auto;} .rules-link a{ font-family: Arial; color: #fff; text-transform:uppercase; text-align:center; font-size: 13px; line-height:15px;padding: 10px; background-color:#555; margin-right:10px; border-radius:3px; transition:1s;} .rules-link a:hover {background-color: #EB268F;} .rules-link a:last-child {margin-right:0px;} .career {font-size: 14px;font-family: Arial;font-style: normal; color: #525252; font-weight: normal; line-height: 20px; text-align:justify; } .career-grid {display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 6px; margin:10px auto;} .career-grid img{width: 100%;padding:5px; background-color:#E6E6E6; transition:1s;} .career-grid img:hover { transform: translateY(-10%);} /* ERRORS */ .fname_error, .contact_error, .email_error, .state_error {color:red; font-family:arial; font-size:12px;} /*popsuccess*/ .containsuccessbox{ position:fixed; width:100%; height:100vh; top:0; left:0; overflow:hidden; display:none; } .successbox{ background:#fff; max-width: 340px; width: 95%; padding:5px; box-sizing:border-box; box-shadow:2px 3px 5px rgba(0,0,0,0.7),0px 0px 10px 100vh rgba(0,0,0,0.7); display:flex; justify-content:center; align-items:center; flex-direction:column; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:5px; font-family:arial; font-size:14px; line-height:18px; border-radius:10px; } .successbox span{font-weight:bold; color:#EB268F;} .successbox .fa{font-size: 50px; color: #000000bf; background-color: #ffec09; border-radius: 50px; padding: 0px; margin: 0px; width: 43px; height: 43px; line-height: 43px; } .successbox #succok{ margin: 10px; padding: 5px 10px; font-size: 1rem; background-color: #00B0F0; border: none; border-radius: 5px; color: #fff; transition:1s; cursor:pointer;} .successbox #succok:hover{ background-color:#555;} /*end popup*/ /*Special Workshop*/ .spl-wrkshps { display: grid; grid-template-columns: repeat(9,1fr); grid-gap: 5px; margin-top:10px;} .spl-wrkshps li {padding:3px; border:1px solid #999; background-color:#fff;} .spl-wrkshps li img {width:100%;} .spl-wrkshps li span { font: normal 17px 'Yanone Kaffeesatz', sans-serif; line-height:20px; color: #a9518b; padding-left:2px;} .spl-wrkshps li span:last-child {display:block; font-family:arial; font-size:12px; line-height:14px; color:#555;} .spl-activty {font: normal 30px 'Yanone Kaffeesatz', sans-serif; line-height:35px; text-align:center; color:#555;} .spl-activty span {color:#a9518b;} .pmt-offr {font: normal 35px 'Yanone Kaffeesatz', sans-serif; line-height:35px; text-align:center; color:#a9518b; margin:20px auto;} .pmt-offr span {display:block; font-size:16px;color:#555; font-family:arial; line-height:20px; margin-top:5px;} /* Workshop */ .wrkero {float: right; padding-right: 5px;font-size: 21px; color: #555; margin-top:-5px; transition:1s;} .wrkero:hover {color:#EB268F; transform:scale(1.5,1.5);} .abtcrscon { width: 1100px; margin: 0px auto; font: normal 22px 'Yanone Kaffeesatz', sans-serif; color: #595959; text-align:justify; line-height:22px; padding:5px 10px;} .wrkshps { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 6px; margin-top:10px;} .wrkshps {list-style:none;} .wrkshps a { display:block;text-decoration:none; color:#555; padding: 5px;font-size:14px; line-height:16px; background-color: #fff;border-radius: 5px;padding:8px 5px;box-shadow:1px 1px 2px 1px rgba(0,0,0,0.3); cursor:pointer;} .wrkshps a span{ float:right;font-size:10px; line-height:12px;} .wrkshps a:hover{ color: #fff;background-color:#EB268F} .sanamm { font-family:arial; font-size:14px;} .wrkshps img {height: 45px; vertical-align: middle; width: auto; margin-right: 6px; border-radius: 5px;} .cyans a{ text-decoration:none; color:#525252; display:flex;} .cyans:hover {background-color:#00B0F0; color:#fff;} .cyans a:hover {color:#fff;} .mgntas a{ text-decoration:none; color:#525252; display:flex;} .mgntas:hover {background-color:#EB268F; color:#fff;} .mgntas a:hover {color:#fff;} .wrkshp-spl { display:grid; justify-content:space-between; grid-template-columns: repeat(6,1fr);grid-column-gap: 5px; margin:10px auto 20px auto;} .wrkspin { display:flex;text-align:left; font-family:arial; font-size:14px; line-height:16px;background-color:#555; padding:8px; color:#fff; letter-spacing:1px;border-radius:5px;} /*.wrkspin:last-child{ font-size:17px; align-items:center; text-transform:uppercase; cursor:pointer; transition:1s;} .wrkspin:last-child:hover{ background-color:#00B0F0;} */ .wrkspin .fa {font-size: 28px; font-weight:normal; margin-right:8px; color:#FFCC33;} .wrkopn {color:#FFCC33;} .wrkopn span {display:block; font-weight:normal; color:#fff;} .wrkshpin {display:flex; margin:20px auto; padding:5px;} .wrkshp-abt {display:block; padding:5px; border-bottom:1px solid #99999985; border-top:1px solid #99999985; margin-top:10px; font-family: Arial; font-size: 14px; color: #525252; line-height: 20px;} .wrkshpin-lft {text-align:center; width:calc(100% - 361px)} .wrkshpin-lft img {width:100%; border: 3px solid #fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); transition:1s; border-radius:15px;} .wrkshp-abt ul { list-style: disc; padding-left: 20px;} .wrkshpin-rgt {display:flex; width:361px; padding-left:15px; flex-direction: column; justify-content: center;} .pmts-lnk { display:block; margin-top:5px; font-family:arial; color: #0058B0; font-size: 13px; transition:1s;} .pmts-lnk:hover {color:#EB268F;} .reg-del-con .lh{ left:-10px; bottom:0; transform: scalex(-1);} .reg-del-con a {color:#0058B0; display:inline-block;} .reg-del-con a:hover {color:#EB268F;} .reg-del-con a .fa{ color:#EB268F;} .regd-btns { display:inline-block;text-align:left; font-family:arial; font-size:14px; line-height:16px;background-color:#555; padding:12px; color:#fff; letter-spacing:1px;border-radius:5px; transition:1s;} .regd-btns:hover {background-color:#00B0F0;} .regd-btns .fa {font-size: 22px; font-weight:normal; margin-right:8px; color:#FFCC33;} .regd-btns span {font: normal 24px 'Yanone Kaffeesatz', sans-serif; color:#fff;} .regd-box{ display:flex; font-family:arial; font-size: 14px; padding: 12px 5px;color:#595959;} .regd-box:first-child { padding:0px 5px 15px 5px;} .regd-box .fa{ font-size:16px;margin-right:4px;} .regd-box span:first-child{ width:115px;} .regd-box span:nth-child(2){margin:0px 15px;font-weight:bold;} .wrkshpin-rgt2 {display:flex; width:470px; padding-left:15px; flex-direction: column; justify-content: center;} .regd-box2{ display:flex; font-family:arial; font-size: 14px; padding: 5px;color:#595959;} .regd-box2:first-child { padding:0px 5px 5px 5px;} .regd-box2 .fa{ font-size:16px;margin-right:4px;} .regd-box2 span:first-child{ width:140px;} .regd-box2 span:nth-child(2){margin:0px 15px;font-weight:bold;} .btn-cntrs {display: block; text-align: center; padding-top: 10px; border-top: 1px solid #99999985;} .cmp-on {display: inline-block; font: normal 18px 'Yanone Kaffeesatz', sans-serif; line-height:15px;font-weight: normal;padding-right:8px;} .cmp-on:nth-child(2){padding-right:0px; padding-left:10px; border-left:1px solid #555;} .cmp-hdng { display:block;font: normal 25px 'Yanone Kaffeesatz', sans-serif; color: #555;text-transform: uppercase;letter-spacing: 2px; padding-top:5px; border-bottom:1px solid #555;} .regd-coprt{ display:flex; flex-direction:column; font-family:arial; font-size: 14px; text-align:justify; padding: 6px 0px; color:#555; border-bottom:1px solid #9999996b;} .regd-coprt .fa{font-size:16px;margin-right:4px;} .regd-coprt span:first-child{color:#EF5455;} .regd-coprt span ul li{list-style: none; margin: 0px 0px 0px 22px;} .formErrors {color:red; font-weight:bold;padding-left:10px;} .spleror {display: block; text-align: center; letter-spacing: 2px; font-weight: normal; text-transform: uppercase;color:red; padding:0px;} .rss-block {display:flex; justify-content: center; align-items:center;} .contfildbox { width: 100%; margin:0 auto; } .contfildbox h2 { font-size: 20px; background: #00B0F0; padding: 5px 10px; color: #ffffff; display: flex; justify-content: flex-start; align-items: center; border-radius:5px;} .contfildbox h2 .brush { background: #ddd; display: inline-flex; justify-content: flex-end; align-items: flex-start; width: 35px; height: 35px; margin-right: 10px; border-radius: 50%; font-size: 40px; color: #555; } .contfildbox h2 .brush .fa { margin: -15px -10px 0px 0px; } .contfildbox .inputbox { position: relative; width: 100%; padding:0px 10px; } .contfildbox input, .contfildbox textarea, .contfildbox select { width: 100%; height: 35px; padding-left: 5px; font-size: 15px; border: none; background: none; border-bottom: 1px solid #999; color: #595959; font-family: arial;} .contfildbox textarea { height: 80px; resize: none; } .contfildbox input[type="button"] { background: #EB268F; padding: 10px 15px; color: #ffffff; border: none; border-radius: 4px; margin: 10px 0; cursor:pointer; margin:10px; float:right;transition:1s;} .contfildbox input[type="button"]:hover { background-color:#00B0F0;} .contfildbox input[type="submit"] { background: #EB268F; padding: 10px 15px; color: #ffffff; border: none; border-radius: 4px; margin: 10px 0;cursor:pointer; } .contfildbox ::-webkit-input-placeholder { color: #595959; } .contfildbox .errorshow { font-size: 12px; color: red; position: absolute; width: 100%; bottom: -15px; left: 0; } .wrks-grid {display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px;} .wrks-grid a { background-color:#FC0; transition:300ms; position:relative; text-align:center; border-radius:10px; overflow:hidden; color:#000; font: normal 20px 'Yanone Kaffeesatz', sans-serif; color: #ffff; line-height:22px; padding:8px 0px; letter-spacing:1px;} .wrks-grid a:hover{ box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5); transform:translatey(-10px); border-radius:5px;} .wrks-grid img {width:100%;} .wrks-grid a:nth-child(1){ background-color:#F69;} .wrks-grid a:nth-child(2){ background-color:#36C;} .wrks-grid a:nth-child(3){ background-color:#F30;} .wrks-grid a:nth-child(4){ background-color:#3c9802;} .wrks-grid a:nth-child(5){ background-color:#9F28B0;} .wrks-grid a:nth-child(6){ background-color:#F90;} .wrks-grid a:nth-child(7){ background-color:#00B0B0;} .wrks-grid a:nth-child(8){ background-color:#591eb9;} .wrks-grid a:nth-child(9){ background-color:#6fca0b;} /* LANDING PAGES*/ .landing-title{ display: inline-block; text-align: center; line-height: 35px; font-size: 30px; font-family: Arial; color: #E60000; letter-spacing: 0px; width: 100%; padding-top: 5px; padding-bottom: 5px; text-transform:uppercase; } .landing-sub { display: block; font-size: 13px; line-height:18px; font-family: Arial; font-weight:normal; color: #2B5555; text-transform: uppercase; text-align:center; } .landphon { display:block; width:100%; text-align:center; font-size:15px; color: #2B5555; margin-top:10px; } .landphon img {vertical-align:middle;} .shdw {width:100%; min-height:20px; background: url(brdrd.png) no-repeat; background-position: center; background-size: cover; } .shdw2 {width:100%; min-height:30px; background: url(brdru.png) no-repeat; background-position: center; background-size: cover; } .land-heading { font-family: Arial; font-size: 14px; font-style: normal; line-height: normal; color: #FF3300; font-weight: bold; line-height: 20px; } .bfa-name {display:inline-block; width:75px; color:#333333; font:Arial;font-style: normal; font-size:13px; line-height:16px;} .bfa-age {display:inline-block; width:220px; color:#333333; font:Arial;font-style: normal; font-size:13px; line-height:16px;} .bfa-type {display:inline-block; width:110px; color:#333333; font:Arial;font-style: normal; font-size:13px; line-height:16px;} .bfa-quli {display:inline-block; width:180px; color:#333333; font:Arial;font-style: normal; font-size:13px; line-height:16px;} .bfa-seat {display:inline-block; width:45px; color:#333333; font:Arial;font-style: normal; font-size:13px; line-height:16px;} .bfa-durn {display:inline-block; width:50px; color:#333333; font:Arial;font-style: normal; font-size:13px; line-height:16px;} .bfa-brdr { display: block; position: relative; width: 100%; float: left; padding: 5px; margin-bottom:5px; border: solid; border-width: 1px; border-color: #999999; } /* PAYMENT OPTIONS */ .paymentcon{width:100%; margin:10px auto 0px auto;overflow:hidden;display: flex; flex-wrap: wrap;} .paymentbox{float:left; width:calc(100% / 2 - 5px); padding:10px; box-sizing:border-box; margin:0px 10px 10px 0px; font-family: Arial; font-size: 15px; font-style: normal; color: #525252; font-weight: normal; line-height: 20px; border:2px solid #525252;background-color: rgba(255,255,255,0.5); border-radius:10px; } .paymentbox:nth-child(2n + 0){margin:0px 0px 10px 0px;} .paymentbox:nth-last-child(1){margin:0px 0px 0px 0px;} .paymentbox:nth-last-child(2){margin:0px 10px 0px 0px;} .paymentbox input[type="button"]{background:#525252; padding:5px 10px; font-size:15px; border:none;color:#fff; border-radius:5px; cursor:pointer; transition:300ms;} .paymentbox input[type="button"]:hover { background-color:#a9518b;} .paymentbox h2{font-family: 'Yanone Kaffeesatz'; color: #a9518b; font-size: 24px; line-height: 25px; font-weight: normal; text-align: -webkit-left; text-transform:uppercase; display:inline-block; margin-left:8px;} .paymentcon .rightbox{ margin-top:10px;} .paymentbox label{display:block;font-family:Arial; font-size:15px; margin-bottom:5px;} .paymentbox .nsacob{font-weight:bold;} .paymentbox span{display:inline-block;} .paymentcon label span:nth-of-type(1){width : 105px;} .paymentcon ul li{ margin-left:40px; list-style-type: disc;} .paymentcon .rightbox .qrcodecon{display:flex;justify-content:center;align-items:center;margin:10px } .paymentcon .leftbox .pyopicon img{height:25px; width:auto; vertical-align:sub; } .paymentcon .rightbox .qrcodecon img{height:125px;} .paymentcon .rightbox img:last-child{margin:0;} /* GALLERY PAGES */ .glrycrscon { width: 1100px; margin: 0px auto; padding:0px 10px;} .glrycrscon p {font-family: arial;font-size: 14px;font-style: normal;line-height: 20px; color: #555;font-weight: normal;text-align:justify;} .gallery-big{ text-align: center; line-height: 35px; font: normal 35px 'Yanone Kaffeesatz', sans-serif; margin: 12px auto; color: #EF5455; text-transform: uppercase; letter-spacing:2px; padding:0px; } .gallery-big span { display:block; font-size:22px; line-height:22px; text-align: center; letter-spacing: 8px; font-weight: normal; text-transform: uppercase; margin-bottom: 8px;color: #777;} .gallery-title { font-family: Arial; font-size: 17px; line-height: 24px; text-transform: uppercase; padding-left: 8px; padding-top: 5px; color: #3366CC; transition:1s; } .homecard{ display:grid; grid-template-columns:repeat(4, 1fr); grid-gap:15px; } .homecard .boxs{ text-align:center; } .homecard .boxs img{ transition: 300ms ease-in-out; padding: 3px; border-radius: 50%; width: 80%; padding:3px; background-color:#fff; box-shadow:2px 2px 5px rgba(0,0,0,0.3); } .homecard .boxs img:hover{transform:scale(1.1,1.1) rotate(360deg);} .hme-acty-ttl{ font: normal 22px 'Yanone Kaffeesatz', sans-serif; padding-top:5px;color: #EF5455; text-align:center;} .gallery-optn {background: transparent; position: static; box-shadow: none; text-align: center; margin:10px auto;} .gallery-optn a { display: inline-block; font: normal 20px 'Yanone Kaffeesatz', sans-serif; text-transform: uppercase; letter-spacing: 3px; color: #555; border: 1px solid #9999998c; padding: 4px 2px 2px 5px; text-align: center; margin-right: 2px; margin-left: 2px;} .gallery-optn a.selected { border-bottom:2px solid #EF5455;} .gallery-optn a:hover { box-shadow:0px 0px 3px 1px rgba(0,0,0,0.3);} .gallery-title:hover { color:#EB268F;} .gallery-dscrpn { font-family: Arial; padding-left:10px; font-size: 14px; line-height: 18px; padding-bottom:5px; color: #2B5555; } .stdnt-folio {display: grid; grid-template-columns: repeat(6, 1fr); grid-column-gap: 5px;justify-items: center; width:90%;} .stdnt-folio img{ width:60px; padding-bottom:10px; display:block;} .stdnt-folio a { margin: 5px auto; font-weight: bold;font: normal 24px 'Yanone Kaffeesatz', sans-serif;color:#595959;cursor:pointer;font-weight: normal;text-transform:uppercase; width:100%;transition:1s;border-radius:10px; } .stdnt-folio a:hover{background-color:#777; color:#fff;} .stdnt-folio .actve {background-color:#00B0F0;border-radius:10px; color:#fff;} .stdnt-folio .actve:hover {background-color:#EB268F;} .stdnt-folio .folio img { transition: 300ms ease-in-out;padding:3px;border-radius:50%;width:90px; margin-bottom:5px;} .stdnt-folio .folio img:hover { transform: rotate(360deg); } /* ABOUT PAGES*/ .about { width: 1000px; margin: 20px auto; justify-content: space-between; background-color: #fff; padding: 10px; border: 1px solid #999; border-radius: 10px; } .about p { font-family: Arial; font-size: 14px; font-style: normal; line-height: normal; color: #555; font-weight: normal; line-height: 20px; text-align:justify; } .founder {display:flex; width: 1000px; margin: 20px auto; background-color: #fff; padding: 10px; border: 1px solid #999; border-radius: 10px;} .founder img {background-color:#fff; padding:5px; width:260px; margin-left:20px;box-shadow: 0px 0px 5px #00000050; height:fit-content; } .founder p {font-family: arial; font-size: 14px;font-style: normal; line-height: normal;color: #555;font-weight: normal; line-height: 20px;text-align:justify;} .about-pics {display:grid; grid-template-columns: repeat(3,1fr); grid-gap: 15px; margin:10px auto;} .about-pics img {width: 100%; background-color: #FFF; padding: 2px; box-shadow: 1px 2px 5px #777;} .home-heading{text-align: center; line-height: 35px; font: normal 35px 'Yanone Kaffeesatz', sans-serif; margin: 12px auto; color: #555; text-transform: uppercase; letter-spacing: 2px; padding: 0px;} .home-link{display:grid;grid-template-columns: repeat(6,1fr); grid-gap:10px;} .home-link li{text-align:center; } .home-link a {display:block;font-family: arial; color: #fff; text-transform:uppercase; font-size: 11px; line-height:12px;background-color: #555;transition: 1s; border-radius: 4px;padding:5px;} .home-link a:hover { background-color: #F55;} .nsac { display:grid; grid-template-columns: repeat(4, 1fr); grid-gap: 5px; margin:10px auto;} .nsac li {line-height:20px;color:#555;font-family: Arial; font-size: 13px; list-style:disc; margin-left:10px;} .see-portfolio { display: inline-block; float:right; margin-right:5px; margin-bottom:0px; } .contact-email{ display:inline-block; font-size: 15px; line-height: 20px; text-align: left; color: #666666; font-family: Arial; text-align:center; } .contact-email li {display:inline-block; padding:5px;} .contact-heading{ font-size: 15px; font-weight:bold; text-align: left; line-height: 18px; font-family: Arial; color: #0058B0; } .contact-form-heading{ font-size: 15px; font-weight: bold; text-align: center; line-height: 25px; font-family: Arial; color: #FFFFFF; background-color:#5E6901; margin-top: 6px; margin-bottom: 6px; } .contact-form-heading2{ display:block; font-size: 20px; font-weight: bold; text-align: center; text-transform:uppercase; line-height: 20px; font-family: Arial; color: #B90020; padding:10px; } .contact-line { height:1px; width:100%; background:#b9b2a2; margin-bottom:15px; margin-top:15px;} .contact-content{ font-size: 15px; line-height: 20px; text-align: left; color: #666666; font-family: Arial; } .contact-topper{ font-size: 16px; line-height: 22px; text-align: center; color: #666666; font-family: Arial; } .campus-at{ font-size: 20px; font-weight: bold; text-align: center; line-height: 22px; font-family: Arial; color: #0058B0; margin-bottom:10px; } .metro-blue { display: inline-block; vertical-align:middle; height:15px; width:15px; margin-right:5px; background-image:url(../home/images/metro-blue-line.png);} .metro-yellow { display: inline-block; vertical-align:middle; height:15px; width:15px; margin-right:5px; background-image:url(../home/images/metro-yellow-line.png);} .metro-text{ display:inline-block; font-size: 14px; font-weight:bold; line-height: 35px; text-align:left; color: #666666; font-family: Arial; padding-right:10px;} .mob { display:inline-block; text-align:center; line-height: 18px; font-size: 15px; font-family: Arial; font-weight:bold; color: #0058B0; margin:10px 0px; } .mob-block { line-height: 20px; font-size: 18px; font-family: Arial; color: #525252; text-transform:uppercase; } .mob-block img {width:25px; height:25px; vertical-align:middle;} .mob-block li {display: inline-block; padding:5px 10px; margin:8px; background-color:#E4E4E4; border-radius:8px;} .colum-campus { float:left; position: relative; padding: 10px; margin:4px; width:32%;border: solid; border-width: 1px; border-color: #525252; border-radius:8px;} .ggle-mp {width:100%; height:350px;} /* Offers */ .offers {display:flex; flex-direction:column;} .offers img {width:100%;} .offers h2 {text-align: center;font: normal 50px 'Yanone Kaffeesatz', sans-serif; color: #EB268F; letter-spacing: 1px; width: 100%; text-transform: uppercase;} .offers h2 span {display:block; color:#555; font-size:22px; font-weight:bold; letter-spacing:1px; margin-bottom:10px;} .offers p {font-family: Arial; font-size: 14px; font-style: normal; line-height: normal; color: #555; font-weight: normal;line-height: 16px;margin-bottom:5px;} .offers p span {display:block; font-weight:bold; font: normal 22px 'Yanone Kaffeesatz', sans-serif; margin-top:10px; color:#00B0F0;} .offers a {font-family: Arial; font-size: 16px; padding:8px;color: #fff; border-radius:5px;background-color:#555; transition:1s; } .offers a:hover {background-color:#EB268F;} .offers ul {font-family: Arial; font-size: 14px; font-style: normal; line-height: normal; color: #555; font-weight: normal;line-height: 20px; margin-bottom:5px; list-style:disc; margin-left:15px;} .offers ul li:first-child {list-style: none; margin-left: -15px; font-weight: bold;} .offers .ofrtbl {display: flex; gap:20px; border-bottom: 1px solid #b9b2a2; padding: 8px; width:100%;margin-bottom:10px;} .offers .ofrtbl .ofrcnts {width:100%;} .offers .ofrtbl .ofrcnts h2 { font-size:32px; line-height:32px; margin:0px; text-align:left; margin-bottom:6px;color:#058393; text-transform:none;} .offers .ofrtbl .ofrcnts h2 span {font-size:18px; line-height:20px; margin:0px; color:#ea779e;} .offers .ofrtbl .ofrcnts a { display:inline-block;font-family: Arial; font-size: 15px; padding: 10px; color: #fff; border-radius: 0px; background-color: #00B0F0; transition: 1s; text-decoration:none; margin-top:5px;} .offers .ofrtbl .ofrcnts a:hover {background-color:#EB268F;} .offers .ofrtbl .ofrcnts p {text-align:justify;} .offers .ofrtbl .ofrcnts p a{ color:#EB268F; padding:0px; background:none; font-weight:bold;} .offers .ofrtbl .ofrcnts p a:hover{ color:#00B0F0; background:none;} .offers .ofrtbl .ofrcnts form {margin:0px; text-align:left;} .offers .ofrtbl .ofrcnts form span a { padding: 0px;} .offers .ofrtbl img {width: 125px; height:125px;} .offers ul li span {background-color:#C00;} .imp-link {display:grid; grid-template-columns: repeat(4, 1fr); grid-gap: 5px;} .imp-link a { display:block; padding:10px; font: normal 20px 'Yanone Kaffeesatz', sans-serif; color:#fff; text-transform:uppercase; width:100%; border-radius:8px; letter-spacing:1px;background-color:#555;} .imp-link a span {color:#FFCC33;} .imp-link a .fa {color:#FFCC33; font-size:20px; margin-right:2px;} /*ADMISSION HOME*/ .homform { display:block; width:100%; max-width:800px; margin:0px auto;} .frmcomb {display:flex; justify-content: space-between;} .hmsub {display:flex; flex-direction:column; width:49%;} .hmsub input{ font-family: arial; font-size: 15px;margin:8px 0px; color: #5B5B5B;padding: 19px 12px; border: 1px solid #777; border-radius: 3px; background: transparent;} .hmsub select{ font-family: arial; font-size: 15px;margin:10px 0px; color: #5B5B5B;padding: 18px 12px; border: 1px solid #777; border-radius: 3px; background: transparent;} .homform textarea{ width:100%; font-family: arial; font-size: 15px;margin:8px 0px 0px 0px;color: #5B5B5B;padding: 19px 12px; border: 1px solid #777; border-radius: 3px; background: transparent; } .homform input[type="submit"] { display:block;background: #00B0F0;font-family: arial; text-transform: uppercase;letter-spacing: 5px; font-size: 14px;margin:15px auto; color: #fff;padding: 15px 18px 15px 25px; border:none; border-radius: 5px;transition: 1s; cursor:pointer; } .homform input[type="submit"]:hover {background-color:#EB268F;} /*ADMISSION*/ .booking { font: normal 35px 'Yanone Kaffeesatz', sans-serif; color: #2b3252; text-align: center; margin-top: 20px; letter-spacing:1px;} .book { display: flex; width: 100%; justify-content: space-between;} .bkngfrm { width:49%; display:flex; flex-direction:column;} .bkngfrm input{ font-family: arial; font-size: 15px;margin:10px 0px; color: #5B5B5B;padding: 19px 12px; border: 1px solid #777; border-radius: 3px; background: transparent;} .bkngfrm100 input{ width:100%; font-family: arial; font-size: 15px;margin:10px 0px; color: #5B5B5B;padding: 19px 12px; border: 1px solid #777; border-radius: 3px; background: transparent;} .bkngfrm select{ font-family: arial; font-size: 15px;margin:10px 0px; color: #5B5B5B;padding: 18px 12px; border: 1px solid #777; border-radius: 3px; background: transparent;} .fixwidth-form input[type="submit"] { display:block;background: #00B0F0;font-family: arial; text-transform: uppercase;letter-spacing: 5px; font-size: 14px;margin:15px auto; color: #fff;padding: 15px 18px 15px 25px; border:none; border-radius: 5px;transition: 1s; cursor:pointer; } .fixwidth-form input[type="submit"]:hover {background-color:#EB268F;} .fixwidth-form input[type="button"] { display:block;background: #00B0F0;font-family: arial; text-transform: uppercase;letter-spacing: 5px; font-size: 14px;margin:15px auto; color: #fff;padding: 15px 18px 15px 25px; border:none; border-radius: 5px;transition: 1s; cursor:pointer; } .fixwidth-form input[type="button"]:hover {background-color:#EB268F;} .book-event{ display:flex; width:100%;justify-content: space-between; margin:25px auto 0px auto;} /* COURSES PAGES (NEW)*/ .online-hdng {font: normal 30px 'Yanone Kaffeesatz', sans-serif; line-height: 35px; text-align:center;color:#00B0F0; letter-spacing:1px;} .hdmr {margin:20px auto;} .coure-blok {display:block; width:900px; margin:10px auto;} .couse-dtls { display:block;width:100%; padding:10px; border:2px solid #555; border-radius:5px;} .batch { width:600px; border:2px solid #555; margin:5px 0px;;} .online { display:flex;} .online:first-child { border-bottom:2px solid #555;} .online span {display:flex !important;width:100%; padding:5px; text-transform:none !important;} .online span:first-child {width:150px; font-weight:bold;border-right:2px solid #555;} .online ul {width:100%; font-weight:bold; padding:5px;} .online ul li {list-style:none !important; margin:0px !important; font-weight:normal;} .online ul li a { font-size:12px; line-height:12px; color:#F36; } .daytime { display:flex; width:100%; padding:5px;justify-content: space-between;} .daytime span { border:none !important; background:none !important; color:#555 !important; padding:0px !important;} .ccnt{display:flex; justify-content: center;} .ccnt li {list-style:none;} .ccnt ul li {list-style:none;} .ccd-tls { flex:1;} .ccd-tls:last-of-type { margin: 0;} .coursecontent2 {font-family: Arial;font-size: 14px;font-style: normal; color: #555;font-weight: normal; line-height: 20px; text-align:justify;} .coursecontent2 ul { font-weight:bold; margin-top:5px;} .ccdtls ul li {list-style: none;margin:0px;font-weight:normal;padding:3px 0px;font-size: 17px;} .ccdtls ul li:first-child { font-weight:bold;} .ccdtls ul li ul li { margin-left:25px;list-style:disc; font-weight: normal !important;} .abtcrse { position:relative;background-color: #00B0F0; color: #fff; padding: 3px 12px; margin-left: -25px; display: inline-block;border-top-right-radius: 10px; border-bottom-right-radius: 10px; font-family: Arial;font-size: 14px;} .colleges a { font-size:14px; line-height:16px; color:#00509F;} .colleges a:hover {color:#F36;} .pracheen {font-family: Arial;font-size: 14px;color: #555;font-weight: normal;line-height: 20px; text-align:justify;} .pracheen ul li {list-style: disc !important; margin: 0px 0px 0px 15px; font-weight:normal !important; padding:3px 0px;} .pracheen ul li:first-child { font-weight:bold !important; list-style:none !important; margin:0px;} .pracheen span { display:block;color:#0058B0; font-weight:bold; font-size:16px; margin-top:15px;} .php-error {font-size:25px; line-height:25px; margin:70px auto; text-align:center; color:#F63;} .php-error a { display:block; font-size:18px; line-height:30px; color:#00B0F0;} .php-error span {display: block; color: #555; font-size: 14px; line-height:16px; border-top: 1px solid #999; width: 260px; margin: 10px auto; border-bottom: 1px solid #999; padding: 4px;} .php-error a:hover {color:#EB268F;} .php-error .fa {color:#555;} /* COURSES PAGES HAI*/ .course-title{ display: inline-block; text-align: center; line-height: 40px; font: normal 35px 'Yanone Kaffeesatz', sans-serif; color: #EB268F; letter-spacing: 1px; width: 100%; padding-top: 5px; padding-bottom: 15px; text-transform:uppercase; } .course-title .bl {color: #00B0F0;} .course-title .rd {color: #EB268F;} .course-title span { display:block; font-size:20px; line-height:20px; color:#555; text-transform:none;} .activity-title{ text-align: center; font: normal 75px 'dummkopf'; letter-spacing:8px; color: #3d2f2f; margin-bottom:20px; width: 100%;} .activity-title2{ text-align: center; font: normal 75px 'BebasNeue-Light'; letter-spacing:8px; color: #F58634; margin-bottom:20px; width: 100%; font-weight:bold;} .coursecontent { font-family: Arial; font-size: 14px; font-style: normal; line-height: normal; color: #525252; font-weight: normal; line-height: 20px; text-align:justify; } .coursecontent span {display:block; text-transform:uppercase; font-weight:bold;} .coursecontent ul li {list-style: disc; margin: 5px 0px 5px 20px;} .coursecontent p { margin-top:5px;} .course-content-title{ font-family: Arial; text-align: left; color: #0058B0; font-size: 18px; line-height: 15px; padding-top: 5px; padding-bottom: 5px; font-weight: bold; } .course-content-title span { display:block; font-size:14px; line-height:18px; text-transform:uppercase; color:#555;} .registration{ font-family: Arial; text-transform:uppercase; text-align: left; color: #FFFFFF; font-size: 16px; line-height: 18px; padding: 8px 5px 8px 10px; font-weight: bold; border-radius:5px; vertical-align:middle; } .registration img { display: inline-block; width:20px; height:20px; vertical-align:middle; margin-right:8px; margin-left:5px; } .registration .fa {font-size:20px; margin-right:2px;} .hobby{ color: #FFFFFF; font-size: 16px; line-height:25px; padding-left:5px; } .hobby:hover {color: #000000;} .downld-icon { display: inline-block; width:20px; height:20px; vertical-align:middle; } .vline {border-left-width: 1px; border-left-style: solid; border-left-color: #999; padding-left:5px; padding-right:5px;} .links151{ color: #333399; font-size: 11px; font-weight: bold; line-height: 16px; } .links151 li{ display:inline-block; height:28px; width:48%; } .links151 a:hover { color: #FF0000; } .workshop-big{ text-align: center; line-height: 35px; font: normal 35px 'Yanone Kaffeesatz', sans-serif; margin: 12px auto; color: #555; text-transform: uppercase; letter-spacing:2px; padding:0px; } .workshop-big span {color:#EB268F;} .workshop-big span:first-child { display:block; font-size:22px; line-height:22px; text-align: center; letter-spacing: 8px; font-weight: normal; text-transform: uppercase; margin-bottom: 8px;color: #777;} .wrkshp-hdng{ text-align: left; font-size: 18px; line-height: 20px; margin-top: 15px; font-family: Arial; color: #CC3300; text-transform: uppercase; } .wrkshp-hdng-sml{ text-align: left; font-size: 16px; line-height: 18px; margin-top: 15px; font-family: Arial; color: #008C8C; } .course-optn {display: flex; place-content:center;} .course-optn a .fa-hand-o-up {color:#555;} .course-optn a{color: #FFF; font: normal 17px 'Yanone Kaffeesatz', sans-serif; padding: 8px 10px; background-color: #555; margin-left: 5px; letter-spacing: 1px; border-top-left-radius: 8px; border-top-right-radius: 8px; font-weight: normal; transition:1s;} .course-optn a:hover {background-color: #0086B9;} .course-optn a:first-child {margin-left:0px;} .course-optn .fa {font-size: 16px; margin-right: 5px; color:#FFCC33;} .course-optnsml { display: inline-block; color: #06C; font: Arial; font-size: 14px; line-height: 14px; padding: 5px; margin-bottom: 5px; vertical-align:center; } .course-optnsml:hover {color: #CC0000;} .course-images { display:grid;grid-template-columns: repeat(4, 1fr); grid-gap: 5px;} .course-images li { list-style:none;} .course-images img {width:100%; background-color:#FFF; padding:3px;} .pdf-dnld {color:#333333; font-family:Arial; font-weight:bold; font-size:13px; line-height:50px;} .pdf-dnld:hover {color:#CC0000;} .pdf-dnld img {display: inline-block; width:20px; height:20px; vertical-align:middle; margin-right:8px; margin-left:5px;} .pdf-dnld .fa {font-size:20px; color:#CC0000; margin-right:5px;} .fee-details { margin-top:-25px;} .fee-blok {display:flex; flex-direction:column; width:435px; height:110px; border:1px solid #55555552; overflow:hidden;} .fee-blok .fee:first-child {font-weight:bold; color:#EB268F;} .fee-blok .fee:last-child { background-color:#55555552; font-weight:bold;} .fee-blok .fee:last-child a{ text-decoration:none; color:#EB268F; padding:0px 5px;} .fee-blok .fee:last-child a:hover{color:#00B0F0;} .fee-blok2 {display:flex; flex-direction:column; border-bottom:1px solid #b9b2a2; margin-bottom:10px; padding-bottom:5px;} .fee-blok2 .fee:first-child {font-weight:bold; color:#00509F;} .fee-blok2:first-child {margin:0px; border:none;} .fee-blok2:last-child {margin:0px; border:none;} .fee-full {display:flex; justify-content:space-between;} .fee-opns {display:flex; flex-direction:column;width:435px; } .fee {display:flex;color: #555; font-family: arial; font-size: 13px; padding:4px 5px;} .fee:last-child { font-weight:bold;} .fee span:nth-child(1) {width:180px; font-weight:bold; text-transform:none;} .fee span:nth-child(2) {width:15px;} .fee span:nth-child(3) {width:120px;} .fee span:nth-child(4) {width:120px;} .optns {font:Arial; font-size: 13px; line-height: 15px; font-weight:bold; color: #00509F;} .crmn {color:#EB268F !important; font-weight:bold;} .ctgry0 { width:100%; padding:0px;} .ctgry0 li {list-style-image:url(../images/listbg.png); float:left; line-height:20px; width:100%; margin-left:0px; padding-top: 2px; color:#525252; font-family: Arial; font-size: 14px;} .ctgry2 { width:100%; padding:0px;} .ctgry2 li {list-style-image:url(../images/listbg.png); float:left; line-height:20px; width:120px; margin-left:0px; padding-top: 2px; color:#525252; font-family: Arial; font-size: 14px;} .ctgry {width:100%; padding:0px;} .ctgry li { list-style-image:url(../images/listbg.png); float:left; line-height:20px; width:160px; margin-left:0px; padding-top: 2px; color:#525252; font-family: Arial; font-size: 14px; } .course-content { display:inline-block; float:left; width:25%;} .facility-block { display:flex; font-family:arial; font-size:14px; font-style: normal; color: #555;line-height: 20px; text-align:justify;justify-content: space-between; border-bottom:1px solid #555; padding-top:12px;} .facility-block:last-child{border:none;} .facltylft { width:70px;} .facltylft img {width:100%;} .facltyrft {width: calc(100% - 75px);} .faclty-hdng {font: normal 22px 'Yanone Kaffeesatz', sans-serif; line-height: 22px; color:#222;} .schlrp-block {display:flex; padding:5px; border-bottom:1px solid #555; margin-bottom:10px; text-align:justify;} .schlrp-block:last-child {border:none;} .schlrp-icon {width:100px;margin-right:10px;} .schlrp-icon img {width:100%;} .schlrp-cntnt {width: calc(100% - 100px);font-family: Arial; font-size: 14px; font-style: normal; line-height: normal; color: #525252; font-weight: normal; line-height: 20px;} .schlrp-cntnt span {display:block; font:normal 28px 'Yanone Kaffeesatz', sans-serif; line-height: 28px; text-transform:uppercase;} .faculties-block { width: 1000px; display:grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; margin: 20px auto; font:Arial; font-size:14px; font-style: normal; color: #333333;line-height: 20px; text-align:justify;} .teachs { padding: 10px; border: 2px solid #99999982; border-radius: 10px; display:flex; flex-direction:column; background-color:#ffffffbf;} .teachs img {width:130px; height:130px; border-radius:100px; margin:0px auto; } .teachs span{text-align: center;line-height: 25px;font-size: 20px;font-family: Arial;color: #0058B0;padding: 3px;text-transform:uppercase;} .whtsp-block { min-height:50px; width:100%;font:Arial; font-size:14px; font-style: normal; color: #333333;line-height: 20px; text-align:justify;} .whtsp { width:45px; margin-right:8px; display:inline-block; float:left; min-height:55px; } .whtsp .txt {display:inline-block; float:left; } .whtsp img {width:100%; vertical-align:middle;} .home-class {font-size:16px; font-weight:bold; color:#EB268F; margin-top:10px;} .home-class ul {display:grid; grid-template-columns: repeat(5, 1fr); grid-gap: 8px;} .home-class ul li {display:inline-block;font-weight:normal; margin:0px; color:#555; border:1px solid #999; border-radius:5px; padding:5px; font-size:14px;} .pracheen-class {font-size:16px; font-weight:bold; color:#EB268F; margin-top:10px;} .pracheen-class ul {display:grid; grid-template-columns: repeat(4, 1fr); grid-gap: 5px;} .pracheen-class ul li {display:inline-block;font-weight:normal; margin:0px; color:#555; border:1px solid #999; border-radius:5px; padding:4px; font-size:14px;} .pracheen-class ul li span { text-transform:none; margin:0px;} /* EVENTS PAGES HAI*/ .event-ttle { display:block; vertical-align:top; font-family: Arial; font-size: 15px; line-height: 18px; text-transform: uppercase; padding-top: 5px; color: #FFFFFF; } .event-dscrpn { display:block; font-family: Arial; font-size: 15px; line-height: 18px; color:#FFFFFF; } .event-dscrpn2 { display:block; font-family: Arial; font-size: 14px; line-height: 18px; padding-bottom:8px; color:#FFFFFF; } .event-title{ font-family: 'Yanone Kaffeesatz'; text-align: center; color: #4b4b4d; font-size: 35px; line-height: 35px; text-transform:uppercase; letter-spacing:2px; } .events-block { min-height:55px; width:100%;font:Arial; font-size:14px; font-style: normal; color: #333333;line-height: 20px; text-align:justify; padding-top:10px;} .events { display:flex; justify-content:center; height:110px; margin:0px auto; } .events .txt {display:inline-block; float:left; } .events img {height:100%;} .clickhere {display: inline-block; background: #eb268f;font-family: Arial; font-size: 15px; line-height: 15px; padding: 5px; border-radius: 2px; text-transform:uppercase;transition: 1s;margin:5px 5px 5px 0px; cursor:pointer;} .clickhere a{ color:#fff; text-decoration:none;} .clickhere:hover {background-color:#555;} .visitglry {display: inline-block; background: #00b0f0;font-family: Arial; font-size: 15px; line-height: 15px; padding: 5px; border-radius: 2px; text-transform:uppercase;transition: 1s;margin:5px 0px;} .visitglry a{ color:#fff; text-decoration:none;} .visitglry:hover {background-color:#555;} .event-img {width:100%; padding:5px; background-color:#fff;box-shadow: 0px 0px 10px #00000070;} .event-img img {width:100%;} /* ALUMINI PAGES HAI*/ .port-ttle {font: normal 35px 'Yanone Kaffeesatz', sans-serif; line-height:35px; float:left; letter-spacing:2px;margin-top:15px; text-align:center; position:relative; left:50%; padding:5px;transform:translate(-50%) rotate(-1deg);color: #FFF;background-image:url(txr.png); background-size:100% 100%; background-repeat:no-repeat; height:115px;} .port-ttle span {display:block; font-family:arial; letter-spacing:1px; font-size:16px; line-height:16px;} .port-ttle img {vertical-align:sub; margin-right:5px;} .alumini-big {font: normal 35px 'Yanone Kaffeesatz', sans-serif; line-height:35px; float:left; letter-spacing:2px;margin-top:15px; text-align:center; position:relative; left:50%; padding:5px;transform:translate(-50%) rotate(-1deg);color: #FFF;background-image:url(txr.png); background-size:100% 100%; background-repeat:no-repeat; height:55px;} .alumini{ text-align: center; line-height: 30px; font-size: 25px; margin-top:10px; font-family: Arial; color: #6633FF; text-transform: uppercase; } .views-ttle { display:block; vertical-align:top; font-weight:bold; font-family: Arial; font-size: 18px; line-height: 22px; text-transform: uppercase; padding-top: 5px; color: #FFFFFF; text-align:center; } .views-dscrpn { display:block; font-family: Arial; font-size: 14px; line-height: 20px; padding:10px; color:#FFFFFF; text-align:justify; } .views-progrm { display:block; font-family: Arial; font-size: 14px; line-height: 18px; padding-bottom:5px; color:#FFFFFF; text-align:center; } .views-submit { display:block; font-weight:bold; font-family: Arial; font-size: 15px; line-height: 18px; text-transform: uppercase; text-align:center; padding: 5px; color: #FFFFFF; } .views-submit:hover { color: #FFCC00; } .clndr-ttle { display:block; vertical-align:top; font-family: Arial; font-size: 18px; line-height: 22px; text-transform: uppercase; padding-top: 5px; color: #FFFFFF; text-align:center; } .clndr-dscrpn { display:block; font-family: Arial; font-size: 15px; line-height: 18px; color:#FFFFFF; text-align:center; } .clndr-dscrpn2 { display:block; font-family: Arial; font-size: 14px; line-height: 18px; padding-bottom:8px; color:#FFFFFF; text-align:center; } .img {width:100px; padding-top:5px; display:block; border-radius:50%; margin:0px auto; } .certi-apply-contnt{ font:Arial; font-size: 16px; line-height:25px; text-align:center; color: #5B5B5B; } .certi-apply input,textarea{ width: 95%; font-family: arial; font-size: 15px; line-height:20px; color: #5B5B5B; margin: 8px; padding: 5px; border: 1px solid #000; border-radius: 3px; background:transparent; box-sizing: border-box; } .certi-apply select{ width: 95%; font-family: arial; font-size: 15px; line-height:20px; color: #5B5B5B; margin: 8px; padding: 5px; border: 1px solid #000; border-radius: 3px; background:transparent; box-sizing: border-box; } .certi-apply textarea{ font-size: 15px; line-height:20px; margin: 8px; padding: 5px; border: 1px solid #000; border-radius: 3px; background:transparent; } .certi-apply select[type="txtcr"]{ width: 95%; font-size: 15px; line-height:20px; margin: 8px; padding: 5px; border: 1px solid #000; border-radius: 3px; background:transparent; } .certi-apply wid { width:auto;} .certi-apply input[type=submit]{ width: 50%; font-size: 16px; font-weight: bold; color: #FFF; margin-top: 8px; padding: 5px; border: 0px solid; background: #B90020; cursor:pointer; } .certi-apply input[type=submit]:hover {background:#700716;} .certi-apply input[type=button]{ width: 50%; font-size: 16px; font-weight: bold; color: #FFF; margin-top: 8px; padding: 5px; border: 0px solid; background: #B90020; cursor:pointer; } .certi-apply input[type=button]:hover {background:#700716;} .certi-apply input[type=checkbox]{width:20px; margin-right:2px; vertical-align:central;} .certi-apply input[type=radio]{width:20px; margin-right:2px; vertical-align:middle;} .certi-check { float:left; } .certi-check li { display: inline-block; width: 175px; font-weight: 600; vertical-align: central; font-size: 12px; color: #525252; } .certi img { width: 90%; padding: 8px; background-color: #E0E0E0; margin: 10px; } .wrkshp-apply input,select{ width: 100%; font: arial; font-size: 11px; line-height: 14px; color: #5B5B5B; margin: 2px; padding: 3px; border: 1px solid #000; border-radius: 3px; background-color: #FFFFFF; } .wrkshp-apply select[type="txtwrk"]{ font-size: 11px; line-height: 14px; margin: 2px; padding: 3px; border: 1px solid #000; border-radius: 3px; background-color: #FFFFFF; } .wrkshp-apply wid { width:auto;} .wrkshp-apply input[type=submit]{ width: 50%; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; margin-top: 5px; padding: 2px; border: 0px solid; background-color:transparent; background-image: url(pxl.png); background-repeat: repeat; } .wrkshp-apply input[type=submit]:hover { background-color: #000000; } .wrkshp-apply form { width:95%; display: block; margin:5px 0px; } /* ---------------------------- */ /* POP-UP CSS START */ #mask { display: none; /* background:#FFFFFF; */ position: fixed; left: 0; top: 0; z-index: 99999; width: 100%; height: 100%; opacity: 0.8; z-index: 999; } .login-popup{ display:none; position: fixed; top: 33.3%; left: 33.3%; padding:10px; z-index: 99999; } .pop-contnt {display:block; background:#6F6; border: 2px solid #922626; box-shadow: 0px 0px 20px #999;} img.btn_close { float: right; margin: -10px; z-index: 999999; } fieldset { border:none; } form.submit_info .textbox label { display:block; padding-bottom:7px; } form.submit_info .textbox span { display:block; } #interest { color:#333333; font-size:11px; line-height:15px; } form.submit_info span { color:#333333; font-size:11px; line-height:15px; } form.submit_info .textbox input { background:#FFFFFF; border-bottom:1px solid #333; border-left:1px solid #000; border-right:1px solid #333; border-top:1px solid #000; color:#000; border-radius: 3px 3px 3px 3px; -moz-border-radius: 0px; -webkit-border-radius: 0px; font:13px Arial, Helvetica, sans-serif; padding:6px 6px 4px; width:100px; } form.submit_info input:-moz-placeholder { color:#000000; text-shadow:0 0 0px #000; } form.submit_info input::-webkit-input-placeholder { color:#bbb; text-shadow:0 0 0px #006789; } .button { background: -moz-linear-gradient(center top, #f3f3f3, #dddddd); background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dddddd)); background: -o-linear-gradient(top, #f3f3f3, #dddddd); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#dddddd'); border-color:#000; border-width:1px; border-radius:4px 4px 4px 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color:#333; cursor:pointer; display:inline-block; padding:6px 6px 4px; margin-top:10px; font:12px; width:214px; } .button:hover { background:#ddd; } /* POP-UP CSS END */ /* AWARDS */ .award-indx {font:normal 20px 'Yanone Kaffeesatz', sans-serif; line-height: 35px; text-transform:uppercase; letter-spacing: 1px; padding-left:10px; color: #fff;text-align:left;} .awards-colum {display:block; width:1000px; margin:0px auto;} .awards-hdng{ font: normal 40px 'Yanone Kaffeesatz', sans-serif; text-align: center;color: #fff; text-transform:uppercase;width: 670px; margin: 10px auto 10px auto; background-color:#00B0F0; padding:10px 0px 4px 0px; border-radius:5px;} .awards-block {display: flex; border-bottom: 5px solid #00B0F0; padding: 20px 0px; align-items: flex-start;} .awards-block:last-child {border:none;} .awards-lft {width: 40%; padding:5px; background-color:#E6E6E6; border-radius:10px;} .awards-lft img{width: 100%;border-radius:10px;} .awards-rgt {width: 60%; padding:0px 10px;display: flex;flex-direction:column;} .awards-title{ font: normal 35px 'Yanone Kaffeesatz', sans-serif; text-align: left;line-height: 35px; letter-spacing:1px;color: #EB268F; text-transform:uppercase;} .awards-title span{ display:block; font-size:25px; line-height: 25px; color: #525252; text-transform:none; letter-spacing:normal;} .awards-dcprn {font-family: Arial;font-size: 15px;font-style: normal;color: #525252;font-weight: normal;line-height: 20px; margin-top:10px; text-align:justify; } .awards-link{display:flex; margin-top:5px;justify-content: center;} .awards-link a{ font-family: Arial; color: #fff; text-transform:uppercase; text-align:center; font-size: 13px; line-height:15px;padding: 10px; background-color:#555; margin-right:10px; border-radius:3px; transition:1s;} .awards-link a:hover {background-color: #EB268F;} .awards-link a:last-child {margin-right:0px;} .awards-stdnt {margin: 20px auto; display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 0px; grid-row-gap: 10px; justify-items: center; max-width: 1000px; width: 100%; } .awards-stdnt-ttl { font: normal 25px 'Yanone Kaffeesatz', sans-serif; text-align: center;line-height: 25px; margin-top:10px;color: #EB268F;} .awards-stdnt-cnt{ display:block; font-family:arial; margin:0px; font-size:15px; line-height: 20px; color: #525252; text-transform:none; letter-spacing:normal; text-align:center;} .awards-stdnt-cnt span{display:block; font-weight:bold;} .awards-stdnt .awrdstdnt img { transition: 300ms ease-in-out;padding:3px; width:100%; background-color:#fff; box-shadow: 0px 0px 3px #999;} .awards-stdnt .awrdstdnt img:hover { transform: scale(1.1,1.1) rotate(-1deg); } .awrdstdnt {border:1px solid #999; width:98%; padding:5px;} .awards-list a{ display:block; width:100%; margin:8px auto; padding:15px; background-color:#555; border-radius:10px;font-size: 14px;font-family: Arial; line-height: 15px; color: #fff;transition:1s;} .awards-list a:hover {background-color:#00B0F0;} .awards-list a:first-child { margin-top:15px;} .awards-list a:nth-last-child(2) { background-color:#EB268F;} .awards-list a:nth-last-child(2):hover { background-color:#555;} .awards-list a:last-child { background-color:#00B0F0;} .awards-list a:last-child:hover { background-color:#555;} .awards-aprctn{display: inline-block; color: #fff; font: normal 17px 'Yanone Kaffeesatz', sans-serif; padding: 8px 10px; background-color: #555; margin-top: 10px; letter-spacing: 1px; border-radius: 6px; font-weight: normal;transition: 1s;} .awards-aprctn:hover {background-color: #00B0F0;} .awards-aprctn:nth-last-child(2) { background-color:#EB268F;} .awards-aprctn:nth-last-child(2):hover { background-color:#555;} .awards-aprctn:last-child { background-color:#00B0F0;} .awards-aprctn:last-child:hover { background-color:#555;} /* ---------------------------- */ .photo-base{ position: relative; padding: 5px; border: none; } .photo-100 figure{margin: 0; float: left; display: inline-block; width:100%;} .photo-100 figure img{width: 100%; margin:10px 0px; padding:5px; background-color:#E6E6E6;} .photo-20 figure{margin: 0; float: left; display: inline-block; width:20%;} .photo-20 figure img{width: 100%; margin:5px 5px; padding:5px; background-color:#E6E6E6;} .photo-25 figure{margin: 0; float: left; display: inline-block; width:25%;} .photo-25 figure img{width: 100%; margin:5px 5px; padding:5px; background-color:#E6E6E6;} .photo-40 figure{margin: 0px 10px; float: left; display: inline-block; width:40%;} .photo-40 figure img{width: 100%; margin:0px 5px; padding:5px; background-color:#E6E6E6;} .photo-33 figure{margin: 0 5px 0 0; float: left; display: inline-block; width:32%;} .photo-33 figure img{width: 100%; margin:5px 5px; padding:5px; background-color:#E6E6E6;} .photo-33rght figure {margin: 0; float: right; display: inline-block; width:33%;} .photo-33rght figure img{width: 100%; margin:5px 5px; padding:5px; background-color:#E6E6E6;} .photo-wrkshp figure{margin: 0; float: left; display: inline-block; width:100%;} .photo-wrkshp figure img{width: 100%; margin:10px 0px;} .photo-paytm figure{margin: 0; float: left; display: inline-block; width:100%;} .photo-paytm figure img{width: 150px; padding:5px;} /* HOBBY CLASSES FORM */ .hoby-hed { font: normal 25px 'Yanone Kaffeesatz', sans-serif; line-height: 25px; font-style: normal; color: #555; text-align: left; letter-spacing: 1px;} .hoby-hed span {color:#00B0F0;} .adults { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .kids { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; border: 1px solid #888; width: 300px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s; border-radius:10px; padding:10px; } /* Add Animation */ @-webkit-keyframes animatetop { from {top:-300px; opacity:0} to {top:0; opacity:1} } @keyframes animatetop { from {top:-300px; opacity:0} to {top:0; opacity:1} } /* The Close Button */ .close, .closed { color: white; float: right; font-size: 28px; font-weight: bold; cursor:pointer; color:red;} } .close, closed:hover, .close, closed:focus { color: #000; text-decoration: none; cursor: pointer; } .modal-header { padding: 2px 16px; background-color: #5cb85c; color: white; } .modal-body {padding: 2px 16px;} .modal-footer { padding: 2px 16px; background-color: #5cb85c; color: white; } /* HOBBY FORM END */ .coursecontent p { margin-top: 5px; font-size: 18px; } .ccdtls ul li { list-style: none; margin: 0px; font-weight: normal; padding: 3px 0px; color: #000; } .fee span:nth-child(1) { width: 180px; font-weight: bold; text-transform: none; color: #000; } .fee span:nth-child(3) { width: 120px; color: #000c; font-size: 16px; } .fee span:nth-child(2) { width: 15px; color: #000; } .fee span:nth-child(4) { width: 120px; color: #000; } @media all and (max-width: 239px){ .vline { border:none;} .course-content-title{ font-size: 13px; line-height: 15px;} .coursecontent {font-size: 11px;line-height: 16px;} .registration{font-size: 10px; line-height:10px; text-align:center;} .course-content {width:100%;} .photo-40 figure{margin: 0px; width:100%;} .photo-40 figure img{margin:0px;} .photo-33 figure{margin: 0px; width:100%;} .photo-33 figure img{margin:0px;} .photo-33rght figure{ width:100%;} .photo-25 figure{margin: 0; width:100%;} .photo-25 figure img{margin:0px;} .photo-20 figure{margin: 0; width:100%;} .photo-20 figure img{margin:0px;} .nsac li {width:100%; font-size:10px; line-height:16px;} .certi-apply input,select,textarea{ width:100%; font-size: 11px; line-height:13px; margin: 4px auto;} .certi-apply select[type="txtcr"]{ width:100%;font-size: 11px; line-height:13px; margin: 4px auto;} .faclty { width:35px; height:30px; margin-right:5px; margin-bottom:5px; } .contact-email{ font-size: 9px; line-height: 10px;} .mob {line-height: 16px; font-size: 12px; margin:5px 0px;} .mob-block {line-height: 14px; font-size: 12px;} .mob-block img {width:16px; height:16px;} .mob-block li {margin:4px;} .colum-campus {padding: 10px; margin:5px; width:100%;} .contact-content{font-size: 12px; line-height: 18px;} .contact-topper{font-size: 11px; line-height: 16px;} .contact-form-heading{font-size: 11px; line-height: 22px;} .abtcrscon {font-size:9.5vw;} /* LANDING PAGES*/ .landing-title{line-height: 22px; font-size: 18px; background-color:#E60000; color:#FFF;} /* ARTICLE PAGES*/ .stdnt-folio {grid-template-columns: repeat(1, 1fr)!important;} .port-ttle { font-size:5.5vw; line-height: 6vw; height: 32vw;} .port-ttle span { font-size: 4.5vw; line-height: 6vw;} .alumini-big { font-size:10vw; line-height:10vw; height:18vw;} .sanamm { font-size: 6vw;} .course-optn a { font-size:8vw;} .course-optn .fa { font-size: 7vw;} .fee {font-size: 3.2vw; padding:0px 3px;} .fee-blok { height:80px !important;} .hme-acty-ttl { font-size:10vw;} .wrkshps a span { float: none; font-size: 10px; line-height: 14px;display: block;} .offers .ofrtbl img { width: 70vw; height: 70vw;} } @media all and (max-width: 279px){ .frmdne-lnk { grid-template-columns: repeat(1,1fr) !important;} .frmdne-cnt {font-size: 7vw;} .frmdne-sbscrbe input[type="text"] { font-size: 7vw; letter-spacing:2vw !important;} .offers h2 { font-size: 11vw!important;} .offers h2 span { font-size: 7vw!important;} .offers img { width: 75%;} .booking { font-size:11vw;} .imp-link a { font-size: 9vw; text-align: center;} .imp-link a .fa { font-size: 22vw; margin-right: 0px; display: block; text-align: center;margin-bottom: 8px;} .online span { padding: 5px} .home-link {grid-template-columns: repeat(1,1fr)!important;} .article-omi {font-size:5vw !important;} .trmcndn-hed span { margin-left: 0px; display: block;} } @media all and (max-width: 319px){ .home-heading { font-size:8vw;} .cyans a {flex-direction: column;} .wrkshps img { height: auto; width: 100%; margin-right: 0px; margin-bottom:6px;} .wrkshp-spl {grid-template-columns: repeat(1,1fr);} .wrkspin {margin-top:5px;} .facility-block {flex-direction:column;} .facltyrft { width:100%;} .modal-content { width: 90%;} .frmdne-pic { text-align: center !important;} .frmdne-pic img {width: 30vw !important; margin-bottom: 8px;} .frmdne-cnt span:first-child { font-size:9vw; line-height:9vw;} .frmdne-cnt {text-align:center;} .frmdne-sbscrbe input[type="text"] { letter-spacing: 4px;text-align: center;} .frmdne-sbscrbe input[type="submit"] {margin-top: 10px; float: none;} .frmdne-lnk a { text-align: left;} .ltst-cnt span:first-child { font-size:9vw; line-height:9vw;} .ltst img { height: auto; width: 60%;} .fee-blok {height:95px; border-radius:6px!important;} .course-optn a {display: block!important; margin-left:0px;} .course-optn {text-align: left!important;} .php-error span { width: 85%;} .homecard {grid-template-columns: repeat(1, 1fr);} .home-link {grid-template-columns: repeat(2,1fr); grid-gap:5px;} .home-link a {text-transform:none;} .founder img{ width: 100% !important;} .article59 ul { flex-direction: column;} .article59 ul li:first-child {color: #06C; width:100%;} .article59 ul li:nth-child(2) { display:none;} .article59 ul li:nth-child(3) { width: 100%;} .article-title {font-size:13vw; line-height:13vw;} .article-omi {font-size:4.5vw;} .online-colm-regn .admregndv .frmgemctgry ul { grid-template-columns: repeat(1, 1fr) !important;} .online-colm-regn .admregndv .refdtls ul { grid-template-columns: repeat(1, 1fr) !important;} .spl-wrkshps { grid-template-columns: repeat(1,1fr);} } @media all and (max-width: 374px){ .online {flex-direction: column;} .online span:first-child { width: 100%;background-color: #555; color: #fff;} .home-class ul {grid-template-columns: repeat(1, 1fr);} .wrks-grid {grid-template-columns: repeat(1, 1fr);} .trmcndn-cnt a { margin-left: 3px; font-size: 4.2vw;} } @media (min-width: 240px) and (max-width: 319px) { .vline { border:none;} .registration{font-size: 13px;} .course-content {width:100%;} .photo-40 figure{margin: 0px; width:100%;} .photo-40 figure img{margin:0px;} .photo-33 figure{margin: 0px; width:100%;} .photo-33 figure img{margin:0px;} .photo-33rght figure{ width:100%;} .photo-25 figure{margin: 0; width:100%;} .photo-25 figure img{margin:0px;} .photo-20 figure{margin: 0; width:100%;} .photo-20 figure img{margin:0px;} .nsac li {width:100%;} .certi-apply input,select,textarea{ font-size: 12px; line-height:15px; margin: 5px;} .certi-apply select[type="txtcr"]{ font-size: 12px; line-height:15px; margin: 5px;} .contact-email{ font-size: 12px; line-height: 15px;} .mob {line-height: 16px; font-size: 12px; margin:5px 0px;} .mob-block {line-height: 15px; font-size: 14px;} .mob-block img {width:20px; height:20px;} .mob-block li {margin:4px;} .colum-campus {padding: 10px; margin:5px; width:100%;} .contact-content{font-size: 12px; line-height: 18px;} .contact-topper{font-size: 12px; line-height: 20px;} /* LANDING PAGES*/ .landing-title{line-height: 22px; font-size: 18px; background-color:#E60000; color:#FFF;} /* ARTICLE PAGES*/ .stdnt-folio {grid-template-columns: repeat(2, 1fr)!important;} .stdnt-folio a {font-size:16px;} .port-ttle { font-size:6vw; line-height: 7.5vw; height: 33vw;} .port-ttle span { font-size: 4.5vw; line-height: 7vw;} .alumini-big { font-size:29px;} .fee {font-size: 3.5vw; padding:2px 4px;} .couse-dtls {padding:6px;} .abtcrse {margin-left:-6px;} .online-colm-regn .admregndv .refdtls .dtdls { font-size: 14px;} } @media (min-width: 320px) and (max-width: 374px) { .vline { border:none;} .course-content {width:100%;} .photo-40 figure{margin: 0px; width:100%;} .photo-40 figure img{margin:0px;} .photo-33 figure{margin: 0px; width:100%;} .photo-33 figure img{margin:0px;} .photo-33rght figure{ width:100%;} .photo-25 figure{margin: 0; width:100%;} .photo-25 figure img{margin:0px;} .photo-20 figure{margin: 0; width:100%;} .photo-20 figure img{margin:0px;} .nsac li {width:50%; font-size: 12px;} .mob {line-height: 16px; font-size: 12px; margin:5px 0px;} .mob-block {line-height: 15px; font-size: 15px;} .mob-block img {width:20px; height:20px;} .mob-block li {margin:4px;} .colum-campus {width:100%;} /* LANDING PAGES*/ .landing-title{line-height: 26px; font-size: 24px; background-color:#E60000; color:#FFF;} .home-heading { font-size:6.5vw;} .wrkshp-spl {grid-template-columns: repeat(2,1fr);} .wrkspin {margin-top:5px; font-size:12px; padding:6px;} .wrkspin .fa {font-size:20px;} .wrkspin:last-child { font-size:15px;} .stdnt-folio .folio img {width: 75px; margin-bottom:5px;} .stdnt-folio a {font-size:4.5vw;} .port-ttle { font-size:8vw; line-height: 8vw; height: 29vw;} .fee {font-size: 3.5vw;} .homecard {grid-template-columns: repeat(2, 1fr);} .hme-acty-ttl { font-size:5.5vw;} .homecard .boxs:last-child {display:none;} .home-link a { font-size: 12px; line-height: 16px;} .home-link {grid-template-columns: repeat(3,1fr); grid-gap: 5px;} .spl-wrkshps { grid-template-columns: repeat(2,1fr);} } @media all and (max-width: 479px){ .awards-link {flex-direction: column;} .awards-link a {margin: 5px auto; width:100%;} .rules-link {flex-direction: column;} .rules-link a {margin: 5px auto; width:100%;} .activity-title {font-size:14vw;} .course-optn {display: block; margin-bottom: 5px;text-align: center;} .article-block { flex-direction: column;} .artcl {width: 100%;} .artcl-r {width:100%; margin-top:10px; padding-left:0px;} .awards-stdnt { grid-template-columns: repeat(1, 1fr);} .wrkshps {grid-template-columns: repeat(1,1fr);} .workshop-big {font-size: 8vw; margin: 5px auto;} .schlrp-block {flex-direction:column;} .schlrp-cntnt {width: calc(100% - 0px);} .career-grid {grid-template-columns: repeat(1,1fr);} .workshop-big span:first-child {font-size: 5vw;line-height: 5vw; letter-spacing: 2px; margin-bottom: 6px;} .wrkshpin {width: 100% !important;} .regd-box {flex-direction: column; border-bottom: 1px solid #99999985;} .regd-box:last-child{border:none;} .regd-box span:first-child { width: 100%;} .regd-box span:nth-child(2) { display:none;} .regd-box span:last-child { font-weight:bold;} .regd-box2 {flex-direction: column; border-bottom: 1px solid #99999985;} .regd-box2:last-child{border:none;} .regd-box2 span:first-child { width: 100%;} .regd-box2 span:nth-child(2) { display:none;} .regd-box2 span:last-child { font-weight:bold;} .formdone { flex-direction: column;} .frmdne-pic { width: 100%; text-align:left;margin-right: 0px;} .frmdne-cnt { width: 100%;} .frmdne-pic img { width: 40%;} .frmdne-lnk { grid-template-columns: repeat(2,1fr);} .ltst {flex-direction: column; align-items: center;} .ltst-cnt {width:100%;} .ltst img { margin-bottom:12px;} .ltst-cnt a {display: block; float: none; width: 114px; margin: 20px auto 0px auto;} .grid-col--2 { display:none;} .course-optn a {margin-bottom:5px; border-radius: 6px; display: inline-flex;} .imp-link {grid-template-columns: repeat(1, 1fr);} .book { flex-direction: column;} .bkngfrm {width: 100%;} .offers h2 { font-size:10vw;} .offers h2 span { font-size:6vw;} .course-images { grid-template-columns: repeat(1, 1fr);} .gallery-big {font-size: 8vw; margin: 5px auto;} .about-pics { grid-template-columns: repeat(1,1fr);} .frmcomb { flex-direction: column;} .hmsub { width: 100%;} .online-hdng { font-size:8vw; line-height: 9vw;letter-spacing:normal;} .pic2 {grid-template-columns: repeat(1,1fr);} .pic3 {grid-template-columns: repeat(1,1fr);} .article100 {font-size:14px;} .article-omi { grid-template-columns: repeat(1,1fr) !important;} .online-colm-regn .admregndv .frmcnts, .frmcnts2, .frmcnts3, .frmcnts4 {flex-direction: column;} .online-colm-regn .admregndv .frmcnts select { width:100%; margin-right: 0px; border-right: 1px solid #777;} .online-colm-regn .admregndv .frmcnts input:last-child {border-left: 1px solid #777;} .online-colm-regn .admregndv .frmcnts2 input:nth-child(1) {width: 100%;} .online-colm-regn .admregndv .frmcnts2 input:nth-child(2) {width: 100%;} .online-colm-regn .admregndv .frmcnts2 select { width: 100%;} } @media (min-width: 375px) and (max-width: 479px) { .vline { border:none;} .course-content {width:100%;} .photo-40 figure{margin: 0px; width:100%;} .photo-40 figure img{margin:0px;} .photo-33 figure{margin: 0px; width:100%;} .photo-33 figure img{margin:0px;} .photo-33rght figure{ width:50%;} .photo-25 figure{margin: 0; width:50%;} .photo-25 figure img{margin:0px;} .photo-20 figure{margin: 0; width:50%;} .nsac li {width:50%;} .mob {line-height: 16px; font-size: 12px; margin:5px 0px;} .mob-block {line-height: 15px; font-size: 15px;} .mob-block img {width:20px; height:20px;} .colum-campus {width:100%;} /* LANDING PAGES*/ .landing-title{line-height: 30px; font-size: 28px;} .home-heading { font-size:6.5vw;} .wrkshp-spl {grid-template-columns: repeat(2,1fr);} .wrkspin {margin-top:5px;} .stdnt-folio .folio img {width: 75px;} .stdnt-folio a {font-size:4.5vw;} .port-ttle { font-size:7.5vw; line-height: 7.5vw; height: 24vw;} .wrks-grid {grid-template-columns: repeat(2, 1fr);} .wrks-grid a {font-size:4vw;} .wrks-grid a:last-child {display:none;} .homecard {grid-template-columns: repeat(2, 1fr);} .homecard .boxs:last-child {display:none;} .home-link a {font-size: 14px; line-height: 16px;} .home-link {grid-template-columns: repeat(3,1fr); grid-gap: 5px;} .spl-wrkshps { grid-template-columns: repeat(2,1fr);} } @media all and (max-width: 550px){ .daytime {flex-direction: column;} } @media (min-width: 480px) and (max-width: 639px) { .links151 li{height:22px; width:32%;} .vline { border:none;} .course-content {width:50%;} .nsac li {width:50%;} .photo-25 figure{margin: 0; width:50%;} .photo-25 figure img{margin:0px;} .photo-20 figure{margin: 0; width:50%;} .colum-campus {width:100%;} .course-optn a { font-size: 2.8vw; padding:5px 5px 5px 5px;} .course-optn .fa {display:block; margin-bottom:5px; text-align:center;} .awards-stdnt-ttl {font-size:4.5vw;} .awards-stdnt-cnt { font-size:2.5vw;} .abtcrscon { font-size:3.5vw;} .wrkshps {grid-template-columns: repeat(2,1fr);} .wrkshp-spl {grid-template-columns: repeat(2,1fr);} .wrkspin {margin-top:5px;} .career-grid {grid-template-columns: repeat(2,1fr);} .sanamm { font-size: 2.4vw;} .frmdne-lnk { grid-template-columns: repeat(2,1fr);} .imp-link { grid-template-columns: repeat(2, 1fr);} .course-images {grid-template-columns: repeat(2, 1fr);} .wrks-grid {grid-template-columns: repeat(2, 1fr);} .wrks-grid a:last-child {display:none;} .homecard {grid-template-columns: repeat(3, 1fr);} .hme-acty-ttl { font-size:3.5vw;} .home-link {grid-template-columns: repeat(3,1fr); grid-gap: 5px;} .about-pics { grid-gap: 5px;} .article-omi { font-size: 2.4vw;} .spl-wrkshps { grid-template-columns: repeat(3,1fr);} } @media all and (max-width: 639px){ .paymentbox{width:calc(100% / 1 - 0px); } .paymentbox:nth-child(1){margin:0px 0px 10px 0px;} .paymentbox:nth-last-child(2){margin:0px 0px 10px 0px;} .awards-block {flex-direction: column; padding:10px 0px;} .awards-lft {width:100%;} .awards-rgt {width:100%; margin-top:10px;} .workshop-big span{ display:block;} .stdnt-folio {grid-template-columns: repeat(3, 1fr);} .frmdne-sbscrbe {margin-top: 10px;} .banner-pic { flex-direction:column;} .banner-pic img:first-child {width:100% !important;} .banner-pic img:last-child { display:none;} .fee-full {flex-direction: column;} .fee-blok {width:100%; background-color:#cddce2; border:none; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:6px; border-top-right-radius:6px;} .fee-opns {width:100%;} .fee-blok .fee:last-child {color:#fff; background-color:#555;} .fee-blok .fee:last-child a {color: #a7ff33;} .php-error { margin: 12vw auto;} .gallery-big span{ display:block;} .nsac { grid-template-columns: repeat(1, 1fr);} .founder { flex-direction:column;} .founder img{ width: 80%; margin: 0px auto;} .faculties-block {grid-template-columns: repeat(1, 1fr)!important;} .article59 {grid-template-columns: repeat(1,1fr);} .article100 ul {flex-direction: column;} .article100 ul li:first-child { width: 100%;} .article100 ul li:nth-child(2) { display:none;} .article100 ul li:nth-child(3) { width: 100%;} .online-colm-regn .admregndv .frmcnts0 {flex-direction: column;} .online-colm-regn .admregndv .frmgemctgry ul { grid-template-columns: repeat(2, 1fr);} .online-colm-regn .admregndv .refdtls ul { grid-template-columns: repeat(3, 1fr);} .offers .ofrtbl {flex-direction: column; gap:10px;} } @media (min-width: 640px) and (max-width: 767px) { .links151 li{height:22px; width:24%;} .vline { border:none;} .course-content {width:33%;} .mob {line-height: 12px; font-size: 12px; margin:5px 0px;} .mob-block {line-height: 15px; font-size: 14px;} .mob-block img {width:20px; height:20px;} .contact-content{font-size: 11px; line-height: 16px;} /* LANDING PAGES*/ .landing-title{line-height: 28px; font-size: 26px;} .landing-sub {font-size: 12px; line-height:16px;} .awards-lft {width:50%;} .awards-rgt {width:50%;} .wrkshps {grid-template-columns: repeat(2,1fr);} .wrkshp-spl {grid-template-columns: repeat(3,1fr);} .wrkspin {margin-top:5px;} .stdnt-folio {grid-template-columns: repeat(3, 1fr);} .career-grid {grid-template-columns: repeat(2,1fr);} .frmdne-lnk a:first-child{display:none;} .frmdne-lnk { grid-template-columns: repeat(3,1fr);} .frmdne-sbscrbe {margin-top: 20px;} .fee {font-size:1.7vw; padding:2px 4px;} .fee-blok { height:98px;} .course-optn a {padding:6px 8px 2px 8px; font-size:15px;} .imp-link a { font-size:2.2vw; padding: 8px 5px 5px 5px; letter-spacing: .6px;} .imp-link a .fa { font-size: 2vw; margin-right: 2px;} .course-images {grid-template-columns: repeat(3, 1fr);} .wrks-grid {grid-template-columns: repeat(2, 1fr);} .wrks-grid a:last-child {display:none;} .homecard {grid-template-columns: repeat(3, 1fr);} .nsac { grid-template-columns: repeat(2, 1fr);} .spl-wrkshps { grid-template-columns: repeat(5,1fr);} } @media (min-width: 640px) and (max-width: 919px) { .fee-blok {width:49%;} .fee-opns {width:49%;} } @media all and (max-width: 700px){ .awards-hdng {width:100%;} } @media all and (max-width: 767px){ .frmdn {width:92%;} .banner-pic img:first-child {width:50%;} .banner-pic img:last-child {width:50%;} .batch { width: 100%;} .grid-col--3 { display:none;} .bkngfrm input { margin:7px 0px;} .bkngfrm select { margin:7px 0px;} .online-colm-regn .admregndv .refdtls { flex-direction:column} .online-colm-regn .admregndv .refdtls input {width: 100%;} } @media all and (max-width: 820px){ .ltst-blok {width:92%;} .homform {width:96%;} .article-omi { grid-template-columns: repeat(2,1fr);} } @media all and (min-width: 821px){ .article-omi a:last-child {display:none;} } @media all and (max-width: 977px){ .artcle-innr-colum {flex-direction:column;} .artcle-innr-colum-lft {width:100%;} .artcle-innr-colum-rgt {width:100%; max-height: unset; overflow: unset; margin-top: 5px;} .wrkshpin { flex-direction: column;width: 90%; margin: 15px auto;} .wrkshpin-lft {width: 100%;} .wrkshpin-rgt { width: 100%; padding-left: 0px; margin-top: 10px;} .wrkshpin-rgt2 { width: 100%; padding-left: 0px; margin-top: 10px;} .regd-box2 { padding: 15px 5px;} .regd-box2:first-child { padding: 0px 5px 15px 5px;} .faculties-block {grid-template-columns: repeat(2, 1fr);} } @media (min-width: 768px) and (max-width: 919px) { .imp-link a { font-size:2vw; padding:7px;} .imp-link a .fa {font-size:2vw;} } @media (min-width: 768px) and (max-width: 977px) { .links151 li{height:25px; width:19%;} .course-content {width:50%;} .registration{font-size: 11px; padding-left:0px;} .registration img { width:16px; height:16px;} .mob {line-height: 12px; font-size: 11px; margin:5px 0px;} .mob-block {line-height: 14px; font-size: 11px;} .mob-block img {width:20px; height:20px;} .contact-content{font-size: 11px; line-height: 16px;} .contact-topper{font-size: 14px; line-height: 18px;} .colum-campus {width:31%;} .contact-form-heading{font-size: 11px; line-height: 22px;} .wrkshps {grid-template-columns: repeat(3,1fr);} .wrkshp-spl {grid-template-columns: repeat(3,1fr);} .wrkspin {margin-top:5px;} .frmdn {width:80%;} .frmdne-lnk { grid-template-columns: repeat(3,1fr);} .frmdne-lnk a:first-child{display:none;} .frmdne-sbscrbe {margin-top: 20px;} .wrks-grid {grid-template-columns: repeat(3, 1fr);} .home-link a {font-size:14px; line-height:18px;} .nsac { grid-template-columns: repeat(3, 1fr);} } @media (min-width: 375px) and (max-width: 540px) { .home-class ul {grid-template-columns: repeat(2, 1fr);} } @media (min-width: 541px) and (max-width: 720px) { .home-class ul {grid-template-columns: repeat(3, 1fr);} } @media (min-width: 721px) and (max-width: 885px) { .home-class ul {grid-template-columns: repeat(4, 1fr);} } @media (min-width: 768px) and (max-width: 1023px) { .stdnt-folio a { font-size:2.4vw;} .spl-wrkshps { grid-template-columns: repeat(6,1fr);} } @media all and (min-width: 768px){ .homecard .boxs:last-child {display:none;} } @media (max-width: 919px) { .coure-blok {width:96%;} .grid-col--4 { display:none;} .fee span:nth-child(1) { width:44%;} .fee span:nth-child(2) { width:4%;} .fee span:nth-child(3) { width:26%;} .fee span:nth-child(4) { width:26%;} } @media (min-width: 978px) and (max-width: 991px) { .links151 li{width:16%;} .registration{font-size: 15px;} .wrkshp-spl {grid-template-columns: repeat(3,1fr);} .wrkspin {margin-top:5px;} } @media (min-width: 978px) and (max-width: 1099px) { .regd-box { padding: .8vw 5px;} .wrks-grid {grid-template-columns: repeat(3, 1fr);} .spl-wrkshps li span { font-size:16px;} } @media all and (max-width: 1023px){ .awards-colum {width:100%;} .artcle-colum {width:100%;} .artcle-innr-colum {width:100%;} .stdnt-folio {width: 100%;} .rules {width:97%;} .about {width:97%;} .founder {width:97%;} .faculties-block { width:97%;} } @media (min-width: 992px) and (max-width: 1023px) { .links151{font-size: 9px;} .links151 li{ height:23px;} } @media (min-width: 1024px) and (max-width: 1151px) { .links151{font-size: 9px;} .links151 li{ height:25px;} } @media all and (min-width: 1100px){ .wrks-grid a:last-child {display:none;} } @media (min-width: 768px) and (max-width: 1151px) { .certi-apply input,select,textarea{ font-size: 12px; line-height:15px; margin: 5px;} .certi-apply select[type="txtcr"]{ font-size: 12px; line-height:15px; margin: 5px;} } @media all and (max-width: 1099px){ .abtcrscon {width:100%;} .glrycrscon {width:100%;} } @media all and (max-width: 1199px){ .artcle-innr-colum {width:100%;} }