File: /home/u590867752/domains/himanshuartinstitute.co.in/public_html/cooding/css/futrs.css
body{
padding:0;
margin:0;
}
*{box-sizing:border-box;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
/* CHANGE THIS IS REQUIRED
*/
.ftrmains {position:fixed; bottom:0%; left:-100%; width:100%; transition:10ms;}
.ftrs-stips { background-color:#111;}
.ftr-cont{ position:relative; max-width:1800px;width:98%; padding:10px;display:flex;justify-content:space-between;color:#f1f1f1; align-items:center; margin:0px auto;}
.ftr-cont .w{text-decoration:none; color:#f1f1f1;}
.left-rght {display:flex; justify-content:space-between; width:100%;}
.left-fl{display:flex; align-items:center;padding-left:30px; font-size:18px; font-family:arial; column-gap:15px;}
.callus { cursor:pointer;}
.left-fl .callus:hover .contacts{transform:rotatex(0deg);}
.left-fl .fl .fa{color: #f1f1f1;}
.left-fl .fl .fa-heart { color:#EB268F;}
.rgt-fl { display:flex; padding-right:35px;}
.rgt-fl ul {display:flex; list-style-type: disc; margin-block-start: 0px; margin-block-end: 0px; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 0px; column-gap: 10px;}
.rgt-fl ul li { list-style:none; font-family: arial; font-size: 14px; line-height: 14px;align-self: center;}
.rgt-fl ul li a {text-decoration:none; color:#f1f1f1; transition:1s;}
.rgt-fl ul li a:hover {color:#EB268F;}
#page-abut .rgt-fl a.ftrs-abuts {color: #00B0F0;}
#page-abut-archv .rgt-fl a.ftrs-abuts {color: #00B0F0;}
#page-crse .rgt-fl a.ftrs-crses {color: #00B0F0;}
#page-crse-dipm .rgt-fl a.ftrs-crses {color: #00B0F0;}
#page-crse-enrc .rgt-fl a.ftrs-crses {color: #00B0F0;}
#page-crse-indx .rgt-fl a.ftrs-crses {color: #00B0F0;}
#page-crse-crft .rgt-fl a.ftrs-crses {color: #00B0F0;}
#page-crse-kids .rgt-fl a.ftrs-crses {color: #00B0F0;}
#page-crse-pntg .rgt-fl a.ftrs-crses {color: #00B0F0;}
#page-crse-skng .rgt-fl a.ftrs-crses {color: #00B0F0;}
#page-crse-trdn .rgt-fl a.ftrs-crses {color: #00B0F0;}
#page-wrshp .rgt-fl a.ftrs-wrshps {color: #00B0F0;}
#page-evnt .rgt-fl a.ftrs-evnts {color: #00B0F0;}
#page-almni .rgt-fl a.ftrs-almnis {color: #00B0F0;}
#page-almni-work .rgt-fl a.ftrs-glrys-work {color: #00B0F0;}
#page-artcl .rgt-fl a.ftrs-artcls {color: #00B0F0;}
#page-admn .rgt-fl a.ftrs-admns {color: #00B0F0;}
#page-faq .rgt-fl a.ftrs-faqs {color: #00B0F0;}
#page-cont .rgt-fl a.ftrs-conts {color: #00B0F0;}
.folow { position:relative;}
.folow:hover { cursor:pointer;}
.folowuss{width:180px;height:auto; color:#595959;background:#fff;position:absolute;bottom:140%;left:-75px;transform:rotatex(90deg);transition:300ms;transform-origin:bottom; border-radius:5px; box-shadow:2px 5px 10px rgba(0,0,0,0.5); line-height:normal;}
.folowuss:before{content:"";width:12px; height:12px; background:#fff;border-right:1px solid #111;border-bottom:1px solid #111;position:absolute;left:80px;bottom:-7px;transform:rotate(45deg);}
/*.heart .likeus{display:flex;flex-direction:column;text-align:center;align-items:center;}*/
.folowuss ul { list-style-type: disc; margin-block-start: 0px; margin-block-end: 0px; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 0px; padding:0px;}
.folowuss ul li { display:flex; border-bottom: 1px solid #999; padding: 6px;}
.folowuss ul li:last-child {border:none;}
.folowuss ul li:hover {background-color:#00b0f047;}
.folowuss ul li a {}
.folowuss ul li a .fa {width: 22px; height: 22px; font-size: 14px; align-items: center; text-align: center; padding: 5px 2px 2px 2px; border-radius: 5px;}
.folowuss ul li a span {font-family: arial; font-size: 12px; color: #555;}
.heart-closed {position: absolute;top: -7px; right: -7px;}
.heart-closed .fa {color:red !important; font-size:24px;}
.folowuss .fa-facebook { background-color:#3a5899;}
.folowuss .fa-instagram { background-color:#fb9241;}
.folowuss .fa-youtube-play { background-color:#e02f2f;}
.folowuss .fa-linkedin { background-color:#0e76a8;}
.folowuss .fa-flickr { background-color:#FF0084;}
.folowuss .fa-pinterest { background-color:#C8232C;}
.folowuss .fa-bold{ background-color:#d65828;}
.backpage{position: fixed; background: #f1f1f1;border-radius: 50%; width: 32px; height: 32px; cursor: pointer; padding-left: 7px; padding-top: 7px; left: 10px; bottom:5px; z-index:99;}
.backpage .fa {font-size:20px; line-height:20px; color:#EB268F; transition:1s;}
.backpage .fa:hover {color:#00B0F0;}
.contacts{width:250px;height:auto; color:#333;background:#fff;position:absolute;bottom:100%; transform:rotatex(90deg);transition:300ms;transform-origin:bottom; padding:5px;border-radius: 8px;box-shadow:2px 5px 10px rgba(0,0,0,0.5); line-height:normal; z-index:1;}
.contacts:before{content:"";width:12px; height:12px; background:#f1f1f1;border-right:1px solid #111;border-bottom:1px solid #111;position:absolute;left:30px;bottom:-7px;transform:rotate(45deg);}
.ftr-qry span:first-child:hover .contacts{transform:rotatex(0deg);}
.qury-head {display:block; width:100%;color:#f1f1f1;height:26px; font-family:Arial; font-size:17px; line-height:26px; padding-left:5px; border-radius:3px;}
.cyn { background-color:#00B0F0;}
.mgt { background-color:#EB268F;}
.contacts ul{display:block; margin:0px; list-style-type: disc; margin-block-start: 0px; margin-block-end: 0px; margin-inline-start: 0px;
margin-inline-end: 0px; padding-inline-start: 0px;}
.contacts ul li {color:#777;width:100%;font-family:Arial; font-size:17px; line-height:40px; border-bottom: 1px solid; list-style:none; padding-left:5px; }
.contacts ul li:last-child{border:none;}
.contacts ul li a:hover { font-weight:bold;}
.qtxt{color:#0058B0;}
.toppage{position: fixed; background:#f1f1f1;border-radius:50%;width:32px;height:32px;cursor:pointer;padding-left: 8px; padding-top: 5px;right: 10px; bottom:5px;}
.toppage .fa {font-size:20px; line-height:20px; color:#00B0F0; transition:1s; transform: rotate(90deg);}
.toppage .fa:hover {color:#EB268F;}
/* Whatsapp Icon */
.query-whtsp a{ display:flex; background: #3fbb50; position: fixed; color: #f1f1f1;border-radius: 30px; bottom: 50px; right: 20px; width: 55px; height: 55px;box-shadow: 0 5px 13px 0 rgb(0 0 0 / 40%);align-items: center; justify-content: center; transition:1s;}
.query-whtsp a .fa {font-size: 38px;}
.query-whtsp a:hover {transform:scale(1.2,1.2);}
.silvrjbl a{display: flex; position: fixed; bottom: 40px;left: 15px;width: 80px;height: 80px; align-items: center; justify-content: center; transition: 1s;}
.silvrjbl img {width:100%;}
/* Demo Button */
#democls {cursor: pointer; font-family:arial; color: #00B0F0; transition: 1s;}
#democls:hover {color:#EB268F;}
#btn1 {cursor:pointer; transition: 1s;}
#btn2 {border: none; background: #fff; padding: 8px; box-shadow: 0px 0px 5px #00000050; font-size: 28px; line-height: 26px; left: 50%; position: absolute;
border-radius: 100%; cursor: pointer; top: -28px; color: #169ccd;}
#btn3 {cursor:pointer;transition: 1s;}
/* Notification | Updates */
/*.top-slider {position:fixed;width: 100%; z-index:99999;}*/
.divClass{ border-top:4px solid #EB268F; text-align:center; background-color:#fff; top: 0px;animation:ease-in; display:none;box-shadow: 0px 5px 7px #0000007a;}
.notifctn {padding:12px 5px; display:flex; max-width: 1000px;width:98%; justify-content:space-between; margin:0px auto; border-bottom: 2px solid #c3c8cc8a;}
/*.divClass .demolft {width: calc(100% - 140px);}
.divClass .demolft h2 {font:normal 29px 'Yanone Kaffeesatz', sans-serif; color: #eb268f; line-height: 29px;margin: 0px auto 5px auto; letter-spacing: 1px;}
.divClass .demolft p { display:block;font-family:arial; font-size:16px; line-height:22px; margin:0px; color:#555;}
.divClass .demolft p span { display:block;}
.demobuton {background-color:#00B0F0;font-family: arial;font-size:16px; line-height:22px; place-self:center; color: #fff; border: none;padding: 10px; border-radius: 5px; transition: 1s;cursor: pointer;}
.demobuton:hover {background-color:#555;}*/
.demo-block {margin: 20px auto; border: 1px solid #999; border-radius: 10px; max-width: 900px; width: 98%; padding: 10px;}
.demo-title {font: normal 55px 'Yanone Kaffeesatz', sans-serif; color: #EB268F; line-height: 55px; letter-spacing: 10px; text-transform:uppercase; text-align:center; margin-top:20px;}
.demo-block p {display: block; font-family: arial; font-size: 16px; line-height: 22px; color: #555; text-align:justify;}
.demo-block p span { font-weight:bold; display:block;}
.demo-block a {font: normal 25px 'Yanone Kaffeesatz', sans-serif; color: #f1f1f1; text-align: center; letter-spacing: 1px; display: table;
text-transform: uppercase; background-color: #3fbb50; margin: 0px auto; padding: 2px 8px 3px 8px; border-radius: 4px; transition:1s; border:none;}
.demo-block a:hover {background-color: #0058B0;}
.demo-block .fa {font-size:22px;}
/*.divClass .afltn {margin:0px auto 5px auto;}
.divClass .afltn li{ display:inline-block;}
.divClass .afltn li img { height:50px; width:auto; padding:0px 12px; margin:5px auto; }
*/
@media (max-width: 230px){
.ftr-cont {display:none;}
.demo-title { font-size:22vw; margin-top:10px;letter-spacing: normal !important;}
}
@media (max-width: 320px){
.backpage {width: 22px !important; height: 22px !important; padding-left: 5px !important; padding-top: 5px !important;}
.backpage .fa { font-size: 15px !important; line-height: 15px !important;}
.toppage { width: 22px !important; height: 22px !important; padding-left: 5px !important; padding-top: 2px !important;}
.toppage .fa {font-size: 15px !important; line-height: 15px !important;}
#democls {display:none;}
.left-fl { font-size: 14px;}
.contacts {width: 80%; left: 10%;}
.contacts ul li {line-height: 25px;}
.contacts:before {left: 35%;}
.demo-title {letter-spacing:2px;}
}
@media (max-width: 420px){
.rgt-fl {display:none;}
.left-fl {column-gap: 12px;}
.backpage {width: 26px; height: 26px; padding-left: 5px; padding-top: 5px;}
.backpage .fa { font-size: 18px; line-height: 18px;}
.toppage { width: 26px; height: 26px; padding-left: 6px; padding-top: 3px;}
.toppage .fa {font-size: 18px; line-height: 18px;}
.query-whtsp a {bottom: 40px !important; right: 10px !important; width: 32px !important; height: 32px !important;}
.query-whtsp a .fa {font-size: 20px !important;}
.silvrjbl a {bottom: 35px !important; width: 40px !important; height: 40px !important;}
}
@media (max-width: 511px){
.rgt-fl ul li:nth-child(6) { display:none;}
.rgt-fl ul li:nth-child(10) { display:none;}
}
@media (max-width: 525px){
.folowuss {right: -30px; left:unset;}
.folowuss:before {right: 32px; left:unset;}
}
@media (min-width: 321px) and (max-width: 419px) {
.left-fl {font-size: 4.5vw;}
}
@media (min-width: 421px) and (max-width: 511px) {
.rgt-fl ul li { font-size: 3vw; line-height: 3vw;}
}
@media (min-width: 511px) and (max-width: 600px) {
.rgt-fl ul li {font-size: 2.4vw; line-height: 2.4vw;}
}
@media (max-width: 601px){
.rgt-fl ul li:nth-child(1) { display:none;}
.rgt-fl ul li:nth-child(5) { display:none;}
.query-whtsp a {bottom: 45px; right: 12px; width: 45px; height: 45px;}
.query-whtsp a .fa {font-size: 32px;}
.silvrjbl a {bottom: 40px; left: 10px; width: 55px; height: 55px;}
}
@media (min-width: 601px) and (max-width: 670px) {
.rgt-fl ul li {font-size: 2vw; line-height: 2vw;}
.query-whtsp a {bottom: 7vw; right: 2vw; width: 8vw; height: 8vw;}
.query-whtsp a .fa {font-size: 5.5vw;}
.silvrjbl a {bottom: 6vw; left: 2vw; width: 10vw; height: 10vw;}
}
@media (max-width: 991px){
.left-rght {flex-direction: column; align-items: center; row-gap: 5px;}
.ftr-cont { padding: 8px;}
.left-fl {padding: 0px;}
.rgt-fl { padding: 0px;}
}