File: /home/u590867752/domains/himanshuartinstitute.co.in/public_html/cooding/css/hedrs.css
@font-face {
font-family: 'Yanone Kaffeesatz';
font-style: normal;
font-weight: 400;
src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url(https://www.himanshuartinstitute.com/codes/fonts/YDAoLskQQ5MOAgvHUQCcLfGwxTS8d1Q9KiDNCMKLFUM.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
@font-face {font-family: 'CabinSketch-Regular'; src: url('../fonts/CabinSketch-Regular.otf') format('truetype');
font-weight: normal; font-style: normal;}
@font-face {font-family: 'dummkopf'; src: url('../fonts/dummkopf.otf') format('truetype');
font-weight: normal; font-style: normal;}
@font-face {font-family: 'BebasNeue-Light'; src: url('../fonts/BebasNeue-Light.otf') format('truetype');}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@font-face {font-family: 'VeggiBol'; src: url('silver/VeggiBol.otf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'VeggiLig'; src: url('silver/VeggiLig.otf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'VeggiMed'; src: url('silver/VeggiMed.otf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face {
font-family: 'KGChasingCars';
src: url('silver/KGChasingCars.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
div {
.box-shadow(0px 0px 10px rgba(255,0,0,.5));
}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
body{
line-height: 8px;
background-attachment: fixed;
background-image: url(bcgrd.jpg);
background-repeat: repeat;
font-family: Arial;
font-size: 12px;
margin: 0px auto;
background-color: #ffffff;
display:block;
width:100%;
}
img {font-size:10px; font-family:arial; text-transform: none;}
footer,
section{
display: block;
}
.clearfix:before,
.clearfix:after {
display: table;
line-height: 5;
content: "";
}
.clearfix:after {
clear: both;
}
h1{ font-family:Arial; font-weight:bold; font-size:25px; color:#FF9900; line-height:35px; padding:25px 0 20px 0; margin: 0;}
h2{ font-family:Arial; font-weight:400; font-size:12px; color:#FF9900; line-height:15px; margin: 0;}
h3{ font-family:Arial, Helvetica, sans-serif; font-weight:400; font-size:24px; color:#FF9900; line-height:24px; padding:0px 0 10px 0; margin: 0;}
h4{ font-weight: bold; color:#FF9900; padding:0px 0 5px 0; margin: 0px 0px 0px 0px;font-size: 10px;}
h5{ font-family:Arial; font-weight:400; font-size:14px; line-height: 10px; color:#1A79BE; margin: 0px; padding-top: 0; padding-right: 0; padding-bottom: 10px; padding-left: 0;}
h6{font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-size: 24px; color: #ff0000; line-height: 24px; padding: 0px 0 10px 0;
margin: 0; display: block; padding: 10px; width: 800px; margin: 60px auto;}
/* Header */
.top-slider {position:fixed;width: 100%; z-index:99999;}
.top-header{ padding:0px !important;}
#scroller-hide .hdr_main_hai { height:35px;background-color:#fff; background-position:center;}
#scroller-hide { display:none; position:fixed; top:0px; width:100%; z-index:9999; box-shadow: 0px 0px 10px #000;}
.hdr_main_hai { width: 100%;margin: 0px auto; background-size:100%; background-repeat:no-repeat;}
.tophdr { width:100%; background-color:#046f954f;}
.hdrflwdth { display: flex; justify-content: space-between; width: 98%; max-width: 1300px; margin: 0px auto; height: 45px; align-items: center;}
.tphdrlft {display:flex; font-family: arial; gap:45px; align-items: center;}
.tphdrlft .lftbtns {display:flex; gap:20px;font-size: 16px;line-height:normal;}
.tphdrlft .lftbtns a {text-decoration:none; color:#333; transition:1s;}
#page-home .tphdrlft .lftbtns a.curnt-home {color: #EB268F;}
#page-shop .tphdrlft .lftbtns a.curnt-shop {color: #EB268F;}
#page-sitmp .tphdrlft .lftbtns a.curnt-sitmp {color: #EB268F;}
.tphdrlft .lftbtns a:hover {color:#0058B0;}
.tphdrlft .lftbtns .fa-home { font-size:19px;}
.hai-helpline { display:flex;font-size: 18px;line-height:normal; letter-spacing:1px;color:#333;}
.hai-helpline .fa {margin-right:3px;}
.hai-helpline a {text-decoration:none; color:#333; transition:1s;}
.hai-helpline a:hover {color:#0058B0;}
.hai-helpline a:last-child { margin-left:5px;}
.tphdrrgt {width:350px;}
.hai-block {display:flex; gap:5px; width: 99%; max-width: 1200px; margin: 30px auto; justify-content: space-between; align-items: center;}
.lftgroup { display:block;}
.hai-lft {display:flex; gap:3px;}
.hai-block2 {display:flex;justify-content: space-between; padding-top:5px; align-items: center;}
.top1{display:flex;}
#lgo img {height:45px; width:auto;}
.top2{display:flex; flex-direction: column;}
.hai {display:flex;font-family: Arial; font-size: 27px;line-height:27px;font-weight: bold; text-transform:uppercase;}
.hai span{ padding-right:5px;color: #00B0F0;}
.hai span:last-child{ padding-right:0px;}
.hai span:nth-child(2) {color:#EB268F;}
.hai2 {display:flex;font-family: Arial; font-size: 25px;line-height:25px;font-weight: bold; text-transform:uppercase;}
.hai2 span{ padding-right:5px;color: #00B0F0;}
.hai2 span:last-child{ padding-right:0px;}
.hai2 span:nth-child(2) {color:#EB268F;}
.hai-sub {display: flex;font-size: 16px;line-height:16px; font-family: Arial; font-weight:normal; color: #2B5555;}
.hai-sub2 {display: flex; font-size: 11.8px; line-height: 12px; font-family: Arial; font-weight: normal; color: #2B5555; border-top: 1px solid #777;
border-bottom: 1px solid #777; padding: 4px 0px; text-transform: uppercase; margin-top: 2px;}
.container {max-width:1300px;width:98%; margin:0px auto;}
.hai-helpline2 { display:flex;font-size: 18px;line-height:normal; letter-spacing:1px;color:#333;}
.hai-helpline2 .fa {margin-right:3px;}
.hai-helpline2 a {text-decoration:none; color:#333; transition:1s;}
.hai-helpline2 a:hover {color:#0058B0;}
.hai-helpline2 a:last-child { margin-left:5px;}
/* Demo Class
.divClass{ border-bottom:4px solid #EB268F; text-align:center; background-color:#fffffffa; top: 0px; animation:ease-in; display:none; box-shadow: 0px 5px 7px #0000007a;}
.dmnstrn {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-top:20px;}
.demo-block h2 {font: normal 55px 'Yanone Kaffeesatz', sans-serif; color: #9e9e9e; line-height: 55px; letter-spacing: 10px; text-transform:uppercase; text-align:center;}
.demo-block p {display: block; font-family: arial; font-size: 16px; line-height: 22px; margin: 0px; color: #555; text-align:center;}
.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 all and (max-width: 220px){
.hai-block {flex-direction: column; margin: 5px auto !important;}
.hai {font-size: 12vw !important;line-height: 12vw !important;}
.hai span:nth-child(1) { font-size: 16.5vw !important; line-height: 14vw !important;}
}
@media all and (max-width: 290px){
.hai-helpline { display:none;}
.hai-sub2 {display:none;}
#lgo img { display:none;}
}
@media all and (max-width: 320px){
.tphdrlft { gap: 5vw !important;}
.hai-helpline {font-size: 4.5vw;}
}
@media all and (max-width: 351px){
.hai2 {font-size: 7vw; line-height: 7vw;}
.hai-block2 {padding-top: 1vw;}
#scroller-hide .hdr_main_hai { height: auto;}
}
@media all and (max-width: 400px){
.hai {font-size: 21.5px;line-height: 24px;}
.hai span:nth-child(1) { display:block; padding-right: 0px;font-size: 30px;}
.hai-sub { display:none}
.hai-block { width:97%; margin:15px auto;}
.hai-block { padding: 0px 5px;}
}
@media all and (max-width: 500px){
.hdrflwdth {flex-direction: column; gap: 5px; justify-content:center; height: 65px;}
.tphdrlft {width: 100% !important; justify-content: center; gap: 20px;}
.tphdrrgt {width: 98% !important; display: flex; justify-content: center;}
}
@media all and (min-width: 401px){
.hai-sub2 { display:none}
}
@media all and (max-width: 490px){
.hai-helpline2 { display: none;}
.hai-block2 {justify-content: center;}
}
@media all and (max-width: 500px){
.hai-block { width: 98%;}
}
@media all and (max-width: 600px){
.tphdrlft .lftbtns { gap: 14px; font-size: 14px;}
.tphdrlft {width: 60vw;}
.tphdrrgt {width: 40vw;}
.hai-helpline a:last-child { margin-left: 0px;}
.hai-helpline {font-size: 15px;letter-spacing: normal;}
}
@media all and (max-width: 615px){
.hai-helpline2 a:last-child { display: none;}
.hai-helpline2 b { display: none;}
}
@media (min-width: 401px) and (max-width: 500px) {
#lgo img {height: 40px;}
.hai {font-size: 22px;}
.hai-sub { font-size: 13px; line-height: 13px;}
.hai-block { margin: 10px auto;}
}
@media (min-width: 501px) and (max-width: 600px) {
.tphdrlft {gap: 15px;}
}
@media (min-width: 501px) and (max-width: 800px) {
.hai-block { margin: 22px auto;}
}
@media (min-width: 601px) and (max-width: 700px) {
.tphdrlft .lftbtns {gap: 15px;}
.tphdrlft {gap: 18px;}
.hai-helpline a:last-child { margin-left: 0px;}
.tphdrrgt { width: 42vw;}
}
@media (min-width: 701px) and (max-width: 800px) {
.tphdrlft { gap: 35px;}
.tphdrrgt { width: 300px;}
}
@media (min-width: 501px) and (max-width: 1040px) {
.hdrflwdth { height: 37px;}
}
@media (min-width: 601px) and (max-width: 1040px) {
.hai-helpline { font-size: 16px;}
.tphdrlft .lftbtns { gap: 18px; font-size: 14px;}
.tphdrlft .lftbtns .fa-home { font-size:17px;}
}
@media (min-width: 801px) and (max-width: 1040px) {
.hai-block {flex-direction: column;}
.hai-block { margin: 15px auto}
.tphdrlft { gap: 35px;}
}
/* Search */
.search-area{position:relative; width:100%; z-index:9;}
.search{display:flex;align-items:center;height:30px;width:100%; background:#fff;overflow:hidden;border-radius:3px;}
.search .fa{color:#fff;}
.search input[type="search"]{width:100%;height:100%;outline:none;border:none;font-family: arial;font-size: 15px;font-style: normal; color: #555; font-weight: normal; line-height: 18px; color:#0058B0;}
.search .fa{padding:0px 7px 0px 8px;color:#666; font-size:15px; }
.search-ans{background: #fff; width: 100%; position: absolute; max-height: 230px; overflow: auto; top: 25px; left: 0; z-index: -1; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; display: none;}
.search-ans a{display: block; padding: 10px 15px; font-size: 15px;line-height:normal; font-weight: 500; text-decoration: none; color: #333; cursor: pointer; border-bottom: 1px solid rgba(0,0,0,0.1);}
.search-ans a:hover{ background-color:#00B0F0; color:#fff;}
.search-ans::-webkit-scrollbar-track{border-radius:20px; background:transparet;}
.search-ans::-webkit-scrollbar{ width:8px; background:transparet;}
.search-ans::-webkit-scrollbar-thumb{border-radius:20px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);transition:300ms; background:#EB268F;}
@media all and (max-width: 1040px){
.search {height: 26px;}
}
/* Search End */
/*
@media all and (max-width: 320px){
#lgo img {display:none;}
.hai-sub {display: none;}
.hai {font-size: 7.2vw; line-height: 7.2vw;}
.hai-sub {font-size: 3.2vw; line-height: 3.2vw;}
.hai-sub2 {font-size: 5vw; line-height: 4vw; margin-top:2px;}
.hai-helpline {font-size: 5vw;line-height: 6vw; margin-top:3px; letter-spacing:2px;}
#lgo img { height: 13vw;}
.hai-block {gap: 0px;}
.hai-helpline img { height: 4.5vw; margin-right: 3px;}
}
@media (min-width: 321px) and (max-width: 480px) {
.hai {font-size: 6.5vw; line-height: 6.5vw;}
.hai-sub {font-size: 2.9vw; line-height: 2.9vw;}
#lgo img { height: 13vw;}
.hai-block {gap: 1vw;}
.hai-helpline img { height: 3.5vw; margin-right: 3px;}
}
@media (min-width: 481px) and (max-width: 640px) {
.hai {font-size: 6.5vw; line-height: 6.5vw;}
.hai-sub {font-size: 2.9vw; line-height: 2.9vw;}
#lgo img { height: 12vw;}
.hai-block {gap: 1vw;}
.hai-helpline img { height: 3.5vw; margin-right: 3px;}
}
@media (min-width: 301px) and (max-width: 400px) {
.hai-helpline {font-size: 18.5vw;line-height: 3.5vw; margin-top:8px; letter-spacing:2px;}
}
@media (min-width: 401px) and (max-width: 480px) {
.hai-helpline {font-size: 3.5vw;line-height: 3.5vw; margin-top:8px; letter-spacing:2px;}
}
@media (min-width: 481px) and (max-width: 551px) {
.hai-helpline {margin-top: 8px; letter-spacing:3px;}
}
@media (min-width: 551px) and (max-width: 640px) {
.hai-helpline {margin-top: 8px; letter-spacing:3px;}
}
@media (min-width: 641px) and (max-width: 700px) {
.hai {font-size: 6.5vw; line-height: 6.5vw;}
.hai-sub {font-size: 2.9vw; line-height: 2.9vw;}
#lgo img { height: 12vw;}
}
@media screen and (max-width:767px){
#btn1{ left:15px; right:unset; border-radius: 3px; bottom:0px;font-size: 14px;padding: 3px 5px 3px 6px;}
#btn2{ left:15px; right:unset;}
}
@media (min-width: 767px) and (max-width: 1057px) {
#btn1{ top: 40px; z-index: 999;}
}
*/
/* Demo Class
@media all and (max-width: 420px){
#btn1{font-size: 14px !important;}
#btn2{font-size: 14px !important;}
}
@media (max-width: 620px){
#btn1{ font-size: 14px;padding: 3px 5px 3px 6px;}
}
*/
/*
.search {font-family: Arial;font-size: 12px;font-style: normal; color: #333333; font-weight: normal;line-height: 18px;}
.land-divider { display:block; width:100%; text-align:center; font-size:15px; color: #2B5555; margin-top:10px;}
.land-divider img {vertical-align:middle;}
.header_inner_main {max-width: 95%; margin: 0px auto;}
*/
/* NEW CODES
.melas {display:block; font-size:12px; color:#F33;}
*/
/* Home Page New Codes
.backbody {display:flex;flex-direction: column; align-items: center; margin: -12px auto 10px auto; width:100%; background-image:url(ifa.jpg); background-position:top center; background-repeat:repeat-x;}
.topsldr { border-radius: 12px; background-color: #fff; display: flex; padding: 10px; transform: rotate(-1deg); box-shadow: 5px 5px 6px rgb(0 0 0 / 40%);grid-column-gap: 12px; width:96%; max-width: 800px; overflow:hidden;}
.topimg {overflow:hidden;border-radius: 5px;}
.topimg2 {width: 100%;}
.topimg img { width:100%; transition:1s;}
.topimg img:hover {transform: scale(1.2,1.2) rotate(-5deg);}
.topsldr h2 {font: normal 35px 'Yanone Kaffeesatz', sans-serif; color: #EB268F; text-align: left;}
.topsldr p {font-family: arial; font-size: 14px; font-style: normal; color: #555; font-weight: normal; line-height: 20px; text-align: justify;}
.topsldr a{ float:right; background: #00B0F0; font-family: arial; font-size: 14px; color: #fff;padding: 15px; border-radius: 5px; transition: 1s; cursor: pointer;}
.topsldr a:hover { background-color:#EB268F;}
.degree {display: flex; padding: 10px;max-width:600px; width:100%; margin:0px auto; }
.degree li {align-items: center; display: flex; flex-direction: column; width: 50%;}
.degree li:first-child {border-right:1px solid #555;}
.degree li span {display:block;}
.degree li span:nth-child(1) {font-size: 110px; line-height: 110px; color: red; letter-spacing: 2px; font-family: arial; font-weight: bold;}
.degree li span:nth-child(2) {text-align: center;font: normal 28px 'Yanone Kaffeesatz', sans-serif; line-height: 10px; letter-spacing: 1px;
font-weight: normal; color: #555; text-transform: uppercase;}
.degree li span:nth-child(3) { display:flex; column-gap:10px;font-size: 14px; line-height: 15px; margin-top:10px; text-transform: none; color: #555; font-family: arial; letter-spacing: normal;}
.degree li span:nth-child(3) a {text-decoration:none; color:#555;border-left: 1px solid #999; padding-left: 7px; transition:1s;}
.degree li span:nth-child(3) a:hover {color:#00B0F0;}
.degree li span:nth-child(3) .fa {color:#EB268F; padding-left:3px;}
.backbody2{display:block;margin: 0px auto; width:100%; background-image:url(ifa2.jpg); background-position:bottom center; background-repeat:repeat-x; padding-bottom:50px;}
.allcrse {display:grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px;}
.allcrse .crsedtls { display: flex;flex-direction: column; background: #fff; box-shadow: 0px 0px 4px rgb(0 0 0 / 50%); font-weight: normal; border-top-left-radius:15px; border-top-right-radius:15px;border-bottom-left-radius:5px; border-bottom-right-radius:5px; overflow:hidden;}
.allcrse .crseimg {background-color:#F30;border-top-left-radius:15px; border-top-right-radius:15px;background-color:#F30;border-top-left-radius:15px; border-top-right-radius:15px; overflow:hidden;}
.allcrse .crseimg img {width:100%; transition:1s; cursor:pointer;}
.allcrse .crseimg img:hover {transform: scale(1.2,1.2) rotate(-5deg);}
.allcrse .crsedtls .crseicn img{ display: block; width: 60px; height: 60px; margin: -35px auto 6px auto; padding: 3px; background-color: #fff; border-radius: 100%; box-shadow: 1px 1px 2px rgb(0 0 0 / 60%); position:relative;}
.allcrse .crsedtls h2 {font: normal 36px 'Yanone Kaffeesatz', sans-serif; line-height:36px; letter-spacing: 1px; text-transform: uppercase; color: #EB268F;text-align:center; margin-top:5px;}
.allcrse .crselists {display:block;}
.allcrse .crselists a {display: flex; justify-content: space-between; font-family: arial; font-size: 16px; line-height:16px; font-weight: normal; color: #0058B0; text-transform: none; padding: 14px; border-bottom: 1px solid #0003;}
.allcrse .crselists p {font-size:13px; margin-block-start: 5px; margin-block-end: 0px; margin-inline-start: 0px; margin-inline-end: 0px; color:#555;}
.allcrse .crselists a span { font-size: 12px; font-family: arial; color: #fff; background-color: #607d8b; padding: 7px; border-radius: 5px; transition: 1s; text-transform: none; height: 28px; align-self: center;}
.allcrse .crselists a span:hover {background-color:#EB268F;}
.allcrse .crselists a:hover {background-color:#00000020;}
.allcrse .crsedtls .morecorse {padding:10px; text-align:center; font-size:14px; border-top:3px solid #0000003d; transition:1s; color:#f1f1f1; }
.allcrse .crsedtls:nth-child(1) .morecorse {background-color:#9f4ad8; }
.allcrse .crsedtls:nth-child(2) .morecorse {background-color:#c81d84;}
.allcrse .crsedtls:nth-child(3) .morecorse {background-color:#147419;}
.allcrse .crsedtls:nth-child(4) .morecorse {background-color:#d47d17;}
.allcrse .crsedtls:nth-child(5) .morecorse {background-color:#0d958b;}
.allcrse .crsedtls:nth-child(6) .morecorse {background-color:#926d0f;}
.allcrse .crsedtls .morecorse:hover {background-image: url(pxl.png); background-repeat: repeat;}
.ancwrshp {font: normal 35px 'Yanone Kaffeesatz', sans-serif; color: #EB268F; text-align: center;letter-spacing: 1px;margin-top:15px;}
.ancwrshp .fa {color:#333;}
.morwrksp {display: inline-block;text-align: center; width: 100%; margin: 20px auto;}
.morwrksp a {text-decoration: none;color: #f1f1f1;background: #777;font: normal 24px 'Yanone Kaffeesatz', sans-serif; padding: 12px; border-radius: 5px;
transition: 1s; cursor: pointer; font-weight: normal; letter-spacing: 1px;}
.morwrksp a .fa {font-size: 16px; color: #00B0F0; background-color: #fff; width: 30px; height: 30px; border-radius: 100%; margin-left: 5px; line-height: 30px;
text-align: center;transition: 1s;}
.morwrksp a:hover {background-color:#00B0F0;}
.morwrksp a:hover .fa {color:#EB268F;}
.campstdio { color: #f1f1f1;font: normal 40px 'Yanone Kaffeesatz', sans-serif; padding: 12px 0px 0px 0px; letter-spacing: 18px; text-transform: uppercase;}
.galrymore{color: #f1f1f1; font: normal 24px 'Yanone Kaffeesatz', sans-serif; letter-spacing: 7px; text-transform: uppercase;transition: 1s;}
.galrymore .fa {color:#EB268F; font-size:20px; line-height:24px;transition: 1s;}
.galrymore:hover {color:#EB268F;}
.galrymore:hover .fa {color:#00B0F0;}
*/
/* Home Slider
.hmepgesdr { background-color:#fff;position:relative; }
.haiSlides img {width:100%;position:relative; background-color:#fff; }
.slices { width: 500px; background-color: #fffffff2; border-top-right-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 2px 2px 6px rgb(0 0 0 / 40%);
padding: 8px 12px; position: absolute; bottom: 20px;z-index:999;}
.slices h2 {width: 100%; font: normal 35px 'Yanone Kaffeesatz', sans-serif; line-height: 35px; color: #0058B0;}
.slices h2 span{ display:block; font-size: 16px; line-height: 18px; color: #555; font-family: arial; text-align: justify; margin-top: 4px;}
.fade { animation-name: fade; animation-duration: 1s;}
@keyframes fade {
from {opacity: .8}
to {opacity: 1}
}
*/
/*
.divClass .demo {display:flex; max-width:1000px; width:100%; margin:0px auto;flex-direction: column;}
.divClass .demo .demo-form {display: flex; justify-content: center; margin: 10px auto; background-color: #f1f1f1; padding: 5px 10px 5px 5px; border-radius: 6px;}
.divClass .demo .demo-form .abcd {display:flex; width:100%;}
.divClass .demo .demo-form .abcd input{font-family: arial; font-size: 13px; margin: 8px 4px; width:100%; color: #5B5B5B;padding: 6px 6px; border: 1px solid #777; border-radius: 3px; background: #fff;}
.divClass .demo .demo-form .qwer input[type="button"] { background: #00B0F0;font-family: arial; text-transform: uppercase;letter-spacing: 5px;font-size: 13px;margin:8px auto; color: #fff; border:none; padding:7px 6px 7px 10px; border-radius: 3px;transition: 1s; cursor:pointer; }
.divClass .demo .demo-form .qwer input[type="button"]:hover {background-color:#EB268F;}
*/
/* Home Courses
.degdip {display: grid; grid-template-columns: repeat(3, 1fr); width:95%; margin:35px auto;}
.dgdp { display:flex; flex-direction:column;transition: 300ms; text-align: center; position: relative; width:80%; height:auto; margin:0px auto; box-shadow:0px 0px 4px rgba(0, 0, 0, 0.5); transition:1s; cursor:pointer; border-radius:50%;}
.bomb {display:flex; flex-direction:column;}
.ttt {font: normal 30px 'Yanone Kaffeesatz', sans-serif; text-align: center;font-weight: normal;text-transform: none; color: #fff; transition: 1s; padding: 7px 10px; border-radius: 5px; margin:10px auto;}
.ttt:hover { background-image:url(pxl.png);}
.dgdp img {width:100%;border-radius: 50%; background-color:#fff; padding:5px;}
.dgdp:hover {box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); transform: scale(1.1,1.1);}
.degdip h2 {font: normal 30px 'Yanone Kaffeesatz', sans-serif;color:#555; text-align:center; line-height:unset; font-weight:normal;}
.degdip h2 a {text-transform: none; color: #fff; transition: 2s; padding: 7px 10px; border-radius: 5px; margin-top:10px;}
.degdip h2 a:hover { background-image:url(pxl.png);}
.degovr { display:none; position: absolute;top: 50%; left: 50%; width: 93%; height:93%;opacity: 0;padding: 18px 6px 6px 6px; background-color: #ffffffe8; -webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%); text-align:center;font: normal 20px 'Yanone Kaffeesatz', sans-serif;text-transform:uppercase; letter-spacing:2px; border-radius:50%; transition:1s;border-radius:50%; overflow:hidden; color:#EB268F;}
.degovr {opacity: 1;}
.degovr span {display:block;}
.degovr span:first-child {display:block; font-size:50px; line-height:50px; color:red; letter-spacing:2px; font-family:Arial; font-weight:bold;}
.degovr a {display:block; text-align:center;font: normal 22px 'Yanone Kaffeesatz', sans-serif; line-height:normal; letter-spacing:1px; font-weight:normal;color: #555; text-transform:none;padding:4px 5px; }
.degovr a span {font-size:13px; line-height:15px;text-transform:none; color:#555; font-family:arial; letter-spacing:normal;}
.degovr span a { position: fixed; bottom: 12px; text-align: center; right: 35%; color: #fff; transition: 1s; font-size: 12px;
font-weight: normal; background-color: #555; border-radius: 5px; padding: 3px 6px;font-family:arial; letter-spacing:normal; }
.degovr a:hover {color:#00B0F0;}
.degovr span a:hover {background-color:#00B0F0; color:#fff;}
.degovr .homviews { position:fixed; width:150px; bottom:20px; left:50%; transform:translate(-50%); font-family:arial; font-size:13px; text-transform:none;}
.degovr .homviews a{ display:inline-block;color:#fff;background-color:#00B0F0; transition:1s; font-family:arial; font-size:12px; letter-spacing:normal;padding: 2px 4px; line-height:normal; border-radius:3px;}
.degovr .homviews a:hover {background-color:#555;}
.degovr .homviews span{ display:inline-block;padding: 2px 4px; color:#fff; transition:1s; cursor:pointer; letter-spacing:normal;background-color:#EB268F; font-family:arial; font-size:12px; line-height:normal; border-radius:3px;}
.degovr .homviews span:hover {background-color:#555;}
.certovr { display:none; position: absolute;top: 50%; left: 50%; width: 93%; height:93%;opacity: 0;padding: 36px 6px 6px 6px; background-color: #ffffffe8; -webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%); text-align:center;font: normal 20px 'Yanone Kaffeesatz', sans-serif;text-transform:uppercase; letter-spacing:2px; border-radius:50%; transition:1s;border-radius:50%; overflow:hidden; color:#EB268F;}
.certovr {opacity: 1;}
.certovr span {display:block;}
.certovr a {display:block; text-align:center;font: normal 22px 'Yanone Kaffeesatz', sans-serif; line-height:normal; letter-spacing:1px; font-weight:normal;color: #555; text-transform:none;padding:4px 5px; }
.certovr a span {font-size:13px; line-height:15px;text-transform:none; color:#555; font-family:arial; letter-spacing:normal;}
.certovr span a { position: fixed; bottom: 12px; text-align: center; right: 35%; color: #fff; transition: 1s; font-size: 12px;
font-weight: normal; background-color: #555; border-radius: 5px; padding: 3px 6px;font-family:arial; letter-spacing:normal; }
.certovr a:hover {color:#00B0F0;}
.certovr span a:hover {background-color:#00B0F0; color:#fff;}
.certovr .homviews { position:fixed; width:150px; bottom:20px; left:50%; transform:translate(-50%); font-family:arial; font-size:13px; text-transform:none;}
.certovr .homviews a{ display:inline-block;color:#fff;background-color:#00B0F0; transition:1s; font-family:arial; font-size:12px; letter-spacing:normal;padding: 2px 4px; line-height:normal; border-radius:3px;}
.certovr .homviews a:hover {background-color:#555;}
.certovr .homviews span{ display:inline-block;padding: 2px 4px; color:#fff; transition:1s; cursor:pointer; letter-spacing:normal;background-color:#EB268F; font-family:arial; font-size:12px; line-height:normal; border-radius:3px;}
.certovr .homviews span:hover {background-color:#555;}
.prgrms {display:grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 30px; grid-row-gap: 30px;}
.prgm {display:flex; flex-direction:column; padding:5px; background: #fff; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5); position: relative; font-weight:normal; transition:1s;}
.prgm h2 {font: normal 22px 'Yanone Kaffeesatz', sans-serif;letter-spacing: 1px;text-transform: uppercase;color:#555;cursor:pointer;}
.prgm img {width:100%;transition:1s;}
.prgm:hover {background:none;border-top-left-radius: 30px; border-top-right-radius: 30px;}
.prgm:hover img{border-top-left-radius: 30px; border-top-right-radius: 30px;}
.pgovr { display:none; position: absolute;top: 50%; left: 50%; width: 100%; height:100%;opacity: 0;padding: 6px;transition: .5s ease; background-color: #fffffff2; -webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%); text-align:center;font: normal 20px 'Yanone Kaffeesatz', sans-serif;text-transform:uppercase; letter-spacing:1px; transition:1s; border: 2px solid #49626bcc; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}
.pgovr img { display:block;width:60px; height:60px; margin:-35px auto 6px auto; padding:3px; background-color:#fff; border-radius:100%!important;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6); transition:none;}
.pgovr:hover img { border-radius:100%;}
.pgovr span {display:block; float:right; font-size:11px; font-family:Arial;}
.pgovr .homview {position:fixed; bottom:12px; left:22%; font-family:arial; font-size:13px; text-transform:none;}
.pgovr .homview a{ display:inline-block;text-align: center;padding: 3px 7px; border-radius: 3px;background-color:#777; color:#fff; transition:1s;}
.pgovr .homview a:hover {background-color:#00B0F0;}
.pgovr .homview span{ display:inline-block;text-align: center;padding: 3px 7px; border-radius: 3px;background-color:#777; color:#fff; transition:1s; margin-left:5px; cursor:pointer; font-size:13px;}
.pgovr .homview span:hover {background-color:#EB268F;}
.pgovr h2 {text-align:left !important;font-family: Arial; font-size: 13px !important; line-height:9px !important; margin:0px !important; font-weight:bold !important;color: #555; text-transform:none !important; letter-spacing:normal !important; padding:3px !important;cursor:pointer; }
.pgovr p { text-align: center; font-family: Arial;font-size: 12px; line-height: 13px; margin: 0px; font-weight: normal; color: #555; text-transform: none; letter-spacing: normal; padding: 0px 2px;}
.pgovr a {display:block; text-align:left;font-family: Arial; font-size: 13px; font-weight:normal;color: #555; text-transform:none; letter-spacing:normal; padding:3px;}
.pgovr a:hover { background-color:#EB268F; border-radius:3px; color:#fff;}
.pgovr {opacity: 1;}
*/
/* ----------------------------- HEADER STYLES*/
/*
.hai-divider { display:flex;width:100%;text-align:center;font-size:15px;color: #2B5555;margin-top:10px;}
.hai-divider img {vertical-align:middle;}
*/
/* ADMIN
.hdr-admin {
width: 100%;
margin: 0px auto;
position: fixed;
text-align:left;
z-index: 999;
background-color: #FFF;
background-image: url(bcgrd.png);
height: 60px;
box-shadow: 0px 0px 10px #000;
}
.adm-lft {display: inline-block; float:left; width:465px; margin-left:5%; margin-top:-4px;}
.adm-rgt {display: inline-block; float:right; margin-right:5%; padding-top:7px;}
.admin-menu {display:block; float:right;color:#666; }
.admin-menu li{ color: #666; font: normal 22px 'Yanone Kaffeesatz', sans-serif; display: inline-block; text-align:right;
padding: 16px 10px; }
.admin-menu .newsss {color:#0058B0;}
.admin-menu li a:hover {color:#F55;}
.adm-ftr{width: 100%; display:block; background-color:#ddd;position: fixed;bottom: 0; border-top:2px solid #757474}
*/
/* Admin Table
.adm50 {display:inline-block; float:left; width:50%; padding:10px;}
.adm-del { width:50px; text-align:center;}
.adm-yn { width:50px;}
.adm-sn { width:75px;}
.adm-name { width:210px;}
.adm-cont { width: 110px;}
.adm-apcnt { width:120px;}
.adm-ste { width:150px;}
.adm-crse { width:270px;}
.adm-more { width:65px;}
.adm-fxd { display:block;}
.adm-add { width:120px;}
.adm-pln { width:120px;}
.adm-city { width:120px;}
.adm-btch { width:120px;}
.adm-pmt { width:120px;}
.adm-contl {display:inline-block; width:150px; float:left;}
.hifn {display:inline-block; width:20px; float:left;}
.adm-contr {display:inline-block; width:260px; float:left;}
*/
/*
#hme-activities .abc{
display:block;
text-align:center;
width:18%;
margin-right:6px;
margin-top:0px;
margin-bottom:5px;
float:right;
}
.abc img {width:55px;}
#hme-activities .txt{
font:arial;
color:#2B5555;
text-transform:uppercase;
font-weight:bold;
font-size:9px;
}
#hme-activities .txt:hover { color:#F55;}
.right {padding:0px;}
.over-div img {overflow:hidden; width:100%; position:absolute;z-index: 10;}
.over-div-inr img {overflow:hidden; width:1000px; position:absolute;z-index: 10;}
*/
/* ----------------------------- HEADER STYLES ENDS*/
/*
.line { height:1px; width:100%; background:#b9b2a2; margin-bottom:10px; margin-top:5px;}
.lne { height:1px; width:100%; background:#b9b2a2;}
.linedsn {background-image: url(lineimg.png); height:25px; background-position:center; background-size:100%; background-repeat:no-repeat;}
.colum-3 { float:left; position: relative; min-height: 1px; padding-right: 2px; padding-left: 2px; width: 100%; margin:auto 0px;}
.colum-8 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.colum-100 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.colum-80 { float:left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.colum-75 { float:left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.colum-66 { float:left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.colum-60 { float:left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.colum-50 { float:left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.colum-40 { float:left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.colum-33 { float:left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.colum-30 { float:left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.colum-25 { float:left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.colum-20 { float:left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.pdngnone {padding: 0px;}
.overlink { margin-top:20px;}
*/
/* Courses
.desktop { position: relative; min-height: 1px; max-width:1200px; width:95%; margin:0px auto;}
.hom-crses {display:inline-block; width:269px;margin: 0px 0px 0px 4px;}
.part li {display:block;width:100%;}
.hom-txt { font: normal 20px 'Yanone Kaffeesatz', sans-serif; line-height:26px; float:left; text-align:left; background-color:#E0E0E0; padding: 6px 8px 2px 8px; margin:3px 0px; width:100%; border-radius:7px; color:#0a0c0c;}
.hom-txt:hover { background-image:url(pxl2.png);}
.hom-txt span { float:right;font-size:13px; font-family:arial;}
.hom-head { width:100%; font: normal 22px 'Yanone Kaffeesatz', sans-serif; line-height:30px; letter-spacing:1px; float:left; text-align:left;color:#fff; text-transform:uppercase;padding:5px 8px 0px 8px;margin:3px 0px; border-radius: 7px; background-color:#333;}
.hom-head img {height:21px; margin-right:5px;}
.hom-head-ovr { width:100%; font: normal 22px 'Yanone Kaffeesatz', sans-serif; line-height:30px; letter-spacing:1px; float:left; text-align:left;color:#fff; text-transform:uppercase;padding:5px 8px 0px 8px; margin:3px 0px; border-radius: 7px; background-color:#333;}
.hom-head-ovr:hover { background-image:url(pxl.png); color:#FFF;}
.home-course-t{ color: #0058B0; font-size: 16px; line-height:18px; font-weight: bold; text-transform:uppercase;}
.home-course-t:hover {color: #F55;}
.home-course-t2{color: #fff; font-size: 20px; line-height:30px; text-transform:uppercase; background-color:#333; padding-left:6px; border-radius:6px; text-align:center;}
.home-articles{ font-family: Arial; color: #F55; font-size: 14px; line-height:25px;}
.home-articles:hover { color:#0066CC;}
.home-course-sb {font-size: 16px; font-family: Arial; line-height:30px; color: #525252;}
.home-course-sb:hover { color:#F55;}
.video-auto {display: grid;grid-template-columns: repeat(2, 1fr); grid-gap:20px; max-width:1200px; width:96%; margin:0px auto;}
.video-auto .hom {height: 27vw; padding:3px; background-color:#fff;box-shadow: 0px 2px 7px #444; }
.video-auto iframe {width:100%; height:100%; border:0px;}
.image-auto {width: 100%;box-sizing: border-box; display: flex;justify-content: space-between;}
.image-auto li {display:inline-block; margin:10px;}
.image-auto img {width:100%; background-color:#FFF; padding:2px; box-shadow: 0px 2px 7px #444;}
.video-panel {width:100%; padding: 10px; border-top: 1px solid #b9b2a2; margin: 10px auto 0px auto;}
.video-panel ul {max-width:1400px; margin:0px auto;display: grid;grid-template-columns: repeat(3, 1fr); grid-gap:10px;}
.video-panel ul li {padding:3px; background-color:#fff;box-shadow: 0px 2px 7px #444; }
.video-panel iframe {width:100%; height:100%; border:0px;}
.image-panel { float:left; width: 100%; margin-top:10px;}
.image-panel-top { background: url('txtu.png'); height:16px; }
.image-panel-middle { padding-top:5px; padding-bottom:5px; background-color: #010101;}
.image-panel-bottom { background: url('txtd.png'); height:16px; }
.home-profile {width:100%; text-align:center; margin:auto 0px;}
.home-profile li {display:inline-block; margin: 0px 4px;}
.home-images {display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 10px;}
.home-images img {width:100%; background-color:#FFF; padding:2px; box-shadow: 0px 2px 7px #444;}
.home-ads {max-width: 1200px; width: 100%;display:flex; gap:20px; padding:30px 0px; transition:1s; margin: 0px auto;}
.home-ads a img {width:100%; background-color:#FFF; padding:3px; box-shadow: 0px 2px 7px #444; border-radius:5px; transition:1s;}
.home-ads a img:hover {transform:scale(1.2,1.2);}
.pdng {padding:10px;}
.mrgntp { margin-top: 5px;}
.mrgnrt { margin:25px;}
.mrgn60 { margin:60px;}
*/
/*
.ftr{width:100%; margin: auto; background-color:#00B0F0;margin-top:5px; border-top:6px solid #EB268F; border-bottom:6px solid #EB268F;}
.qutn-base{ display:none; width: 100%; background-color:#f1f1f1; }
.quotation{display: flex; width: 95%; max-width: 1300px; padding:15px 5px; margin: 0px auto; justify-content: center; column-gap: 15px;
align-items: center;}
.quotation img{ height:60px; width:60px; border-radius:100px;filter: grayscale(100%);}
.quotation h2 {text-align: left;font-family: arial;line-height: 22px; font-size: 18px;color: #555;}
.quotation h2 span {display:block; font-size:15px; line-height:18px; margin-top:5px; color:#0058B0;}
.bottom-link{max-width: 1300px; width: 96%; margin: 10px auto;}
.bottom-link ul{display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 5px; }
.bottom-link li{ display: block; background-color:#ffffffd4; border-radius:4px;}
.bottom-link li a{ display:block; text-decoration:none; color:#333;font-family: Arial; font-size: 13px; font-weight:bold; line-height: 13px; padding: 12px; border-radius:4px; transition:.2s; }
.bottom-link li a:hover{ background-color:#EB268F; color:#fff;}
.rss{display: block;position: relative;width: 100%; float: left;text-align: center; margin: 5px auto;height: 140px; padding: 5px;border: solid; border-width: 2px;
border-color: #999999; background-color: #FFF; margin-bottom: 10px;}
.rss-img { display:inline-block; float:left; height:32px;}
.rss-img img {height:100%;}
.rss-base {width:100%; text-align:center;}
.rss-base .txt { font:arial; color:#2B5555; font-size:12px; width:90%;}
.rss-base .sub { font:arial; color:#2B5555; font-size:14px; margin-top:6px;}
.rss-base img{ width: auto;}
.rss-block2 {background-color:#333; display:block; float:left; width:100%
}
.rss-base2 { display:inline-block; float:left; width:258px; margin-left:5px; margin-top:5px;}
.rss-base2 .txt { font:arial; color:#2B5555; font-size:12px; width:180px; display:inline-block; float:left;}
.rss-base2 .sub { font:arial; color:#2B5555; font-size:12px; margin-left:6px; display:inline-block; float:left;}
.rss-base2 img{ height: 80px;}
.btmftr-link {display:block; text-align: center; padding:0px 5px; margin-bottom:45px}
.btmftr-link li { display:inline-block;list-style:none;}
.btmftr-link li a{display:inline-block;font-family: Arial; font-size: 12px; line-height:14px; padding:5px; margin:2px auto;text-decoration:none; color:#000; border:1px solid #999; background-color: #fff; transition: .5s; cursor:pointer;}
.btmftr-link li a:hover{background-color:#00b0f038;}
.btmftr-link li:first-child { display: block; text-transform: uppercase; font: normal 20px 'Yanone Kaffeesatz', sans-serif; color: #EB268F; text-align: center; letter-spacing: 10px; border:none; cursor:default;}
.btmftr-link li:first-child { background-color:transparent;}
.btmftr-link .sitlnk {font-size: 12px; line-height:14px; background-color:#9999998a; color:#000; cursor:default;padding:5px; margin:2px auto; border:1px solid #999;}
.ftr-pnl{width: 95%; padding: 5px; margin: auto;}
.full-pnl { display:block; width:auto;margin:0px auto; text-align:-webkit-center;font-size: 12px;color: #555;line-height: 14px;font-family: Arial;}
.mrbt45 { margin-bottom:45px;}
.full-pnl ul {padding-top: 5px;}
.full-pnl li { display:inline-block; border-right: 1px solid #999; padding-right: 5px; padding-left:2px;}
.full-pnl li:first-child {padding-left: 0px; display:block; padding-bottom:2px; border: none;}
.full-pnl li:nth-child(2) {padding-left:0px;}
.full-pnl li:last-child {padding-right: 0px; border: none;}
.full-pnl a:hover {color:#EB268F;}
.fltxt {color:#525252;}
.lft-pnl-ldngpg{
font-size: 11.5px;
color: #FFFFFF;
line-height: 22px;
font-family: Arial;
text-align: left;
}
.social-inner{ display:block; text-align:center; margin-top:6px;}
.social-inner li {display:inline-block; margin-right:3px; font-size:14px; color:#ccc; border-radius:3px; text-align:center;}
.social-inner a { color:#fff; text-decoration:none;}
.social-inner .fa {display:block; border-radius:3px; width:22px; height:22px; line-height:22px; transition:500ms;}
.social-inner a .fa-instagram:hover{ background-color:#fb9241;}
.mid-pnl { display:block; text-align: center; margin: 12px auto 0px auto;}
.mid-pnl li {display:inline-block; text-align:center;font-size:18px; margin-right:3px;}
.mid-pnl a{text-decoration:none;color:#333;}
.mid-pnl .fa { display:block; transition: 500ms;width:25px; height:25px; line-height:26px;border-radius:5px;}
.mid-pnl a .fa-facebook:hover{ background-color:#3a5899; color:#fff;}
.mid-pnl a .fa-instagram:hover{ background-color:#fb9241; color:#fff;}
.mid-pnl a .fa-twitter:hover{ background-color:#40bff5; color:#fff;}
.mid-pnl a .fa-play:hover{ background-color:#e02f2f; color:#fff;}
.mid-pnl a .fa-bold:hover{ background-color:#d65828; color:#fff;}
.mid-pnl a .fa-linkedin:hover{ background-color:#0e76a8; color:#fff;}
.mid-pnl a .fa-flickr:hover{ background-color:#FF0084; color:#fff;}
.mid-pnl a .fa-rss:hover{ background-color:#d65828; color:#fff;}
.mid-pnl a .fa-pinterest-p:hover{ background-color:#C8232C; color:#fff;}
.mid-pnl a .fa-whatsapp:hover{ background-color:#01d300; color:#fff;}
.rgt-pnl-ldngpg{
font-size: 15px;
color: #FFFFFF;
line-height: 22px;
font-family: Arial;
text-align: right;
}
.rgt-pnl-ldngpg li {display:inline-block; margin-left:10px;}
.rgt-pnl-cnt li {display:inline-block; margin-left:10px;}
.rgt-pnl-cnt > li > a:hover{color: #C00;}
.rgt-pnl-cnt img {width:25px; height:25px; vertical-align:middle;}
.portfolio { display:block;font-family: 'CabinSketch-Regular';font-size: 35px; line-height:40px; font-weight:normal; display:block; float:left;
margin-top:10px; text-align:center; position:relative; left:50%; padding:5px;transform:translate(-50%) rotate(-1deg);color: #FFF; height:68px;background-image:url(txr.png); background-size:100% 70px; background-repeat:no-repeat;}
.portfolio img {height:40px; vertical-align:sub; margin-right:5px;}
.menubtm{padding-top:5px;padding-bottom:5px;text-align: center; background-color:#6A6A6A; font-family: arial; line-height:25px;
font-size:14px; color: #FFF;}
.menubtm li { display: inline-block; text-transform:uppercase; margin-left:20px;}
.menubtm > li > a:hover{color: #F55;}
.bcgrd-prpl {background-color:#8920FF;}
.bcgrd-prpl-d {background-color:#551990;}
.bcgrd-cgrn {background-color:#16aec6;}
.bcgrd-cgrn-d {background-color:#0e7283;}
.bcgrd-gru {background-color:#760902;}
.bcgrd-gru-d {background-color:#5f100b;}
.bcgrd-mve {background-color:#b7368e;}
.bcgrd-mve-d {background-color:#75225A;}
.bcgrd-mve-tn {background-color:#EEC4E0;}
.bcgrd-orng {background-color:#E34509;}
.bcgrd-orng-d {background-color:#872D09;}
.bcgrd-orng-tn {background-color:#FCC8B4;}
.bcgrd-red {background-color:#df3338;}
.bcgrd-red-d {background-color:#8a1315;}
.bcgrd-trks {background-color:#005b7f;}
.bcgrd-trks-d {background-color:#053c52;}
.bcgrd-blu {background-color:#0080FF;}
.bcgrd-blu-d {background-color:#004891;}
.bcgrd-blu-tn {background-color:#BFDFFF;}
.bcgrd-brwn {background-color:#704300;}
.bcgrd-brwn-d {background-color:#472C04;}
.bcgrd-grn {background-color:#5E6901;}
.bcgrd-grn-d {background-color:#3E4105;}
.bcgrd-grn-tn {background-color:#C0FC98;}
.bcgrd-prtgrn {background-color:#95B320;}
.bcgrd-prtgrn-d {background-color:#627B20;}
.bcgrd-mhrn {background-color:#B90020;}
.bcgrd-mhrn-d {background-color:#700716;}
.bcgrd-mhrn-tn {background-color:#FFC1CC;}
.bcgrd-pnk {background-color:#FF3366;}
.bcgrd-pnk-d {background-color:#950025;}
.bcgrd-sky {background-color: #008C8C;}
.bcgrd-sky-d {background-color: #005E5E;}
.bcgrd-sky-tn {background-color: #B5E2FD;}
.bcgrd-blk {background-color:#292E3D;}
.bcgrd-blk-d {background-color:#12141B;}
.bcgrd-kids {background-color:#FC0373;}
.bcgrd-kids-d {background-color:#6C006C;}
.trdnl { background-image:url(../images/trdnl.png);}
.trdnl-d {background-color:#6C006C;}
.brdr-prpl-d {border-color:#551990;}
.brdr-mve-d {border-color:#551990;}
.brdr-grn-d { border-color:#3E4105;}
.brdr-prtgrn-d { border-color:#627B20;}
.brdr-orng-d {border-color:#872D09;}
.brdr-red-d {border-color:#8a1315;}
.brdr-blu-d {border-color:#004891;}
.brdr-brwn-d {border-color:#472C04;}
.brdr-mhrn-d {border-color:#700716;}
.brdr-pnk-d {border-color:#950025;}
.brdr-sky-d { border-color:#005E5E;}
.brdr-blk-d {border-color:#12141B;}
.brdr-kids-d {border-color:#6C006C;}
.circlecon {
margin: 20px auto;
display: grid;
grid-template-columns: repeat(8, 1fr);
grid-gap: 10px;
justify-items: center;
max-width: 1200px;
width: 100%; }
.circlecon p {
text-align: center;
margin: 10px 0px 5px 0px;
font-weight: bold;
font-size:12px;
color:#595959;
cursor:pointer;}
.circlecon p:hover{color:#EB268F;}
.circlecon .climgcon img {
transition: 300ms ease-in-out;
padding:3px;
border-radius:50%;
width:85px;}
.circlecon .climgcon:nth-child(1) img {
background:#f9bf1bfc;}
.circlecon .climgcon:nth-child(2) img {
background:#8ad84d;}
.circlecon .climgcon:nth-child(3) img {
background:#f7664c;}
.circlecon .climgcon:nth-child(4) img {
background:#8eaff0;}
.circlecon .climgcon:nth-child(5) img {
background:#ffbb00;}
.circlecon .climgcon:nth-child(6) img {
background: #fb87c5;}
.circlecon .climgcon:nth-child(7) img {
background: #96FF2D;}
.circlecon .climgcon:nth-child(8) img {
background:#8686D7;}
.circlecon .climgcon:nth-child(9) img {
background:#21bdbd;}
.circlecon .climgcon:nth-child(10) img {
background:#ea0000fc;}
.circlecon .climgcon img:hover {
transform: rotate(360deg); }
.circlecon .climgcon {text-align:center;}
*/
/* POPUP
.popc{
position: fixed;
width:450px;
top:50%;
left:50%;
transform: translate(-50%,-50%);
box-shadow:2px 4px 10px 100vh rgba(0,0,0,0.8);
background-color:#FFF;
display:none;
border-radius:6px;
z-index:999;
}
.subscribe{ display:flex;width:100%; padding:5px; box-sizing:border-box;justify-content: space-between;}
.subscribe 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: 2px; text-align: center; text-transform: lowercase;}
.subscribe input[type="submit"] {color: #fff; background-color: #EB268F; font-size: 16px; border: none; padding: 5px; border-radius: 3px;margin-top: 10px; cursor:pointer; transition:1s;}
.subscribe input[type="submit"]:hover {background-color:#00B0F0;}
.subscribe img {width:100%; height:100%; border-radius:30px;}
.sublft {width:200px;}
.sublft img{ width:100%; border-radius:0px;}
.subrgt { display:flex; flex-direction:column;width: calc(100% - 205px);align-items: center; padding:3px;}
.subrgt img {height:48px; margin-top:6px; width:auto;}
.subrgt span:first-child {font: normal 32px 'CabinSketch-Regular'; line-height:32px; color:#00B0F0;}
.subrgt span:nth-child(2) {font-family: Arial;font-size:14px; color:#555; text-align:center;font-style: normal; line-height: 16px;}
.closepop{
position: absolute;
top:-10px;
right:-10px;
border-radius: 50px;
background: red;
width:25px;
height:25px;
display:flex;
justify-content: center;
align-items:center;
color:#fff;
font-size:18px;
cursor:pointer;
}
*/
/* Query Footer
.ftr-qry{width:100%;background:#333;display:block; align-items:center;position:fixed;z-index:990;bottom:-20%;transition:300ms;box-shadow:0px -3px 5px rgba(0,0,0,0.3)}
.ftr-qry img {height:23px; vertical-align:sub; padding-right:5px;}
.ftr-qry span{padding:0px 35px 0px 0px;color:#FFCC00;font-size:18px;text-transform:capitalize;position:relative; cursor:pointer;}
.ftr-qry span:last-child{padding:0px;}
.ftr-qry img:last-child{padding:0px;}
.contacts{width:250px;height:auto; color:#333;background:#fff;position:absolute;bottom:150%;left:10px;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:#fff;border-right:1px solid #111;border-bottom:1px solid #111;position:absolute;left:30px;bottom:-7px;transform:rotate(45deg);}
.contacts2{width:250px;height:auto; color:#333;background:#fff;position:absolute;bottom:150%;left:10px;transform:rotatex(90deg);transition:300ms;transform-origin:bottom; padding:15px;border-top-right-radius: 40px; border-bottom-left-radius: 40px; border-top-left-radius: 15px; border-bottom-right-radius: 15px;box-shadow:2px 5px 10px rgba(0,0,0,0.5); line-height:normal;}
.contacts2:before{content:"";width:12px; height:12px; background:#fff;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);}
.dwnc{left:-15px;}
.list{display:block;color:#777;width:100%; height:40px; font-family:Arial; font-size:17px; line-height:40px;border-bottom: 1px solid;}
.list:last-child{border:none; padding-left:5px;}
.list:nth-child(4){border:none;}
.qury-head {display:block; width:100%;color:#FFF;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;}
.cmps{ display:inline-block padding:5px; width:100px; float:left; padding-left:5px;}
.qury{ display:inline-block padding:5px;width:115px; float:left; padding-left:5px;}
.qtxt{color:#0058B0;}
.list a:hover { font-weight:bold;}
.hffn {display:inline-block; float:left; width:20px;}
.callus {display:inline-block; float:left;padding: 9px 0px; cursor:pointer;}
.callus span img {height: 23px; vertical-align: sub; padding-right: 5px;}
.sharing { display:block; float:right;padding: 6px 0px; width:290px;}
.sharing li { display: inline-block;}
.testimonial-img img {
width: 100px;
background-color:#FFFFFF;
margin-right: 10px;
margin-top:5px;
float: left;
color:#FFFFFF;
font-weight:bold;
text-align: center;
font-size: 16px;
line-height:30px;
padding: 2px;
}
.line-v {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #999;
padding-left: 8px;
}
.go-back {width:100px; margin:auto 0px;}
@media all and (max-width: 239px){
.dwnc {left: -177px;}
.contacts2 { width: 90vw;}
#loader {width:80%; height:auto;}
}
*/