@charset "utf-8";
* {
margin: 0;
padding: 0;
}
a {
transition: all 0.25s ease-out 0s;
}
body {
width: 100%;
color: #000;
font-family: 'Raleway', sans-serif !important;
}
/*@font-face {
font-family: 'ProductSans-Regular';
src:url('fonts/ProductSans-Regular.eot');
src: url('fonts/ProductSans-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/ProductSans-Regular.woff') format('woff'), url('fonts/ProductSans-Regular.ttf') format('truetype'), url('fonts/ProductSans-Regular.svg#ProductSans-Regular') format('svg');
font-weight: 300;
font-style: normal;
}*/
.mg {
    margin: 0 !important;
}
.margin-top{margin-top:30px;}
ul, li {
list-style: none;
padding: 0;
margin: 0;
}
.ytp-housebrand-large-play-button-svg {
fill: #fff;
}
.title-mid {
font-size: 45px;
text-align: center;
color: #000;
margin: 0 0 16px;
font-weight: 600;
}
hr {
border-color: #d2d2d2 !important;
float: left;
margin: 0 !important;
width: 100%;
}
p {
font-size: 14px;
}
.fa {
color: #828282;
font-size: 35px !important;
}

.fa.fa-envelope {
font-size: 30px !important;
}
.fa.fa-mobile {
font-size: 39px !important;
}
.fa.fa-arrows {
font-size: 29px !important;
}
.icon-getmore {
float: left;
height: 45px;
width: 100%;
}
.iocn-clr {
color: #ffffff;
margin: -5px 11px 0 -10px;
}
.reporting-line {
float: left;
padding: 0 0 18px;
text-align: center;
width: 100%;
}
.iocn-clr2 {
color: #ffffff;
font-size: 30px !important;
}

.fa.fa-sign-in.iocn-clr3 {
color: #ffffff;
font-size: 31px !important;
margin: 0 10px 0 0;
}
.anout-home-logo {
margin: auto;
display: table;
}
.about-panel > p {
text-align: center;
}
#wraper {
width: 100%;
float: left;
}
.btn.clean.btn-from-top.pd-btn {
padding: 7px 0;
margin: 0 0 0 20px;
}
.flex-slide-sps {
margin: 60px 0;
}
.excerpt {
font-size: 18px;
}
.panel-group.panel-sps {
margin: 60px 0 20px !important;
}
.excerpt .blockquote-left {
display: table;
padding: 7px 0;
}
.blockquote-right {
display: table;
float: right;
margin: 22px 0 0;
}
.btn {
border-radius: 6px !important;
}
nav.navbar-fixed-top {
margin: 0;
padding: 10px 0;
position: relative;
background: #000;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
nav.navbar-slide {
top: 0;
}
nav.navbar-slide.show-menu {
top: 0;
}
.navbar .nav {
list-style: none;
margin: 0 auto;
z-index: 5;
float: right;
}
.navbar .nav li {
float: left;
padding: 0;
margin: 0 -3px;
background: url(../images/bullet.png) no-repeat left center;
}
.navbar .nav li:first-child {
background: none;
}
.navbar .nav li a {
background: inherit;
color: #ffffff;
display: block;
font-size: 16px;
font-weight: 400;
line-height: 20px;
outline: medium none;
padding: 12px 28px;
text-decoration: none;
text-transform: lowercase;
}
.navbar .nav li:last-child a {
}
.navbar .nav li a:hover, .navbar .nav li.active a {
background:none;
color: #FA51A1;
}

.nav > li > a:focus, .nav > li > a:hover {
background: none !important;
}
.navbar-brand {
margin: 36px 0 0 15px;
padding: 0;
}
.navbar-toggle {
float: right;
height: 60px;
margin: 0;
padding: 0 20px;
}
.navbar-toggle .icon-bar {
background: #FA51A1;
height: 1px;
}
.navbar-toggle.collapsed .icon-bar {
background: #ccc;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 7px;
}
.navbar-fixed-top {
border-width: 0;
}
.menu {
float: left;
width: 100%;
}
.navbar-brand.goto {
margin: 0;
}
.dropdown-menu {
background-color: #000000 !important;
}
.navbar .dropdown-menu li {
background: none;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
background: none !important;
}
.sub-menu1 {
position: absolute;
bottom: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 250px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #000;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.li-option .sub-menu1 li {
background: url(../images/bullet.png) no-repeat !important;
color: #FA51A1;
position: relative;
float:left;
}


@media (max-width: 992px) {
.navbar-collapse {
width: 100%;
padding: 0;
}
.navbar .nav {
float: none;
text-align: left;
margin: 0px;
width: 100%;
}
.navbar .nav li {
float: none;
background: none;
}
.navbar .nav li a {
border-bottom: 1px solid #967652;
padding: 9px;
}
.navbar .nav li a:hover, .navbar .nav li.active a {
border-bottom: 1px solid #FA51A1;
}
.container {
width: auto !important;
}
}
.header-fixed{
height:71px;
}
.header-panel {
background-clip: border-box;
background-color: rgba(0, 0, 0, 0);
background-image: url(../images/h-banner41.jpg);
background-origin: padding-box;
background-position: center top;
background-repeat: repeat;
background-size: 100% auto;
display: block;
width: 100%;
background-size: cover;
}
.home-top {
float: left;
margin: 67px 0 0;
width: 100%;
}
.logo-media {
float: left;
}
.home-top h1 {
color: #ffffff;
float: left;
font-size: 37px;
font-weight: 500;
width: 100%;
}
.available-store {
color: #ffffff;
float: left;
font-size: 24px;
margin: 20px 0 16px;
text-align: left;
}
.transition {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
behavior: url(PIE/PIE.htc);
}
.btn, .reply a {
border: none;
color: #ffffff;
text-decoration: none;
background: #FA51A1;
white-space: pre-line !important;
background: -moz-linear-gradient(top, #2eaede 0%, #21b9d2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2eaede), color-stop(100%, #21b9d2));
background: -webkit-linear-gradient(top, #2eaede 0%, #21b9d2 100%);
background: -o-linear-gradient(top, #2eaede 0%, #21b9d2 100%);
background: -ms-linear-gradient(top, #2eaede 0%, #21b9d2 100%);
background: linear-gradient(to bottom, #2eaede 0%, #21b9d2 100%);
cursor: pointer;
padding: 0;
display: inline-block;
text-transform: none;
border-radius: 5px;
outline: none;
box-shadow: none;
text-shadow: none;
position: relative;
letter-spacing: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
font-size: 34px;
behavior: url(PIE/PIE.htc);
}
.ie8 .btn, .ie8 .reply a {
background: #FA51A1;
}
.btn-androad {
float: right;
font-size: 21px;
font-weight: 600;
margin: 0;
}
.btn > span, .reply a > span {
color: #ffffff;
display: inline-block;
font-size: 16px;
padding: 2px 16px;
position: relative;
vertical-align: middle;
z-index: 100;
}
.btn:hover, .reply a:hover, .btn:active, .reply a:active {
color: #ffffff;
background: #FA51A1;
background: -moz-linear-gradient(top, #62a7e5 0%, #62a7e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62a7e5), color-stop(100%, #62a7e5));
background: -webkit-linear-gradient(top, #262a7e5 0%, #62a7e5 100%);
background: -o-linear-gradient(top, #62a7e5 0%, #62a7e5 100%);
background: -ms-linear-gradient(top, #62a7e5 0%, #62a7e5 100%);
background: linear-gradient(to bottom, #62a7e5 0%, #62a7e5 100%);
border-color: #ffffff;
box-shadow: none;
behavior: url(PIE/PIE.htc);
}
.btn-from-top:before {
content: '';
width: 100%;
height: 0;
top: 0;
left: 0;
z-index: 10;
position: absolute;
background: #FA51A1;
border-radius: 5px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.btn.btn-from-top.watch {
border: 1px solid #ffffff;
margin: 8px 0 0;
}
.btn-from-top:hover {
color: #ffffff;
}
.btn-from-top:hover:before {
height: 100%;
background: #5a9bd3;
}
.btn span .icon-cloud {
width: 32px;
height: 24px;
background: url(../images/cloud.png) repeat !important;
display: inline-block;
vertical-align: middle;
margin-right: 15px;
transition: all 0.3s ease 0s;
behavior: url(PIE/PIE.htc);
}
/*.btn.btn-default.btn-from-top.andor-sps {
margin: 0 0 20px;
}*/
.btn span .icon-cloud:before {
display: none;
}
.btn:hover span .icon-cloud, .btn:focus span .icon-cloud {
background-position: 0 -24px;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
behavior: url(PIE/PIE.htc);
}
.btn.clean {
background: none;
color: #000;
border: solid 1px #FA51A1 /*fff*/;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
behavior: url(PIE/PIE.htc);
}
.btn-default {
background-color: #FA51A1 !important;
}
.home-top-btn {
float: left;
width: 100%;
}
.form-work1 {
margin: 0 0 30px;
float: left;
width: 100%;
}
.iphone-phone {
float: none;
margin: 0 0 35px;
text-align: center;
}
.content_box {
width: 100%;
float: left;
}
.content_box p {
text-align: center;
}
.showcase-wrap {
float: left;
margin: 0 0 0;
position: relative;
width: 100%;
}
.showcase-wrap .image-wrap {
background: url(../images/iphone-blank.png) no-repeat scroll 50% 50%;
height: 600px;
left: 50%;
margin-left: -160px;
position: absolute;
top: 0;
width: 320px;
z-index: 100;
}
.image-wrap.image-wrap-mobile{
background: url(../images/fms-screen.png) no-repeat scroll 50% 50%;
width: 425px;
	}
.showcase-wrap .image-wrap .thumbnail {
left: 49px;
position: absolute;
top: 100px;
transition: all 0.3s ease 0s;
z-index: 10;
padding: 0 !important;
}
.featured-thumbnail, .thumbnail, figure.frame {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
border-radius: 0;
box-shadow: none;
box-sizing: border-box;
overflow: hidden;
padding: 0;
}
.thumbnail {
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
display: block;
line-height: 1.42857;
margin-bottom: 20px;
padding: 4px;
}
.posts-grid {
list-style: none;
margin: 0 0 0 -1%;
}
.posts-grid.showcase li.list-item-1 {
text-align: right;
}
.posts-grid.showcase li {
margin: 0;
width: 50%;
}
.posts-grid li {
float: left;
}
[class*="span"] {
position: relative;
}
.posts-grid.showcase li .thumbnail {
display: none;
}
.posts-grid li .featured-thumbnail {
margin: 0;
}
.thumbnail {
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
line-height: 1.42857;
padding: 4px;
transition: border 0.2s ease-in-out 0s;
}
.featured-thumbnail {
float: left;
margin: 5px 20px 10px 0;
}
.thumbnail {
display: block;
line-height: 28px;
}
.featured-thumbnail a {
display: block;
position: relative;
}
.featured-thumbnail img, .thumbnail img, figure.frame img {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
border-radius: 0;
box-sizing: border-box;
display: inline-block;
padding: 0;
cursor: text;
}
.desc .excerpt {
color: #787878;
font-size: 14px;
margin: 0;
}
.desc {
margin: 0 0 0 auto;
width: 270px;
}
.desc h5 {
font-size: 18px;
font-weight: 600;
margin: 0 0 15px;
text-transform: uppercase;
color: #FA51A1;
}
.desc .excerpt {
color: #787878;
font-size: 14px;
font-weight: 500;
margin: 0;
}
.service-box {
border: medium none;
border-radius: 0;
box-shadow: none;
padding: 0;
text-align: center;
}
.benefits-panel .icon {
float: none;
margin: 0 auto 20px;
}
.service-box h4 {
color: #000;
text-align: center;
font-weight: bold;
}
.content_box-blue {
background: #f870b0;
background-size: cover;
width: 100%;
float: left;
margin: 0 0 75px;
padding: 0;
}
.get-more-panel {
float: left;
margin: 0 0 98px;
width: 100%;
}
.content_box-blue h3 {
color: #fff;
text-align: center;
margin: 128px 0 0;
font-weight: bold;
font-size: 28px;
}
.service-box.demo-title .btn-align .btn::before {
background: #ffffff;
}
.btn-from-top:hover:before {
height: 100%;
background: #FA51A1;
color: #000;
}
.btn:hover > span:after, .reply a:hover > span:after, .btn:active > span:after, .reply a:active > span:after {
color: #ffffff;
margin-left: 15px;
}
.title-box_icon {
display: table;
float: none;
margin: 0 auto 20px;
}
.data-security-panel {
width: 100%;
margin: 0 0 42px;
float: left;
}
.security-icon {
text-align: left;
}
.gps-icon-arrow-right-hover {
animation-duration: 7s;
animation-iteration-count: infinite;
animation-name: arrowshake;
animation-timing-function: linear;
transform-origin: 50% 50% 0;
}
.security-right-panel {
margin: 41% 0 0;
}
.data-heading {
float: left;
font-size: 45px;
font-weight: 600;
margin: 0 0 16px;
color: #000;
width: 100%;
}
.security-right-panel p {
text-align: left;
}
.security-inner-panel {
float: left;
margin: 25px 0;
width: 100%;
}
.benefits-panel {
float: left;
margin: 42px 0 115px;
width: 100%;
}
.benefits-panel.benefits-panel-two{ margin:42px 0 0;}
.benefits-text {
text-align: center;
}
.title-box_secondary {
color: #000000;
font-size: 45px;
letter-spacing: 0;
margin: 0 0 15px;
font-weight: 600;
text-align: center;
text-transform: none;
}
.btn.download-for-link span {
padding: 15px 22px 15px 8px;
}
.get-now {
width: 100%;
float: left;
margin: 26px 0 0;
}
.get-now p {
text-align: left;
content_box without-paddings;
}
.get-now h3 {
font-weight: bold;
margin: 16px 0 20px;
}
.get-now h1 {
margin: 12px 0 16px;
}
.sunscrib-news {
float: left;
margin: 70px 0;
width: 100%;
}
.newsletter-subscription form input[type="email"] {
height: 58px;
margin: 0;
width: 387px;
}
input.newsletter-email {
background: #ffffff;
border: medium solid;
border-radius: 5px;
border: solid 3px #d6d6d6;
box-shadow: none;
color: #000;
font-size: 17px;
line-height: 1.2em;
padding: 15px 20px;
position: relative;
text-decoration: none;
text-transform: none;
transition: all 0.3s ease 0s;
}
.newsletter-subscription form .input-btn {
background: #d6d6d6;
padding: 2px 12px !important;
margin: 0 0 0 6px;
}
.newsletter-subscription table tr {
display: inline-block;
}
.input-btn.btn.btn-from-top.btn-pd {
padding: 0;
}
.input-btn input {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
color: #ffffff;
display: block;
font-size: 22px;
font-weight: 600;
height: auto !important;
margin: 0;
padding: 8px 25px !important;
position: relative;
text-transform: inherit;
transition: all 0.3s ease 0s;
z-index: 100;
}
.newsletter-subscription {
display: table;
margin: 26px auto 25px;
}
.title-box_primary {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
margin: 0;
padding: 0;
}
.posts-grid.showcase {
box-sizing: border-box;
padding: 15px 100px 0;
margin: 10px 0 0;
}
.posts-grid.showcase.showcase-m-two  {
padding: 15px 46px 0;
}
.exam-result-icon {margin: 0 !important;}
.posts-grid.showcase li.list-item-1 .desc {
margin: 0;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.list-item-work {
display: block;
float: left;
width: 770px;
height:134px;
}
.posts-grid::before, .posts-grid::after {
content: "";
display: table;
line-height: 0;
}
.posts-grid::after {
clear: both;
}
#footer {
text-align: center;
background: #1B1B1B;
position: relative;
padding: 25px 0 0;
width: 100%;
z-index: 1;
clear: both;
}
.footer {
width: 100%;
float: left;
}
.typography-article {
float: left;
width: 100%;
}
.typography-article h4 {
font-size: 20px;
line-height: 20px;
text-transform: capitalize;
margin-bottom: 11px;
text-align: left;
color: #FFF;
}
.typography-article ul li {
padding-top: 4px;
padding-bottom: 4px;
font-size: 15px;
line-height: 22px;
color: #777;
text-align: left;
border-bottom: solid 1px #373636;
}
.typography-article ul li a {
color: #777;
}
.follow {
float: left;
}
.follow h5 {
color: #777;
text-align: left;
margin: 10px 0 0;
}
.media-icon {
margin-top: 15px;
position: relative;
display: inline-block;
padding-left: 0px;
vertical-align: middle;
}
.media-icon a {
margin: 0px 5px;
width: 33px;
height: 40px;
position: relative;
float: left;
}
.media-icon a img {
width: 40px;
position: relative;
float: left;
}
.media-icon a:hover {
opacity: 0.8;
}
.search-form {
position: relative;
}
.search-form h5 {
color: #777;
text-align: left;
margin: 10px 0 0;
font-size: 14px;
}
.search-form input.texbox {
padding: 0px 43px 0px 20px;
width: 100%;
background: #F8F8F8;
font-size: 14px;
line-height: 43px;
border: none;
margin: 18px 0;
}
a.send {
background-color: #f147be;
font-size: 18px;
color: #fff;
float: left;
padding: 6px 23px;
}
a.send:hover {
color: #fff;
text-decoration: none;
}
.footer-bottom {
width: 100%;
float: left;
}
.footer-bottom p {
font-size: 14px;
color: #B4B4B4;
margin: 20px 0;
}
.footer-bottom p a {
color: #B4B4B4;
text-decoration: underline;
}
.footer-bottom p a:hover {
text-decoration: underline !important;
}
.typography-article {
float: left;
width: 100%;
}
.typography-article h4 {
font-size: 20px;
line-height: 20px;
text-transform: capitalize;
margin-bottom: 11px;
text-align: left;
color: #FFF;
}
.typography-article ul {
padding: 0;
}
.typography-article ul li {
padding-top: 4px;
padding-bottom: 4px;
font-size: 15px;
line-height: 22px;
color: #777;
list-style: none;
text-align: left;
border-bottom: solid 1px #373636;
}
.typography-article ul li a {
color: #777;
}
.follow {
float: left;
}
.follow h5 {
color: #777;
text-align: left;
font-size: 14px;
margin: 10px 0 0;
}
.media-icon {
margin-top: 15px;
position: relative;
display: inline-block;
padding-left: 0px;
vertical-align: middle;
}
.media-icon a {
margin: 0px 5px;
width: 33px;
height: 40px;
position: relative;
float: left;
}
.media-icon a:first-child{margin:0 5px 0 0;}
.pm-button{ text-align:left; margin:21px 0 0; float:left;width: 100%;}
#siteseal > img {background:#ffffff;padding: 2px;
padding: 2px;
border-radius:2px;
}
img 
.media-icon a img {
width: 40px;
position: relative;
float: left;
}
.search-form {
position: relative;
}
.search-form h5 {
color: #777;
text-align: left;
margin: 10px 0 0;
}
.search-form input.texbox {
padding: 0px 43px 0px 20px;
width: 100%;
background: #F8F8F8;
font-size: 14px;
line-height: 43px;
border: none;
margin: 18px 0;
}
a.send {
background-color: #eb42dd;
font-size: 18px;
color: #fff;
float: left;
border-radius: 3px;
padding: 6px 23px;
}
.send.send-ofc {
margin: 25px 0 0;
}
a.send:hover {
color: #fff;
text-decoration: none;
}
.features-panel {
float: left;
width: 100%;
margin:60px 0 0;
}
.features-panel-inner {
width: 100%;
float: left;
margin: 0 0 60px;
}
#blog-panel {
width: 100%;
float: left;
margin: 86px 0 0;
}
#blog-panel .blog-left {
width: 100%;
float: left;
}
#blog-panel .blog-right {
width: 100%;
float: left;
}
#blog-panel .blog-panel-left {
width: 100%;
float: left;
position: relative;
}
.blog-panel-left h1 {
color: #000;
}
.blog-panel-left h4 {
color: #000;
font-weight: bold;
}
.portfolio-item {
border-bottom: 1px solid #d2d2d2;
float: left;
margin-bottom: 25px;
padding-bottom: 20px;
}
.portfolio-item.last-child-work {
border-bottom: medium none;
margin-bottom: 0;
padding-bottom: 0;
}
.social-share-blog {
display: inline-block;
margin-top: 15px;
padding-left: 0;
position: relative;
vertical-align: middle;
}
.social-share-blog a {
float: left;
height: 40px;
margin: 0 5px;
position: relative;
width: 33px;
}
a.blog-read-more {
color: #5095cc;
font-size: 15px;
margin: 0 0 0;
text-decoration: none;
}
a.accordion-toggle.blog-read-more {
color: #5095cc;
font-size: 15px;
margin: 21px 0 0;
text-decoration: none;
}
a.linking-news {
color: #FA51A1;
font-size: 24px;
margin: 21px 0 0;
text-decoration: none;
}
/*.blog-date-type {
background: url(../images/blog-in.png) repeat;
color: #ffffff;
font-size: 15px;
font-weight: 600;
line-height: 21px;
margin: 24px 0 0;
padding: 4px 47px;
position: absolute;
text-align: center;
white-space: pre-line;
z-index: 1;
left: 15px;
}*/
.blog-date-type {
background: #FA51A1;
color: #ffffff;
font-size: 15px;
font-weight: 600;
left: 15px;
line-height: 21px;
margin: 24px 0 0;
padding: 4px 47px;
text-align: center;
white-space: pre-line;
z-index: 1;
}
.sidebar-head {
color: #fe4444;
font-size: 18px;
font-weight: 400;
margin: 0 0 30px;
padding: 15px;
text-align: center;
}
.sidebar-head.sidebar-bdr {
border: 1px solid #cccccc;
float: left;
width: 100%;
}
.sidebar-head h4 {
color: #FA51A1;
text-align: center;
}
.sidebar-head input.texboxsearch {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #cccccc;
color: #000000;
font-size: 15px;
margin: auto;
padding: 10px;
width: 100%;
}
.newsletter-btn {
text-align: left;
}
.btn-default2.btn-subbtn {
border: medium none;
color: #ffffff;
float: none;
margin: 8px auto 15px;
display: table;
padding: 5px 8px;
position: relative;
top: 6px;
background: #FA51A1;
}
.btn-default {
padding: 6px 12px;
display: inline-block;
background: #FA51A1;
border: none;
font-weight: 500;
color: #fff !important;
border-color: #CCC;
margin: 0 0 0;
}
.right-circle {
color: #ffffff;
font-size: 25px !important;
position: relative;
top: 1px;
}
.date-time {
color: #777777;
font-size: 17px !important;
margin: 0;
position: relative;
top: 4px;
}
.categery {
width: 100%;
}
.categery ul {
list-style: none;
padding: 0;
margin: 0;
}
.categery ul li {
width: 100%;
float: left;
}
.categery ul li a {
color: #777777;
font-size: 13px;
font-style: normal;
font-weight: normal;
text-decoration: none;
transition: all 0.25s linear 0s;
}
.categery ul li h5 {
float: left;
color: #6f6f6f;
margin: 20px 0 0;
}
.categery .many-categery {
background: #FA51A1;
color: #ffffff;
float: right;
font-size: 15px;
font-weight: 600;
line-height: 1;
margin: 7px 0 5px;
padding: 8px 10px;
}
.sidebar-text {
padding: 20px 0;
margin: 0px;
}
.sidebar-post ul li {
}
.sidebar-post ul {
list-style-type: none;
}
.sidebar-post li {
margin-bottom: 20px;
list-style: none;
padding-bottom: 20px;
border-bottom: 1px solid #EFEFEF;
}
.image-thumb {
width: 100px;
float: left;
}
.post-text {
overflow: hidden;
padding: 0px 0px 0px 20px;
}
.post-text h4 {
margin: 0px 0px 8px;
font-weight: 400;
text-align: left;
font-size: 18px;
color: #777 !important;
}
.post-date {
background: #EFEFEF;
font-size: 11px;
font-style: italic;
margin: 0px 4px 0px 0px;
display: inline-block;
padding: 5px 8px;
color: #777;
}
.sidebar-head.sidebar-bdr-blog {
border: 1px solid #cccccc;
float: left;
height: 350px;
overflow-y: scroll;
width: 100%;
}
.date-time-panel {
float: right;
}
.loginclr {
color: #FA51A1 !important;
}
.blog {
float: left;
margin: 88px 0 20px;
width: 100%;
}
.technology {
background: #ffffff;
border: 1px solid #cccccc;
float: none;
margin: auto;
padding: 10px;
width: 100%;
}
.item-technology {
overflow: hidden;
position: relative;
}
.item-thumbs {
overflow: hidden;
position: relative;
}
.meta {
display: inline-block;
float: left;
padding-bottom: 15px;
text-align: center;
width: 100%;
}
.meta span {
border-bottom: 1px solid #FA51A1;
display: inline-block;
margin: 0 7px 0 0;
padding: 8px 4px;
}
.comments-icon {
padding: 0 0 1px;
}
.blog-title {
color: #313131;
font-size: 20px;
font-weight: 300;
margin: 8px 0;
text-align: center;
text-decoration: none;
}
.blog-title a {
color: #313131;
}
.admin-text {
font-size: 14px;
text-align: center;
}
blockquote.blockquote-3 {
color: #323232;
font-family: "Ubuntu", sans-serif;
font-size: 18px;
font-style: italic;
font-weight: 300;
line-height: inherit;
}
.blockquote-3 {
margin: 0;
border-left: none !important;
padding: 0 !important;
}
blockquote p {
color: #000000;
font-size: 18px;
font-style: italic;
font-weight: 300;
padding: 11px 0 10px;
}
#technology-blog {
padding: 0;
}
#technology-blog h4 {
color: #000000;
}
#technology-blog p {
color: #5d5d5d;
font-size: 14px;
line-height: 22px;
text-align: justify;
}
#technology-blog img {
display: table;
margin: auto;
}
.blog-btn-work {
clear: both;
display: table;
margin: auto auto 20px;
}
.sing-btn.blog-btn {
display: initial;
margin: 0 6px 0 13px;
}
.technology-slide {
float: left;
width: 100%;
}
.item-one-img img {
margin: auto;
width: 213px;
}
.recent-tech-text {
text-align: center;
}
.recent-tech-text h5 {
color: #666666;
font-weight: normal;
text-align: center;
text-transform: lowercase;
}
.fa.fa-clock-o {
font-size: 18px !important;
padding: 0 4px 8px;
position: relative;
top: 3px;
}
.fa.fa-comments-o {
font-size: 18px !important;
padding: 0 6px;
position: relative;
top: 3px;
}
.technology-slide h4 {
color: #FA51A1;
font-weight: bold;
text-align: center;
}
.fa.fa-tag {
font-size: 14px !important;
}
#technology-blog ol li {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 22px;
list-style: unset;
margin: 0 18px;
}
#technology-blog p span {
background: #cccccc;
float: left;
line-height: 23px;
margin: 7px 0;
padding: 4px 12px;
}
.graff-panal-img {
padding: 14px 0;
text-align: center;
width: auto !important;
}
.contact-banner {
background: #FA51A1 url(../images/contact-banner.jpg) no-repeat;
float: left;
height: 300px;
margin-top: 70px;
width: 100%;
background-position: center;
}
.contact-panel {
width: 100%;
margin: 25px 0 35px;
float: left;
}
.contact-panel h2 {
color: #000;
font-weight: bold;
margin: 10px 0 40px;
text-align: center;
}
.contact-panel h2 span {
display: block;
font-size: 18px;
margin: 8px 0 0;
}
.contact-us-panel, .contact-form-panel {
width: 100%;
float: left;
}
.contact-form-panel h1 {
background: url(../images/arrow.jpg) no-repeat right scroll 0% 0%;
float: left;
color: #232323;
font-weight: bold;
margin: 0 0 10px;
}
.contact-form-panel label {
font-size: 16px;
color: #3a3a3a;
font-weight: 500;
}
.contact-form-panel input.texbox {
border-bottom: solid 1px rgba(0, 0, 0, 0.12);
border-top: none;
border-right: none;
border-left: none;
background: #fff;
width: 100%;
float: left;
padding: 0 0 4px;
box-shadow:none;
border-radius:0;
font-size: 12px;
}
.contact-form-panel .msg-box {
border-bottom: solid 1px rgba(0, 0, 0, 0.12);
border-top: none;
border-right: none;
border-left: none;
background: #fff;
width: 100%;
float: left;
font-size: 12px;
padding:0;
border-radius:0;
box-shadow:none;
}
.contact-form-panel h4 {
color: #3a3a3a;
margin: 15px 0 25px;
}
.contact-form-panel h4 span {
display: block;
font-size: 12px;
color: #3a3a3a;
margin: 6px 0 0;
}
.form-work {
width: 100%;
float: left;
margin: 0 0 31px;
}
.contact-us-panel h3 {
color: #f15fd2;
font-weight: bold;
margin: 0 0 8px;
font-size: 22px;
}
.contact-us-inner p {
font-size: 16px;
text-transform: capitalize;
line-height: 25px;
}
.contact-form-panel label {
color: #3c3c3c;
font-size: 12px;
font-weight: 500;
}
.contact-form-panel h3 {
color: #d34fb2;
font-weight: bold;
margin: 0px 0 20px;
font-size: 22px;
}
.contact-us-panel h4 {
color: #3a3a3a;
margin: 0 0 10px;
}
.contact-us-panel .contact-us-inner {
float: left;
width: 100%;
margin: 0 0 26px;
}
a.career {
color: #487caa;
float: right;
font-size: 18px;
text-align: right;
font-weight: 600;
}
.s-talent {
width: 100% !important;
}
.amongst-students {
width: 100%;
}
.form-work1 {
margin: 0 0 22px;
float: left;
width: 100%;
}
.banner-how-it {
background: #FA51A1 url(../images/howit.jpg) no-repeat;
float: left;
height: 300px;
margin-top: 70px;
width: 100%;
background-position: center;
}
.banner-product {
background: #FA51A1 url(../images/productbanner.jpg) no-repeat;
float: left;
height: 300px;
margin-top: 70px !important;
width: 100%;
background-position: center;
}
.exam-result-banner {
background: #1f4c6b url(../images/examresult-banner.jpg) no-repeat;
float: left;
height: 300px;
margin-top: 70px !important;
width: 100%;
background-position: center;
}
.gps-banner {
background: #FA51A1 url(../images/gps-banner.jpg) no-repeat;
float: left;
height: 300px;
margin-top: 70px !important;
width: 100%;
background-position: center;
}
.mobile-app-banner {
background: #1f4c6b  url(../images/mobile-banner.jpg)no-repeat;
float: left;
height: 300px;
margin-top: 70px !important;
width: 100%;
background-position: center;
}
.timetable-banner {
background: #FA51A1  url(../images/timetable-banner.jpg)no-repeat;
float: left;
height: 300px;
margin-top: 70px !important;
width: 100%;
background-position: center;
}
.how-it-panel {
width: 100%;
float: left;
}
.how-it-panel h3 {
color: #ffffff;
font-weight: 600;
margin: 0 0 20px;
padding: 22px 0;
text-align: center;
background: #000;
}
.step-panel {
background: url(../images/circle.png) no-repeat;
color: #ffffff;
float: left;
font-size: 20px;
line-height: 29px;
margin: 0 40px 26px 0;
padding: 55px;
text-align: center;
}
.step-panel span {
display: block;
border-bottom: solid 1px #fff;
}
.step-panel:after {
border: 1px solid #FA51A1;
content: "";
display: table;
height: 195px;
margin: auto auto auto 27px;
position: absolute;
top: 0;
width: 0;
z-index: -1;
}
.step-panel.step-panelone::after {
border: medium none;
}
.step-panel:last-child:after {
border: none;
}
.step-left-panel {
float: left;
margin: 8px 0 0;
}
.step-left-panel h3 {
color: #FA51A1;
font-weight: 600;
text-align: left;
margin: 0 0 10px;
padding: 0;
background: none;
}
.step-left-panel ul {
}
.step-left-panel ul li {
color: #000000;
font-size: 20px;
font-weight: 600;
margin: 0 0 4px;
padding: 0 0 0 20px;
background: url(../images/arrow2.png) no-repeat scroll 0% 58%;
}
.step-panel.step-panel2 {
line-height: 58px;
}
.down-arrow {
background: url(../images/arrow.png) no-repeat scroll 0% 0%;
float: left;
height: 204px;
margin: 0 0 0 -16px;
position: absolute;
top: 1342px;
width: 52px;
}
.hr-black-clr {
background: #000;
border: none;
bottom: 3px;
float: left;
height: 1px;
position: relative;
width: 100%;
}
.down-arrow.up-arrow {
background: url(../images/up-arrow.png) no-repeat scroll 0% 0%;
height: 210px;
margin: 0 0 0 176px;
}
.how-it-mid {
display: table;
float: none;
margin: auto;
width: 55%;
}
.video {
float: left;
margin: 55px 0 0;
width: 100%;
}
.media-event {
background: #208dc8 url("../images/news-media.jpg") no-repeat scroll center center;
float: left;
height: 300px;
margin-top: 70px;
width: 100%;
}
.banner-event {
background: rgba(0, 0, 0, 0) url("../images/howit.jpg") no-repeat scroll 0 0 / 100% auto;
float: left;
height: 300px;
margin-top: 71px;
width: 100%;
}
.news-media {
width: 100%;
float: left;
margin: 25px 0;
}
.media-logo {
border: 1px solid #d2d2d2;
float: left;
padding: 10px;
}
.media-text-panel {
float: left;
margin: 0 0 0 35px;
width: 100%;
}
.media-text-panel h3 {
color: #5095cc;
font-weight: 600;
}
.media-text-work {
width: 100%;
float: left;
margin: 0 0 20px;
}
.show-more {
background-color: #5a9bd3;
border: medium none;
color: #ffffff;
float: right;
margin-right: 15px;
padding: 5px;
}
.date-news {
color: #aeaeae;
display: block;
float: left;
font-family: arial;
font-size: 14px;
margin: 7px 0;
width: 100%;
}
.support-banner {
background: #42aacf url(../images/support-banner.jpg) no-repeat;
float: left;
height: 300px;
margin-top: 70px;
width: 100%;
background-position: center;
}
.panel-group {
border: 1px solid #d5d5d5;
clear: both;
float: left;
margin: 0 0 20px !important;
padding: 10px;
width: 100%;
}
.sfs-panal {
width: 100%;
}
.sfs-panal h3 {
color: #000000;
margin: 13px 4px 22px;
}
.panel-group {
border: 1px solid #d5d5d5;
clear: both;
float: left;
margin: 20px 0 !important;
padding: 10px;
width: 100%;
}
.panel {
border: medium none !important;
}
.panel-title {
padding: 0 0 0 15px;
}
.accordion-toggle.collapsed::before {
content: "";
display: block;
font-family: FontAwesome;
margin: 0 0 0 -20px;
position: absolute;
}
.accordion-toggle::before {
content: "";
display: block;
font-family: FontAwesome;
margin: 0 0 0 -20px;
position: absolute;
}
.slick-slide img {
display: block;
}
.yt-btn img {
display: inline !important;
}
.yt-btn {
border: 0 none;

cursor: pointer;
left: 0;
margin: 0;
position: absolute;
right: 0;
text-align: center;
top: 44%;
}
.iframe-video {
display: none;
height: 353px;
width: 100%;
}
.video-heading-title {
color: #000000;
font-size: 15px;
font-weight: bold;
margin: 0 0 0;
text-align: center;
}
.my-blue2 {
color: #3878b2;
margin: 0 0 20px;
}
.my-blue {
color: #5a9bd3;
}
.crousel-in {
font-size: 18px !important;
font-weight: bold;
margin: 14px 0 !important;
position: relative;
top: 12px;
width: 100%;
}
.panel-group h3 {
margin: 4px 0 16px;
}
.banner-leadership {
background: #1f4c6b url(../images/leadership-banne.jpg) no-repeat;
float: left;
height: 300px;
margin-top: 70px;
width: 100%;
background-position: center;
}
.leader-ship-panel {
width: 100%;
float: left;
}
.leadership-panal {
width: 100%;
float: left;
}
.leadership-panal .leader-text {
margin: 18px 0px 10px;
float: left;
}
.leader-text h3 {
color: #000;
font-weight: bold;
margin: 0px 0 10px;
}
.leader-text h4 {
color: #000;
font-weight: bold;
margin: 0;
}
.leader-text p {
color: #000;
margin: 0 0 22px;
}
.leadership-team {
width: 100%;
float: left;
margin: 30px 0 40px;
}
.leadership-team h2 {
text-align: center;
font-weight: bold;
margin: 0;
}
.team-member h4 {
text-align: center;
font-weight: bold;
margin: .5em 0px 0;
line-height: 23px;
color: #000;
font-size: 18px;
}
.team-member {
margin: 0 0 16px;
text-align: center;
}
.team-member h4 span {
color: #5a9bd3;
display: block;
font-size: 14px;
font-weight: normal;
line-height: 15px;
}
.techno-partner {
float: left;
margin: 0 0 2em;
width: 100%;
}
.techno-partner img {
display: table;
margin: auto;
}
.spc {
margin: 0 0 0.5em !important;
font-size: 22px;
}
.accordion-toggle:hover {
text-decoration: none;
}
.panel-group {
border: 1px solid #d5d5d5;
clear: both;
float: left;
margin: 20px 0 !important padding: 10px;
width: 100%;
}
.spt-ctr {
margin: 30px 0 15px;
}
.sfs-panal {
width: 100%;
}
.sfs-panal h3 {
color: #000;
margin: 13px 4px 22px;
}
.accordion-toggle::before {
font-family: FontAwesome;
content: "\f077";
display: block;
position: absolute;
margin: 0 0 0 -20px;
}
.accordion-toggle.collapsed::before {
font-family: FontAwesome;
content: "\f078";
display: block;
position: absolute;
margin: 0 0 0 -20px;
}
.accordion-toggle.collapsed.tog-arrow::before {
display: none;
}
.panel-title {
padding: 0 0 0 15px;
}
.new-block.type-10 .image-wrapper {
display: table;
margin: auto;
vertical-align: bottom;
margin-bottom: 10px;
max-width: 230px;
position: relative;
overflow: hidden;
}
.new-block.type-10 .image-wrapper .thumbnail-image {
display: block;
position: relative;
left: 0;
border: solid 1px #000;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
.new-block.type-10 .image-wrapper:hover .thumbnail-image {
left: 70px;
}
.new-block.type-10 .image-socials-box {
position: absolute;
left: 0;
top: 0;
width: 70px;
height: 100%;
background: #5a9bd3;
}
.new-block.type-10 .image-socials-box a {
padding: 15px;
display: block;
position: relative;
left: -50px;
}
.new-block.type-10 .image-wrapper:hover .image-socials-box a {
left: 0;
}
.new-block.type-10 .image-wrapper .image-socials-box a:hover img {
transform: scale(0.7);
-moz-transform: scale(0.7);
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
}
.new-block.type-10 .image-socials-box .vertical-align {
width: 46px;
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
}
.image-wrapper img, .new-block.type-10 .image-socials-box a {
-moz-transition: all 0.15s ease-out;
-o-transition: all 0.15s ease-out;
-webkit-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
-ms-transition: all 0.15s ease-out;
}
.new-block.type-10 .image-wrapper:hover .image-socials-box a:nth-child(1) {
transition-delay: 150ms;
-moz-transition-delay: 150ms;
-webkit-transition-delay: 150ms;
-ms-transition-delay: 150ms;
}
.new-block.type-10 .image-wrapper:hover .image-socials-box a:nth-child(2) {
transition-delay: 250ms;
-moz-transition-delay: 250ms;
-webkit-transition-delay: 250ms;
-ms-transition-delay: 250ms;
}
.new-block.type-10 .image-wrapper:hover .image-socials-box a:nth-child(3) {
transition-delay: 350ms;
-moz-transition-delay: 350ms;
-webkit-transition-delay: 350ms;
-ms-transition-delay: 350ms;
}
.new-block.type-10 .image-wrapper:hover .image-socials-box a:nth-child(4) {
transition-delay: 450ms;
-moz-transition-delay: 450ms;
-webkit-transition-delay: 450ms;
-ms-transition-delay: 450ms;
}
.description-leader {
color: #777;
font-size: 15px;
text-align: justify;
}
.blockquote-wrapper.blockquote-wrapper-two {
margin: 10px 0 14px;
padding: 15px 37px 5px 54px;
border: solid 1px #5a9bd3;
}
.renewal {
float: right;
margin: 0;
}
.bootstrap-dialog.type-primary .modal-header {
padding: 9px 15px;
border-bottom: 1px solid #eee;
background-color: #5a9bd3;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
color: #fff;
font-weight: 600;
border-top-right-radius: 3px;
}
.swiper-slide {
font-size: 18px;
margin: 35px 0 0;
text-align: center;
}
.terms-edu {
float: left;
width: 100%;
margin: 72px 0 0;
}
.terms-edu img {
display: table;
margin: 20px auto auto;
}
.effect {
float: left;
margin: 20px 0 30px;
width: 100%;
}
.effect h5 {
color: #000000;
font-weight: bold;
margin: 18px 0 0;
}
.teck-edu h5 {
color: #5a9bd3;
font-weight: bold;
margin: 0 0 10px;
}
.teck-edu {
float: left;
margin: 0 0 1em;
}
.teck-edu p {
color: #000000;
float: left;
font-size: 14px;
line-height: 20px;
width: 100%;
}
.teck-edu ul li {
background: rgba(0, 0, 0, 0) url("../images/list-bg-style-2.png") no-repeat scroll 0 0.5em;
float: left;
font-size: 14px;
line-height: 21px;
margin: 0 0 18px;
padding: 0 0 0 28px;
width: 100%;
}
.teck-edu h6 strong {
color: #5a9bd3;
}
.teck-edu h6 {
color: #000000;
float: left;
font-weight: bold;
line-height: 22px;
margin: 0 0 10px;
text-transform: uppercase;
}
.teck-edu ol li {
font-size: 14px;
line-height: 21px;
list-style: inherit;
margin: 0 30px 10px;
padding: 0;
}
.clients-work {
float: left;
margin: 78px 0 2em;
width: 100%;
}
.map-india {
display: table;

margin: auto auto 30px;
}
.map-india img {
display: table;
margin: auto;
width: 50%;
}
.info-client {
float: left;
margin: 0 0 2em;
width: 100%;
}
.info-client .info-client-img {
float: left;
}
.info-client-img img {
border: 1px solid #d5d5d5;
padding: 10px;
}
.info-client .info-client-text {
float: left;
margin: 2.5em 0 0 1em;
}
.info-client .info-client-text h4 {
text-transform: uppercase;
font-size: 15px !important;
}
.info-client-text h4 span {
display: block;
font-size: 14px;
}
.db {
background-color: #5a9bd3;
color: #ffffff;
font-size: 20px;
margin: 20px 0;
padding: 6px 10px;
}
.db span {
background: url(../images/hiring.gif) no-repeat;
float: right;
height: 50px;
margin: 2px 0 0;
width: 83%;
}
.panel-body ul li {
background: url("../images/arrow2.png") no-repeat scroll 0 0.3em;
font-size: 14px;
padding: 0 0 11px 18px;
}
.panel-body h4 {
font-weight: bold;
}
.panel-body p {
margin: 0 0 30px;
}
.apply-btn {
background-color: #5a9bd3;
color: #ffffff !important;
float: left;
font-size: 18px;
margin: 15px 0 0;
padding: 8px 23px;
text-decoration: none !important;
}
.partner-banner {
background: #208dc8 url(../images/partner.jpg) no-repeat;
float: left;
height: 300px;
width: 100%;
background-position: center;
margin-top: 70px;
margin-bottom: 20px;
}

.partner-banner h2 {
font-size: 56px;
font-weight: 500;
line-height: 180px;
margin: 0;
text-align: center;
}
.partner-objective-panel {
float: left;
margin: 0 0 29px;
padding: 5px 0 18px;
width: 100%;
background: #f2f2f2;
}
.partner-objective-panel h2 {
color: #000;
text-align: center;
margin: 18px 0 !important;
font-weight: bold;
}
.partner-objective-panel p {
text-align: left !important;
font-size: 14px !important;
}
.partner-panel {
width: 100%;
float: left;
}
.partner-panel h2 {
color: #000;
text-align: center;
margin: 6px 0;
font-weight: bold;
}
.partner-panel h3 {
color: #000;
text-align: center;
font-weight: bold;
}
.partner-panel p {
color: #000;
text-align: center;
font-size: 16px;
}
.partner-panel .partner-second-panel {
width: 100%;
float: left;
margin: 25px 0 0;
background: #f2f2f2;
}
.partner-second-panel h2 {
color: #000;
text-align: center;
margin: 22px 0 6px;
font-weight: bold;
}
.partner-form {
background-color: #e5e5e5;
display: inline-block;
float: none;
padding: 10px 10px 25px;
text-align: left;
width: 100%;
}
.partner-form h3 {
color: #686868;
font-weight: bold;
margin: 10px 0 20px;
}
.partner-form-item {
float: left;
margin: 0 0 20px;
width: 100%;
}
.formtext-work {
border-radius: 0 !important;
}
.partner-form h5 {
color: #000000;
margin: 0.5em 0;
}
.partner-form h6 {
float: left;
}
.partner-nbr {
background-color: #159e08;
color: #ffffff;
float: left;
font-weight: bolder;
margin: 4px 10px;
padding: 5px 12px;
width: auto;
}
.refresh_captcha2 {
margin: 3px 0 0;
}
.fa-refresh {
color: #000000 !important;
font-size: 14px !important;
margin: 0;
padding: 6px 8px;
}
.ans-work {
float: left;
margin: 22px 0 0;
width: 100%;
}
.ans-work label {
color: #000000;
float: left;
font-size: 14px;
margin: 8px 18px 15px 0;
}
.ans-work input.answork {
background: #ffffff;
border: 1px solid #b5b5b5;
float: left;
font-size: 14px;
padding: 8px 10px;
width: 30%;
}
.ans-submit {
float: left;
margin: 4em 0 0;
width: 100%;
}
.sing-btn {
background: #5a9bd3;
border: medium none;
border-radius: 4px;
color: #ffffff;
display: table;
font-family: "bold", sans-serif;
font-size: 18px !important;
font-weight: normal;
line-height: 28px;
margin: auto;
padding: 6px 15px;
float: left;
position: relative;
}
.sing-btn:hover{
color:#fff;
text-decoration:none;
}
.sing-btn2 {
background: #5a9bd3 none repeat scroll 0 0;
border: medium none;
color: #ffffff;
display: table;
font-size: 18px;
line-height: 28px;
margin: auto;
padding: 15px 25px;
position: relative;
}
.partner-benefit-work {
width: 100%;
float: left;
margin: 0 0 20px;
}
.col-sm-4.tbl {
background-color: #585858;
font-size: 14px;
height: 95px;
line-height: 20px;
min-height: 50px;
padding: 20px 20px 0;
text-align: center;
}
.col-sm-4.tbl p {
color: #ffffff;
}
.col-sm-4.tb2 p {
color: #000;
}
.col-sm-4.tb2 {
background-color: #cecece;
font-size: 14px;
height: 95px;
line-height: 20px;
min-height: 50px;
padding: 20px 20px 0;
text-align: center;
}
.partner-form.partner-bgnone {
background: none;
margin: 12px 0 0;
}
.object {
}
.object p {
color: #000000;
line-height: 22px;
margin: 18px 0 12px;
}
.price-banner {
background: #1f4c6b url(../images/price-banner.jpg) no-repeat scroll 0 0;
float: left;
height: 300px;
margin-top: 70px;
width: 100%;
background-position: center;
}
.call-to-action__heading {
color: #000000;
font-size: 72px;
font-weight: 500;
line-height: 222px;
opacity: 0.99;
padding: 0 3em;
text-align: center;
text-shadow: 6px 1px 21px #ffffff;
}
.pirce-panel {
width: 100%;
float: left;
}
.pirce-panel h2 {
text-align: center;
font-weight: bold;
margin: 34px 0;
}
.pirce-panel p {
text-align: center;
font-size: 18px;
}
.price-inner {
width: 100%;
float: left;
padding: 0 0 28px;
background: #f3f3f3;
}
.ch-grid {
margin: 20px 0 0 0;
padding: 0;
list-style: none;
display: block;
text-align: center;
width: 100%;
}
.ch-grid:after, .ch-item:before {
content: '';
display: table;
}
.ch-grid:after {
clear: both;
}
.ch-grid li {
width: 220px;
height: 220px;
display: inline-block;
margin: 20px;
}
.hvr-bubble-bottom::before {
border-color: #337ab7 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-style: solid;
border-width: 10px 10px 0;
bottom: 0;
content: "";
left: calc(50% - 10px);
pointer-events: none;
position: absolute;
transition-duration: 0.3s;
transition-property: transform;
z-index: -1;
}
.hvr-bubble-bottom {
backface-visibility: hidden;
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
display: inline-block;
position: relative;
transform: translateZ(0px);
vertical-align: middle;
}
.hvr-bubble-bottom:hover::before, .hvr-bubble-bottom:focus::before, .hvr-bubble-bottom:active::before {
transform: translateY(10px);
}
[class^="hvr-"] {
background: #337ab7;
border-radius: 4px;
color: #ffffff;
cursor: pointer;
font-size: 20px;
font-weight: bold;
margin: 0.4em;
padding: 11px 45px;
text-decoration: none !important;
}
.banner-inner {
color: #000000;
font-size: 70px;
margin: 94px 0 111px;
position: relative;
text-align: center;
width: 100%;
}
.banner-inner h2 {
color: #000000;
font-weight: bold;
margin: 20px 0 30px;
text-align: center;
text-shadow: initial;
}
.graff-panal img {
width: 100% !important;
}
._3g-subscrib {
width: 100% !important;
margin: auto !important;
display: table !important;
}
.graff-panal1 {
width: auto;
}
.banner-thecompany {
background: #1f4c6b url(../images/thecompany.jpg) no-repeat;
float: left;
height: 300px;
margin-top: 70px;
width: 100%;
background-position: center;
}
.banner-career {
background: #6b8ea4 url(../images/career-banner.jpg) no-repeat;
float: left;
height: 300px;
margin-top: 71px;
width: 100%;
background-position: center;
}
.banner-career h2, .banner-how-it h2, .banner-thecompany h2, .banner-product {
color: #000000;
font-size: 72px;
font-weight: 500;
line-height: 300px;
margin: 0;
text-align: center;
text-shadow: 6px 1px 21px #ffffff;
}
.news-block {
border: medium none;
font-size: 14px;
padding: 0;
color: #000;
}
.add-panel-inner {
background: #d5d5d5;
float: left;
margin: 64px 0 35px;
padding: 40px 0 24px;
width: 100%;
}
.add-panel-inner-nt{background: #ededed;margin: 0 !important;padding: 0 0 16px;}
.powerd-mard{ text-align:right; width:100%;}
.powerd-my-one {margin: 42px 0 0;line-height: 36px;}
.powerd-my {margin: 52px 0 0; text-align:right;}
.powerd-my span{color:#5299d3;}
.town-powered{
clear: both;
float: left;
margin: 10px 0 0 -17px;
text-align: right !important;
width: 100%;
}
.town-head-panel {background:#aeaeae;}
.town-footer {background:#aeaeae; padding:10px; float:left; width:100%;}
.town-footer h4{margin:0;}
.town-footer a{text-align:center; color:#000; width:100%; float:left;}
.new-town-logo-panle {margin: 15px 0;}
.appparents h3 {
font-weight: bold;
margin: 0 0 15px;
text-align: center;
}
.edu-commerce {
float: left;
margin: 23px 0;
width: 100%;
}
.edu-com-left {
float: left;
}
.edu-com-right {
float: right;
width: 85%;
}
.edu-com-right h4 {
color: #000000;
margin: 0;
}
.edu-com-right p {
color: #000000;
margin: 0;
}
.app-work {
display: table;
margin: auto auto 15px;
}
.app-work h5 {
color: #000000;
text-align: center;
}
.panel-error, .oops-work {
float: left;
width: 100%;
margin: 20px 0;
}
.oops-work img {
background-clip: border-box;
background-size: 100% auto;
display: table;
margin: 5em auto auto;
}
.oops-work h3 {
color: #000000;
font-weight: bold;
margin: 35px 0;
text-align: center;
text-transform: uppercase;
}
.mobile {
-webkit-transform: skew(7.5deg, 0deg);
}
option {
padding: 0 14px;
}
.form-control.legalwork {
border-radius: 0;
color: #8d8d8d;
padding: 0 9px;
}
.life-banner {
background: #424242 url(../images/life_at-myly_banner.jpg) no-repeat;
float: left;
height: 300px;
margin-top: 70px;
width: 100%;
background-position: center;
}
.life-panel {
width: 100%;
float: left;
}
.life-panel h3 {
color: #000;
}
.life-panel p {
color: #000;
font-size: 15px;
}
.advertisement-panel {
width: 100%;
float: left;
margin: 40px 0;
}
.advertisement-panel .advertisement-inner {
width: 100%;
float: left;
margin: 50px 0 0;
}
.advertisement-banner {
background: url(../images/advertisement1.jpg) no-repeat;
float: left;
height: 300px;
margin-top: 70px;
width: 100%;
background-position: center;
background-size: cover;
background-position: top;
}
.advertisement-banner.contest-banner {
background: url(../images/advertisement2.jpg) no-repeat;
background-position: 1%;
height: 216px;
background-size: cover;
}
.text-work {
font-size: 17px !important;
margin: 85px 0;
}
.tab-img img {
margin: auto;

display: table;
}
.advertisement-panel h3 {
color: #000;
font-weight: bold;
}
.advertisement-panel p {
color: #000;
font-size: 15px;
}
.advertisement-heading {
background: #5298d2;
color: #ffffff;
float: left;
font-size: 38px;
font-weight: bold;
padding: 55px 0;
text-align: center;
width: 100%;
margin: 42px 0;
}
.tab-img h3 {
color: #000;
font-weight: bold;
text-align: center;
}
.tab-img p {
color: #000;
text-align: center;
}
.how-can {
float: left;
margin: 20px 0 0;
width: 100%;
}
.panel-body.panel-body-faq {
padding: 14px 14px 0;
}
.how-can.contest-rules {
margin: 0;
}
.how-can.contest-rules p {
line-height: 25px;
margin: 0;
}
.how-can.contest-rules span {
font-size: 27px !important;
position: relative;
top: 8px;
}
.how-can h3 {
color: #000;
font-weight: bold;
margin: 0 0 10px;
}
.how-can ol {
margin: 0;
padding: 0;
}
.how-can ol li {
color: #000000;
font-size: 16px;
font-weight: 500;
line-height: 23px;
list-style: inherit;
margin: 0 0 15px 16px;
}
.contact-adver {
width: 100%;
float: left;
}
.contact-adver h2 {
color: #000;
font-weight: bold;
margin: 0;
}
.contact-adver h2 span {
display: block;
font-size: 20px;
font-weight: normal;
margin: 10px 0;
}
.contact-adver span {
display: block;
font-size: 15px;
margin: 10px 0;
}
.tab-img.tab-img-two {
margin: 86px 0 0;
}
.tab-img.tab-img-two > img {
margin-bottom: 151px;
}
.about-panel {
width: 100%;
float: left;
margin: 16px 0 0;
}
.about-panel h3 {
color: #000;
margin: 0 0 16px;
font-weight: bold;
text-align: center;
}
.media-text-panel.video-text-panel {
margin: 35px 0 0 58px;
width: auto;
}
#container {
width: 100%;
margin: 0 auto;
}
.faq ol {
}
.faq h1 {
font-size: 26px;
font-weight: bold;
}
.faq h4 {
margin: 12px 0 6px;
float: left;
width: 100%;
color: #000;
}
.faq li {
float: left;
line-height: 34px;
margin: 0 0 5px;
padding-left: 10px;
width: 100%;
list-style: inherit;
}
.faq span {
float: none;
margin: 0 0 5px;
width: 100%;
list-style: inherit;
}
.q > img {
margin: 0 5px 0 0;
}
.faq li.q {
background: #4FC2E;
font-weight: bold;
font-size: 107%;
margin-left: -9px;
cursor: pointer;
list-style: inherit;
}
.faq span.a {
display: none;
color: #000;
float: left;
line-height: 20px;
}
.faq li.a {
display: none;
color: #000;
padding: 0 0 0 26px;
line-height: 25px;
}
faq h1 {
font-size: 27px;
font-weight: bold;
text-align: center;
margin: 25px 0 10px;
}
li.q.qq {
line-height: 20px;
}
.rotate {
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.dashboard-icon {
color: #ffffff;
font-size: 18px !important;
}
.glyphicon-th-large::before {
content: url(../images/toggal.png) !important;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background-color: #5a9cd8 !important;
}
.iframe-video-home {
height: 341px;
width: 100%;
}
.award-banner {
background: #2c5871 url(../images/award-banner.jpg) no-repeat scroll center center;
float: left;
height: 300px;
margin-top: 70px;
width: 100%;
}
.launches-panel {
width: 100%;
float: left;
margin: 60px 0;
}
.launches-panel-home{
width: 100%;
float: left;
position:relative;
background:#d2d2d2;
border-bottom: 1px solid #acacac;
}
.elets-panel{
width:100%;
float:left;
margin: 24px 0;
}
.row.elets-panel-inner{align-items: center;display: flex;}
.elets-panel h3{margin: 18px 0 11px;}
.elets-panel h3{margin: 26px 0;}
.award-d-img{border:solid 4px #5299d3;}
.launches-panel-home h1 {
color: #ffffff;
position: absolute;
text-align: center;
width: 100%;
margin: 30px 0 0;
}
.create-launches {
float: left;
line-height: 49px;
margin: 15px 0 0;
text-align: center;
width: 100%;
}
.features-need {
color: #000000;
float:left;
font-weight: 500;
margin:30px 0 0;
}
.features-karo{
color: #5a9bd3;
float:right;
font-weight: 500;
margin: 48px 0 0;
	}
a.now-more-home {
transition: all 0.5s ease;
background: #5a9bd3;
border-radius: 2px;
color: #ffffff;
display: table;
font-size: 21px;
margin:30px auto 15px;
padding: 10px 20px;
}
a.now-more-home:hover{  background: #3778b0; color:#fff; text-decoration:none;}
.launches-panel h2 {
text-align: center;
line-height: 60px;
}
.premium-face img {
float:left;
margin: 0 37px 0 1px;
}
.launches-panel h4 {
}
.launches-panel.launches-inner {
background: none;
}
.launches-panel.launches-inner, .launches-panel p {
line-height: 25px;
}
.launches-panel.launches-panel-li {
width: 100%;
float: left;
margin: 0px 0;
}
.launches-panel.launches-panel-li ul {
margin: 15px 0 0;
}
.launches-panel.launches-panel-li ul li {
background: url(../images/right-icon.jpg) no-repeat scroll 0% 6px;
margin: 0 0 7px;
padding: 0 15px 0 27px;
}
a.oscb-btn {
background: #5a9bd3;
border-radius: 2px;
color: #ffffff;
display: table;
font-size: 21px;
margin: auto auto 15px;
padding: 10px 20px;
}
a.oscb-btn-inner {
background: #5a9bd3;
margin: auto auto 15px;
display: table;
padding: 10px;
color: #fff;
}
a.oscb-btn:hover {
color: #fff;
text-decoration: none;
}
a.oscb-btn-inner:hover {
color: #fff;
text-decoration: none;
}
.launches-panel.launches-inner {
margin: 65px 0 0;
}
.fees-clr, .mobile-app-panel-two {
background: #d2d2d2;
padding: 45px 0;
border: 1px solid #acacac;
}
.mobile-app-panel {
width: 100%;
float: left;
margin: 18px 0;
}
.brochure-mobile-app{margin:auto; display:table;}
.mobile-app-panel h2 {
margin: 0 0 28px;
text-align: center;
}
.mobile-app-panel h3 {
margin: 28px 18px 0;
text-align: center;
}
.app-text-pd {
margin: 60px 0 0 !important;
top: 34px;
}
.mobile-app-panel p {
font-size: 14px;
line-height: 30px;
margin: 0 0 20px;
text-align: left;
}
.mobile-app-panel-two {
background: #d2d2d2;
border: 1px solid #acacac;
float: left;
padding: 35px 0 45px;
width: 100%;
}
.showcase-mobile-app {margin: 30px 0 75px;}
.benefits-panel.showcase-mobile-app.showcase-sps-section-one {float: left;margin: 35px 0;width: 100%;}
.col-sm-4.dashboard-screen {
margin: 52px 0 0;
}
.mobile-app-how-it {
background: #d2d2d2;
border: 1px solid #acacac;
float: left;
padding: 0;
width: 100%;
}
.mobile-app-how-it.mobile-web-ta {margin: 90px 0 0;}
.showcase-wrap .image-wrap-web {
background: url(../images/webpanel-two.png) no-repeat scroll 50% 15%;
height: 600px;
left: 49%;
margin-left: -160px;
position: absolute;
top: 63px;
width: 355px;
z-index: 100;
}
.showcase-wrap .image-wrap-web-parent {
background:url(../images/image-wrap-web-parent.png) no-repeat scroll 50% 15%;
height: 600px;
left: 49%;
margin-left: -160px;
position: absolute;
top: -18px;
width: 355px;
z-index: 100;
}
.showcase-wrap .image-wrap-time-table {
background:url(../images/time-table-screen.png) no-repeat scroll 50% 15%;
height: 600px;
left: 49%;
margin-left: -160px;
position: absolute;
top: -18px;
width: 355px;
z-index: 100;
}
.showcase-wrap .image-wrap-fess-list {
background:url(../images/fees-list.png) no-repeat scroll 50% 15%;
height: 600px;
left: 49%;
margin-left: -160px;
position: absolute;
top: -18px;
width: 355px;
z-index: 100;
}
.showcase-wrap .image-wrap-gps-tracking {
background:url(../images/gps-tracking.png) no-repeat scroll 50% 15%;
height: 600px;
left: 49%;
margin-left: -160px;
position: absolute;
top: -18px;
width: 355px;
z-index: 100;
}
.showcase-wrap .image-wrap-exam-result {
background:url(../images/exam-result-img.png) no-repeat scroll 50% 15%;
height: 600px;
left: 49%;
margin-left: -160px;
position: absolute;
top: -18px;
width: 355px;
z-index: 100;
}
.how-it-step-panel {
display: table;
margin: auto;
}
.how-it-step-panel .how-it-step-one {
width: 100%;
float: left;
height: 345px;
}
.how-it-step-one h3 {
font-size: 20px;
margin: 180px 38px 0 0;
position: absolute;
white-space: pre-line;
z-index: 1;
width: 230px;
}
.how-it-step-one h2 {
color: #ffffff;
font-weight: bold;
margin: 62px 0 0 74px;
position: absolute;
text-align: center;
white-space: pre-line;
z-index: 1;
}
.posts-grid.showcaseweb-panel {
padding: 15px 100px;
}
.item-1.featured-thumbnail.thumbnail.thumbnail-web3 {
left: 46px;
top: 70px;
}
.posts-grid.row-fluid.unstyled.showcase.showcasewebtwo {
padding: 16px 100px;
}
.title-webpanel {
color: #000000;
font-size: 30px;
font-weight: bold;
text-align: center;
}
.faq-heading {
font-weight: bold;
margin: 0 0 25px;
text-align: center;
width: 100%;
}
.dt-award-panel {
float: left;
margin: 18px 0;
width: 100%;
}
.dt-award-panel .dt-m-logo{
/*margin:auto;
display:table;*/
float:right;
}
.dt-award-panel h3{margin:10px 0 5px; font-size:30px;}
.dt-award-panel h3 span{margin:5px 0 40px; color:#ff0000;}
.dt-img {display: table;margin: auto;width: 60%;}
.dt-text{text-align:center; margin: 0;}
.dt-text h2 span{color:#0070c0;font-size:24px;display:block;margin: 0px 0 0;}
.col-sm-12.dt-first-panel { margin: 0 0 8px;}
.digital-img {display: table;margin: 18px auto auto;}
.dt-m-logo > img {margin: 0 -20px 0 2px;}
.award-panel {
border-top: 1px solid #acacac;
border-bottom: 1px solid #acacac;
background: #d2d2d2;
float: left;
margin: 0;
padding: 54px 0;
width: 100%;
}
.award-panel .award-left {
width: 100%;
float: left;
margin: 22px 0 0;
}
.award-left h3 {
color: #000;
text-align: center;
margin: 30px 0;
line-height: 40px;
}
.award-img {
margin: auto;
display: table;
}
.award-panel .award-right {
width: 100%;
float: left;
}
.award-panel-logo {
margin: auto;
display: table;
}
.award-wes-logo {
margin: auto;
display: table;
}
#wrapper.toggled {
padding-left: 250px;
overflow: scroll;
}
#sidebar-wrapper {
z-index: 1000;
position: fixed;
left: 250px;
width: 0;
margin-top: 0px;
height: 100%;
margin-left: -250px;
overflow-y: auto;
background: #000;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#wrapper.toggled #sidebar-wrapper {
width: 250px;
}
#page-content-wrapper {
position: relative;
padding: 29px 0 0;
width: 100%;
overflow-x: hidden;
}
.about-work {
min-width: 360px;
}
#wrapper.toggled #page-content-wrapper {
position: relative;
margin-right: 0px;
}
.fixed-brand {
width: auto;
}
.sidebar-nav {
position: absolute;
top: 0;
width: 250px;
margin: 0;
padding: 0;
list-style: none;
margin-top: 2px;
}
.sidebar-nav li {
text-indent: 15px;
line-height: 40px;
}
.sidebar-nav li a {
display: block;
text-decoration: none;
color: #999999;
float: left;
width: 100%;
}
.sidebar-nav li a:hover {
text-decoration: none;
color: #fff;
background: rgba(255,255,255,0.2);
border-left: solid 2px #337ab7;
}
.sidebar-nav li a:active, .sidebar-nav li a:focus {
text-decoration: none;
}
.sidebar-nav > .sidebar-brand {
height: 65px;
font-size: 18px;
line-height: 60px;
}
.sidebar-nav > .sidebar-brand a {
color: #999999;
}
.sidebar-nav > .sidebar-brand a:hover {
color: #fff;
background: none;
}
.no-margin {
margin: 0;
}
.navbar-header.fixed-brand.navbar-toggle-two {
float: left;
position: relative;
z-index: 1200;
}
.navbar-toggle.collapsed.navbar-toggle-two {
position: relative;
z-index: 1200;
background: #000;
float: left;
margin-top: 0 !important;
}
.navbar-toggle.collapsed.navbar-toggle-two:hover {
background: #5a9cd8;
}
.nav.nav-two.navbar-nav.navbar-navtwo {
float: left;
position: relative;
z-index: 1200;
}
.navbar-toggle.navbar-toggle-three.collapse.in {
height: auto;
margin: 14px 0;
position: fixed;
}
.col-xs-2.togal-full {
display: none;
}
.dubaipic {
margin: 0 0 20px;
}
.media-text-panel.video-text-panel.video-text-video {
margin: 50px 0 0 54px;
}

.media-text-panel.video-text-panel.video-text-video h3 {
margin: 0 0 25px;
}
.myly_three_modules {
width: 100%;
float: left;
text-align: center;
}
.myly_three_modules span {
margin: auto;
display: table;
text-align: center;
}
span.logo-icon {
margin-bottom: 20px;
}
span.logo-icon.logo-icon-two {
margin-bottom: 55px;
margin-top: 44px;
}
.about-panel.about-panel-video-text h3 {
text-align: left;
}
.media-logo1 {
float: none;
display: table;
float: none;
margin: auto;
}
.yt-videoiext h3 {
margin: 27px 0 11px;
text-align: left !important;
}
.navbar-toggle.navbar-toggle-three.collapse.in {
display: none;
}
.nav-pills > li > a {
border-radius: 0 !important;
}
.fa.fa-download.iocn-clr {
margin: 1px 11px 0 0;
}
.twCount {
background: #f5f5f5;
border: 1px solid #e0dddd;
border-radius: 50px;
bottom: 42px;
color: #555e58;
font: 600 9px Arial, Helvetica, sans-serif;
left: 20px;
padding: 4px;
position: relative;
}
.fbCount {
background: #f5f5f5;
border: 1px solid #e0dddd;
border-radius: 50px;
bottom: 42px;
color: #555e58;
font: 600 9px Arial, Helvetica, sans-serif;
left: 20px;
padding: 4px;
position: relative;
}
.prCount {
background: #f5f5f5;
border: 1px solid #e0dddd;
border-radius: 50px;
bottom: 42px;
color: #555e58;
font: 600 9px Arial, Helvetica, sans-serif;
left: 20px;
padding: 4px;
position: relative;
}
.g-plus {
background: #f5f5f5;
border: 1px solid #e0dddd;
border-radius: 50px;
bottom: 42px;
color: #555e58;
font: 600 9px Arial, Helvetica, sans-serif;
left: 20px;
padding: 4px;
position: relative;
}
.social-widget {
display: table;
margin: 10px auto 20px;
}

.product-works {
float: left;
margin: 0 0 45px;
width: 100%;
}
.product_service {
border: medium none;
border-radius: 0;
box-shadow: none;
padding: 0;
text-align: center;
}
.product_service h4 {
color: #000000;
font-weight: bold;
text-align: center;
}
.myly_three_modules > h4 {
margin: 30px 0 16px;
}
.r_m-btn {
color: #5095cc;
font-size: 15px;
margin: 21px 0 0;
text-decoration: none;
}
.Svideoj9 {
height: 0;
padding-bottom: 67.5%;
padding-top: 11px;
position: relative;
}
.Svideoj9 .screenone {
background: url(../images/screen1.png) no-repeat scroll center / contain;
box-sizing: border-box;
height: 100%;
left: 0;
padding: 11.9% 15.5% 14.8%;
position: absolute;
text-align: center;
top: 0;
width: 100%;
}
.Svideoj9 .screenone .cCODim5 {
cursor: pointer;
display: block;
margin-left: auto;
margin-right: auto;
padding-top: 186px;
}
.yt-top-btn {
}
.button.type-1::after {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 2px solid #fbc011;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
#iframe-video-home {
height: 100%;
width: 100%;
}
.btn-yt-video {
background: #5a9bd3;
border-radius: 4px;
color: #ffffff;
font-family: arial;
padding: 10px 22px;
}
.btn-yt-video:hover {
text-decoration: none;
}
.award-wes-logo > img {
width: 100%;
}
#content {
width: 100%;
}
.pagination {
list-style: none;
margin: 10px 0px 0px 0px;
padding: 0px;
clear: both;
margin: 20px 0 20px 26px !important;
}
.pagination li {
float: left;
margin: 3px;
}
.pagination li a {
display: block;
padding: 3px 5px;
color: #fff;
background-color: #fff;
text-decoration: none;
}
.pagination li a.active {
border: 1px solid #3e6a92;
color: #fff;
background-color: #5a9bd3;
}
.pagination li a.inactive {
background-color: #eee;
color: #777;
border: 1px solid #ccc;
}
.popup {
border-radius: 5px;
margin: 100px auto;
padding: 20px;
position: relative;
transition: all 5s ease-in-out 0s;
width: 50%;
display: none;
}
.overlay {
display: none;
visibility: visible !important;
opacity: 1 !important;
}
.overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
visibility: hidden;
opacity: 0.5;
z-index: 1200;
}
.overlay:target {
visibility: visible;
opacity: 1;
}
.popup h2 {
margin-top: 0;
color: #333;
font-size: 18px;
font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
background: url(../images/close.png) no-repeat;
color: inherit !important;
height: 28px;
opacity: 1;
position: absolute;
right: 16px;
top: 12px;
transition: all 100ms ease 0s;
width: 28px;
z-index: 1200;
}
.popup .content {
max-height: 30%;
overflow: auto;
}

.pagination > li > a, .pagination > li > span {
line-height: 1 !important;
margin-left: -1px !important;
padding: 6px 10px !important;
}
.contest-panel {
width: 100%;
float: left;
margin: 25px 0 50px;
}
.contest-panel h3 {
float: left;
margin: 20px 0 15px;
width: 100%;
font-weight: bold;
text-align: center;
}
.contest-panel p {
font-size: 16px;
font-weight: bold;
margin: 0;
text-align: center;
}
.contest-panel ol {
}
.contest-panel ol li {
list-style: none;
font-size: 16px;
float: left;
list-style: inherit;
margin: 0 0 4px 18px;
width: 100%;
}
.contest-panel .form-type-contest {
width: 100%;
float: left;
margin: 0 0 20px;
}
.contest-panel label {
font-size: 16px;
font-weight: normal;
width: 125px;
margin: 0 0px 0 0;
position: relative;
top: 5px;
}
.contest-panel input.textbox-contest {
width: 75%;
border-bottom: solid 1px #ccc;
border-top: none;
border-left: none;
border-right: none;
}
.contest-panel span {
float: left;
font-size: 12px;
font-style: italic;
margin: 24px 0 0;
}
span.contest-condition {
font-size: 16px;
font-style: normal;
}
.rwd-table {
margin: 2em auto 1em;
min-width: 66%;
}
.rwd-table tr {
border-bottom: 1px solid #dddddd;
border-top: 1px solid #dddddd;
}
.rwd-table th {
display: none;
}
.rwd-table td {
display: block;
}
.rwd-table td:first-child {
padding-top: 0.5em;
}
.rwd-table td:last-child {
padding-bottom: 0.5em;
}
.rwd-table td::before {
content: attr(data-th) ": ";
display: inline-block;
font-weight: bold;
width: 11.5em;
}
.contest-star {
color: #ff0000;
float: left;
font-size: 34px;
line-height: 0;
margin: 17px 0px 0 0;
position: relative;
left: 20px;
}
p.prizes-contest {
font-size: 27px;
}
a.submit-contest {
background-color: #5a9bd3;
border: 2px solid #1d5d97;
border-radius: 4px;
color: #ffffff;
display: table;
margin: 90px auto 24px;
float: none;
font-size: 18px;
padding: 6px 40px;
text-transform: uppercase;
}
a.submit-contest:hover {
color: #fff;
text-decoration: none;
}
.star-work {
float: left;
position: relative;
}
.one-star {
padding: 0 0 0 11px;
position: relative;
}
.star-work > span {
color: #ff0000;
font-size: 34px;
line-height: 1;
margin: 0 12px 0 0;
}
input:focus, textarea:focus, keygen:focus, select:focus {
outline: none;
}
.modal-dialog {
/*top: 45% !important;*/
transform: translate(0, -50%) !important;
-ms-transform: translate(0, 100%) !important;
-webkit-transform: translate(0, 100%) !important;
margin: auto 5%;
width: 90%;
height: 30%;
}

.modal-footer {
padding: 15px 15px 10px !important;
}
.modal-body {
top: 0px;
bottom: 0px;
left: 0;
right: 0;
overflow-y: auto;
}
.feedback-panel {
width: 100%;
float: left;
}
.feedback-panel p {
text-align: center;
font-size: 18px;
font-weight: bold;
}
.feedback-star h1 {
text-align: center;
font-weight: bold;
}
.feedback-star p {
font-size: 14px;
font-weight: normal;
text-align: left;
}
.feedback-panel .feedback-least {
margin: auto;
width: 76%;
}
.feedback-panel .feedback-least ol {
}
.feedback-panel .feedback-least ol li {
float: left;
font-size: 18px;
font-weight: 600;
list-style: inherit;
margin: 0 0 10px;
width: 100%;
}
.feedpack-star {
float: left;
}
.feedback-star input.texbox {
border-bottom: solid 1px #000;
border-top: none;
border-right: none;
border-left: none;
background: #fff;
width: 100%;
float: left;
padding: 0 0 4px;
font-size: 16px;
margin: 18px 0 14px;
}
.radio {
padding-left: 20px;
}
.radio label {
position: relative;
padding-left: 5px;
}
.radio label::before {
content: "";
position: absolute;
width: 17px;
height: 17px;
left: 0;
margin-left: -20px;
border: 1px solid #000;
border-radius: 50%;
}
.radio label::after {
position: absolute;
content: " ";
width: 11px;
height: 11px;
left: 3px;
top: 3px;
margin-left: -20px;
border-radius: 50%;
-webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
transform: scale(0, 0);
}
.radio input[type="radio"] {
opacity: 0;
z-index: 1;
cursor: pointer;
}
.radio input[type="radio"]:checked + label::after {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
.radio-danger input[type="radio"] + label::after {
background-color: #5a9bd3;
}
.imageBased input[type="checkbox"]:not(old) {
margin: 0;
opacity: 0;
padding: 0;
width: 28px;
}
.demonstration {
margin: 0 1.5em 1.5em;
}
input[type="checkbox"]:not(old) + label {
display: inline-block;
line-height: 26px;
margin-left: -23px;
padding-left: 28px;
background: url(../images/checks.png) no-repeat;
}
input[type="checkbox"]:not(old):checked + label {
background-position: 0 -24px;
}
textarea.msgfeedback {
border-bottom: solid 1px #000;
border-top: none;
border-right: none;
border-left: none;
background: #fff;
width: 100%;
float: left;
padding: 0 0 4px;
font-size: 16px;
margin: 18px 0 14px;
}
.feedback-footer-one {
}
.feedback-footer-one a.sub-btn {
background: #5299d3;
border: 1px solid #487ba9;
border-radius: 10px;
color: #ffffff;
display: table;
font-size: 30px;
font-weight: bold;
margin: auto;
padding: 10px 88px;
text-align: center;
text-transform: uppercase;
}
.feedback-footer-one p {
font-size: 16px;
color: #000;
text-align: left;
font-weight: normal;
}
.feedback-footer-one h3 {
color: #000;
text-align: center;
font-weight: bold;
margin: 0 0 20px;
}
.feedback-header {
background: #5299d3;
float: left;
padding: 10px;
color: #fff;
font-size: 36px;
width: 100%;
margin: 0 0 24px;
text-align: center;
font-weight: 600;
}
.feedback-footer {
background: #1b1b1b;
color: #ffffff;
float: left;
font-size: 18px;
font-weight: 500;
padding: 10px;
text-align: center;
width: 100%;
}
.feedback-header > img {
background-size: cover;
display: table;
margin: auto;
width: 100%;
}
.title-webpanel > span {
display: block;
font-size: 20px;
font-weight: normal;
}
.referring-panel {
width: 100%;
float: left;
margin:77px 0 0;
}
.referring-heading{
color: #000000;
float: left;
font-size: 25px;
font-weight: 600;
margin: 0 0 12px;
text-align: left;
width: 100%;
}
.detail-item{
width:100%;
float:left;
margin: 0 0 15px;
}
.referring-inner{
width:100%;
float:left;
}
.referring-inner h4{
color: #000000;
float: left;
margin: 0 0 12px;
text-align: left;
width: 100%;
}
.referring-content {
background: #fff;
border: 2px solid #5a9bd3;
box-shadow: 0 0 10px 0 #5a9bd3 inset;
float: left;
height: 550px;
margin: 20px 0;
overflow: hidden !important;
padding: 12px;
width: 100%;
}
.referring-content-inner {
height: 418px;
overflow-y: scroll;
padding: 0 16px 0 0;
}
.referring-content h2{    
color: #333333;
font-family: Tahoma,Arial,sans-serif;
font-size:30px;
margin-top: 0;
font-weight:600;
}
.referring-content h3{
font-weight: 600;
margin: 0 0 12px;
	}
.referring-content ol{}
.referring-content ol li{
list-style: inherit;
margin: 0 0 11px 14px;
}
.referring-condition{
width: 100%;
float:left;
}
.referring-condition ul{}
.referring-condition ul li{
list-style: outside;
margin: 0 0 11px 28px;
}
#fms-panel {
float: left;
margin:0 0 15px;
padding: 30px 0 0;
border-bottom: 1px solid #acacac;
width: 100%;
background: #d2d2d2;
}
.fms-banner {
background: #1f4c6b url(../images/fmsbanner.jpg) no-repeat scroll 0 0;
float: left;
height: 300px;
margin-top: 70px;
width: 100%;
background-position: center;
}
.ofc-banner {
background: #51bad7 url(../images/ofc-banne.jpg) no-repeat scroll 0 0;
float: left;
height: 300px;
margin-top: 70px;
width: 100%;
background-position: center;
}
.flexslider.testi-home.testimonial-fms {margin: 0;}
.flex-slide-sps.fms-slide {margin: 10px 51px;}
#fms-features {float: left;width: 100%;margin: 0 0 34px;}
.mobile.lapi-fms {transform: skewX(0deg);top: 34px; height:167px; left:52px; width:296px;}
.img-center {margin: 0 auto;}
.features-text {color: #000000;line-height: 25px;}
#how-itbanner-panel .how-it-banner{
background:url("../images/howitimg.png") no-repeat scroll center center;
background-size:cover;
float:left;
width:100%;
height:135px;
margin:  0;
background-size:100%;}
#how-toapply-banner{width: 100%;padding: 0px 0;}
#how-itbanner-panel {width: 100%;background: #d2d2d2;
border-bottom: 1px solid #acacac;border-top: 1px solid #acacac; margin:0 0 30px; padding:40px 0;}
	
#how-toapply-banner .how-toapply-banner{
background:url("../images/howtoapply.png") no-repeat scroll center center;
background-size:cover;
float:left;
width:100%;
height: 130px;
}
.apply-content {
font-weight: 600;
margin: 28px 0 0;
text-align: center;
}
#how-itbanner-panel .banner-heading {
float: left;
margin: 0;
text-align: center;
width: 100%;
}
.introduction-panel img {float: right;}
#brocher-info{
width:100%;
float:left;
margin:10px 0 40px;
}
.brocher-info {
background: #d2d2d2;
border: 1px solid #acacac;
float: left;
margin: 50px 0 0;
padding: 23px 0 40px;
width: 100%;
}	
#brocher-info .brocher-form{
width:100%;
float:left;
}
.brocher-form .brocher-item{
margin:0 0 15px;
width:100%;
float:left;
}
.oscb-btn.brocher-btn {margin-top: 130px;}
.introduction-panel > p {line-height: 25px;margin: 0 0 10px;}
.feature-fees {margin: 56px 0 0;}
.col-slide {float: left;margin: 65px 0 0;}
.fms-mobile-screen {display: table;margin:25px auto auto;}
.arrow-fms-left {margin: 100px 0 0;}
.arrow-fms-right {margin: 100px 0 0;}
.tech-slide-panal-right {margin: 54px 0 0;}
.fa.fa-angle-left:hover {color: #5a9bd3;}
.fa.fa-angle-right:hover {color: #5a9bd3;}
.form-control.referring-box {
border-left: medium none;
border-radius: 0;
border-right: medium none;
border-top: medium none;
box-shadow: none;
padding: 0;
font-size:12px;
padding: 0 10px;
box-shadow:none !important;
}
.animation-element {
opacity: 0;
position: relative;
}
.animation-element.slide-left {
opacity: 0;
-moz-transition: all 500ms linear;
-webkit-transition: all 500ms linear;
-o-transition: all 500ms linear;
transition: all 500ms linear;
-moz-transform: translate3d(-100px, 0px, 0px);
-webkit-transform: translate3d(-100px, 0px, 0px);
-o-transform: translate(-100px, 0px);
-ms-transform: translate(-100px, 0px);
transform: translate3d(-100px, 0px, 0px);
}
.animation-element.slide-left.in-view {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
/*animation slide left styled for testimonials*/
.animation-element.slide-left.testimonial {
float: left;
width: 47%;
margin: 0% 1.5% 3% 1.5%;
background: #F5F5F5;
padding: 15px;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
border: solid 1px #EAEAEA;
}
.animation-element.slide-left.testimonial:hover,
.animation-element.slide-left.testimonial:active{
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
}
.animation-element.slide-left.testimonial:nth-of-type(odd) {
width: 48.5%;
margin: 0% 1.5% 3.0% 0%;
}
.animation-element.slide-left.testimonial:nth-of-type(even) {
width: 48.5%;
margin: 0% 0% 3.0% 1.5%;
}
.animation-element.slide-left.testimonial .header{
float: left;
width: 100%;
margin-bottom: 10px;
}
.animation-element.slide-left.testimonial .left{
float: left;
margin-right: 15px;
}
.animation-element.slide-left.testimonial .right{
float: left;
}
.animation-element.slide-left.testimonial img {
width: 65px;
height: 65px;
border-radius: 50%;
box-shadow: 0px 1px 3px rgba(51, 51, 51, 0.5);
}
.animation-element.slide-left.testimonial h3 {
margin: 0px 0px 5px 0px;
}
.animation-element.slide-left.testimonial h4 {
margin: 0px 0px 5px 0px;
}
.animation-element.slide-left.testimonial .content {
float: left;
width:100%;
margin-bottom: 10px;
}
.animation-element.slide-left.testimonial .rating{}
.animation-element.slide-left.testimonial i {
color: #aaa;
margin-right: 5px;
}
.fa-bolt > span {visibility: visible;margin: 0 -14px 1px;}
.fa-bolt {visibility: hidden;}
.ppc-panal {
width: 100%;
float: left;
}
.ppc-panal .ppc-panal-inner{
width:100%;
float:left;
}
.ppc-panal-inner p {
line-height: 30px;
margin: 10px 0;
}
.ppc-panal-brochure{
}
.ppc-panal-brochure h4{
color:#000;
float:left;
margin:10px 0;
}
.ppc-tagline {
float: left;
padding: 13px 0 0;
}
.ppc-panal-brochure input.textbox-download{
border-bottom: solid 1px rgba(0, 0, 0, 0.12);
border-top: none;
border-right: none;
border-left: none;
background: #fff;
width: 100%;
float: left;
padding: 0 0 4px;
box-shadow:none;
border-radius:0;
font-size: 12px;
margin: 0 0 20px;
}
.ppc-panal-brochure {margin: 7px 0 25px;}
.ppc-panal-inner {margin: 0 0 20px;}
.ppc-panel {margin: 30px 0;}
.ppc-features-panel{
background:#d2d2d2;
border: 1px solid #acacac;
float: left;
padding: 50px 0;
width: 100%;
}
.features-ppc-cols {
display: table;
margin: auto;
width: 85%;
}
.ppc-topic-panel{
width:100%;
float:left;
}
.ppc-topic-text {margin: 5px 0 24px;font-size: 21px;}
.ppc-topic-panel h2{ text-align:center; color:#000; margin: 22px 0; font-weight:bold;}
.ppc-topic-panel h3{}

/****scroll number****/

.data-security {
float: left;
margin: 0 0 16px;
padding: 0;
align-items:left;
width: 100%;
}
.data-secuar-two h2 {
text-align: center;
margin: 0px;
font-weight: bold;
color:#fff;
}
.data-security h2 {
text-align: center;
margin: 0px 0 15px;
font-weight: bold;
color:#fff;
}
.data-secuar-two {
padding: 30px 0;
margin:0;
background: #7D7D7D;
}
.data-lock img {
width: 80%;
}
.data-security .data-inner {
width: 100%;
float: left;
text-transform: uppercase;
}
.data-inner h3 {
font-weight: bold;
margin: 15px 0 6px;
text-transform: none;
color:#fff;
}
.data-inner h1 {
color: #5b9bd5;
font-size: 50px;
font-weight: bold;
margin: 0;
font-family: Arial;
}

/*End*/
.image-wrap-mobile.image-wrap-mobile-two{
height: 280px;
left: 50%;
margin-left: -214px;
position: absolute;
top: 84px;
z-index: 100
}
.bace-border{
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-top: 1px solid #cccccc;
padding:25px !important;
}
.bace-border h3{
font-weight:bold;
}	
.bace-border p{
font-weight:normal;
}
.bace-border.bace-border-bot {
border-bottom: 1px solid #cccccc;
}
.introduction-panel.base-content {
float: left;
margin: 0 0 16px;
}
.introduction-panel.base-content h2 {
margin: 0 0 21px;
text-align: center;
}
.bace-banner {
background: #1f4c6b url(../images/base-erp.jpg) no-repeat scroll 0 0;
float: left;
height: 300px;
margin-top: 70px;
width: 100%;
background-position: center;
}
.bace-border-height {height: 251.2px;}
.e-e-banner {
background: #33afcb url(../images/e-e-management.jpg) no-repeat scroll 0 0;
float: left;
height: 300px;
margin-top: 71px;
width: 100%;
background-position: center;
}
/********** Gps-tracking ***********/
.gps-howitworks-panel {
width: 100%;
float: left;
background: #d2d2d2;
padding: 40px 0;
margin: 0px 0 0;
border-bottom: 1px solid #acacac;
border-top: 1px solid #acacac;
}
.gps-howitworks-panel h1 {
font-weight: normal;
font-size: 45px;
color: #000;
margin: 0 0 12px;
}
.gps-howitworks-panel h1 span {
border-bottom: 1px solid #9b9b9b;
border-top: 1px solid #9b9b9b;
display: block;
font-size: 35px;
margin: 15px 0;
padding: 5px;
}
.gps-howitworks-panel h3 {
color: #000;
font-size:20px;
}
.container-two{
display: table;
margin: auto;
}
.cols {
float: left;
margin: 0;
width: 28.9%;
}
.cols2 {
float: left;
}
.img-circle-work {
font-size: 23px;
margin: 0 -7px;
position: absolute;
}
.fa.fa-plus {
color: #000000;
margin: 73px 20px 0;
}
.mobile-screen-sec {
float: left;
margin:35px 0 0;
width: 100%;
background: #d2d2d2 none repeat scroll 0 0;
border: 1px solid #acacac;
padding: 23px 0 40px;
}
.mobile-app-how-two.mobile-app-how-gps {
float: left;
margin: 45px 0;
width: 100%;
}
.fabtn {
text-align: right;
width: 100%;
}
.mobile-screen-sec-parent {
float: left;
margin:40px 0 60px;
width: 100%;
}
.container-two.container-pt {
float: left;
margin: 38px 0 0;
width: 100%;
}
.font-text {
font-size: 14px !important;
padding: 8px 34px 8px 26px !important;
}
.verified-secured {
float: left;
margin: 10px 0 0;
text-align: left;
width: 100%;
}
.introduction-panel.introduction-easy ol{}
.introduction-panel.introduction-easy ol li {
list-style: inherit;
margin: 8px 13px;
font-size:15px;
}
#ofc-panel {
float: left;
margin:0 0 15px;
padding: 30px 0 0;
border-bottom:none;
width: 100%;
background: #d2d2d2;
}
.ofc-heading {
font-size: 20px !important;
}
.ofc-diescription > p {
line-height: 28px;
text-align: justify;
font-size:15px;
}
.introduction-panel.introduction-easy {
margin: -36px 0 0;
}
.introduction-panel.introduction-easy p {
font-size: 21px;
}
.ofc-brocher {
background: #d2d2d2;
margin: 0 !important;
padding: 0 0 27px;
}
.ofc-diescription {
margin: 30px 0;
}
.introduction-ofc > img {
float: right;
margin: 16px 0 0;
width: 100%;
}
.ofc-img-center{
display:flex; align-items: center;
	}
@media screen and (max-width: 678px){
/*testimonials*/
.animation-element.slide-left.testimonial,
.animation-element.slide-left.testimonial:nth-of-type(odd),
.animation-element.slide-left.testimonial:nth-of-type(even){
width: 100%;
margin: 0px 0px 20px 0px;
}
.animation-element.slide-left.testimonial .right,
.animation-element.slide-left.testimonial .left,
.animation-element.slide-left.testimonial .content,
.animation-element.slide-left.testimonial .rating{
text-align: center;
float: none;
}
.animation-element.slide-left.testimonial img{
width: 85px;
height: 85px;
margin-bottom: 5px;
}
}
@media (min-width: 480px) {
.rwd-table td::before {display: none;}

}
@media screen and (min-width: 480px) and (max-width: 768) {
.send.brochure-btn {
    display: table;
    float: none;
    margin: auto;
}
}
.rwd-table th, .rwd-table td {text-align: left;}
@media (min-width: 480px) {
.rwd-table th, .rwd-table td {display: table-cell;padding: 0.25em 0.5em;}
.rwd-table th:first-child, .rwd-table td:first-child {padding-left: 0;}
.rwd-table th:last-child, .rwd-table td:last-child {padding-right: 0;}
}
.rwd-table {
background: #ffffff;
border: 1px solid #000000;
border-radius: 2px;
color: #000000;
}
.rwd-table tr {border-color: #46637f;}
.rwd-table th, .rwd-table td {margin: 0.5em 1em;}
.rwd-table span {
float: none;
font-size: 12px !important;
font-style: normal;
font-weight: normal;
margin: 0 !important;
}
@media screen and (min-width: 320px) and (max-width: 450px) {
.rwd-table th, .rwd-table td::before {color: #dddd55;font-size: 13px !important;}
.rwd-table span {float: none !important;font-size: 10px;}
.col-slide > img {width: 100%;}
.fms-mobile-screen { display: block;}
.introduction-panel p {text-align: center;}
.send.brochure-btn {
display: table;
float: none;
margin: auto;
}
.fms-mobile-screen img{ width:100%;margin: 30px 0 0;}
}

@media (min-width: 480px) {
.rwd-table th, .rwd-table td {
padding: 1em !important;
border-right: 1px solid #000000;
}
.popup.popup-news-work.news-referring {
margin: auto !important;
}
}
.rwd-table th, .rwd-table td::before {
color: #000;
font-size: 14px;
}
.rwd-table th span {
font-size: 14px;
margin: 7px 0 0;
}
.contact-us-inner.career-text {
float: left;
margin: 0 0 9px;
text-align: center;
}
.contact-us-inner.career-text h1 {
font-weight: bold;
}
.popup.popup-news-work {
margin: 0 auto;
}
.apps-wrap {
background:url(../images/apps-mpbile.png) no-repeat;
height: 352px;
margin: 0;
width:188px;
}
.admin-point{
float: left;
width: 60%;
}
.admin-point ul{}
.admin-point ul li{
width:100%;
float:left;
font-size:14px;
color:#000;
}
.admin-point .thumbnail {
right: 283px;
padding: 0 !important;
position: absolute;
top: 100px;
transition: all 0.3s ease 0s;
z-index: 10;
}
.admin-point .thumbnail-two {
left: 283px;
padding: 0 !important;
position: absolute;
top: 100px;
transition: all 0.3s ease 0s;
z-index: 10;
}
.admin-point-inner h5 {
color: #5a9bd3;
font-size: 18px;
font-weight: 600;
margin: 0 0 15px;
text-align:right;
cursor: text;
text-transform: uppercase;
}
.admin-point-inner .icon {
float: none;
margin:18px auto 15px;
}
.mobile-app-how-it.mobile-app-how-two{
padding:42px 0;
}
.left-right-arrow{}
.left-right-arrow {
display: table;
float: left;
left: 24px;
margin: auto;
position: relative;
top: 196px;
}
.col-apps-left {
float: left;
width: 45%;
}
.col-apps-left-admin{
float:right;
}
.col-apps-left-myly{
float:left;
}
.col-apps-right {
float: right;
width: 45%;
}
.admin-point .thumbnail-teacher {
left: 353px;
top: 102px;
}
.admin-point .thumbnail-admin {
background:none;
border: medium none;
right: 339px;
top: 102px;
}
.col-apps-left > h3 {
text-align: right;
margin: 10px 20px;
font-weight: bold;
}
.col-apps-right > h3 {
text-align: left;
margin: 10px 20px;
font-weight: bold;
}
.fa-btn-left {
text-align: left !important;
margin: 0 !important;
}
.li-option {
left: 14px;
background:url(../images/bullet.png) no-repeat scroll 5% !important;
position: relative;
}
@media (max-width:800px) {
#container {width: 90%;}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.navbar-collapse {
top: 18px;
position: relative;
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
}
.navbar-toggle {
height: auto !important;
}
.navbar-collapse.in {
overflow-y: hidden !important;
overflow-x: hidden !important;
}
.home-top h1 {
font-size: 28px;
line-height: 45px;
text-align: center;
}
.logo-media {
display: table;
float: none;
margin: 0;
width:100%;
}
.logo-media img{
margin:auto;
display:table;
}
.navbar-toggle {
margin-top: -41px !important;
}
.available-store {
font-size: 20px;
text-align: center;
width: 100%;
}
.data-security-img {
display: table;
margin: auto;
}
.get-now {
float: none;
width: 100%;
}
.newsletter-subscription form input[type="email"] {
width: 100%;
}
.newsletter-email {
padding: 15px 0;
}
.newsletter-subscription table tr {
display: table-header-group;
}
.newsletter-td-submit {
display: table;
margin: 20px auto auto;
}
.home-top-btn {
display: table;
float: none;
margin: auto;
}
.btn-default {
display: table !important;
margin: auto !important;
margin-bottom: 20px !important;
}
.btn.clean {
display: table;
margin: auto auto 20px !important;
}
.get-now {
text-align: center;
}
.get-now p {
text-align: center;
}
.showcase-wrap {
margin: 0;
}
.service-box_body {
text-align: center;
}
.security-right-panel h3 {
text-align: center;
}
.security-icon {
text-align: center;
}
.security-right-panel p {
margin: 11px 0 15px;
text-align: center;
}
.iph-mobile {
display: table;
margin: auto;
}
.benefits-panel {
float: left;
margin: 42px 0 0;
}
.title-mid {
color: #000000;
font-size: 30px;
font-weight: bold;
margin: 0 0 28px;
text-align: center;
}
.btn.btn-from-top.watch {
border: 1px solid #ffffff;
display: table;
margin: 23px auto;
}
.step-left-panel ul li {
font-size: 15px;
}
.step-panel {
display: table;
float: none;
margin: auto;
}
.down-arrow {
background: none;
left: 0;
}
.down-arrow.up-arrow {
background: none;
left: 0;
}
.media-text-panel {
float: none;
text-align: center;
width: 100%;
margin: 0;
}
.media-logo {
display: table;
float: none;
margin: auto;
}
.dropdown-menu {
background-color: #000000 !important;
width: 100% !important;
}
.info-client {
border-bottom: 1px solid #d5d5d5;
margin: 0 0 2em;
padding: 0 0 12px;
width: 100%;
}
.info-client .info-client-img {
float: none;
width: 100%;
}
.info-client-img img {
display: table;
margin: auto;
}
.info-client .info-client-text {
float: none;
margin: 1.1em 0 0;
width: 100%;
}
.info-client-text h4 {
text-align: center;
}
.partner-sps {
margin: 10px 0 12px;
}
.blog-panel-inner {
float: left;
width: 100%;
}
.alignnone {
display: none;
}
.mobile {
background: url("../images/Iphone2.png") no-repeat !important;
height: 451px !important;
position: sticky !important;
transform: none !important;
width: 185px !important;
}
.mobile.lapi-fms {
background:url(../images/webpanel-three.png) no-repeat !important;
height: 167px;
left: 52px;
top: 34px;
transform: skewX(0deg);
position: sticky !important;
width: 395px !important;
}
.right-fmsalign{text-align: center;}
.mobile .slick-slide {margin: 61px 8px;}
.iph-mobile {
float: none;
height: 500px;
position: relative;
}
.sing-btn.blog-btn {
display: inherit;
margin: auto auto 10px;
text-align: center;
}
#technology-blog img {width: auto;}
.amongst-students {width: auto;}
.sharing {width: auto;}
.graff-panal1 {width: 100%;}
.graff-panal1 img {width: 100% !important;}
.banner-career h2, .banner-how-it h2, .banner-thecompany h2, .banner-product {font-size: 40px;}
.graff-panal-img img {width: 100% !important;}
.banner-career, .banner-thecompany, .contact-banner, .support-banner, .price-banner, .banner-how-it, .partner-banner, .media-event, .banner-leadership, .advertisement-banner, .life-banner, .award-banner, .banner-product, .fms-banner, .bace-banner, .e-e-banner, .exam-result-banner, .gps-banner, .mobile-app-banner, .timetable-banner, .ofc-banner   {
background-position: 20%;
height: 100px;
background-size: 100%;
}
.btn.clean.btn-from-top.pd-btn {
margin: 0 0 18px 20px;
padding: 6px 12px;
}
.sing-btn2 {font-size: 15px;}
.mobile {position: relative !important;left: 0 !important;}
.down-arrow.up-arrow {background: none;}
.down-arrow {background: none;}
.oops-work img {width: 100%;}
nav.navbar-fixed-top {padding: 10px 0 24px;}
.slick-dots {bottom: -75px !important;}
.slick-list {width: 88%;left: 10px;}
.devicehome {width: 100%;}
.home-top {margin: 40px 0 0;}
.desc h5 span {display: block;}
.mobile {-webkit-transform: skew(0deg, 0deg);}
.dropdown-menu {background-color: #1b1b1b !important;width: 100%;}
.advertisement-panel .advertisement-inner {margin: 0;}
.advertisement-panel {margin: 0;}
.tab-img.tab-img-two {margin: 36px 0 0;}
.tab-img.tab-img-two > img {margin-bottom: 40px;}
.how-can {margin: 0;}
.advertisement-heading {font-size: 25px;padding: 45px 0;}
.iframe-video-home {height: 202px;}
.col-xs-2.togal-full {display: block;}
.navbar-toggle.navbar-toggle-two {
border: 1px solid #ffffff;
margin-top: 0 !important;
padding: 7px 8px;
position: relative;
top: 8px;
margin-right: 0 !important;
float: none;
}
.about-work {min-width: 100%;}
.navbar-toggle.navbar-toggle-three.collapse.in {display: block;}
.yt-videoiext h3 {
margin: 27px 0 11px;
text-align: center !important;
}
#sidebar-wrapper {margin-top: 14px;}
.dubaipic {margin: 0 0 20px;width: 100%;}
.award_pic-img {margin: 0 0 20px;}
.desc h5 {font-size: 16px;}
span.logo-icon.logo-icon-two {margin-bottom: 15px;margin-top: 0;}
.col-sm-4.andro-icon-btn {display: table;margin: auto;}
.btn-default-two {float: left;margin: 0;}
.faq li.q {line-height: 24px;margin-bottom: 12px;}
.content_box-blue h3 {margin: 26px 0 0;}
.sing-btn {float: none;font-size: 16px;}
.social-widget {display: table;margin: 15px auto;}
.popup {margin: 50px auto;}
.communication-img {width: 100% !important;}
.pagination > li > a, .pagination > li > span {padding: 3px 6px !important;}
.media-text-work.media-text-work-award-panel {width: 100%;}
.contest-panel input.textbox-contest {width: 100%;}
a.submit-contest {
float: left;
margin: 30px 0;
}
.advertisement-banner.contest-banner {height: 140px;margin-top: 85px;}
.contest-star {left: 0;}
.star-work {right: 0px;}
.star-work > span {margin: 0 7px 43px 0;}
.db span {width: 59%;}
.gif-btn img {float: none;margin: 0 auto 20px;display: table;}
.launches-panel h2 {
font-size: 23px;
line-height: 32px;
margin: 0 0 20px;
text-align: center;
}
a.oscb-btn {font-size: 11px;}
.edu-com-left {
display: table;
float: none;
margin: auto;
}
.edu-com-right {
float: none;
margin: 23px 0 0;
text-align: center;
width: 100%;
}
.app-work img {
display: table;
padding: 0 0 14px;
margin: auto;
}
.texbox.texbox-mobile {margin: 0 0 31px;}
.col-sm-4.tbl {
padding: 40px 20px 35px;
height: auto;
}
.col-sm-4.tb2 {
padding: 40px 20px 35px;
height: auto;
}
.feedback-panel .feedback-least {
width: 100%;
}
.feedback-panel p {
text-align: left;
}
.col-sm-12.col12-ped {
padding: 0;
}
.feedback-panel h1 {
font-size: 30px;
}
.col-xs-6.col-sm-6.web-col-view {
width: 100%;
}
.how-it-step-panel .how-it-step-one {
display: table;
float: none;
height: 345px;
margin: auto;
width: auto;
}
.posts-grid.row-fluid.unstyled.showcase.showcasewebtwo {padding: 0;}
#how-itbanner-panel .how-it-banner {
height: 90px;
width: 100%;
}
#how-toapply-banner .how-toapply-banner{
height: 90px;
background-size:100%;
margin: 0;
}
#how-toapply-banner {margin: 0;}
.margin-bottom{margin-bottom:15px;}
.tech-slide-panal-res {
display: table;
margin: auto;
text-align: center;
}
.col-slide {float: none;margin: 0 0 30px;}
.flex-slide-sps.fms-slide {margin: 46px 0 0;}
.icon-fms-features > img {position: relative;top: 16px;}
.fms-mobile-screen img{margin: 30px 0 0;}
.col-sm-6.col-clear {clear: both;}
.introduction-panel img {
display: table;
float: none;
margin: 20px auto auto;
width: 100%;
}
.premium-face img {
display: table;
float: none;
margin: auto;
width:100%;
}
.launches-panel {
float: left;
margin: 40px 0 60px;
width: 100%;
}
.features-need {
float: none;
text-align: center;
margin: 22px 0;
font-size:20px;
}
.features-karo {
float: none;
text-align: center;
margin: 0 0 30px;
}
.launches-panel-home{margin:0px;}
a.now-more-home{ margin:0 auto 20px;}
.award-panel{padding: 0 0 33px;}
.features-panel-inner {margin: 0 0 20px;}
.content_box-blue {margin: 0 0 20px;}
.get-more-panel {margin: 0 0 30px;}
.security-right-panel {margin: 30px 0;}
.video, .title-mid, .get-now, .data-security-panel, .flex-slide-sps, .features-panel {margin: 0;}
.list-item-work {height: 140px;}
.popup.referring-res{width:100%;}
.launches-panel.launches-inner { margin: 100px 0 0;}
.row.elets-panel-inner{align-items: end; display: inline-block;}
.posts-grid.showcase.showcase-two {padding: 0 !important;}
.new-town-logo-panle {
display: table;
margin: auto;
padding: 21px 0;
}
.powerd-my {
margin: 30px 0;
text-align: center;
}
.ppc-tagline {
padding:0;
}
.data-security { text-align:center;}
.dt-text h2 {font-size: 20px; margin: 12px 0 0;}
.dt-text h2 span {font-size: 20px; margin: 11px 0 8px;}
.dt-img {width: 45%; margin-bottom:25px;}
.digital-img > img {width: 100%;}
.dt-award-panel .dt-m-logo {
display: table;
float: none;
margin:20px auto auto;
}
.dt-award-panel h3 {
margin: 10px 0 0;
text-align: center;
}
.dt-award-panel h3 span {
display: block;
font-size: 25px;
margin: 5px 0 8px;
}
.dt-m-logo > img {
margin: 0;
}
.mobile-app-how-it.mobile-web-ta {
margin: 0;
}
.col-apps-left {
float: none;
width: 100%;
}

.admin-point {
float: none;
width: 100%;
}
.admin-point .thumbnail-teacher {
float: none;
left: 0;
position: relative;
top: 0;
width: 100%;
}
.featured-thumbnail.thumbnail-two.thumbnail-teacher img {
border: 1px solid #5299d3;
display: table;
margin: auto;
}
.admin-point ul li {
float: none;
text-align: center;
}
.apps-wrap {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
height: 352px;
margin: 0;
width: 188px;
}
.col-apps-right {
float: none;
width: 100%;
}
.col-apps-left-myly {
float: none;
width: 100%;
display:none;
}
.admin-point .thumbnail-admin{
position:relative;
left:0
top:0;
}
.admin-point ul {
float: left;
margin: 0 0 5px;
width: 100%;
}
.admin-point .thumbnail-admin {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
left: 0;
right: 0;
top: 0;
margin: 50px 0 0;
width: 100%;
}
.col-apps-left-admin {
display: none;
float: none;
}
.introduction-panel.base-content h2 {
font-size: 20px;
}
.fabtn {
text-align: center;
width: 100%;
}
.admin-point-inner h5{ text-align:center;}
.featured-thumbnail-parent{
background:none !important;
border: medium none !important;
cursor:none !important;
display: table;
margin: auto;
width: 100%;}
.fa-btn-left {
text-align: center !important;
}
.col-apps-left > h3 {
margin: 0 0 22px;
text-align: center;
}
.col-apps-right > h3 {
float: left;
margin: 24px 0 14px;
text-align: center;
width: 100%;
}
.admin-point .thumbnail-admin {
margin: 11px 0 0;
}
.Parent-mobile-tp {
background:none !important;
border: none !important;
display: table;
margin: auto;
width: 100%;
}
.container-two.container-pt {
display: block;
float: none;
margin: 38px 0 0;
width: auto;
}
.li-option {
left: 6px;
background:url(../images/bullet.png) no-repeat scroll 5% !important;
position: relative;
}
.font-text {
font-size: 14px !important;
padding: 8px 0 8px 27px !important;
}
.introduction-panel.introduction-easy {
margin: 0px 0 0;
}
a.send {
display: table;
float: none;
margin: auto;
}
.send.send-ofc {
margin: 25px auto;
}	
#ofc-panel {
padding: 30px 0 0;
}
.ofc-img-center {
align-items: center;
display: table;
}
}
@media screen and (min-width: 320px) and (max-width: 480px) {
.li-option {
background:url("../images/bullet.png") no-repeat scroll 3% center !important;
left: 6px;
position: relative;
}
.font-text {
font-size: 14px !important;
padding: 8px 0 8px 36px !important;
}
}
@media screen and (min-width: 360px) and (max-width: 640px) {
.li-option {
background:url("../images/bullet.png") no-repeat scroll 3% center !important;
left: 6px;
position: relative;
}
.font-text {
font-size: 14px !important;
padding: 8px 0 8px 36px !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.li-option {
background:url("../images/bullet.png") no-repeat scroll 3% center !important;
left: 6px;
position: relative;
}
.font-text {
font-size: 14px !important;
padding:8px 20px 8px 21px !important;
}
.gps-howitworks-panel h3 {
color: #000000;
font-size: 15px;
}
.introduction-panel.introduction-easy {
margin: 0;
}
#ofc-panel {
padding: 30px 0;
}
}
@media screen and (min-width: 768px) and (max-width: 880px) {
.send.send-ofc {
margin: 0;
}
}
@media screen and (min-width: 320px) and (max-width: 365px) {
.Svideoj9 .screenone .cCODim5 {margin-top: 0px;}
}
@media screen and (min-width: 380px) and (max-width: 630px) {
.desc h5 {font-size: 14px;}
}
@media screen and (min-width: 500px) and (max-width: 767px) {
.step-panel {
float: left;
margin: 0 20px 20px 0;
}
.step-panel::after {
content: "";
}
.media-text-work {
float: left;
margin: 0 0 20px;
width: 49%;
}
.banner-career, .banner-thecompany, .contact-banner, .support-banner, .price-banner, .banner-how-it, .partner-banner, .media-event, .advertisement-banner, .life-banner, .award-banner, .banner-product, .fms-banner, .bace-banner, .e-e-banner, .exam-result-banner, .gps-banner, .mobile-app-banner, .timetable-banner, .ofc-banner   {
background-position: 20%;
height: 150px;
background-size: 100%;
}
.sing-btn2.partner-btn {
margin: 220px auto auto;
}
.step-left-panel {
float: none;
}
.step-left-panel ul li {
font-size: 12px !important;
background: none;
}
.step-left-panel h3 {
font-size: 18px;
}
.dt-img {width: 30%; margin-bottom:25px;}
}
@media screen and (min-width: 650px) and (max-width: 767px) {
.blog-panel-inner {
float: none;
margin: auto;
display: table;
width: 80%;
}
.blog-panel-left h4 {
font-size: 14px;
}
.blog-panel-left p {
font-size: 14px !important;
}
.how-it-step-panel .how-it-step-one {
display: table;
float: left;
height: 345px;
margin: auto;
width: auto;
}
.col-xs-6.col-sm-6.web-col-view {
width: auto;
}
.alunch-img > img {
height:auto;
}
}
@media screen and (min-width: 320px) and (max-width: 479px) {
.popup.popup-news-work {
padding: 0;
width: 100%;
margin: 140px 0 0 !important;
}
.popup .close {
right: -8px !important;
top: 10px !important;
}
.launches-panel-home span {display: block;}
.referring-content {height: 350px;	}
.popup.popup-news-work.news-referring {margin: 50px 0 0 !important;}
.referring-content h2 {font-size: 22px;}
.referring-content {height: 340px;}
.referring-content-inner {height: 211px;}
}
@media screen and (min-width:480px) and (max-width: 600px) {
.referring-content {
background: #ffffff;
float: left;
height: 266px;
}
.introduction-panel img {width:auto;}
}

@media screen and (min-width:360px) and (max-width: 640px) {
.referring-content {height: 250px; margin:0;}
.referring-content-inner {height: 126px;}
.popup .close {top: 5px !important;}
}
@media screen and (min-width: 320px) and (max-width: 500px) {
.data-security-img img {
width: 100%;
}
.step-panel::after {
content: normal;
}
.step-left-panel {
display: table;
float: none;
margin: 24px auto 20px;
}
.award-wes-logo > img {
width: 100%;
}
.popup {
margin: 100px auto;
}
.launches-panel-home h1 {
font-size: 22px;
margin: 18px 0 0;
}
.cols {
float: none;
margin: auto;
width: 100%;
}
.cols2 {
float: none;
}
.gps-howitworks-panel h3 {
font-size: 20px;
margin: 16px 0 11px;
}
.fa.fa-plus {
color: #000000;
display: table;
float: none;
margin: auto auto 20px;
width: 100%;
}
}
@media screen and (min-width: 501px) and (max-width: 767px) {
.cols {
margin: 0;
width: 50%;
}
.container-two {
display: table;
margin: auto;
width: auto;
}
.cols {
margin: 0 0 35px;
width: 100%;
}
.cols2 {float: none;}
.fa.fa-plus {
color: #000000;
display: table;
float: none;
margin: auto auto 20px;
width: 100%;
}
}
@media screen and (min-width: 650px) and (max-width: 767px) {
.create-launches {
line-height: 26px;
margin: 0;
}
.launches-panel-home h1 {
font-size: 19px;
margin: 12px 0 0;
}
}
@media screen and (min-width: 320px) and (max-width: 650px) {
.alunch-img > img {
height: 95px;
}
.launches-panel-home h1 {
font-size: 13px;
margin: 13px 0 0;
}
.create-launches {
line-height: 20px;
margin: 0;
}
}
@media (max-width: 767px) {
.posts-grid.showcase li {
width: 50%;
margin: 12px 0;
display: inline-block;
vertical-align: top;
padding: 0 20px;
text-align: center !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}
@media(min-width:768px) {
.fixed-brand {width: 250px;display: none;}
#wrapper.toggled {padding-left: 0;}
#sidebar-wrapper {width: 250px;}
#wrapper.toggled #sidebar-wrapper {width: 250px;}
#wrapper.toggled-2 #sidebar-wrapper {width: 50px;}
#wrapper.toggled-2 #sidebar-wrapper:hover {width: 250px;}
#page-content-wrapper {
padding: 20px;
position: relative;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#wrapper.toggled #page-content-wrapper {
position: relative;
margin-right: 0;
padding-left: 250px;
}
#wrapper.toggled-2 #page-content-wrapper {
position: relative;
margin-right: 0;
margin-left: -200px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
width: auto;
}
.sing-btn {font-size: 14px;}
}
@media screen and (min-width: 320px) and (max-width: 350px) {
.tab-img-two {width: 100%;}
}
@media screen and (min-width: 481px) and (max-width: 649px) {
.launches-panel-home h1 {
font-size: 18px;
margin: 4px 0 0;
}
.create-launches {
line-height: 22px;
margin: 6px 0 0;
}
}
@media (max-width: 480px) {
.posts-grid.showcase li {width: 100%;}
.popup {margin: 70px auto !important;}
}
@media (max-width: 767px) {
.posts-grid.showcase li .thumbnail {
display: inline-block;
margin: 0 0 30px;
float: none;
}
.posts-grid.showcase {padding: 0;}
.posts-grid li .featured-thumbnail img {width: 100%;}
.desc {margin: 0;width: 100%;}
.showcase-wrap .image-wrap {display: none;}
}
@media screen and (min-width: 768px) and (max-width: 800px) {
.row.elets-panel-inner{align-items: end; display: inline-block;}
}
@media screen and (min-width: 768px) and (max-width: 997px) {
.media-logo {
float: none;
display: table;
float: none;
margin: auto;
}
.media-text-panel.video-text-panel {
margin: 0;
text-align: center;
width: auto;
}
.yt-videoiext h3 {
margin: 27px 0 11px;
text-align: center !important;
}
.navbar .nav li a:hover, .navbar .nav li.active a {border-bottom: none;}
span.logo-icon.logo-icon-two {margin-bottom: 15px;margin-top: 0;}
span.login-icon {padding: 0;}
span.btn-androad.btn-androad-login {margin: 0;}
span.apple-icon {padding: 0;}
.fa.fa-android.android-support {margin: 0 10px 0 0;}
span.andro-sp {padding: 0;}
.popup {padding: 20px;width: 80%;margin: 120px auto;
}
.media-icon a img {width: 31px;}
.media-icon a {width: 27px;}
.sme-img {width: 100% !important;}
.popup.popup-news-work {margin: 72px auto;}
.gif-btn img {margin: 20px 0 12px;}
.launches-panel ul li {font-size: 12px;}
.launches-panel ul {margin: 0;}
.partner-panel p {font-size: 13px;text-align: center;}
.how-it-step-panel .how-it-step-one {
display: table;
float: none;
height: 345px;
margin: auto;
width: auto;
}
.posts-grid.row-fluid.unstyled.showcase.showcasewebtwo {padding: 0;}
.tech-slide-panal-right {text-align: center;}
.fms-mobile-screen img {width:100%;}
.premium-face img {
display: table;
float: none;
margin: 24px auto auto;
}
.launches-panel h2 {line-height: 0; margin: 0 0 36px;font-size: 24px;}
.features-need {
float: none;
text-align: center;
margin: 22px 0;
}
.features-karo {
float: none;
text-align: center;
margin: 0 0 30px;
}
.launches-panel-home h1 {
font-size: 25px;
margin: 21px 0 0;
text-align: center;
}
a.now-more-home{ margin:0 auto 20px;}
.popup.referring-res{width:100%;}
.referring-content{height:650px;}
.launches-panel.launches-inner {margin: 100px 0 0;}
.posts-grid.showcase.showcase-three{
padding: 0 0 !important;
}
.posts-grid.showcase.showcase-two {padding: 50px 0 0 !important;}
.home-top h1{ font-size:24px;}
.available-store {
font-size: 20px;
margin: 10px 0 16px;
}
.data-inner h3 {
font-size: 18px;
margin: 10px 0 6px;
}
.benefits-panel.benefits-panel-two{ margin:auto;}
.dt-award-panel .dt-m-logo {
display: table;
float: none;
width: 100%;
margin: 0 !important;
}
.dt-m-logo > img {
display: table;
margin: auto;
}
.bace-border{
height: 300px;
}
.bace-border h3 {
font-size: 16px;
font-weight: bold;
}
.introduction-panel img {
width:100%;
}
.cols {
float: left;
margin: 0 0 35px;
width: 45%;
}
.cols:last-child {
margin: 0;
}
.fa.fa-long-arrow-right{
}
.cols2.cols2-res {
display: none;
}
.gps-howitworks-panel h3 {
color: #000000;
font-size: 20px;
}
.col-apps-left > h3 {
float: left;
margin: 0 0 20px !important;
width: 100%;
}

}
@media screen and (min-width: 768px) and (max-width: 1100px) {
.admin-point {
float: none;
width: 100%;
}
.admin-point .thumbnail-teacher {
float: none;
left: 0;
position: relative;
top: 0;
width: 100%;
}
.featured-thumbnail.thumbnail-two.thumbnail-teacher img {
border: 1px solid #5299d3;
display: table;
margin: auto;
}
.admin-point ul li {
float: none;
text-align: center;
}
.apps-wrap {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
height: 352px;
margin: 0;
width: 188px;
}
.col-apps-right {
float: none;
width: 100%;
clear:both;
}
.col-apps-left-myly {
float: none;
width: 100%;
display:none;
}
.admin-point .thumbnail-admin{
position:relative;
left:0
top:0;
}
.admin-point ul {
float: left;
margin: 0 0 5px;
width: 100%;
}
.admin-point .thumbnail-admin {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
left: 0;
right: 0;
top: 0;
margin: 50px 0 0;
width: 100%;
}
.col-apps-left-admin {
display: none;
float: none;
}
.col-apps-left {
float: none;
width: 100%;
}
.col-apps-left > h3 {
margin: 0;
text-align: center;
}
.col-apps-right > h3 {
clear: both;
margin: 0;
text-align: center;
}
.admin-point .thumbnail-admin {
margin: 23px 0 0;
}
.featured-thumbnail.thumbnail.thumbnail-admin img {
	border: 1px solid #5299d3;
display: table;
margin: auto;
}
.fabtn {
text-align: center;
}
.admin-point-inner h5 {
text-align: center;
}
.featured-thumbnail-parent {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
border: medium none !important;
cursor: none !important;
display: table;
margin: auto;
width: 100%;
}.fa-btn-left {
text-align: center !important;
}
.col-apps-left > h3 {
margin: 0;
text-align: center;
}
.col-apps-right > h3 {
float: left;
margin: 24px 0 0;
text-align: center;
width: 100%;
}
.container-two.container-pt {
display: block;
float: none;
margin: 38px 0 0;
width: auto;
}
}
@media screen and (min-width: 997px) and (max-width: 1200px) {
.linking-news.videonewstwo {margin: 0;font-size: 19px;}
.media-text-panel.video-text-panel {margin: 0;width: auto;}
span.apple-icon {padding: 0;}
.how-it-step-panel .how-it-step-one {
display: table;
float: none;
height: 345px;
margin: auto;
width: auto;
}
.popup.referring-res{width:100%;}
.features-need {font-size: 26px;}
.referring-content{height:500px;}
.posts-grid.showcase.showcase-two{padding: 50px 30px 0 !important;}
.posts-grid.row-fluid.unstyled.showcase.showcasewebtwo {padding: 16px 0;}
.bace-border{
height: 300px;
}
.cols {
float: left;
margin: 0;
width: 27.9%;
}
.gps-howitworks-panel h3 {
color: #000000;
font-size: 15px;
margin: 16px 0 40px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.desc {width: 200px;}
.benefits-panel {
margin: auto;
width: 724px;
float: none;
}
.posts-grid.showcase {padding: 50px 0 0;}
.data-security-img > img {width: 100%;}
.get-now {text-align: center;}
.get-now p {text-align: center;}
.features-panel-inner {float: none;}
.blog-panel-left h4 {font-size: 16px;}
.partner-panel h3 {font-size: 20px;}
.terms-edu {margin: 100px 0 0;}
.create-launches {line-height: 31px;margin: 10px 0 0;}
.launches-panel-home h1 {font-size: 22px;margin: 10px 0 0;}
.dt-award-panel h3 span{ display:block;}
.dt-award-panel h3{ text-align:center;}
.dt-award-panel .dt-m-logo {margin: 20px 0 0;}
}
@media (min-width: 768px) and (max-width: 1200px) {
.banner-career, .banner-thecompany, .contact-banner, .support-banner, .price-banner, .banner-how-it, .partner-banner, .media-event, .banner-leadership, .advertisement-banner, .life-banner, .award-banner, .banner-product, .fms-banner, .bace-banner, .e-e-banner, .exam-result-banner, .gps-banner, .mobile-app-banner, .timetable-banner, .ofc-banner  {
background-position: 20%;
height: 218px;
background-size: 100%;
}
.bace-top-section {height: auto;}
.edu-commerce {
display: table;
float: none;
margin: auto;
width: auto;
}
.edu-com-right {
float: none;
margin: 10px 0 5px;
text-align: center;
width: 100%;
}
.edu-com-left {
display: table;
float: none;
margin: auto;
}
.down-arrow.up-arrow {background: none;}
.down-arrow {background: none;}
#how-itbanner-panel .how-it-banner {height: 200px;width: 100%;}
.data-security-img > img {width: 100%;}
.content_box-blue h3 {font-size: 24px;margin: 96px 0 0;}
.contest-panel input.textbox-contest {width: 100%;}
#how-toapply-banner .how-toapply-banner{ height: 200px;background-size:100%;}
}
@media (min-width: 768px) and (max-width: 1100px) {
.navbar .nav li {float: left;}
.navbar .nav li a {border-bottom: none;background: inherit;}
.nav > li > a:focus, .nav > li > a:hover {background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;}
.nav > li > a:focus, .nav > li > a:hover {text-decoration: none;}
.navbar .nav li a:hover, .navbar .nav li.active a {background: #000;color: #5a9bd3;
}
.navbar .nav li {margin: 0 1px;padding: 0;}
.iph-mobile {
display: table;
margin: auto;
margin-top: 20px;
}
.features-panel-inner {float: none;}
.info-client .info-client-img {
float: none;
margin: auto;
display: table;
}
.info-client .info-client-text {
float: none;
margin: 1em 0em 0px 0em;
width: 100%;
}
.info-client .info-client-text h4 {
text-align: center;
font-size: 14px !important;
}
.graff-panal-img img {width: 100% !important;}
.blog-panel-left h4 {font-size: 14px;}
.banner-career, .banner-thecompany, .contact-banner, .support-banner, .price-banner, .banner-how-it, .partner-banner, .media-event, .banner-leadership, .advertisement-banner, .life-banner, .award-banner, .banner-product, .fms-banner, .bace-banner, .e-e-banner, .exam-result-banner, .gps-banner, .mobile-app-banner, .timetable-banner, .ofc-banner  {
background-position: 20%;
height: 208px;
}
.popup.popup-news-work {margin: 72px auto;}
.image-wrap.image-wrap-mobile{ background-size:72%;}
.posts-grid.showcase.showcase-m-two {
    padding: 15px 0 0;
}
}
@media (min-width: 980px) and (max-width: 1100px) {
.posts-grid.showcase {padding: 50px 0 0;}
.create-launches {line-height: 31px;margin: 10px 0 0;}
.launches-panel-home h1 {font-size: 31px;margin: 10px 0 0;}
}
@media (min-width: 956px) and (max-width: 1200px) {
.blog-panel-left h4 {font-size: 16px;}
}
@media (min-width: 1100px) and (max-width: 1199px) {
.desc {width: 200px;}
.service-box h4 {font-size: 17px;}
.benefits-panel {margin: auto;width: 930px;}
.graff-panal-img img {width: 100% !important;}
.blog-panel-left h4 {color: #000000;font-size: 15px;font-weight: bold;}
.launches-panel-home h1 {font-size: 31px;margin: 10px 0 0;}
.posts-grid.showcaseweb-panel {padding: 15px 0;}
.container.container-tp {width: auto;}
.admin-point .thumbnail-teacher {left: 326px;}
.container-two.container-pt {
display: block;
float: none;
margin: auto;
width: auto;
}
}
@media (min-width: 1200px) and (max-width: 1300px) {
.down-arrow.up-arrow {background: none;}
.down-arrow {background: none;}
.featured-thumbnail a {display: block;position: relative;}
.referring-content{height:auto;}
.bace-top-section {height: auto;}
}
@media screen and (max-width: 700px) {
.box {width: 70%;}
.popup {width: 100%;}
}