@charset "utf-8";

/* CSS Document */

html {scroll-behavior:smooth;}

body {font-family:Lato; font-size:14px; font-weight:400; color:#36454f; position:relative; overflow-x:hidden;}

* {margin:0; padding:0; transition:all .5s;}

a {text-decoration:none; color:#34b8c0; transition:all .5s;}

a:hover {color:#e54e35; text-decoration:none;}

b, strong {font-weight:700;}

ul, ol {list-style:none; margin:0;}

img {height:auto; width:auto; max-width:100%;}

img, a {outline:none; box-shadow:none; border:0;}



/* Works on Firefox */

*{scrollbar-width:thin; scrollbar-color:#0a4191 #fff;}

/* Works on Chrome, Edge, and Safari */

*::-webkit-scrollbar {width:8px/*0*/;}

*::-webkit-scrollbar-track {background:#fff;}

*::-webkit-scrollbar-thumb {background-color:#0a4191; border-radius:0; border:0 solid orange; border-radius:6px;}



.preloader {position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; background-image: url('/assets/front/imges/loading.gif'); background-repeat: no-repeat; background-color:#FFF; background-position:center center;}



.enqbuts {position:fixed; right:-155px; top:50%; z-index:99; margin:101px 0 0 0; width:204px; height:49px; -webkit-transform:rotate(270deg);

  -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); -webkit-transform-origin: 0 0;

  -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0;}

.enqbuts a.whatsapp {line-height:49px; color:#fff; font-size:30px; font-weight:400; display:inline-block; background:#26d044; padding:0 15px; float:left; margin-right:2px;}

.enqbuts a.qbut {color:#fff; font-size:15px; font-weight:700; line-height:49px; display:inline-block; background:#fb911c; padding:0 20px;}



#wrapper {margin:0;}



header {width:100%; background:#fff; position:relative; z-index:20; transition:all .5s;}

header .t-bar {background:#fff; margin: 0 auto; height:49px; border-bottom:1px solid #e5e5e5;}

header .t-bar .container {max-width:1140px; padding:0; margin:0 auto;}

header .t-bar .mnum-mail {float:left;}

header .t-bar .mnum-mail p {font-size:14px; font-weight:400; color:#36454f; line-height:49px; margin:0;}

header .t-bar .mnum-mail p a {color:#36454f; display:inline-block; margin-right:40px;}

header .t-bar .mnum-mail p a:hover {color:#fb911c}

header .t-bar .mnum-mail p a i {font-size:17px; float:left; margin:0 10px 0 0; line-height:3.1;}

.alternate {transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg);}

header .t-bar .socials {float:right;}

header .t-bar .socials a {width:46px; color:#36454f; display:inline-block; line-height:3.9; text-align:center;}

header .t-bar .socials a i {font-size:22px;}

header .container {max-width:1140px; padding:0; margin:0 auto; position:relative;}



header .container .logo {padding:5px 0 10px 0; float:left;}

header .container .tlinks {margin:20px 0 0 0; float:right; position:relative;}

header .container .tlinks a{font-size:17px; color:#36454f; display:inline-block; line-height:2; margin-left:40px;}

header .container .tlinks a:hover {color:#fb911c}

header .container .tlinks a i {font-size:27px; float:left; margin:0 10px 0 0; line-height:1.2;}

header .container .tlinks a.sign{font-size:18px; color:#36454f; font-weight:700; display:inline-block; line-height:2; border:2px solid #36454f; padding:7px 26px; border-radius:50px;}

header .container .tlinks a.sign:hover{color:#fff; border:2px solid #fb911c; background:#fb911c;}

header .container .tlinks .active{color:#fff !important; border:2px solid #fb911c !important; background:#fb911c !important;}

header .container .tlinks .users {position:absolute; top:55px; right:0; z-index:20; background:#f1f1f1; padding:20px 20px 10px 20px; width:200px; border-radius:6px; display:none; -webkit-box-shadow:0 10px 20px -7px rgba(0,0,0,0.50); -moz-box-shadow:0 10px 20px -7px rgba(0,0,0,0.50); box-shadow:0 10px 20px -7px rgba(0,0,0,0.50);}

header .container .tlinks .users a{display:block; font-size:14px; color:#36454f; margin:0 0 10px 0;}

header .container .tlinks .users a:hover{color:#fb911c;}

header .b-bar .mobilemenu {float:right; margin:0 0 0 0; display:none;}



header nav {margin:0; background:#36454f;}

header nav ul {position:relative;}

header nav ul li {margin:0; display:inline-block; position:relative;}

header nav ul li a {display:inline-block; font-weight:700; color:#fff; font-size:17px; line-height:52px; padding:0 1.32rem; letter-spacing:0.02rem;}

header nav ul li a:hover {background:#fafafa; color:#36454f;}

header nav ul li a.active {background:#fafafa; color:#36454f;}



.submenus {position:absolute; top:52px; left:0; width:1140px; background:#fafafa; text-align:left; padding:34px 20px 20px 20px; box-shadow:0 10px 10px -5px rgba(0,0,0,0.70); -webkit-box-shadow:0 10px 10px -5px rgba(0,0,0,0.70); -moz-box-shadow:0 10px 10px -5px rgba(0,0,0,0.70); max-height:410px; overflow-x:auto; overflow-y:hidden;}

.submenus > div {width:23%; float:left; margin:0 1%;}

.submenus a {display:block !important; font-weight:400; color:#36454f; font-size:16px !important; line-height:normal !important; padding:5px 0 !important;}

.submenus a:hover {color:#faae3c !important;}

.submenus a img {margin-bottom:10px; display:block;}



.menuscroll {overflow-y:auto; position:relative; height:170px;}

.menuscroll::-webkit-scrollbar {width:4px/*0*/;}

.menuscroll::-webkit-scrollbar-track {background:none;}

.menuscroll::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,0.3); border-radius:4px; border:0px solid orange;}





/*///////////////////// -------- Home Banner Start Here -------- /////////////////////*/

.homebanner {margin:0; padding:0; background:#fcfcfc; position:relative; width:100%; z-index:1; /*cursor: url('/assets/front/imges/cursor.png'), auto;*/}

.homebanner .overlaycol {width:100%; height:100%; top:0; left:0; position:absolute; background:rgba(54,69,79,0.3);}

.homebanner .Bcontainer {position:absolute; max-width:1140px; margin:0 0 0 -570px; left:50%; top:80px;}

.homebanner .caption {width:1140px; text-align:center; background:rgba(1,221,241,0.8); padding:30px 8rem; border-radius:150px;}

.homebanner .caption p.head {font-weight:700; color:#36454f; font-size:60px; line-height:43px; margin-bottom:15px; text-transform:uppercase;}

.homebanner .caption p.blurb {font-weight:700; color:#36454f; font-size:17px; margin-bottom:20px;}

.homebanner .caption a {font-weight:400; color:#36454f; font-size:15px; border:2px solid #36454f; line-height:46px; display:inline-block; padding:0 40px; border-radius:150px;}

.homebanner .caption a:hover {background:#faae3c; border-color:#faae3c; color:#fff;}

/*.homebanner .owl-carousel .owl-item img {object-fit: none; height: fit-content;}*/





/*///////////////////// -------- 3 Circles Section Start Here -------- /////////////////////*/

.circlesec {background:#fff; padding:60px 0 0 0; position:relative; z-index:2;}

.circlesec .container {max-width:872px; }

.circlesec .circles {margin:-185.5px 0 0 0;}

.circlesec .circle {position:relative; display:block; background-color:transparent; text-align:center;}

.circlesec .circle:after {display:block; padding-bottom:100%; width:100%; height:0; border-radius:50%; background:#fff; content:""; border:0; box-shadow:0 0 32px -20px rgba(0,0,0,0.50); -webkit-box-shadow:0 0 32px -20px rgba(0,0,0,0.50); -moz-box-shadow:0 0 32px -20px rgba(0,0,0,0.50);  transition:all .5s;}

.circlesec .circle2:after {background:#fff;}

.circlesec .circle3:after {background:#fff;}

.circlesec .circle:hover:after {-webkit-box-shadow:20px 0 20px -15px rgba(0,0,0,0.50); -moz-box-shadow: 20px 0 20px -15px rgba(0,0,0,0.50); box-shadow:20px 0 20px -15px rgba(0,0,0,0.50);background: #3AD469; background: -webkit-radial-gradient(top, #3AD469, #16943C); background: -moz-radial-gradient(top, #3AD469, #16943C); background: radial-gradient(to bottom, #3AD469, #16943C);}

.circlesec .circle2:hover:after {background: #2F92D3; background: -webkit-radial-gradient(top, #2F92D3, #1971AB); background: -moz-radial-gradient(top, #2F92D3, #1971AB); background: radial-gradient(to bottom, #2F92D3, #1971AB);}

.circlesec .circle3:hover:after {background: #E99012; background: -webkit-radial-gradient(center, #E99012, #DF6601); background: -moz-radial-gradient(center, #E99012, #DF6601); background: radial-gradient(ellipse at center, #E99012, #DF6601);}



.circlesec .circle__inner {position:absolute; top:0; bottom:0; left:0; width:100%; height:100%;}

.circlesec .circle__wrapper {display:table; width:100%; height:100%;}

.circlesec .circle__content {display: table-cell; padding:0 3.5em; vertical-align:middle; color:#475a67; font-size:14px; line-height:22px;}

.circlesec .circle__content span {font-size:17px; font-weight:700; display:block; color:#1ca947; line-height:22px; margin-bottom:37px; position:relative;}

.circlesec .circle__content span:after {display:block; width:48px; height:2px; background:#eaeaea; content:""; position:absolute; left:50%; margin-left:-24px; bottom:-12px;}

.bluecolor {color:#1971ab !important;}

.organgecolor {color:#e99011 !important;}

.circlesec .circle__content:hover span {color:#fff !important;}

.circlesec .circle__content:hover {color:#fff !important;}



/*///////////////////// -------- Inner Bannes Section Start Here -------- /////////////////////*/

.in-banner {background:#fff; padding:0; position:relative; overflow:hidden;}

.in-banner .container {max-width:100%; margin:0 auto;}

.in-banner .container .col {padding:0; text-align:center;}

.in-banner .container .col img {position:relative; z-index:1}

.in-banner .container .col table {position:absolute; top:0; width:100%; z-index:2}

.in-banner .container .col p {font-size:36px; color:#fff; font-weight:700; text-transform:uppercase; margin-bottom:20px; line-height:1.2;}

.in-banner .container .col a{font-weight:400; color:#fff; background:#ff8b0c; font-size:15px; line-height:46px; display:inline-block; padding:0 40px; border-radius:150px;}

.in-banner .container .col a:hover{color:#ff8b0c; background:#fff; -webkit-box-shadow:0 14px 10px -5px rgba(0,0,0,0.50); -moz-box-shadow:0 14px 10px -5px rgba(0,0,0,0.50); box-shadow:0 14px 10px -5px rgba(0,0,0,0.50);}



.in-banner .overlays {position:absolute; width:100%; height:100%; left:0; top:0; z-index:2; background:rgba(0,0,0,0.4);}

.in-banner .boxes {position:absolute; width:1140px; margin:0 0 0 -570px; left:50%; bottom:40px; z-index:3;}

.in-banner .boxes .itms {float:left; width:23%; margin:0 1%; background:rgba(0,0,0,0.8); text-align:center; height:115px; padding:15px;}

.in-banner .boxes .itms strong {color:#fb911c; display:block; font-size:12px; font-weight:800; text-transform:uppercase; margin-bottom:6px; letter-spacing:1px;}

.in-banner .boxes .itms span {color:#fff; display:block; font-size:26px; font-weight:700; line-height:1.3;}

.in-banner .boxes .itms p {display:inline-block; width:33%; font-size:26px; font-weight:700; text-transform:none; float:left;}

.in-banner .boxes .itms p i{display:block; font-size:12px; font-weight:400; font-style:normal; text-transform:uppercase; padding:5px 0 3px 0;}

.in-banner .head {position:absolute; width:100%; left:0; top:30px; z-index:3; text-align:center; color:#fff; font-size:60px; font-weight:700; text-transform:uppercase;}



.in-banner .uni-cont {position:absolute; width:1140px; margin:0 0 0 -570px; left:50%; height:100%; top:0; z-index:3;}



.in-banner .uni-cont .headuni {position:absolute; width:280px; left:0; top:60px; background:#fff; padding:20px; z-index:3; text-align:center; color:#333; font-size:14px; font-weight:800; text-transform:uppercase;}

.in-banner .uni-cont .headuni figure {border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:10px;}



.in-banner .sidebuttons {position:absolute; width:220px; margin:0; right:60px; top:0; z-index:3; height:100%}

/*.in-banner .uni-cont .boxesuni .itms {width:100%; margin:2px 0 0 0; background:rgba(0,218,255,0.8); text-align:center; height:60px;}

.in-banner .uni-cont .boxesuni .itms strong {color:#36454f; display:block; font-size:10.4px; font-weight:800; margin-bottom:0px; line-height:1.2; text-transform:uppercase;}

.in-banner .uni-cont .boxesuni .itms span {color:#fff; display:block; font-size:34px; font-weight:700; line-height:1.3;}

.in-banner .uni-cont .boxesuni .itms span i{font-size:15px; padding:0 2px; line-height:3.8;}



.in-banner .uni-cont .boxesuni .itms table {position:relative; top:auto; width:100%; z-index:2; height:100%;}

.in-banner .uni-cont .boxesuni .itms table tr td {width:50%;}

.in-banner .uni-cont .boxesuni .itms table tr td:first-child {background:#fff;}*/



.in-banner .sidebuttons .item {height:100%;}

.in-banner .sidebuttons .item ul {height:100%;}

.in-banner .sidebuttons .item ul li {display:flex; width:100%; height:25%; background:rgba(0,0,0,0.4); text-align:center; align-items:center;}

.in-banner .sidebuttons .item ul li > div {display:table-cell; width:100%;}

.in-banner .sidebuttons .item ul li:first-child {background:rgba(0,0,0,0.7); background-image: url('/assets/front/imges/rating-bg.png'); background-repeat: no-repeat; background-position:center 16px;}

.in-banner .sidebuttons .item ul li:nth-child(2) {background-image: url('/assets/front/imges/rank-bg.png'); background-repeat: no-repeat; background-position:center center;}

.in-banner .sidebuttons .item ul li:nth-child(3) {background:rgba(0,0,0,0.7); background-image: url('/assets/front/imges/establish-bg.png'); background-repeat: no-repeat; background-position:center 12px;}

.in-banner .sidebuttons .item ul li:nth-child(4) {background-image: url('/assets/front/imges/recognised-bg.png'); background-repeat: no-repeat; background-position:center center;}

.in-banner .sidebuttons .item ul li img {text-align:center; margin:auto; width:auto;}

.in-banner .sidebuttons .item ul li strong {display:block; color:#00daff; font-size:11px; font-weight:800; margin-bottom:10px; line-height:1.2; text-transform:uppercase; padding-top:46px;}

.in-banner .sidebuttons .item ul li span {display:block; color:#fff; font-size:17px; font-weight:700; line-height:1.1; padding:0 20px;}

.in-banner .sidebuttons .item ul li span i{font-size:16px; padding:0 4px; line-height:1.2;}

.in-banner .sidebuttons .item ul li span.tbig {font-size:36px; line-height:0.8;}

.padtp0 {padding-top:0 !important;}







/*///////////////////// -------- About Section Start Here -------- /////////////////////*/

.aboutsec {background:#fff; padding:70px 0 80px 0; position:relative;}

.aboutsec .container {max-width:1140px; margin:0 auto;}

.aboutsec .container .vision {background:url('/assets/front/imges/pic-vision.jpg') no-repeat top center #f5f6f6; text-align:center; padding:30px 60px;}

.aboutsec .container .vision h2 {color:#ff8f6d; font-size:32px; font-weight:400; font-style:italic; margin:40px 0 15px 0; letter-spacing:0.5rem;}

.aboutsec .container .vision p {color:#36454f; font-size:30px; line-height:1.2; font-weight:800; padding:0 .7rem; letter-spacing:0.09rem; position:relative;}

.aboutsec .container .vision p:before {display:inline-block; content:"“"; position:absolute; left:-10px; top:0; color:#36454f; font-size:72px; line-height: 30px; font-weight:400; font-family:times; display:none;}

.aboutsec .container .vision p:after {display:inline-block; content:"ˮ"; position:absolute; right:0; bottom:auto; color:#36454f; font-size:72px; font-weight:400; font-family:times; line-height:64px; display:none;}

.aboutsec .container .intro {background:#fff; padding-right:50px;}

.aboutsec .container .intro p.capt {color:#d0d2d4; font-size:15px; font-weight:700; font-style:italic; margin-bottom:5px;}

.aboutsec .container .intro p {color:#36454f; font-size:15px; font-weight:400; margin-bottom:50px; line-height:1.9;}

.aboutsec .container .intro h1 {color:#0a4191; font-size:36px; font-weight:700; margin-bottom:28px;}

.aboutsec .container .intro .read {color:#36454f; font-size:15px; font-weight:400; line-height:50px; border:2px solid #36454f; padding:0 50px; display:inline-block; border-radius:100px;}

.aboutsec .container .intro .read:hover {color:#fff; border:2px solid #faae3c; background:#faae3c;}





/*///////////////////// -------- Services Section Start Here -------- /////////////////////*/

.servicessec {padding:60px 0 30px 0; position:relative; background:url('/assets/front/imges/service-bg.jpg') no-repeat center center #fefefe; background-attachment:fixed;}

.servicessec .container {max-width:1140px; padding:0; text-align:center;}

.servicessec .container h2 {color:#fff; font-size:36px; font-weight:400; margin:0 0 20px 0;}

.servicessec .container h3 {color:#fff; font-size:18px; font-weight:400; margin:0 0 40px 0;}

.servicessec .container .servcont {width:1140px !important; margin:0 auto !important;}

.servicessec .container .servcont .itms {margin:0; padding:0;}

.servicessec .container .servcont .itms:hover img {filter: sepia(50%); transform:scale(1.05);}

.servicessec .container .servcont .itms p {margin:0; color:#fff; font-size:15px; font-weight:700; position:absolute; bottom:20px; left:0; width:100%; text-align:center; padding:0 30px;}

.servicessec .container .servcont .itms:hover p {color:#fb911c;}

.servicessec .container .owl-carousel .owl-stage-outer {padding:50px 0 !important;}

.mart50m {margin-top:-50px !important;}

.mart40m {margin-top:-40px !important;}

.mart30m {margin-top:-30px !important;}

.mart10m {margin-top:-10px !important;}

.mart10 {margin-top:10px !important;}

.servicessec .container .owl-theme .owl-nav {display:block;}

.servicessec .container .owl-theme .owl-prev {left:-90px; margin:0;}

.servicessec .container .owl-theme .owl-next {right:-90px; margin:0;}

.servicessec .container .owl-dots {display:none;}



/*///////////////////// -------- Apply Form Section Start Here -------- /////////////////////*/

.formsec {padding:0; position:relative;}

.formsec .container {max-width:100%; padding:0; margin:0 auto;}

.formsec .container .fbg {background:url('/assets/front/imges/formbg1.jpg') no-repeat left bottom #ffe2bd; background-size:cover; text-align:right;}

.formsec .container .fbg h2 {color:#bd1be6; font-size:48px; font-weight:300; margin-left:50%; padding-right:50px; padding-top:60px;}

.formsec .container .vcform {background:url('/assets/front/imges/formbg2.jpg') no-repeat right top #dee5e5; background-size:contain; padding:70px 70px 70px 60px;}

.formsec .container .vcform h2 {color:#36454f; font-size:16px; font-weight:700; margin-bottom:20px;}

.formsec .container .vcform .btn {background:#36454f;}

.formsec .container .vcform .btn:hover {background:#bd1be6;}





/*///////////////////// -------- News & Events Section Start Here -------- /////////////////////*/

.newssec {padding:70px 0 0 0; position:relative; background:#fff;}

.newssec .container {max-width:1140px; margin:0 auto; border-bottom:1px solid #e1e3e5; padding-bottom:40px;}

.newssec .container .head {color:#36454f; font-size:30px; font-weight:700; margin-bottom:25px;}

.newssec .container .head a{color:#e87018; font-size:17px; font-weight:700; display:inline-block;}

.newssec .container .head a:hover{color:#ff5a09;}

.newssec .container .head span{color:#36454f; font-size:17px; font-weight:700; padding:0 15px;}

.newssec .container .newscont {padding:0 0 60px 0; overflow:hidden;}

.newssec .container .newscont p {color:#36454f; font-size:15px; font-weight:700; line-height:1.5; margin-bottom:10px;}

.newssec .container .newscont p span{color:#8a8a8a; font-size:15px; font-weight:400; display:block; margin:6px 0 15px 0;}

.newssec .container .newscont a.read {color:#1c81c5; font-size:14px; font-weight:700;}

.newssec .container .newscont a.read:hover {color:#fb911c;}

.newspic {position:relative; overflow:hidden;}

.newspic:hover img {filter: sepia(50%); transform:scale(1.2);}

.newssec .container .newscont .owl-dots {position:relative !important; max-width:260px; margin:0 auto; text-align:center !important; display: block;

    z-index: 8; bottom:-60px !important; padding-left:0;}





/*///////////////////// -------- Articles & Blogs Section Start Here -------- /////////////////////*/

.artiblogsec {padding:70px 0 0 0; position:relative; background:#fff;}

.artiblogsec .container {max-width:1140px; margin:0 auto;}

.artiblogsec .container .head {color:#36454f; font-size:30px; font-weight:700; margin-bottom:25px;}

.artiblogsec .container .head a{color:#e87018; font-size:17px; font-weight:700; display:inline-block;}

.artiblogsec .container .head a:hover{color:#ff5a09;}

.artiblogsec .container .head span{color:#36454f; font-size:17px; font-weight:700; padding:0 15px;}



.artiblogsec .container .abcont {margin-bottom:20px;}

.artiblogsec .container .abcont figure {position:relative; overflow:hidden;}

.artiblogsec .container .abcont figure span {position:absolute; right:0; bottom:0; height:47px; width:47px; background:url('/assets/front/imges/arrow-r-s.png') no-repeat center center #fff; display:inline-block; z-index:1;}

.artiblogsec .container .abcont figure:hover span {height:100%; width:100%; background:url('/assets/front/imges/arrow-r.png') no-repeat center center; background-color:rgba(54,69,79,0.4);}

.artiblogsec .container .abcont figure:hover img {transform:scale(1.2);}

.artiblogsec .container .abcont p {color:#1b7fb4; font-size:15px; font-weight:700; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow:hidden;text-overflow:ellipsis; display:block; display:-webkit-box;}

.artiblogsec .container .abcont:hover p {color:#ff5a09;}





/*///////////////////// -------- Testimonials Section Start Here -------- /////////////////////*/

.testimonialsec {padding:40px 0 80px 0; position:relative; background:#fff;}

.testimonialsec .container {max-width:1140px; margin:0 auto; background:#53aa60; padding:60px 0 30px 0;}

.testimonialsec .container h2 {color:#fff; font-size:30px; font-weight:700; margin:0 0 10px 0; text-align:center;}

.testimonialsec .container h3 {color:#fff; font-size:18px; line-height:1.5; font-weight:400; margin:0; text-align:center; padding:0 10rem;}

.testimonialsec .container .testimonials {margin:40px 0 0 0; padding:38px 77px; text-align:center; background:#4c9f65;}

.testimonialsec .container .testimonials .pics {float:left; width:26%; background:#fff; padding:29px; position:relative;}

.testimonialsec .container .testimonials .pics .tname {font-size:14px; font-weight:700; color:#36454f; margin-bottom:0;}

.testimonialsec .container .testimonials .pics .tname span {font-size:12px; color:#b2b2b2; display:block; margin-top:2px;}

.testimonialsec .container .testimonials .pics::before {content:""; position: absolute; top:-9px; right:0; width:111px; height:9px;  background:url('/assets/front/imges/cut.png') no-repeat 0 0;}

.testimonialsec .container .testimonials .pics::after {content:""; position: absolute; bottom:-9px; left:0; width:111px; height:9px;  background:url('/assets/front/imges/cut.png') no-repeat 0 -9px;}

.testimonialsec .container .testimonials .ttext {float:left; width:50%; text-align:left; margin:0 8% 0 16%; padding-top:20px; position:relative;}

.testimonialsec .container .testimonials .ttext h4 {line-height:1.6; font-size:18px; color:#fff; font-weight:700; margin-bottom:30px;}

.testimonialsec .container .testimonials .ttext p {line-height:1.8; font-size:14px; color:#fff; margin-bottom:30px; position:relative;}

.testimonialsec .container .testimonials .ttext::before {display:inline-block; content:"“"; position:absolute; left:-90px; top:-46px; color:rgba(255,255,255,0.4); font-size:95px; font-weight:400; font-family:times; }

.testimonialsec .container .testimonials .ttext::after {display:inline-block; content:"ˮ"; position:absolute; right:-90px; bottom:-90px; color:rgba(255,255,255,0.4); font-size:95px; font-weight:400; font-family:times;}

.testimonialsec .container .owl-dots {display:block; max-width:260px; margin:34px auto 0 auto; text-align:center !important; z-index:8; padding-left:0;}

.testimonialsec .container .owl-dots .owl-dot span{background:rgba(10,65,145,0.2);}

.testimonialsec .container .owl-dots .owl-dot.active span,.testimonialsec .container .owl-dots .owl-dot:hover span{background:rgba(10,65,145,1);}

.testimonialsec .container .owl-theme .owl-nav {margin-top:0; display:none;}



/*///////////////////// -------- Clientele Section Start Here -------- /////////////////////*/

.clientsec {padding:60px 0 80px 0; position:relative; background:#f6f6f6;}

.clientsec .container {max-width:1140px; padding:0; text-align:center;}

.clientsec .container h2 {color:#36454f; font-size:30px; font-weight:700; margin:0 0 40px 0;}

.clientsec .container .clientl {background:#fff; -webkit-box-shadow:0 0 11px 0 rgba(0,0,0,0.09); -moz-box-shadow: 0 0 11px 0 rgba(0,0,0,0.09);

box-shadow: 0 0 11px 0 rgba(0,0,0,0.09); padding:0;}

.da-thumbs{list-style:none;position:relative;padding:0 !important; margin:0 !important;}

.da-thumbs li{float:left; width:25%;padding:0; text-align:center; list-style:none; margin:-5px 0 0 0 !important; }

.da-thumbs li a{overflow:hidden;position:relative; padding:0;display:inline-block;border:0 solid #edebeb;width:100%; background:#fff; -webkit-box-shadow:0 0 11px 0 rgba(0,0,0,0.09); -moz-box-shadow:0 0 11px 0px rgba(0,0,0,0.09); box-shadow: 0 0 11px 0 rgba(0,0,0,0.09);} 

.da-thumbs li a img{width:auto;display:inline-block;}

.da-thumbs li > a:hover{border:0 solid #fff;}

.da-thumbs li a div{position:absolute; background:rgba(35,196,236,0.94);; width:100%; height:100%; text-align:center;}

.da-thumbs li a div strong {display:none; color:#fff;font-size:18px; font-weight:700; display:block; line-height:1.3; padding:0 20px 20px 20px;}

.da-thumbs table {width:100%; height:100%}

.da-thumbs table td {height:100%}

.da-thumbs li a:hover img {transform:scale(1.1);}





/*///////////////////// -------- Footer Section Start Here -------- /////////////////////*/

footer {padding:60px 0 30px 0; background:#36454f;}

footer .container {max-width:1140px; padding:0;}

footer h4 {line-height:1.2; font-size:18px; font-weight:700; color:#fff; margin-bottom:20px;}

footer p {font-size:14px; color:#fff; margin-bottom:0; line-height:1.8;}

footer p strong {font-size:16px; color:#fff; font-weight:700;}

footer p.intext {font-size:14px; line-height:1.8; color:#fff; margin-bottom:0;}

footer ul {margin:22px 0 0 0;}

footer ul li {margin:0;}

footer ul li a {margin:0; font-size:15px; color:#fff; padding:0 0 15px 0; display:inline-block; line-height:1.2;}

footer ul li a:hover {color:#fb911c;}

footer a {font-size:15px; color:#fff;}

footer a:hover {color:#fb911c;}

footer .newsletter {position:relative; margin:0 0 40px 0;}

footer .newsletter .btna {position:absolute; right:0; top:0; padding:12px; background:#fff;}

footer .copy {color:#fff; font-size:12px; padding:0;}

footer .copy a{color:#fff; font-size:12px;}

footer .copy a:hover{color:#fb911c;}

footer .top {position:fixed; right:10px; bottom:5px; padding:0; display:none; z-index:21; background:#eee; text-transform:uppercase; width:56px; height:56px; text-align:center; color:#53aa60; font-size:12px; font-weight:800; line-height:1.1; border-radius:56px;}

footer .top span {color:#0a4191; font-size:8px; font-weight:800;}

footer .top img {padding:7px 0 1px 0;}

footer .top:hover {color:#ee720d;}



footer .socials {margin-top:-10px;}

footer .socials a {color:#fff; display:inline-block; line-height:3.9;}

footer .socials a i {font-size:22px; padding-right:25px;}



/*///////////////////// -------- Breadcrumb Start Here -------- /////////////////////*/

.breadc {border-bottom:1px solid #e5e5e5; margin:40px 0 70px 0;}

.breadc .container {padding:0; max-width:1140px; margin:0 auto;}

.breadc .container a {color:#36454f; font-size:14px; font-weight:700;}

.breadc .container a:hover {color:#fb911c;}

.breadc .container span {display:inline-block; color:#36454f; font-size:14px; font-weight:400; padding:0 10px;}

.breadc .container strong {display:inline-block; color:#949494; font-size:14px; font-weight:400;}

.breadc .container h1 {color:#ff8b0c; font-size:60px; font-weight:300; margin-bottom:-13px; padding-top:10px; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow:hidden;text-overflow:ellipsis; display:block; display:-webkit-box;}





/*///////////////////// -------- Inner Pages End Here -------- /////////////////////*/

.common {background:#fff; padding:0 0 90px 0; position:relative;}

.common .container {padding:0; max-width:1140px;}

.common .container h2 {margin:0 0 25px 0; font-weight:700; color:#36454f; font-size:22px; line-height:1.5;}

.common .container h3 {margin:0 0 25px 0; font-weight:700; color:#36454f; font-size:18px; line-height:1.2;}

.common .container .h2 {margin:0 0 25px 0; font-weight:700; color:#36454f; font-size:22px; line-height:1.2;}

.common .container .h3 {margin:0 0 25px 0; font-weight:700; color:#36454f; font-size:18px; line-height:1.2;}

.common .container p {font-size:16px; color:#36454f; font-weight:400; margin-bottom:35px; line-height:1.7;}

.common .container p strong {font-weight:700;}

.common .container .exlrg-p {font-size:34px; color:#36454f; font-weight:700; line-height:1.4; padding-right:4rem;}

.common .container .exlrg-pn {font-size:19px; color:#36454f; font-weight:700; line-height:1.8; padding:4rem 8rem; text-align:center; border:1px solid #eee;}

.common .container .lrg-p {font-size:19px; color:#36454f; font-weight:700; line-height:1.8;}

.common .container .expert {font-size:20px; color:#fff; font-weight:400; line-height:1.5; padding:5rem 10rem; text-align:center; background:#0b4190; margin-top:60px;}

.common .container .expert a:hover {color:#ffd545;}

.common .container .hightext {background: url("/assets/front/imges/map.png") no-repeat 96% 50% #f1f2f3; padding:60px 25px 60px 25px; margin:0 0 30px 0; font-size:18px; color:#36454f; font-weight:700; line-height:1.5;}

.common .container .hightext strong {display:block; font-size:30px; color:#36454f; font-weight:800; line-height:1.5; letter-spacing:0.05rem; margin:0 0 20px 0;}

.common .container .hightextb {background:#0b4190; padding:60px 25px 60px 25px; margin:0 0 30px 0; font-size:18px; color:#fff; font-weight:700; line-height:1.5; text-align:center;}

.common .container .hightextb strong {display:block; font-size:30px; color:#faae3c; font-weight:800; line-height:1.5; letter-spacing:0.05rem; margin:0;}

.common .container .vmcont {margin-bottom:40px;}

.common .container .vmcont > div {display:table;}

.common .container .vm {background:#ffd615; padding:3rem 4rem; margin:0 0 40px 0; font-size:16px; color:#2d3a42; font-weight:700; line-height:1.5; text-align:center; min-height:100%; display:table-cell; vertical-align:top;}

.common .container .vm strong {margin:0 0 20px 0; font-size:20px; color:#2d3a42; font-weight:700; font-style:italic; line-height:1.5; letter-spacing:0.5rem; display:block;}

.common .container .vm span {margin:0 0 20px 0; font-size:30px; color:#2d3a42; font-weight:800;  line-height:1.5; letter-spacing:0.1rem; display:block;}

.common .servibg {padding:70px 0 20px 0; margin:30px 0 60px 0; background:#f6f6f6;}

.common .container .servicont {margin-bottom:40px;}

.common .container .servicont .servitem {text-align:center; margin-bottom:30px;}

.common .container .servicont .servitem figure { overflow:hidden; position:relative; margin-bottom:0;}

.common .container .servicont .servitem img {width:100%;}

.common .container .servicont .servitem:hover img {transform:scale(1.05);}

.common .container .servicont .servitem p {margin-bottom:0; font-size:16px; color:#fb911c; font-weight:700; text-transform:uppercase; background:#ffff; padding:15px 0; box-shadow:0 0 15px 0px rgba(0,0,0,0.10); -webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.10); -moz-box-shadow:0 0 15px 0 rgba(0,0,0,0.10);}

.common .container .servicont .servitem:hover p {color:#fff; background:#fb911c; box-shadow:0 20px 20px -15px rgb(0,0,0,0.40); -webkit-box-shadow:0 20px 20px -15px rgb(0,0,0,0.40); -moz-box-shadow:0 20px 20px -15px rgb(0,0,0,0.40);}





.common .container p.large {font-size:25px; color:#0ba1aa; font-weight:300; margin-bottom:55px; line-height:1.4; border:3px solid #34b8c0; padding:50px;  text-align:justify;}

.common .container a {color:#faae3c;}

.common .container a:hover {color:#005c93;}

.common .container ul {margin:-10px 0 30px 0;}

.common .container ul li {font-size:16px; color:#36454f; margin-bottom:15px; line-height:1.6; background:url('/assets/front/imges/dot.png') no-repeat 0 8px; padding:0 0 0 15px;}

.common .container .table ul {margin:0;}

.common .container .table ul li {margin-bottom:10px;}

.common .container .table ul li:last-child {margin-bottom:0;}

.common .container .introtext {margin-bottom:40px;}



.common .container .mbt {background:#6f51c7; border-radius:23px; font-family:Oswald; font-weight:400; color:#fff; font-size:16px; padding:10px 35px; line-height:1.2; text-transform:uppercase; letter-spacing:0.04em; display:inline-block; cursor:default;}

.common .container .mbt:hover {background:#34b8c0; color:#fff;}



.faq {background:#fff; box-shadow:0 0 15px 0px rgba(0,0,0,0.10); -webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.10); -moz-box-shadow:0 0 15px 0 rgba(0,0,0,0.10);}

.faq .qst {padding:2rem 5rem 2rem 2.5rem; font-weight:700; color:#36454f; font-size:18px; background:url('/assets/front/imges/plus.png') no-repeat 96% 50%; display:block; cursor:pointer;}

.faq .qst:hover {color:#fff; background:url('/assets/front/imges/plus-w.png') no-repeat 96% 50% #fb911c;}

.qstactive {color:#fff !important; background:url('/assets/front/imges/minus.png') no-repeat 96% 50% #fb911c !important;}

.faq .ans {display:none; padding:3rem 2.5rem; background:#eaf3f8;} 

.faq .ans p {font-size:16px; color:#36454f; font-weight:400; margin-bottom:35px; line-height:1.7;}

.faq .ans p strong {font-weight:700;}



.monthyear {float:right; margin:-60px 0 0 0; width:400px;}

.monthyear select {float:right; margin-left:20px; border:1px solid #ccc !important; width:160px; background-position:90% 16px;}

.monthyear .form-control {height: calc(2em + .75rem + 4px) !important;}

.news {margin:0 0 40px 0;}

.news figure {position:relative; overflow:hidden;}

.news figure img {width:100%;}

.news:hover figure img {filter: sepia(50%); transform:scale(1.05);}

.news .date {color:#8a8a8a !important; font-size:14px; font-weight:400; font-style:italic; margin:0 0 10px 0 !important;}

.news .head {color:#36454f; font-size:16px !important; font-weight:700 !important; line-height:1.6 !important; margin:0 !important; -webkit-line-clamp:3; -webkit-box-orient: vertical; overflow:hidden;text-overflow:ellipsis; display:block; display:-webkit-box;}

.news:hover p.head {color:#fb911c;}

.news .npic {background-position:center center; background-repeat:no-repeat; height:220px; background-size:190%; margin-bottom:10px;}

.news:hover .npic {background-size:210%;}



.newsdetails {margin:0 0 40px 0;}

.newsdetails .ndate {color:#8a8a8a; font-size:16px; font-weight:400; font-style:italic; margin:0 0 30px 0;}

.newsdetails .nhead {color:#36454f; font-size:26px; font-weight:700; line-height:1.6; margin:0 0 10px 0;}

.newsdetails .pic {background-position:center center; background-repeat:no-repeat; height:380px; background-size:contain; margin-bottom:30px;}

.newsdetails .pic:hover {filter: sepia(50%);}



.igallery {max-width:700px; margin:0 auto 40px auto; text-align:center; padding:40px; border:1px solid #f0f0f0; -webkit-box-shadow:0 0 40px -5px rgba(0,0,0,0.20); -moz-box-shadow:0 0 40px -5px rgba(0,0,0,0.20); box-shadow:0 0 40px -5px rgba(0,0,0,0.20);}



.blogdetails {margin:0;}

.blogdetails .ndate {color:#8a8a8a; font-size:16px; font-weight:400; font-style:italic; margin:0 0 30px 0;}

.blogdetails .nhead {color:#36454f; font-size:26px; font-weight:700; line-height:1.6; margin:0 0 10px 0;}

.blogdetails .pic {background-position:center center; background-repeat:no-repeat; height:276px; background-size:cover; margin-bottom:30px;}

.blogdetails .pic:hover {filter: sepia(50%);}

.blogdetails .mblogs {background:#0b4190; padding:20px 30px; margin-top:50px;}

.blogdetails .mblogs a{display:inline-block; font-size:16px; font-weight:700; color:#fff; float:left;}

.blogdetails .mblogs a:hover{color:#ff8b0c;}



.blogrpanel {background:#f7f7f7; padding:30px;}

.blogrpanel .head {font-size:16px; font-weight:700; border-bottom:1px solid #36454f; color:#36454f; padding-bottom:10px; margin-bottom:20px;}

.blogrpanel ul {margin:0 0 30px 0 !important;}

.blogrpanel ul li {font-size:16px; color:#36454f; margin-bottom:15px; line-height:1.6; background:none !important; padding:0 !important;}

.blogrpanel ul li a {display:block; background:#fff; padding:10px 15px; line-height:1.2; color:#0b4190 !important; font-size:14px; font-weight:700;}

.blogrpanel ul li a:hover {background:#ff8b0c; color:#fff !important;}

.blogrpanel ul li .active {background:#ff8b0c; color:#fff !important;}



.servs {background:#f5f5f5; padding:50px 30px 30px 30px; margin:50px 0 30px 0; -webkit-box-shadow:0 0 40px -5px rgba(0,0,0,0.20); -moz-box-shadow:0 0 40px -5px rgba(0,0,0,0.20); box-shadow:0 0 40px -5px rgba(0,0,0,0.20); position:relative;}

.servs:hover {background:#fff; -webkit-box-shadow:0 0 40px -5px rgba(0,0,0,0.60); -moz-box-shadow:0 0 40px -5px rgba(0,0,0,0.60); box-shadow:0 0 40px -5px rgba(0,0,0,0.60);}

.servs p {margin-bottom:0 !important; line-height:1.4 !important;}

.servs .heading {margin-bottom:10px !important; color:#0b4190 !important; font-size:20px !important; line-height:1.4 !important; font-weight:700 !important;}

.servs quote {position:absolute; left:50%; top:0; margin:-30px 0 0 -30px; width:60px; height:60px; background:#fb911c; line-height:60px; border-radius:50%; text-align:center; color:#fff; font-weight:800; font-size:18px;}



.sublinks {background:#fff; text-align:center; position:fixed; left:0; bottom:0; z-index:20; width:100%; padding:10px 0; -webkit-box-shadow:0 -10px 10px -5px rgb(0,0,0,0.2); -moz-box-shadow:0 -10px 10px -5px rgb(0,0,0,0.2); box-shadow:0 -10px 10px -5px rgb(0,0,0,0.2);}

.sublinks ul {margin:0;}

.sublinks ul li {padding:0 3px; margin:0; display:inline-block;}

.sublinks ul li a {display:inline-block; font-size:15px; font-weight:700; color:#0a4191; line-height:1.2; padding:12px 20px; border:2px solid #0a4191; border-radius: 30px; letter-spacing:0.2px;}

.sublinks ul li a:hover {color:#fff; background:#0a4191;}

.sublinks ul li a.active {color:#fff; background:#0a4191;}

.sublinksfx {display:block;}





.courses {margin:0 0 40px 0;}

.courses .nhead {color:#36454f; font-size:26px; font-weight:700; line-height:1.6; margin:0 0 10px 0;}

.courses .mhead {color:#0a4191; font-size:32px; font-weight:700; line-height:1.6; padding:10px 0 5px 0; margin:40px 0 35px 0; border-bottom:1px solid #0a4191;}

.courses .pic {background-position:center center; background-repeat:no-repeat; height:380px; background-size:contain; margin-bottom:30px; text-align:center;}

.courses .pic p {font-size:36px; color:#fff; font-weight:700; text-transform:uppercase; margin-bottom:20px; line-height:1.2;}

.courses .pic a{font-weight:400; color:#fff; background:#ff8b0c; font-size:15px; line-height:46px; display:inline-block; padding:0 40px; border-radius:150px;}

.courses .pic a:hover{color:#ff8b0c; background:#fff; -webkit-box-shadow:0 14px 10px -5px rgba(0,0,0,0.50); -moz-box-shadow:0 14px 10px -5px rgba(0,0,0,0.50); box-shadow:0 14px 10px -5px rgba(0,0,0,0.50);}

.bookmark {height:80px; display:block;}



.courseitem {margin:0 0 40px 0; text-align:center; transition:all .5s;}

.courseitem .head {color:#36454f; font-size:20px !important; font-weight:800 !important; line-height:1.6 !important; margin:0 !important; text-transform:uppercase;}

.courseitem:hover .head {color:#fb911c;}

.courseitem figure {position:relative; overflow:hidden; display:table;}

.courseitem figure img {width:100%;}

.courseitem:hover figure img {filter: sepia(50%); transform:scale(1.05);}

.courseitem figure .over {position:absolute; left:0; top:0; width:100%; height:100%; display:table-cell; vertical-align:middle; background:rgba(0,0,0,0.6); display:none;}

.courseitem figure .over a {display:block; color:#fff; font-size:18px; font-weight:700; padding:10px; letter-spacing:0.5px;}

.courseitem figure .over a:hover {color:#ff8b0c;}

.courseitem:hover .over {display:block;}



.userform {background:#f1f1f1; padding:80px 40px 40px 40px; position:relative; margin-top:50px;}

.userform .btn {width:80%;}

.userform .forgot {color:#36454f !important; font-size:16px !important; font-weight:700 !important; line-height:3.3 !important; text-decoration:underline;}

.userform .forgot:hover {color:#ff8b0c !important;}

.userform a {color:#36454f !important; text-decoration:underline;}

.userform a:hover {color:#ff8b0c !important;}

.userform .form-group {margin-bottom:10px;}

.userform quote {position:absolute; left:50%; top:0; margin:-50px 0 0 -50px; width:100px; height:100px; border-radius:100px; background:#fff; font-size:50px; color:#36454f; line-height:100px; text-align:center; -webkit-box-shadow:0 15px 50px 5px rgba(0,0,0,0.20); -moz-box-shadow:0 15px 50px 5px rgba(0,0,0,0.20); box-shadow:0 15px 50px 5px rgba(0,0,0,0.20);}



.keyfacts {float:right; width:300px; background:#f8f8f8; padding:30px; margin:5px 0 50px 50px; border-radius:30px; -webkit-box-shadow:0 2px 5px 0px rgba(0,0,0,0.20); -moz-box-shadow:0 2px 5px 0px rgba(0,0,0,0.20); box-shadow:0 2px 5px 0px rgba(0,0,0,0.20);}

.keyfacts .head {font-size:16px !important; color:#36454f; font-weight:800 !important; font-style:italic; margin-bottom:20px !important; line-height:1.3 !important; text-transform:uppercase; border-bottom:1px solid #333; padding-bottom:6px; letter-spacing:0.7px;}

.keyfacts p {font-size:14px !important; color:#36454f; font-weight:400 !important; margin-bottom:15px !important; line-height:1.5 !important;}



.topuni {background:#f1f1f1; padding:50px 0; position:relative;}

.topuni .container {padding:0; max-width:1140px;}

.topuni .container .heading {margin:0 0 30px 0; font-weight:700; color:#36454f; font-size:22px; line-height:1.5; text-align:center;}

.topuni .container .univ {background:#fff; text-align:center; -webkit-box-shadow:0 0 11px 0 rgba(0,0,0,0.09); -moz-box-shadow: 0 0 11px 0 rgba(0,0,0,0.09); box-shadow: 0 0 11px 0 rgba(0,0,0,0.09); min-height:130px; display:table; padding:0;}

.topuni .container .univ a {display:table-cell; font-size:15px; color:#0b97b5; font-weight:700; vertical-align:middle; padding:20px 40px;}

.topuni .container .univ a:hover {color:#fff; animation: mymove 3s infinite;}



.sublogos {margin-bottom:50px;}

.sublogos div {text-align:center; font-weight:700; font-size:15px; line-height:1.5;}

.sublogos figure img {background:#fff; border:2px solid #eee; padding:15px;}



.benefits {margin:0 auto 50px auto;}

.benefits div { text-align:center; padding:20px; display:table;}

.benefits div p {font-weight:900 !important; font-size:22px !important; color:#36454f !important; line-height:1.2 !important; display:block; margin-bottom:0 !important; background:#00daff; border-radius:20px; padding:20px 40px; font-family:'Montserrat'; text-transform:uppercase; background: rgb(0,218,255);

background: linear-gradient(90deg, rgba(0,218,255,1) 0%, rgba(14,205,237,1) 50%); vertical-align:middle; display:table-cell;}



.reach {margin:0 auto 50px auto;}

.reach div {text-align:center;}

.reach div p {font-weight:700 !important; font-size:16px !important; color:#36454f !important; line-height:1.5 !important; margin:20px 0 0 0 !important;}

.reach strong {font-size:50px; line-height:100px; border:2px solid #00daff; width:100px; height:100px; display:inline-block; text-align:center; border-radius:100px; color:#fb911c;}

.reach div::after {display:inline-block; content:"→"; position:absolute; right:-15px; top:15px; color:rgba(0,0,0,0.4); font-size:50px; font-weight:400; font-family:times;}

.reach div:last-child::after {display:none;}



.gmap {border:2px solid #00daff;}



.h3head {font-family:'Montserrat'; font-weight:900 !important; font-size:28px !important; color:#36454f;}







.wstudy {margin:0 0 50px 0; background:#0a4191; padding:60px 20px;}

.wstudy strong {font-weight:900; font-size:4vw; color:#fff; line-height:1.2 !important; display:block; margin-bottom:20px !important; font-family:'Montserrat'; text-transform:uppercase;}

.wstudy span {font-family:'Montserrat'; font-weight:700; font-size:17px; color:#fff; line-height:1.2 !important; display:block; margin-bottom:0 !important;}

.wstudy .btxt {font-family:'Montserrat'; font-weight:400; font-size:17px; color:#fff; line-height:1.5; padding-right:0; text-align:right;}

.wstudy .subheads {font-weight:900; font-size:30px; color:#fb911c; line-height:1.5; display:block; margin-bottom:60px; font-family:'Montserrat'; text-transform:uppercase; text-align:center;}



.wstudy div ul {padding:0 0 30px 30px !important; margin:0;}

.wstudy div ul li {float:left; width:33%; border-left:1px solid #eff5f8; background:none !important; padding:15px 0 25px 0 !important;}







@keyframes mymove {

  from {background-color: #ff8b0c;}

  to {background-color: #0b97b5;}

}



.cube {position:absolute; top: 80vh; left: 45vw; width: 10px; height: 10px; border: solid 1px #ff8b0c; transform-origin: top left; transform: scale(0) rotate(0deg) translate(-50%, -50%); animation: cube 12s ease-in forwards infinite; z-index:9;}

.cube:nth-child(2n) {border-color: #fff;}

.cube:nth-child(2) {animation-delay: 2s; left: 25vw; top: 40vh;}

.cube:nth-child(3) {animation-delay: 4s; left: 75vw; top: 50vh;}

.cube:nth-child(4) {animation-delay: 6s; left: 90vw; top: 10vh;}

.cube:nth-child(5) {animation-delay: 8s; left: 10vw; top: 85vh;}

.cube:nth-child(6) {animation-delay: 10s; left: 50vw; top: 10vh;}

@keyframes cube {

  from {

    transform: scale(0) rotate(0deg) translate(-50%, -50%);

    opacity: 1;

  }

  to {

    transform: scale(20) rotate(960deg) translate(-50%, -50%);

    opacity: 0;

  }

}







input, textarea, select, button {outline:none !important; box-shadow:none; border-radius:0 !important;}

.input {line-height:52px; padding:0 25px; width:100%; font-size:14px; font-weight:400; color:#434445;}

.button {line-height:52px; width:100%; font-size:14px; font-weight:400; color:#fff; background:#34b8c0; text-align:center;}

.button:hover {background:#0ba1aa;}



.login_button {background:#e54e35; transition:all .5s; font-size:16px; font-weight: 500 !important;}

.login_button:hover {background:#d8361b;}

.clinks {font-size:13px; font-weight:700; color:#e54e35 !important; border-bottom:1px solid #e54e35; padding-bottom:3px;}

.clinks:hover {color:#062147 !important; border-bottom:1px solid #062147;}

#tel-msg, #password-msg1, #password-msg {display:none;}



.smdiv1, .smdiv2, .smdiv3, .smdiv4, .smdiv5, .smdiv6, .smdiv7, .smdiv8, .smdiv9, .smdiv10 {display:none;}



.mobmenucont {position:fixed; top:0; left:-85%; width:85%; z-index:99999; height:100%; background:#fff; overflow-y:auto;}

.bgm {position:fixed; top:0; left:0; width:100%; min-height:100%; height:100%; background:rgba(0,0,0,0.8); z-index:9999; display:none; background-image:url(/assets/front/imges/close.png); background-repeat:no-repeat; background-position: 96% 15px;}

.mobilemenucontent {margin:0; padding:0;}

.closemmenu {cursor:pointer;}



.mobilemenu {width:56px; height:76px; background:#fff; text-align:center;}

.mobilemenu a {font-size:34px; color: #000; line-height:76px;}



.spic-r {float:right; width:300px; margin:4px 0 30px 50px;}

.spic-l {float:left; width:300px; margin:4px 50px 30px 0;}

.spic-r img, .spic-l img {border-radius:8px;}





.student-home span {width:100%; display: block; height:100%; position:relative;}

.student-home span strong {position:absolute; left:15px; bottom:15px; z-index:2; text-align:center; display:block; font-weight:700;

    font-size:16px; color:#36454f; font-style:italic; line-height:1.5; letter-spacing:0.8px; background:rgba(0,218,255,0.8); padding:10px 20px;}

.student-home span img {display:block; height:100%; width: 100%;}

.student-home .col-md-4 {-ms-flex: 0 0 36%; flex: 0 0 36%; max-width: 36%;}

.student-home .col-md-5 {-ms-flex: 0 0 44%; flex: 0 0 44%; max-width: 44%;}

.student-home .col-md-3 {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}

.student-home .stu-span {width: 50%; float: left; padding-top: 10px; padding-right: 5px; height: 50%; position: relative;}

.student-home .stu-span1 {height:50%; position:relative;}

.student-home .stu-span2 {width:50%; float:left; padding-top:10px; padding-left:5px; height:50%; position:relative;}

.student-home .stu-span3 {height:100%; width:100%;}

.stu-btn {position:absolute; right:5px; bottom:0;}

.pro {padding-right:5px;}

.pro1 {padding-right:5px; padding-left:5px;}

.pro2 {padding-left:5px;}

.pro3 {padding-top:10px;}





.intestimonials {margin-bottom:50px;}

.intestimonials .item {background:#f9f9f9; padding:20px 30px 20px 30px;}

.intestimonials .item::before {content:""; position: absolute; top:-5px; right:15px; width:111px; height:5px;  background:url('/assets/front/imges/cut.png') no-repeat 0 0;}

.intestimonials .item::after {content:""; position: absolute; bottom:-5px; left:15px; width:111px; height:5px;  background:url('/assets/front/imges/cut.png') no-repeat 0 -9px;}

.intestimonials .pics {padding:20px; position:relative;}

.intestimonials .pics figure {width:70px; float:left; margin-right:15px;}

.intestimonials .pics figure img {border-radius:100px;}

.intestimonials .pics .tname {float:left; font-size:14px; font-weight:700; color:#36454f; margin-top:10px;}

.intestimonials .pics .tname span {font-size:12px; color:#b2b2b2; display:block; margin-top:2px;}

.intestimonials .ttext {text-align:left; margin:0; padding:20px; position:relative;}

.intestimonials .ttext h4 {line-height:1.4; font-size:14px; color:#36454f; font-weight:700; margin-bottom:15px;}

.intestimonials .ttext p {line-height:1.5; font-size:13px; color:#36454f; margin-bottom:0; position:relative;}

.intestimonials .ttext::before {display:inline-block; content:"“"; position:absolute; left:-15px; top:0; color:rgba(0,0,0,0.4); font-size:50px; font-weight:400; font-family:times; }

.intestimonials .ttext::after {display:inline-block; content:"ˮ"; position:absolute; right:-10px; bottom:-30px; color:rgba(0,0,0,0.4); font-size:50px; font-weight:400; font-family:times;}





.dpop {position:fixed; left:50%; top:50%; width:360px; height:300px; z-index:99; padding:30px; margin:-165px 0 0 -195px; background:#f0f0f0; box-shadow:0 0 0 3000px rgba(05,0,0,0.9); display:none;}

.dpop table {width:100%;}

.dpop td {border-bottom:1px solid #ccc; font-size:14px; padding:8px 0;}



.css-bg {background: linear-gradient(180deg, #34b8c0, #17d1dd, #34b8c0);

    background-size: 600% 600%;

    -webkit-animation: AnimationName 5s ease infinite;

    -moz-animation: AnimationName 5s ease infinite;

    animation: AnimationName 5s ease infinite;}



@-webkit-keyframes AnimationName {

    0%{background-position:2% 0%}

    50%{background-position:99% 100%}

    100%{background-position:2% 0%}

}

@-moz-keyframes AnimationName {

    0%{background-position:2% 0%}

    50%{background-position:99% 100%}

    100%{background-position:2% 0%}

}

@keyframes AnimationName {

    0%{background-position:2% 0%}

    50%{background-position:99% 100%}

    100%{background-position:2% 0%}

}



/********  Custom CSS start here ********/

.overlay {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:999; display:none;}

.getintouchpop {background:#fff; position:fixed; top:50%; left:50%; width:380px; margin:-231px 0 0 -190px;z-index:999999; padding:30px 0 20px 0; display:none; border-radius:0;}

.getintouchpop .getcont {width:86%; margin:0 auto;}

.getintouchpop .getcont .h2 {font-size:26px; font-weight:700; color:#36454f; margin:0 0 5px 0; text-align:left;}

.getintouchpop .getcont p {margin-bottom:10px; font-size:14px; color:#36454f;}

.getintouchpop .getcont a{font-size:13px;font-weight:300; color:#36454f;display:inline-block;margin-top:15px;padding-bottom:2px;border-bottom:1px solid #edebeb;cursor:pointer;}

.getintouchpop .getcont a:hover{color:#000;}

.getintouchpop .getcont a i{font-size:21px;float:right;margin:-3px 0 0 7px;color:#444;}

.getintouchpop .getcont a:hover i{color:#000;}

.closebuts {position:fixed; right:0; top:0; z-index:999; color:#fff; cursor:pointer; text-shadow:none; width:50px; height:50px; text-align:center; font-size:20px; line-height:50px; display:none;}

.getintouchpop .getcont .input-field {outline:none; border:1px solid #eee; width:100%; font-size:14px; font-weight:normal; padding:12px 15px;}

.btn {line-height:1.3; font-size:16px; font-weight:700; color:#fff !important; background:#fb911c; border-radius:0; padding:20px 30px; width:100%;}

.btn:hover {background:#f16a07;}

.info {color:#cd0000; font-size:11px; line-height:1.2}



.form-group {margin-bottom:30px;}

.form-control {border:0 !important; color:#36454f !important; font-size:14px !important; height: calc(2em + .75rem + 16px) !important;}

select.form-control {

    -moz-appearance:none; /* Firefox */

    -webkit-appearance:none; /* Safari and Chrome */

    appearance:none;

}

select {background: transparent; background: url("/assets/front/imges/selectbg.png") no-repeat 94% 22px;}

select.form-control[multiple] {background-image:none !important;}

.input-field {outline:none; border:0 solid #eee; width:100%; font-size:14px; font-weight:normal; padding:16px 15px;}

label {font-size:14px; font-weight:700; color:#36454f; margin-bottom:1rem}

.calendaricon, .timeicon {position:absolute; top:0; right:15px; margin:0; font-size:18px; color:#36454f !important; padding:0; z-index:9;}

.input-group-append {display:none;}

.disc{display:contents;}

table{border-collapse:collapse;border-spacing:0;}

.txtright {text-align:right !important;}

.txtcenter {text-align:center !important;}

.lk:hover {color:#0077AF !important;}

.fbc:hover {color:#4267b2 !important;}

.twr:hover {color:#32ccfe !important;}

.ins:hover {color:#e11bda !important;}

.you:hover {color:#F70000 !important;}

.padt40 {padding-top:40px;}

.padr70 {padding-right:70px;}

.padl70 {padding-left:70px;}

.h3pad {padding-left:10vw; padding-right:10vw;}

.padtop {padding-top:50px;}



.table {color:#36454f; font-size:16px;}

.nobg {background-image:none !important}



.padbot30 {padding-bottom:30px;}

.marnewsLR5m {margin-right:-5px; margin-left:-5px;}



.padlr0 {padding-left:0; padding-right:0;}

.padlrntxt {padding-left:20px; padding-right:32px;}

.padartbox {padding-left:0; padding-right:30px;}

.padblogbox {padding-left:30px; padding-right:0;}



.padlr40 {padding-left:40px; padding-right:40px;}

.mar0 {margin:0 !important;}

.padbot20 {padding-bottom:20px;}



.marR120 {margin-right:120px;}

.w38 {width:38%;}

.padL70{padding-left:70px !important;}

.padL0{padding-left:0;}

.padR10 {padding-right:10px;}

.marbot10 {margin-bottom:10px;}

.marbot20 {margin-bottom:20px;}

.padBser{padding-bottom:120px;}



.marR0 {margin-right:0 !important;}

.marbot0 {margin-bottom:0 !important;}

.noborbot {border-bottom:0 !important}

.noborrgt {border-right:0 !important}

.marTp5 {margin-top:5px;}



.pad0 {padding:0;}

.padR0 {padding-right:0;}

.padT80 {padding-top:80px;}

.padT25 {padding-top:25px;}

.padL50{padding-left:50px;}

.bsmarbot0 {margin-bottom:5px;}

.rowmar0 {margin:0;}



::-webkit-input-placeholder {color:#ccc !important}

:-ms-input-placeholder {color:#ccc !important}

::placeholder {color:#ccc !important}



.clearfix {clear:both; display:block;}



.fotbor{border-top:1px solid rgba(255,255,255,0.2); padding-top:40px; margin-top:30px !important;}



/********  Responsive CSS start here ********/



@media (max-width: 1366px){

	

}



@media (max-width:1200px){

	.common {padding:40px 40px 70px 40px}



	header {width:98%; margin:0 auto;}

	header .b-bar nav {margin:0 0 0 0; width: 100%; left:0;}

	header .b-bar nav ul li a {padding:0 3rem;}	

	footer .container {max-width:100%; padding: 0 40px;}

	.homebanner .Bcontainer {margin-left:14px; left:0;}

}



@media (max-width:1024px){

		.clientsec .container {max-width:100%; padding:0 30px;}

		.profilesec .container {max-width:100%; padding:0 30px;}

		.profilesec .row {margin:0;}

		.h3pad {padding-left:1vw; padding-right:1vw;}

		.profilesec .owl-carousel .owl-item img {height: auto;}

		.aboutsec .row {margin-left:0; margin-right:0;}

		.testimonialsec .row {margin-left:0; margin-right:0;}

		.innerbanner .row {margin:0;}

		.servicessec .row {margin-left:0; margin-right:0;}

		.worksec .container {padding:0 36px !important;}

		.common .container {padding:0 !important; max-width:100%;}

}



@media (max-width:1023px){

	

		.smalllinks, .ss_buttons {display:none;}

		.container {max-width:100% !important; padding:0 30px !important;}

		header {left:0; top:0; width:100%; height:76px; z-index:998; box-shadow:0 0 5px 0 rgba(0,0,0,0.4); -moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.4); -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.4);}

		header .b-bar .socials, header .b-bar .pnumbers {display:none;}

		header .b-bar nav, .buttons, header .t-bar {display:none;}

		header .b-bar .logo {margin-top:0; padding:10px 0; margin:0 0 0 20px; left:0;}

		header .b-bar .logo img {height:56px;}

		header .b-bar {height:76px;}

		header .b-bar .mobilemenu {display:block;}		

		.innerbanner {margin:0; height:220px;}

		.innerbanner .container .phead {font-size:32px; font-weight:500;}

		.innerbanner .container .phead::after {height:8px; bottom:-24px;}

		.common .container p {line-height:1.6;}

		

	

		.nd {display:none;}

		

		.homebanner {margin:0; height:auto !important; background:#000;}

		.homebanner .caption {max-width:100%; background:#000; padding:20px 40px 25px 40px; border:0; text-align:center;}

		.homebanner .caption p.head {font-size:20px; line-height:22px; margin-bottom:10px;}

		.homebanner .caption p.blurb {font-size:12px; font-weight:400;}

		.homebanner .caption a {line-height:36px; padding: 0 20px;}

		.owl-carousel .owl-item img {object-fit:cover; height:240px;}

		.homebanner .owl-dots {margin:-20px auto 0 auto; text-align: center !important; padding-left: 0; position:absolute; top:50%; width:100%; display:none;}

		.homebanner .Bcontainer {margin:0; position:relative; max-width:100%; bottom:0;}

		

		.aboutsec {padding:40px 0 0 0;}

		.aboutsec .purp {padding:50px 3.8rem; margin-top: 34px !important;}

		.aboutsec .purp p {font-size:18px; margin-bottom:0; position:relative;}

		.aboutsec .purp p::before {margin:-5px 0 0 0;}

		.aboutsec .purp p::after {bottom: 0;}

		

		h2 {font-size:26px;}

		h3 {font-size:14px;}

		

		footer {padding-bottom:10px;}

		.padT80 {padding-top:40px;}

		.services .container .servcont .title {width:250px; margin-left:-125px;}

		.br {display:none;}

		.worksec .container .workcont {display:none;}

		.worksec .container .stepscontainer {display:block !important; height:auto !important; position:relative; padding:30px 0; margin-top:30px;}

		.worksec .container h3 {padding: 0 1rem; margin-bottom:0;}

		.worksec .container .stepscontainer div p {padding: 0 2rem; line-height:1.6;}

		.worksec .container .stepscontainer div p.heading {font-weight:500;}



		.servicessec .container .servcont {width:100% !important;}

		.mission {padding:2rem;}

		

}



@media (max-width:942px){

		 .col100 {-ms-flex:0 0 100%; flex: 0 0 100%; max-width: 100%;}

		 .servs {padding:1.5rem; margin-bottom:40px;}

		 .da-thumbs li {width:25%; margin:-4px 0 0 0 !important;}

	

}

@media (max-width:767px){

	

		.common .container h3 {font-weight:500; font-size:26px;}

		.common .container h4 {font-size:20px;}

		footer h4 {font-weight:700;}

		footer p.intext {display:none;}

		footer .col-4 {-ms-flex: 0 0 100%; flex:100%; max-width:100%; text-align:center; padding-bottom:20px;}

		.padl70 {padding-left:0;}

		footer .copy {-ms-flex: 0 0 100%; flex:100%; max-width:100%; text-align:center !important; padding-bottom:10px}

		.fotbor {padding-top:20px; margin-top:-20px !important;}

		.enqbut {right:-110px; top:360px; margin:76px 0 0 0; width:140px; height:30px;}

		.enqbut a {font-size:13px; line-height:30px;}

		.getintouchpop {padding:6vw; margin-top:20px;}

		.common .container p.quote {font-size:20px;}

		.scont {padding:1.5rem; -ms-flex:0 0 100%; flex: 0 0 100%; max-width: 100%;}

		.nopadbot {padding-bottom:0;}

		.mar40bot {margin-bottom:40px;}

		.rowmar0 {margin-right: -15px; margin-left: -15px;}

		.testimonialsec .container .testimonials {padding: 0 1rem;}

		.testimonialsec .container .testimonials p.txt {line-height:1.4; font-size:15px; padding:0 16px;}

		.testimonialsec .container .testimonials p.txt::before {top: -12px; left: -15px; width: 26px; background-size: 100%;}

		.testimonialsec .container .testimonials p.txt::after {bottom: -14px; right: -15px; margin-top: 0; width: 26px; background-size: 100%;}

		.testimonialsec .container .testimonials p.tname, .testimonialsec .container .testimonials p.tname span {font-size:13px;}

		.testimonialsec .row {margin:0;}

		

		

		.aboutsec .h-intro p {line-height:20px;}

		.aboutsec .h-intro {max-width:100%; margin:0 auto; padding:0 40px 0 40px;}

		.aboutsec .container {max-width:100%; padding:0 !important;}

		

		.common .container h2 {font-weight:500; font-size:24px; text-shadow:none;}

		

		.marTp5 {width:40px;}

		.da-thumbs li {width:50%;}

		

		.clientsec .container .tableclient {margin-top: 10px;}

		.clientsec .container .tableclient table tr {border:0;}

		.clientsec .container .tableclient table tr td {border:0;}

		.clientsec .container .tableclient table tr td img {border-top:1px solid #bebebe; border-left:0 solid #bebebe; border-right:1px solid #bebebe; border-bottom:0 solid #bebebe;}

		.clientsec .container .tableclient table tr td:nth-child(7) {border-right: none; display: none;}

		.clientsec .container .tableclient table tr td:nth-child(6) {border-right: none;}

		.clientsec .container .tableclient table tr td{width:33.33%; float:left;}

		.bortop0 {border-top:0 !important;}

		.borright0 {border-right:0 !important;}

		.profilesec .container .profilecont .items p {font-size:16px;}

		.servicessec .container .servcont .itms p {font-size:13px; font-weight:700; line-height:1.3;}

		

}



@media (max-width:660px){



		.login_validator .col-sm-5, .login_validator .col-sm-7 {text-align: center!important; padding-top:10px !important;}

		.common .container p {font-size:14px;}

		

		

}



@media (max-width:380px){

	

}



@media (max-width:345px){

	

		

}