@charset "utf-8";

/* CSS Document */


body {
    overflow-x: hidden;
}

div.scrollmenu {
    padding-bottom: 40px;
    overflow: auto;
    white-space: nowrap;
}

div.scrollmenu a {
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

.clearfix {
    clear: both;
}

.heading-1 {
    font-style: normal;
    font-weight: 600;
    font-size: 70px;
    line-height: 34px;
    letter-spacing: 1px;
    margin-bottom: 15px;
    color: #3c5a9a;
    margin-bottom: 15px;
    text-align: center;
}

.heading-1 span {
    font-size: 15px;
	color:#252525;
}

.heading-2 {
    font-style: normal;
    font-weight: 400;
    font-size: 70px;
    line-height: 60px;
    letter-spacing: 1px;
    margin-bottom: 15px;
    color: #3c5a9a;
    margin-bottom: 15px;
    text-align: center;
}

.heading-2 strong {
    font-size: 50px;
    font-weight: bold;
}

.heading-3 {
    color: #3c5a9a;
    font-size: 20px;
    text-align: left;
    margin-top: 15px;
}

.heading-4 {
    color: #3c5a9a;
    font-size: 40px;
    text-align: center;
    float: left;
    width: 100%;
    /*background:url(../images/heading-bg.png) bottom center no-repeat;  padding-bottom:70px;*/
    margin-top: 80px;
    line-height: 27px;
}

.heading-4 span {
    font-size: 15px;
    color: #444;
    line-height: 21px;
}

.form-caption {
    color: #252525;
    text-align: center;
}

.top-bar {
    float: left;
    width: 100%;
    background: #f1f1f1;
    
    padding-bottom: 0px;
}

.mobilephone {
    margin-bottom: 0;
    font-size: 14px;
    margin-top: 10px;
    line-height: 23px;
}

.mobilephone span {
    font-size: 20px;
    margin-right: 20px;
    color: #00adef;
    width: 25px;
    height: 25px;
    float: left;
    text-align: center;
    line-height: 23px;
    border-radius: 50%
}

.mobilephone a {
    margin-bottom: 0;
    font-size: 15px;
    margin-top: 10px;
    line-height: 23px;
	color: #666;
	
}

.mobilephone a:hover {
    text-decoration: underline;
}

ul.social-link {
    float: none;
width: 100%;
list-style: none;
padding: 0;
margin-top: 4px;
margin-bottom: 4px;
text-align: center;
display: inline-block;
}

ul.social-link li {
    margin-left: 7px;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    display: inline-block;
    text-align: center;
}

ul.social-link li a {
    font-size: 25px;
    display: inline-block;
}

ul.social-link li:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

ul.social-link li a:hover {
    color: #252525;
}

ul.social-link1 {
    float:right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin:0;
    text-align:right;
    display: inline-block;
}
ul.social-link1 li {
    margin-left: 7px;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    display: inline-block;
    text-align:right;
}

ul.social-link1 li a {
    font-size: 25px;
    display: inline-block;
	color:#fff;
	line-height:0;
}

ul.social-link1 li:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

ul.social-link1 li a:hover {
    color: #fff;
}

.main-header {
    float: left;
    width: 100%;
    padding:0;
}



/*.TomMenu.small {
    position: fixed;
    top: -5px;
    position: fixed;
    top: 0!important;
    margin-top: 0;
}
*/
.ayon-logo {
    transition: all 300ms;
    -webkit-transition: all 300ms;
}

.ayon-logo.small {
    width: 150px;
}

#cssmenu #cssmenu {
    transition: all 300ms;
    -webkit-transition: all 300ms;
}


/*#cssmenu.small { margin-top:-10px; }*/

.top-btn {
    float: right;
}

.top-btn a {
float: left;
margin-left: 2px;
padding: 7px 10px 7px 10px;
background: #E78D2E;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
display: inline-block;
margin-top: 0px;
font-size: 16px;
}
	
}
.top-btn a:hover {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
}

.facebook-color {
    color: #3c5a9a;
}

.twitter-color {
    color: #00c1f7;
}

.linkdin-color {
    color: #0274b3;
}

.rss-color {
    color: #fb9517;
}

.youtube-color {
    color: #3c5a9a;
}

.banner-box {
    float: left;
    width: 100%;
	background:url(../images/background.jpg) no-repeat; background-size:100% auto;

}.home-head1 { padding:15px; background:#ccc; float:left; width:100%;}
.home-head1 h3 { float:left; width:100%; border-bottom:1px solid #252525; color:#252525; padding:0px 0 20px 0; font-size:20px; text-transform:uppercase; margin-bottom:20px;}
.home-para1 p { font-size: 16px;line-height: 24px;}
}



.banner-box img {
    float: left;
    width: 100%;
}

.search-btn-in {
    width: 150px;
    float: right;
    font-size: 1rem;
    color: #444;
    background-color: #3c5a9a;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    background-image: none;
    background-clip: padding-box;
    border: 0;
    outline: none!important;
    cursor: pointer;
    height: 45px;
    margin-top: -65px;
    margin-right: 8px;
    font-size: 15px;
}


.search-btn-in1 {
    width: 100px;
    float: right;
    font-size: 1rem;
    color: #444;
    background-color: #3c5a9a;
    color: #fff;
    padding: 10px 10px;
    border-radius: 5px;
    background-image: none;
    background-clip: padding-box;
    border: 0;
    outline: none!important;
    cursor: pointer;
    height: 40px;
    margin-top: -62px;
    margin-right: 8px;
    font-size: 14px;
}

.grey-box {
    background: url(../images/blue-bg.jpg) center repeat-y;
    padding: 0px 0;
}

.blue-text strong {
    color: #3c5a9a;
}

.backgrond-grey {
    background: #F69926;
}

.form-height {
    padding: 10px 20px!important;
}

.text-height {
    height: 80px;
}

.heading-lead {
    display: inline-block;
    text-align: center;
    font-size: 80px;
    font-family: story_bookregular;
    color: #000;
    text-align: center;
    float: left;
    width: 100%;
}

.heading-lead:hover {
    color: #3c5a9a
}

.embed-responsive-item {
    height: 235px;
    width: 100%;
    border: 20px solid #000;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.apple-fram {
    width: 100%;
    margin-top: -6px;
}

.shadow-box {
    background: #fff;
    padding: 15px;
    border: 1px solid #ccc;
    -webkit-box-shadow: -1px -1px 6px 0px rgba(50, 50, 50, 0.64);
    -moz-box-shadow: -1px -1px 6px 0px rgba(50, 50, 50, 0.64);
    box-shadow: -1px -1px 6px 0px rgba(50, 50, 50, 0.64);
    margin-bottom: 30px;
}

.agency2-hero {
	background:#e8e8e8;
    padding: 80px 0 0px 0;
    float: left;
    width: 100%;
    min-height: 550px;
}

.package-outer {
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    padding: 10px;
}

.package-outer h2 {
    font-size: 20px;
    width: 100%;
    padding: 10px 10px;
    color: #252525;
}

.package-outer h2 span {
    float: right;
    font-size: 17px;
}

.services-box {
    background: #fff;
    background-attachment: fixed;
    padding: 0px 0;
    float: left;
    width: 100%;
}

.green-box {
    float: left;
    width: 100%;
    padding: 80px 0;
    background: #8bcd31;
}

.plans-and-pricing {
    background: url(../images/Background-HD.png);
    background-size: cover;
    background-position: 50%;
    background-attachment: fixed;
    padding: 40px 0;
    float: left;
    width: 100%;
    margin-top: 0px;
}

.why-us-box {
   /* background: #f1f1f1 url(../images/texture.png) repeat;*/
    padding: 0px 0;
    float: left;
    width: 100%;
    margin-bottom:0px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(135deg, #F79112 0%,#F7906F 50%,#F79153 51%, #F79183 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(135deg, #F79112 0%,#F7906F 50%,#F79153 51%, #F79183 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #F79112 0%,#F7906F 50%,#F79153 51%, #F79183 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.why-us-services {
    float: left;
    color: #666;
    font-size: 15px;
    border-bottom: 1px solid #fff;
    padding-bottom: 0px;
    padding-top: 2px;
    width: 100%;
}

.why-us-services span {
    color: #fff;
    margin-right: 15px;
    float: left;
    text-align: center;
    line-height: 70px;
    font-size: 50px;
    border-radius: 50%;
}

.why-us-services p strong {
    color: #fff;
    line-height: 35px;
    font-size: 20px;
    margin-top: 18px;
    float: left;
}

.divder-line {
    float: left;
    width: 100%;
    height: 1px;
    margin: 40px 0;
}

.box-shadow {
    background: url(../images/box-hadow.png) no-repeat;
    width: 100%;
    cursor: pointer;
    height: 201px;
    padding-left: 7px;
}

.box-shadow img {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 7px;
    float: left;
}

.box-shadow:hover {
    background: url(../images/box-hadow-h.png) no-repeat;
    width: 100%;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.box-shadow h2 {
    margin: 0;
    padding-top: 18px;
    text-align: center;
    width: 100%;
}

.box-shadow h3 {
    color: #666666;
    font-size: 16px;
    font-weight: normal;
    height: 20px;
    margin: 0;
    text-align: center;
    width: 100%;
}

.box-shadow:hover h3 {
    width: 100%;
    margin: 0px;
    font-weight: normal;
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.clint-logo {
    padding: 0!important;
    margin: 0!important;
}

.clint-logo img {
    border: 1px solid #ccc;
    padding: 10px;
}

.pd-5 {
    padding: 50px 0;
}

.mr-5px {
    margin-top: 120px;
}

.play-btn-link {
    font-size: 30px;
    color: #fff!important;
}

.wite-text {
    color: #fff;
}

.wite-text span {
    color: #fff;
}

.footer-box {
    height: auto;
    background: #f1f1f1;
    float: left;
    width: 100%;
    background-size: 100%;
    padding: 5px 0 0;
    border-top: 5px solid #dc7337;
    margin-top: 0px;
}

.footer-box h6 {
    color: #F69926;
    margin-top: 15px;
    font-size: 16px;
    margin-top:0;
    float: left;
    width: 100%;
}

ul.site-map {
    float: left;
    list-style: none;
    padding: 0;
    width: 100%;
    margin-top:0;
}


/* Underline From Left */

ul.site-map li a {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
    color: #252525;
    font-size: 14px;
    margin-bottom: 3px;
}

ul.site-map li a:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #3c5a9a;
    height: 1px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

ul.site-map li a:hover:before,
ul.site-map li a:focus:before,
ul.site-map li a:active:before {
    right: 0;
}

.copyright {
    float: left;
    width: 100%;
    padding: 0 0 20px;
    background:#F79112;
}

.copyright p {
    color: #fff;
    margin: 0;
    font-size: 14px;
}

.visite-code {
    float: right;
    background: #3c5a9a;
    padding: 3px 8px;
}

#testimonial-slider1 {}

.heading-our-work {
    padding-top: 10px;
    padding-bottom: 15px;
    font-size: 26px;
    font-weight: 400;
    color: #3c5a9a;
    background: url(../images/border-3px.jpg) 0 25px repeat-x;
    margin-bottom: 30px;
	text-align:center;
}

.heading-our-work span {
    background: #fff;
    padding: 0 15px;
	text-transform:uppercase;
}

.peding-left15px {
    padding-left: 15px;
    margin-bottom: 30px;
}

.read-morebtn {
    padding: 7px 12px;
    background: #fff;
    margin-right: 5px;
    position: relative;
    z-index: 9999;
}

.read-morebtn:hover {
    background: #3c5a99;
    color: #fff;
}

.grey-testimonial-box {
    background: #f1f1f1;
}

.inside-header {
    background: url(../images/about-banner.jpg);
    background-size: cover;
    background-position: 50%;
    background-attachment: fixed;
    padding: 130px 0 30px 0;
    margin-bottom: 25px;
	height:364px;
}

.inside-header1 {
    padding:0;
    margin-bottom: 25px;
	position:relative;
}

.TopSiteM { float:left; width:100%; margin:0; padding:0; position:absolute;top: 36%;
	}


.inside-main-heading {
    font-size: 30px;
    font-weight: 400;
    color: #F69926;
    text-transform: uppercase;
    padding: 10px 40px 10px 15px;
    background: #fff;
    width: auto;
    float: left;
}

.inside-main-heading span {
    border-bottom: 2px solid #fff;
}

ol.breadcrumb {
       float: left;
    width: 100%;
    background: #fff;
    padding: 10px 15px;
    width: auto;
    clear: both;
}

ol.breadcrumb li {
    color: #000;
    text-transform: uppercase;
}

ol.breadcrumb li a {
    color: #3c5a9a;
}

ol.breadcrumb li.active {
    color: #3c5a9a;
    text-decoration: underline;
}

.about-bg2 {
    background: url(../images/about2.jpg);
    background-size: cover;
    background-position: 50%;
    background-attachment: fixed;
    padding: 50px 0 50px 0;
    margin: 25px 0;
}

.text-white p {
    color: #fff;
}

.icon-box {
    font-size: 17px;
    float: left;
    text-align: center;
    margin-right: 10px;
    color: #3c5a9a;
}

.light-grey-text p {
    color: #666;
}

.bg-gray-darker {
    background:#3c5a9a;
    background-size: cover;
    background-position: 50%;
    background-attachment: fixed;
    margin-top: 50px;
}

.section-80 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.counter-wrapper {
    float: left;
    width: 100%;
    min-height: 180px;



}

.counter-title {
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #7d7d7d;
    margin-top: 10px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

.counter {
    font-size: 50px;
    line-height: 1.05;
    letter-spacing: 0.04em;
    text-align: center;
    color: #fff;
}

.about-heading2 {
    color: #F69926;
    margin-bottom: 15px;
    margin-top: 25px;
    font-size: 26px;
    font-weight: 900;
	   /* float: left;
    width: 100%;*/
}
.about-heading3 {
    color: #fff;
    margin-bottom: 15px;
	background:#3c5a9a;
	padding:10px 20px
}

.green-text {
    color: #3c5a99;
    font-weight: bold;
}

.gredint-box {
    border: 1px solid #ccc;
    padding: 25px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfcfa+1,ffffff+100&1+0,0+100 */
    background: -moz-linear-gradient(45deg, rgba(251, 252, 250, 1) 0%, rgba(251, 252, 250, 0.99) 1%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(251, 252, 250, 1) 0%, rgba(251, 252, 250, 0.99) 1%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(251, 252, 250, 1) 0%, rgba(251, 252, 250, 0.99) 1%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fbfcfa', endColorstr='#00ffffff', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.light-greybox1 {
    background: #fbfcfa;
    padding: 25px 0;
    margin: 25px 0 0px 0;
}

.light-greyboxhome {
    background: #fbfcfabd;
    padding: 0px 0px 0px 24px;
    margin: 5px 0 0px 0;
	
}

.light-greybox2 {
    background: #fbfcfa;
    padding:0 0  36px 0;
    margin:0;
	background:#f1f1f1;
}

.web-services a, .web-services1 a  {
    border: 1px solid #ccc;
    text-align: center;
    margin-top: 15px;
    float: left;
    width: 100%;
}

.web-services2 a  {
    border: 1px solid #fff;
    text-align: center;
    margin-top: 15px;
    float: left;
    width: 100%;
	color:#fff;
	background: #000;
}


.web-services1 p { color:#3c5a9a;
	}
.web-services2 p { color:#fff;
	}
.web-services h4, .web-services1 h4 {
    font-size: 19px;
    font-weight: normal;
    padding: 30px 30px;
    text-align: center;
    min-height: 130px;
}

.web-services2 h4 {
    font-size: 19px;
    font-weight: normal;
    padding:20px;
    text-align: center;
	color:#fff;
	text-transform:uppercase;
}

.web-services h4 span, .web-services1 h4 span {
    font-size: 40px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.web-services2 h4 span {
    float: left;
    width: 100%;
}

.web-services2 a:hover {background:#3c5a9a;
	}

.web-services a:hover, .web-services1 a:hover, .web-services1 a:hover h4, .web-services1 a:hover h4 span, .web-services1 a:hover fa, .web-services1 a:hover p {
    background: #3c5a9a;
    color: #fff;
}

.gradintbox2 {
    float: left;
    width: 100%;
    padding: 0 0 0 0;
    background: #f79112;
	margin-top:5px;
}

.font-18px {
    font-size: 18px;
    color: #252525;
    font-weight: 400;
    line-height: 40px;
}

.web-designing {
    background: #7b7070;
    text-align: center;
    padding: 0% 25px 0%;
    min-height: 168px;
    margin-bottom: 0%;
}

.web-designing h4 {
    color: #F69926;
	text-align: center;
}

.web-designing h4 span {
    font-size: 70px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

.custom-icon {
    float: left;
    width: 120px;
    height: 120px;
    margin-right: 20px;
    font-size: 50px;
    text-align: center;
    background: #3c5a9a;
    line-height: 120px!important;
    color: #fff;
    border-radius: 50%;
}

.font-22px {
    font-size: 22px;
    color: #3c5a9a;
}

.custom-box {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.custom-icon-right {
    float: right;
    margin-right: 0;
    margin-left: 20px;
}

.custom-box:last-child {
    border-bottom: 0;
}

.blue-background {
    background: #3c5a9a;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}

.blue-background span {
    font-weight: normal;
    font-size: 14px;
}

.underline-though {
    text-decoration: line-through;
    font-weight: normal;
}

.green-background {
    background: #3c5a99;
}

.table-border-none thead th {
    border: 0!important;
}

.font-normal th {
    font-weight: normal!important;
}

.buy-now-btn {
    float: left;
    width: 100%;
    text-align: center;
}

.buy-now-btn a {
    padding: 7px 12px;
    color: #fff;
    color: #fff;
    background: #3c5a9a;
    font-weight: bold;
    border-radius: 5px;
}

.buy-now-btn a:hover {
    background: #3c5a99;
}

.buy-now-btn2 {
    float: left;
    width: 100%;
    text-align: center;
    line-height: 35px;
    margin-top: 7px
}

.buy-now-btn2 a {
    padding: 0px 12px;
    color: #fff;
    color: #fff;
    background: #3c5a9a;
    font-weight: bold;
    border-radius: 5px;
}

.buy-now-btn2 a:hover {
    background: #3c5a99;
}

.core-lead {
    background: #3c5a9a;
    font-size: 1.7rem;
    font-weight: 300;
    color: #fff;
}

.underlinethourgh {
    text-decoration: line-through;
}

.vps-icon {
    float: right;
    color: #3c5a99;
    font-size: 20px;
}

select.form-control {
    border: 1px solid #e9ecef;
    color: #252525;
    margin-bottom: 0;
    padding: 0 10px;
}

.font-17px {
    font-size: 17px;
}

.inr-color-green {
    color: #3c5a99!important;
    font-size: 18px!important;
}

.m-top-20px {
    margin-top:10px;
}

.pd-25px {
    padding: 25px 0 50px 0;
    margin-bottom: 0px!important;
}

.visible-xss {
    display: none;
}

.aboutus-bannner {
    background: url(../images/about2.jpg);
}

.mobile-services {
    background: url(../images/mobile-services.jpg);
}


.pay-now-banner { background:url(../images/pay-now-banner.jpg)}

.maintenance-banner { background:url(../images/maintenance-banner.jpg)}

.landing-page-banner { background:url(../images/landing-page-banner.jpg)}

.android-app-banner { background:url(../images/android-app-banner.jpg);}

.anmation-banner { background:url(../images/anmation-banner.jpg);}

.online-vistor-book-banner { background:url(../images/online-vistor-book-banner.jpg);}

.school-erp-banner { background:url(../images/school-erp-banner.jpg);}

.employe-tracking-banner { background:url(../images/employe-tracking-banner.jpg);}

.sales-booster-banner { background:url(../images/sales-booster-banner.jpg);}

.core-php-devel-banner { background:url(../images/core-php-devel-banner.jpg);}

.custom-web-app-banner { background:url(../images/custom-web-app-banner.jpg);}

.bulk-email-banner { background:url(../images/bulk-email-banner.jpg);}

.bulk-smsCB-banner { background:url(../images/bulk-sms-banner.jpg);}

.cloud-hosting-banner { background:url(../images/cloud-hosting-banner.jpg);}

.reseller-hosting-banner { background:url(../images/reseller-hosting-banner.jpg);}

.ssl-certifi-banner { background:url(../images/ssl-certifi-banner.jpg);}

.g-suite-banner { background:url(../images/g-suite-banner.jpg);}

.hostel-ivr-banner { background:url(../images/hostel-ivr-banner.jpg);}

.miss-call-alerts-banner { background:url(../images/miss-call-alerts-banner.jpg);}

.toll-free-num-banner { background:url(../images/toll-free-num-banner.jpg);}

.red-text {
    color: #ff0000;
}

.antispam-bannner {
    background: url(../images/about3.jpg);
}

.privacy-bannner {
    background: url(../images/about4.jpg);
}

.refund-bannner {
    background: url(../images/about5.jpg);
}

.link-btn a, .link-btn1 a {
    color: #fff;
    font-size: 80px;
    width: 100%;
    height: 80px;
    text-align: center;
    line-height: 80px;
    margin: auto;
}

.link-btn a:hover {
    color: #3c5a99;
}

.link-btn1 a:hover {
    color: #fff;
}

.toll-free-icon {
    width: 80px;
    height: 80px;
    float: left;
    border: 2px solid #3c5a9a;
    text-align: center;
    font-size: 40px;
    border-radius: 50%;
    color: #3c5a9a;
    line-height: 70px;
    margin-right: 10px;
}

.toll-free-box {
    border-bottom: 1px solid #ccc;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #fff;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 5px;
    margin-bottom: 5px;
    -webkit-transition: all 1s;
    /* Safari */
    transition: all 1s;
}

.toll-free-box:hover {
    -webkit-box-shadow: 1px 1px 1px 0px rgba(204, 204, 204, 1);
    -moz-box-shadow: 1px 1px 1px 0px rgba(204, 204, 204, 1);
    box-shadow: 1px 1px 1px 0px rgba(204, 204, 204, 1);
}

.green-icon2 {
    border: 2px solid #3c5a99!important;
    color: #3c5a99;
}

.toll-free-heading-green {
    color: #3c5a99;
}

.smo-banner {
    background: url(../images/smo-banner.jpg);
}

.form-control2 {
    padding: 15px 0 10px;
    font-size: 18px!important;
    color: #333;
    border: 0;
    border-bottom: 1px solid #ccc;
    width: 100%;
    position: relative;
    z-index: 2;
    background: 0 0;
    float: left;
    outline: 0;
    margin-bottom: 15px;
}

.captcha {
    width: 100%;
    border: 1px solid #ccc;
    padding: 5px;
}

.pd-bottom0 {
    padding-bottom: 0;
    margin-bottom: 20px;
}

ul.table-main-list {
    float: left;
    width: 1140px;
    list-style: none;
    padding: 0;
    border-left: 0;
    margin-bottom: 0;
    border-left: 1px solid #ccc;
}

ul.table-main-list li {
    float: left;
    font-size: 15px;
    font-weight: normal;
    padding: 0 10px;
    text-align: center;
    border: 1px solid #ccc;
    border-left: 0;
    border-top: 0!important;
    min-height: 50px;
    line-height: 50px;
}

ul.table-main-list li span {
    font-size: 13px;
}

ul.blue-table {
    float: left;
    width: 1140px;
    list-style: none;
    padding: 0;
    border-left: 0;
    margin-bottom: 0;
    padding:0;
	margin:0;
}

ul.blue-table li {
    float: left;
    font-size: 15px;
    font-weight: normal;
    padding:15px 10px;
    text-align: center;
    border-left: 0;
    color: #FFF
}

ul.email-package-head {
    float: left;
    width: 1140px;
    list-style: none;
    padding: 0;
    border-left: 0;
    margin-bottom: 0;
    background: #3c5a99;
    padding: 10px 0;
}

ul.email-package-head li {
    float: left;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    border-left: 0;
    color: #FFF;
    width: 228px;
}

ul.email-package-head-tdbody {
    float: left;
    width: 1140px;
    list-style: none;
    padding: 0;
    border-left: 0;
    margin-bottom: 0;
    border-left: 1px solid #ccc;
}

ul.email-package-head-tdbody li {
    float: left;
    font-size: 15px;
    font-weight: normal;
    padding: 0 10px;
    text-align: center;
    width: 227px;
    border: 1px solid #ccc;
    border-left: 0;
    padding: 15px 0;
    border-top: 0;
}

.wdiht229px {
    width: 231px!important;
}

ul.fadebook-add-table li {
    line-height: 21px!important;
    padding: 10px 10px;
    height: 70px
}

ul.green-table {
    border: 0;
    
}

ul.green-table li {
    border: 0;
    color: #fff;
    padding: 25px 0;
    line-height: 21px;
	border:0;
	
}

.head-green-box {background: #3c5a99; float:left;}
.head-blue-box {background: #3c5a9a; float:left; margin:0;}


.price-font-lead {
    font-size: 20px!important;
    font-weight: bold;
}

.feature-heading {
    font-size: 22px!important;
    font-weight: bold;
    text-align: left;
    float: left;
    margin-left: 10px;
	color:#fff;
}

.table-mob-width-12 {
    width: 370px;
    text-align: left!important;
}

.table-mob-width-12-max { width:384px;}

.table-mob-width-6 {
    width: 192px;
}


.table-mob-width-3 {
    width:270px!important;
}



.full-width {
    width: 100%;
    text-align: left!important;
}

ul.table-green-bg {
    background: #3c5a99;
    border: 0;
}

ul.table-green-bg li {
    color: #fff;
    border: 0;
}

.green-icon-font {
    float: right;
    color: #3c5a99;
    font-size: 20px!important;
    margin-top: -5px;
}

ul.table-height li {
    height: 50px;
}

ul.table-col-lg-4 li {
    width: 33.33333333%;
}

ul.table-lg-3 li {
    width: 25%;
}

ul.table-lg-2-5 li {
    width: 20%;
}

ul.table-bg-green {
    background: #3c5a99
}

ul.table-bg-green li {
    border: 0;
    color: #fff;
}

ul.table-height-auto li {
    height: auto;
}

.table-mob-width-4 {
    width: 370px;
}

.que-btn {
    float: right;
    margin: 10px 0 0 10px;
    padding: 0;
}

.btnquery {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background: none;
    cursor: pointer;
    padding: 10px 16px;
    display: inline-block;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 14px;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin: 0;
    width: 100%;
    text-align: center;
}

.btnquery:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-1 {
    border: 1px solid #3c5a9a;
    color: #3c5a9a;
}

.btn-1e {
    overflow: hidden;
}

.btn-1e:after {
    width: 100%;
    height: 0;
    top: 50%;
    left: 50%;
    background: #3c5a9a;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.btn-1e:hover,
.btn-1e:active {
    color: #0e83cd;
    color: #fff;
}

.btn-1e:hover:after {
    height: 260%;
    opacity: 1;
}

.btn-1e:active:after {
    height: 400%;
    opacity: 1;
}

@keyframes linear {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 200px 0;
    }
}

.biliboard {
    padding: 10px 16px;
    text-align: center;
    position: relative;
    background: #fff;
    color: #3c5a9a;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    float: right;
    margin: 0;
    width: 100%;
}

.biliboard:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    border-radius: 3px;
    transform: scale( 1.02, 1.08);
    position: absolute;
    background: #f00;
    background: linear-gradient( 90deg, #fafafa, #fafafa, #3c5a9a, #fafafa, #fafafa);
    background-position: 55px 0;
    top: 0;
    animation: linear 1s infinite linear;
    left: 0;
    z-index: -1;
}

.add-to-cart-main {
    width: 100%;
    display: block;
    position: relative;
    float: right;
    margin:26px 0 0 16px;
}

a.add-to-cart {
    background: #fff;
    font-size: 14px;
    letter-spacing: 2px;
    color: #3c5a9a;
    border: 1px solid #3c5a9a;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    left: 0;
    position: absolute;
    top: 0;
    display: block;
    padding: 10px 10px;
    width: 81%;
    text-align: center;
    float: left;
}

a.add-to-cart.size {
    width: 30px;
    font-size: 0;
    color: #3c5a9a;
    letter-spacing: 0;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -ms-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
}

a.add-to-cart.hover {
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -ms-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 106px 20px;
    -moz-transform-origin: 106px 20px;
    -o-transform-origin: 106px 20px;
    -ms-transform-origin: 106px 20px;
    transform-origin: 106px 20px;
}

a.cart {
    color: #3c5a9a;
    text-decoration: none;
    position: absolute;
    right: 24px;
    display: block;
    background: #fff;
    border: 1px solid #3c5a9a;
    right: 0;
    font-size: 14px;
    text-align: center;
    padding: 10px;
    width: 100%;
}

a.cart > span {
    width: 24px;
    height: 24px;
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    position: absolute;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    display: block;
    top:-16px;
    right:-16px;
    margin: auto;
    background: #04417F;
}

.TMenuCarCount {
    width: 20px;
    height: 20px;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    position: absolute;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    display: block;
    bottom:-6px;
    right:-10px;
    margin: auto;
    background: #000;
	text-align:center;
}


/*a.cart > span.counter {
    left: 40px;
    bottom: 40px;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -ms-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
*/


.mrgT {
    margin-top: 4px;
}


/* POPUP BEGIN */

#popup_this {
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    margin-top: 0px;
    margin-left: 0px;
    background: #fff;
    /*padding: 30px;*/
	    padding: 6px 6px 0px 6px;
    position: fixed;
    max-width: 700px;
    margin: auto;
    z-index: 99999999;
}

.b-close {
    color: #fff;
    background:#3c5a9a;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
	z-index: 1;
}

<!-- FORM --> 

.contact-form {
    margin-top: 30px;
}

.contact-form .input-block {
    background-color: rgba(255, 255, 255, 0.8);
    border: solid 1px #3c5a9a;
    width: 100%;
    height: 46px;
    padding:10px;
    position: relative;
    margin-bottom: 20px;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    float: left;
}

.contact-form .input-block.focus {
    background-color: #fff;
    border: solid 1px #3c5a9a;
}

.contact-form .input-block.textarea {
    height: auto;
}

.contact-form .input-block.textarea .form-control {
    height: auto;
    resize: none;
}

.contact-form .input-block label {
    position: absolute;
    left: 25px;
    top: 25px;
    display: block;
    margin: 0;
    font-weight: 300;
    z-index: 1;
    color: #333;
    font-size: 18px;
    line-height: 10px;
}

.contact-form .input-block .form-control {
    background-color: transparent;
    padding: 0;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: auto;
    position: relative;
    z-index: 2;
    font-size: 18px;
    color: #333;
}

.contact-form .input-block .form-control:focus label {
    top: 0;
}

.contact-form .square-button {
    color: #fff;
    background: #F69926;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 0 60px;
    height: 60px;
    border: none;
    width: 100%;
    cursor: pointer;
}

.contact-form .square-button:hover,
.contact-form .square-button:focus {
    background-color: #F69926;
}

.video-box {
    padding: 0 15px;
    margin-bottom: 20px;
}

.testimonial-slider3 {
    padding-bottom: 30px;
}

.button {
    z-index: 9999!important;
}

@media (min-width: 768px) {
    .contact-wrap {
        width: 100%;
    }
}

.contact-wrap {
    padding: 15px 0;
    float: left;
    width: 100%;
}

.margine-bottom50px {
    margin-bottom: 50px;
}

ul.counter-box {
    float: left;
    width: 100%;
    text-align: center;
    display: inline-block;
}

ul.counter-box li {
    display: inline-block;
    margin: 0 15px;
    border: 2px solid #fff;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 25px
}

.sign-up-btn {
    width: auto!important;
    margin-top: 0!important;
    padding: 7px 15px!important;
    border-radius: 5px;
}

.footer-link {
    color: #3c5a9a;
    margin-top: 15px;
    font-size: 18px;
    margin-top: 15px;
    float: left;
    width: 100%;
    margin-top: 25px;
}

.footer-link a {
    font-size: 15px;
    margin-right: 10px;
    border-right: 1px solid #ccc;
    padding-right: 10px;
    margin-top: 15px;
    float: left;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
    color: #252525;
    font-size: 14px;
    margin-bottom: 3px;
}

.footer-link a:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #3c5a9a;
    height: 1px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.footer-link a:hover:before,
.footer-link:focus:before,
.footer-link a:active:before {
    right: 0;
}

ul.navbar-left {
    display: inline-block!important
}


/* POPUP END */

.form-control {
    display: block;
    width: 100%;
    padding: 20px 20px;
    font-size: 16px!important;
    line-height: 0.25;
    color: #444;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 0;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border-radius: 5px;
    margin-bottom: 15px;
}

.sign-up-btn-2 { float:left; width:100%; border-radius:5px; height:50px; line-height:28px; margin-top:0;background:#000; color:#fff; text-align:center; line-height:29px!important;}
..sign-up-btn-2:hover { color:#fff !important;
		} 
.aps-btn { width:100%; float:left;border-radius:5px; height:50px; padding:5px; background:#000; }
/*.counter {font-size:80px; line-height: 1.05;letter-spacing: 0.04em; text-align:center;}*/
.boder-right-1px { border-right:;}

.counter-wrapper { float:left; width:100%; min-height:150px; border:2px solid #fff; color:#fff; padding-top:20px; padding-bottom:20px; border-radius:20px;}
.counter-title { text-transform: uppercase;letter-spacing: 0.06em; color: #7d7d7d; margin-top: 10px; text-align:center; color:#fff;font-size: 16px;}
.counter {font-size:46px; line-height: 1.05;letter-spacing: 0.04em; text-align:center;}
.green-box-table { background:#3c5a99; border:0!important; color:#fff; font-weight:700!important;}
.green-box-table-2{ width:227px;}
.line-height-0 { line-height:0!important;}
ul.line-height-0 li { line-height:25px; font-weight:normal!important; padding:15px 0;}
.table-mob-width-3-3 { width:256px;}
.table-mob-width-12-full { width:1138px;}
.line-height-24px { line-height:25px!important;}
.TopFi { font-size:18px !important;
		}
.colI { color:#3c5a9a !important;
		}
.colII { color:#000 !important;
		}
.img-widthH { width:100% !important; height:auto !important;
		}
.CutP { color:#fff; text-decoration:line-through;
	}
	
	/* SAJID KASSAR */
	

.writeRevBox {
    float: left;
    width: 100%;
    margin: 30px 0 0 0;
    padding: 80px 0 0 0;
    background: url(../images/review.png) center top no-repeat;
    background-size: 100% auto;
    min-height: 375px;
}
.spot-Revi {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.svg-wrapper-Revi {
  margin-top: 0;
  position: relative;
  width:80%;
  height: 40px;
  display: inline-block;
  border-radius: 3px;
  margin-left: 10%;
  margin-right: 10%;
}

#shape-Revi {
  stroke-width: 6px;
  fill: transparent;
  stroke: #0354A6;
  stroke-dasharray: 85 400;
  stroke-dashoffset: -220;
  transition: 1s all ease;
}


#text-Revi {
  margin-top: -48px;
  text-align: center;
}

#text-Revi a {
  color:#3c5a9a;
  text-decoration: none;
  font-size: 26px;
    font-weight: 400;
}

.svg-wrapper-Revi:hover #shape-Revi {
  stroke-dasharray: 50 0;
  stroke-width: 3px;
  stroke-dashoffset: 0;
  stroke: #3c5a9a;
}
.bannerApp { float:left; width:100%; margin:0; padding:0; position: relative; height:100%;
	}
	
.movie-box { float:left; width:100%; background:url(../images/movie-icon.jpg) top repeat-x; padding:0 0 0px 0; }
	.overlap { height:auto;background:url(../images/movie-icon.jpg) bottom repeat-x #3c5a9a; width:100%; float:left; padding-bottom:54px; margin-top:53px; padding-top:0px;}
	.img-responsive-mob { width:100%; float:left;}
	.raunded-img { border-radius:15px;}
	figure.effect-layla figcaption img:hover { opacity: 7;}
	.White_Box_2 { float:left; width:100%; background:#CCC; height:350px;}
	.mt-0 { margin-top:0!important;}
	.mt-20px { margin-top:25px!important; margin-bottom:25px;}
.online-payment-optiion-heading { font-weight:400; margin-bottom:30px; text-align:center; background:url(images/heading-bg-payment.png) center bottom no-repeat; padding-bottom:20px; font-size:22px; color:#3c5a9a}
	.pay-now-box1 { float:left; width:100%; padding:8px 15px; background:#fff; border-bottom:1px solid #ccc;}
	.pay-now-box1 p { margin-bottom:0;}
	.pay-now-box1 p span { float:right; font-size:14px;}
	.lead-payment { font-size:20px; margin-bottom:0;}
	.silver { background:#3c5a9a; color:#fff;}
	.lightgrey { background:#eeeeee;}
	.darkgray { background:#3c5a9a; color:#fff;}
	.backgournd-none { background:none; border:0;}
	.checkbox-pay { float:left; margin-top:10px; margin-bottom:10PX;}
	.MrgAll { margin:0 !important;}
	.paynow-bg { background:none!important; margin-bottom:80px!important; padding-top:50px}
	.pay-green-bg { background:#f1f1f1; float:left; width:100%; height:auto; padding:50px; margin-bottom:80px; border:3px dotted #3c5a9a;}
	.paynow-para { font-size:16px; color:black;}
	.paynow-para span { font-size:24px}
	.enquery-form-btn { padding:10px 20px; float:right; background:#fff; color:#3c5a9a; border:1px solid #fff; margin-top:15px;}
	.enquery-form-btn:hover { border-color:#fff; background:none; color:#fff;}
/* Sajid Kassar */

.AppMob { float:left; width:380px; margin:0; padding:0 0 0 3px; background:url(../images/mobile-icon.png) no-repeat top center;min-height:626px;
	}
.sliderMA {
  max-width:256px;
  height:457px;
  margin:auto;
  position: relative;
  margin-top:85px;
}
.slide1MA,.slide2MA,.slide3MA,.slide4MA,.slide5MA, .slide6MA, .slide7MA, .slide8MA, .slide9MA {
  position: absolute;
  width: 100%;
  height: 100%;
}
.slide1MA {
  background: url(../images/ap1.png) no-repeat top center;
      background-size: cover;
    animation:fade 8s infinite;
-webkit-animation:fade 8s infinite;

} 
.slide2MA {
   background: url(../images/ap2.png) no-repeat top center;
      background-size: cover;
    animation:fade2 8s infinite;
-webkit-animation:fade2 8s infinite;
}
.slide3MA {
      background: url(../images/ap3.png) no-repeat top center;
      background-size: cover;
    animation:fade3 8s infinite;
-webkit-animation:fade3 8s infinite;
}

.slide4MA {
  background: url(../images/ap4.png) no-repeat top center;
      background-size: cover;
    animation:fade4 8s infinite;
-webkit-animation:fade4 8s infinite;

} 
.slide5MA {
   background: url(../images/ap5.png) no-repeat top center;
      background-size: cover;
    animation:fade5 8s infinite;
-webkit-animation:fade5 8s infinite;
}
.slide6MA {
      background: url(../images/ap6.png) no-repeat top center;
      background-size: cover;
    animation:fade6 8s infinite;
-webkit-animation:fade6 8s infinite;
}


.slide7MA {
      background: url(../images/ap7.png) no-repeat top center;
      background-size: cover;
    animation:fade6 8s infinite;
-webkit-animation:fade6 8s infinite;
}


.slide8MA {
      background: url(../images/ap8.png) no-repeat top center;
      background-size: cover;
    animation:fade6 8s infinite;
-webkit-animation:fade6 8s infinite;
}


.slide9MA {
      background: url(../images/ap9.png) no-repeat top center;
      background-size: cover;
    animation:fade6 8s infinite;
-webkit-animation:fade6 8s infinite;
}





@keyframes fade
{
  0%   {opacity:1}
  33.333% { opacity: 0}
  66.666% { opacity: 0}
  100% { opacity: 1}
}
@keyframes fade2
{
  0%   {opacity:0}
  33.333% { opacity: 1}
  66.666% { opacity: 0 }
  100% { opacity: 0}
}
@keyframes fade3
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1}
  100% { opacity: 0}
}

@keyframes fade4
{
  0%   {opacity:1}
  33.333% { opacity: 0}
  66.666% { opacity: 0}
  100% { opacity: 1}
}
@keyframes fade5
{
  0%   {opacity:0}
  33.333% { opacity: 1}
  66.666% { opacity: 0 }
  100% { opacity: 0}
}
@keyframes fade6
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1}
  100% { opacity: 0}
}
@keyframes fade7
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1}
  100% { opacity: 0}
}
@keyframes fade8
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1}
  100% { opacity: 0}
}
@keyframes fade9
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1}
  100% { opacity: 0}
}
.VideRadi {-webkit-border-radius: 16px;
-webkit-border-top-right-radius: 16px;
-moz-border-radius: 16px;
-moz-border-radius-topright: 16px;
border-radius: 16px;
border-top-right-radius: 16px;
	}
	
/*Sajid Kassar 03-12-2017*/

.checkoutMainbg {background:#fff;float:left; width:100%; height:auto; padding:50px; margin-bottom:80px;border-top:3px dotted #0354A6;border-right:3px dotted #0354A6;border-bottom:3px dotted #3c5a9a;border-left:3px dotted #3c5a9a;
	}
.checkoutbg { background:#fff; float:left; width:100%; height:auto; padding:0;border:1px solid #000; margin-bottom:25px;
	}
.checkoutbg1 { background:#fff; float:left; width:100%; height:auto; padding:0;border:1px solid #000;
	}
.ChekTable { float:left; width:100%; margin:0; padding:0;
	}
.ChekTable th { background:#0354A6; color:#fff; text-align:left;vertical-align:top;padding:10px 16px; font-size:16px; text-transform:uppercase; font-weight:600; letter-spacing:1px;
	}
.ChekTable td {color:#000; text-align:left; vertical-align:top; padding:10px 16px; font-size:14px; text-transform:capitalize; font-weight:400; letter-spacing:1px;
	}
.ChekTable td span { font-size:11px;
	}
.ChekTable td a {color:#3c5a9a;
	}
.ChekTable td a:hover {color:#0354A6;
	}
.ChekTable td .fa { font-size:15px;
	}
.ChekTable select { float:left; width:100%;padding:6px 10px; background:#fff; border:1px solid #000; color:#000;font-size:14px; text-transform:capitalize; font-weight:400; letter-spacing:1px; outline:none
	}
.ChekTable1 { float:left; width:100%; margin:0; padding:0;
	}
.ChekTable1 td {color:#000;vertical-align:top; padding:10px 16px;
	}
.ChekTable1 .CheckOutHead {color:#000;font-size:16px; text-transform:uppercase; font-weight:600; letter-spacing:1px;
	}
.ChekTable1 .CheckOutHead1 {color:#7F7F7F;font-size:14px; text-transform:uppercase; font-weight:600; letter-spacing:1px;
	}
.ChekTable1 .CheckOutHead2 {color:#000;font-size:14px; text-transform:uppercase; font-weight:600; letter-spacing:1px;
	}
.ChekTable1 .CheckOutHead3 {color:#0354A6;font-size:26px; text-transform:uppercase; font-weight:bold; letter-spacing:1px;
	}
.ChekTable1 .CheckOutHead4 { float:left; width:100%; margin:26px 0; background:#3c5a9a; padding:10px;color:#fff;font-size:16px; text-transform:uppercase; font-weight:bold; letter-spacing:1px;
	}
.ChekTable1 .CheckOutHead4:hover { background:#0354A6;
	}
.CheckOutHead4 { float:left; width:100%; margin:26px 0; background:#3c5a9a; padding:10px;color:#fff;font-size:16px; text-transform:uppercase; font-weight:bold; letter-spacing:1px; border:none; cursor:pointer;
	}
.CheckOutHead4:hover { background:#0354A6;
	}
.ChekTable1 .CheckOutHead5 {color:#000;font-size:14px; text-transform:uppercase; font-weight:600; letter-spacing:1px;
	}
.ChekTable1 .CheckOutHead6 a {color:#3c5a9a;font-size:14px; text-transform:uppercase; font-weight:600; letter-spacing:1px;
	}
.ChekTable1 .CheckOutHead6 a:hover {color:#0354A6;
	}
.ChekTable1 .CheckOutHead7 {color:#000;font-size:14px; text-transform:uppercase; font-weight:600; letter-spacing:1px;
	}
.ChekTable1 .CheckOutHead8 {color:#999;font-size:12px; font-weight:600;
	}
.ChekTable1 .CheckOutHead8 a {color:#000;font-size:12px; font-weight:400; text-decoration:underline;
	}
.ChekTable1 .CheckOutHead8 a:hover {text-decoration:underline;
	}
.ChekTable1 .CheckoutBrd { border-top:1px solid #7F7F7F;border-bottom:1px solid #7F7F7F; padding-top:20px;padding-bottom:20px;
	}
.ChekTable1 input { float:left; margin:0 0 6px 0; padding:0; width:100%; padding:6px 10px;color:#000;font-size:14px;font-weight:600; letter-spacing:1px; outline:none;
	}
.EmtyCartMainbg {background:#fff;float:left; width:100%; height:auto; padding:50px;border-top:3px dotted #0354A6;border-right:3px dotted #0354A6;border-bottom:3px dotted #3c5a9a;border-left:3px dotted #3c5a9a;
	}
.CartBut {background:#3c5a9a;padding:10px;color:#fff;font-size:16px; text-transform:uppercase; font-weight:bold; letter-spacing:1px;
	}
.CartBut:hover {background:#0354A6;
	}
	
	/* */
	
	
	.font-12px { font-size:12px;}
		.font-20px { font-size:20px;}
		.cont-btn { padding:10px 20px; background:#3c5a9a; float:right; font-size:16px; color:#fff; border-radius:5px;}
		.cont-btn:hover { background:#3c5a9a;}
		
		
		.logine-bg { background:url(../images/loginbg.jpg) fixed;
		background-size:cover; background-repeat:no-repeat;}
		.contanier-centere { position:absolute; top:15%; left:0; right:0; width:100%;}
		.whtie-backgourn-logoin { background:#fff; padding:30px 30px;}
		.mb-10px { margin-bottom:10px;}
		.login-grey-box { background:#ccc; padding:6px 0; margin-top:10px;}
		.login-grey-box p { margin-bottom:0; color:#252525;}
		.login-grey-box p a {color:#3c5a9a; text-decoration:underline;}
		.login-grey-box p a:hover { text-decoration:none;}
		
		
		.facebook-btn { width:100%; padding:6px 0; color:#fff; border:0; cursor:pointer; font-size:20px; font-weight:600; background:#3c5a9a; float:left; text-align:center; margin-top:0;}  
		.facebook-icon-25px { font-size:25px; margin-right:10px;}
		.green-box-signin { background:#3c5a9a;}
		
		
		.logine-bg1 { background:url(../images/forget-password.jpg) fixed;
		background-size:cover; background-repeat:no-repeat;}
		.contanier-centere1 { position:absolute; top:25%; left:0; right:0; width:100%;}
		.green-btn-sign-in { background:#3c5a9a!important;}
		
		
		.logine-bg2 { background:url(../images/ratester.jpg) fixed; background-size:100% 100%;
		background-size:cover; background-repeat:no-repeat; }
	.facebook-icon-25px { font-size:25px; margin-right:10px;}
		
	
	
	/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  font-family: "Source Sans Pro", sans-serif;
  color: #fff;
  background-color: #ffffff;
}

a {
  color: #fff;
  text-decoration: none;
}

section {
  /* used just to separate different styles */
 /* border-bottom: 1px solid #e6e6e6;*/
  padding: 4em 0;
}

.cd-nugget-info {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 50px;
  line-height: 50px;
  top: 0;
  left: 0;
}
.cd-nugget-info a {
  position: relative;
  font-size: 14px;
  color: #3c5a9a;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.no-touch .cd-nugget-info a:hover {
  opacity: .8;
}
.cd-nugget-info span {
  vertical-align: middle;
  display: inline-block;
}
.cd-nugget-info span svg {
  display: block;
}
.cd-nugget-info .cd-nugget-info-arrow {
  fill: #3c5a9a;
}

/* -------------------------------- 

xcarbonads 

-------------------------------- */
#carbonads-container,
#ui8ads-container {
  position: fixed;
  top: 40px;
  right: 5%;
  width: 180px;
  display: none;
}
#carbonads-container .close-carbon-adv,
#carbonads-container .close-ui8-adv,
#ui8ads-container .close-carbon-adv,
#ui8ads-container .close-ui8-adv {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 100%;
  background: rgba(25, 36, 44, 0.8);
  text-indent: 100%;
  overflow: hidden;
  width: 32px;
  height: 32px;
}
#carbonads-container .close-carbon-adv:hover,
#carbonads-container .close-ui8-adv:hover,
#ui8ads-container .close-carbon-adv:hover,
#ui8ads-container .close-ui8-adv:hover {
  background: #19242c;
}
#carbonads-container .close-carbon-adv::after, #carbonads-container .close-carbon-adv::before,
#carbonads-container .close-ui8-adv::after,
#carbonads-container .close-ui8-adv::before,
#ui8ads-container .close-carbon-adv::after,
#ui8ads-container .close-carbon-adv::before,
#ui8ads-container .close-ui8-adv::after,
#ui8ads-container .close-ui8-adv::before {
  content: '';
  background-color: #fff;
  height: 2px;
  width: 14px;
  position: absolute;
  top: 14px;
  left: 9px;
}
#carbonads-container .close-carbon-adv::after,
#carbonads-container .close-ui8-adv::after,
#ui8ads-container .close-carbon-adv::after,
#ui8ads-container .close-ui8-adv::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#carbonads-container .close-carbon-adv::before,
#carbonads-container .close-ui8-adv::before,
#ui8ads-container .close-carbon-adv::before,
#ui8ads-container .close-ui8-adv::before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#carbonads-container .carbonad,
#carbonads-container .ui8ad,
#ui8ads-container .carbonad,
#ui8ads-container .ui8ad {
  background: rgba(255, 255, 255, 0.9);
  border: none;
  width: 100%;
  height: auto;
  padding: 14px;
  text-align: center;
  border-radius: 0 3px 3px 3px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
#carbonads-container .carbonad .carbonad-image img,
#carbonads-container .carbonad .ui8ad-image img,
#carbonads-container .ui8ad .carbonad-image img,
#carbonads-container .ui8ad .ui8ad-image img,
#ui8ads-container .carbonad .carbonad-image img,
#ui8ads-container .carbonad .ui8ad-image img,
#ui8ads-container .ui8ad .carbonad-image img,
#ui8ads-container .ui8ad .ui8ad-image img {
  width: 130px;
}
#carbonads-container .carbonad .carbonad-image img,
#carbonads-container .ui8ad .carbonad-image img,
#ui8ads-container .carbonad .carbonad-image img,
#ui8ads-container .ui8ad .carbonad-image img {
  margin: 0 0 10px 10px;
}
#carbonads-container .carbonad .ui8ad-image img,
#carbonads-container .carbonad .carbon-img img,
#carbonads-container .ui8ad .ui8ad-image img,
#carbonads-container .ui8ad .carbon-img img,
#ui8ads-container .carbonad .ui8ad-image img,
#ui8ads-container .carbonad .carbon-img img,
#ui8ads-container .ui8ad .ui8ad-image img,
#ui8ads-container .ui8ad .carbon-img img {
  margin: 0 10px 10px;
  width: 130px;
}
#carbonads-container .carbonad .carbon-text, #carbonads-container .carbonad .carbonad-tag,
#carbonads-container .carbonad .carbon-poweredby,
#carbonads-container .carbonad .ui8ad-text, #carbonads-container .carbonad .ui8ad-tag,
#carbonads-container .ui8ad .carbon-text,
#carbonads-container .ui8ad .carbonad-tag,
#carbonads-container .ui8ad .carbon-poweredby,
#carbonads-container .ui8ad .ui8ad-text,
#carbonads-container .ui8ad .ui8ad-tag,
#ui8ads-container .carbonad .carbon-text,
#ui8ads-container .carbonad .carbonad-tag,
#ui8ads-container .carbonad .carbon-poweredby,
#ui8ads-container .carbonad .ui8ad-text,
#ui8ads-container .carbonad .ui8ad-tag,
#ui8ads-container .ui8ad .carbon-text,
#ui8ads-container .ui8ad .carbonad-tag,
#ui8ads-container .ui8ad .carbon-poweredby,
#ui8ads-container .ui8ad .ui8ad-text,
#ui8ads-container .ui8ad .ui8ad-tag {
  font-family: 'Helvetica Neue', Arial, sans-serif;
}
#carbonads-container .carbonad .carbon-wrap,
#carbonads-container .carbonad .ui8ad-text,
#carbonads-container .ui8ad .carbon-wrap,
#carbonads-container .ui8ad .ui8ad-text,
#ui8ads-container .carbonad .carbon-wrap,
#ui8ads-container .carbonad .ui8ad-text,
#ui8ads-container .ui8ad .carbon-wrap,
#ui8ads-container .ui8ad .ui8ad-text {
  display: block;
  width: 100%;
  padding: 0;
}
#carbonads-container .carbonad .carbon-wrap a,
#carbonads-container .carbonad .ui8ad-text a,
#carbonads-container .ui8ad .carbon-wrap a,
#carbonads-container .ui8ad .ui8ad-text a,
#ui8ads-container .carbonad .carbon-wrap a,
#ui8ads-container .carbonad .ui8ad-text a,
#ui8ads-container .ui8ad .carbon-wrap a,
#ui8ads-container .ui8ad .ui8ad-text a {
  color: #3c5a9a;
  font-size: 13px;
  font-weight: bold;
}
.no-touch #carbonads-container .carbonad .carbon-wrap a:hover, .no-touch
#carbonads-container .carbonad .ui8ad-text a:hover, .no-touch
#carbonads-container .ui8ad .carbon-wrap a:hover, .no-touch
#carbonads-container .ui8ad .ui8ad-text a:hover, .no-touch
#ui8ads-container .carbonad .carbon-wrap a:hover, .no-touch
#ui8ads-container .carbonad .ui8ad-text a:hover, .no-touch
#ui8ads-container .ui8ad .carbon-wrap a:hover, .no-touch
#ui8ads-container .ui8ad .ui8ad-text a:hover {
  text-decoration: underline;
}
#carbonads-container .carbonad .carbonad-tag,
#carbonads-container .carbonad .carbon-poweredby,
#carbonads-container .carbonad .ui8ad-tag,
#carbonads-container .ui8ad .carbonad-tag,
#carbonads-container .ui8ad .carbon-poweredby,
#carbonads-container .ui8ad .ui8ad-tag,
#ui8ads-container .carbonad .carbonad-tag,
#ui8ads-container .carbonad .carbon-poweredby,
#ui8ads-container .carbonad .ui8ad-tag,
#ui8ads-container .ui8ad .carbonad-tag,
#ui8ads-container .ui8ad .carbon-poweredby,
#ui8ads-container .ui8ad .ui8ad-tag {
  margin-top: 5px;
  color: #666;
}
#carbonads-container .carbonad .carbonad-tag a,
#carbonads-container .carbonad .carbon-poweredby a,
#carbonads-container .carbonad .ui8ad-tag a,
#carbonads-container .ui8ad .carbonad-tag a,
#carbonads-container .ui8ad .carbon-poweredby a,
#carbonads-container .ui8ad .ui8ad-tag a,
#ui8ads-container .carbonad .carbonad-tag a,
#ui8ads-container .carbonad .carbon-poweredby a,
#ui8ads-container .carbonad .ui8ad-tag a,
#ui8ads-container .ui8ad .carbonad-tag a,
#ui8ads-container .ui8ad .carbon-poweredby a,
#ui8ads-container .ui8ad .ui8ad-tag a {
  color: #666;
}
#carbonads-container .carbonad .carbonad-tag a:hover,
#carbonads-container .carbonad .carbon-poweredby a:hover,
#carbonads-container .carbonad .ui8ad-tag a:hover,
#carbonads-container .ui8ad .carbonad-tag a:hover,
#carbonads-container .ui8ad .carbon-poweredby a:hover,
#carbonads-container .ui8ad .ui8ad-tag a:hover,
#ui8ads-container .carbonad .carbonad-tag a:hover,
#ui8ads-container .carbonad .carbon-poweredby a:hover,
#ui8ads-container .carbonad .ui8ad-tag a:hover,
#ui8ads-container .ui8ad .carbonad-tag a:hover,
#ui8ads-container .ui8ad .carbon-poweredby a:hover,
#ui8ads-container .ui8ad .ui8ad-tag a:hover {
  color: #3c5a9a;
}
#carbonads-container .carbonad .ui8ad-tag,
#carbonads-container .carbonad .carbon-poweredby,
#carbonads-container .ui8ad .ui8ad-tag,
#carbonads-container .ui8ad .carbon-poweredby,
#ui8ads-container .carbonad .ui8ad-tag,
#ui8ads-container .carbonad .carbon-poweredby,
#ui8ads-container .ui8ad .ui8ad-tag,
#ui8ads-container .ui8ad .carbon-poweredby {
  display: inline-block;
  font-size: 11px;
  line-height: 15px;
}
@media only screen and (min-width: 1170px) {
  #carbonads-container,
  #ui8ads-container {
    display: block;
  }
}

/* -------------------------------- 

Basic Style

-------------------------------- */
.cd-breadcrumb, .cd-multi-steps {
  width: 90%;
  max-width: 768px;
  padding: 0.5em 1em;
  margin: 1em auto;
  background-color: #edeff0;
  border-radius: .25em;
  margin-top:50px;
}
.cd-breadcrumb::after, .cd-multi-steps::after {
  clear: both;
  content: "";
  display: table;
}
.cd-breadcrumb li, .cd-multi-steps li {
  display: inline-block;
  float: left;
  margin: 0.5em 0;
}
.cd-breadcrumb li::after, .cd-multi-steps li::after {
  /* this is the separator between items */
  display: inline-block;
  content: '\00bb';
  margin: 0 .6em;
  color: #959fa5;
}
.cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
  /* hide separator after the last item */
  display: none;
}
.cd-breadcrumb li > *, .cd-multi-steps li > * {
  /* single step */
  display: inline-block;
  font-size: 1.4rem;
  color: #666;
}
.cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
  /* selected step */
  color: #3c5a9a;
}
.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
  /* steps already visited */
  color: #3c5a9a;
}
.cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after {
  /* replace the default separator with a custom icon */
  content: '';
  height: 16px;
  width: 16px;
  background: url(../fonts/cd-custom-separator.svg) no-repeat center center;
  vertical-align: middle;
}
.cd-breadcrumb.custom-icons li > *::before, .cd-multi-steps.custom-icons li > *::before {
  /* add a custom icon before each item */
  content: '';
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: .4em;
  margin-top: -2px;
  background:url(../fonts/cd-custom-icons-01.svg) no-repeat 0 0;
  vertical-align: middle;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before {
  /* change custom icon using image sprites */
  background-position: -20px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before {
  background-position: -40px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before {
  background-position: -60px 0;
}
.cd-breadcrumb.custom-icons li.current:first-of-type > *::before, .cd-multi-steps.custom-icons li.current:first-of-type > *::before {
  /* change custom icon for the current item */
  background-position: 0 -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before {
  background-position: -20px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before {
  background-position: -40px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before {
  background-position: -60px -20px;
}
@media only screen and (min-width: 768px) {
  .cd-breadcrumb, .cd-multi-steps {
    padding: 0 1.2em;
  }
  .cd-breadcrumb li, .cd-multi-steps li {
    margin: 1.2em 0;
  }
  .cd-breadcrumb li::after, .cd-multi-steps li::after {
    margin: 0 1em;
  }
  .cd-breadcrumb li > *, .cd-multi-steps li > * {
    font-size: 1.6rem;
  }
}

/* -------------------------------- 

Triangle breadcrumb

-------------------------------- */
@media only screen and (min-width: 768px) {
  .cd-breadcrumb.triangle {
    /* reset basic style */
    background-color: transparent;
    padding: 0;
  }
  .cd-breadcrumb.triangle li {
    position: relative;
    padding: 0;
    margin: 4px 4px 4px 0;
  }
  .cd-breadcrumb.triangle li:last-of-type {
    margin-right: 0;
  }
  .cd-breadcrumb.triangle li > * {
    position: relative;
    padding: 1em .8em 1em 2.5em;
    color: #666;
    background-color: #edeff0;
    /* the border color is used to style its ::after pseudo-element */
    border-color: #edeff0;
  }
  .cd-breadcrumb.triangle li.current > * {
    /* selected step */
    color: #ffffff;
    background-color: #3c5a9a;
    border-color: #3c5a9a;
  }
  .cd-breadcrumb.triangle li:first-of-type > * {
    padding-left: 1.6em;
    border-radius: .25em 0 0 .25em;
  }
  .cd-breadcrumb.triangle li:last-of-type > * {
    padding-right: 1.6em;
    border-radius: 0 .25em .25em 0;
  }
  .no-touch .cd-breadcrumb.triangle a:hover {
    /* steps already visited */
    color: #ffffff;
    background-color: #666;
    border-color: #666;
  }
  .cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after {
    /* 
    	li > *::after is the colored triangle after each item
    	li::after is the white separator between two items
    */
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    content: '';
    height: 0;
    width: 0;
    /* 48px is the height of the <a> element */
    border: 24px solid transparent;
    border-right-width: 0;
    border-left-width: 20px;
  }
  .cd-breadcrumb.triangle li::after {
    /* this is the white separator between two items */
    z-index: 1;
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
    border-left-color: #ffffff;
    /* reset style */
    margin: 0;
  }
  .cd-breadcrumb.triangle li > *::after {
    /* this is the colored triangle after each element */
    z-index: 2;
    border-left-color: inherit;
  }
  .cd-breadcrumb.triangle li:last-of-type::after, .cd-breadcrumb.triangle li:last-of-type > *::after {
    /* hide the triangle after the last step */
    display: none;
  }
  .cd-breadcrumb.triangle.custom-separator li::after {
    /* reset style */
    background-image: none;
  }
  .cd-breadcrumb.triangle.custom-icons li::after, .cd-breadcrumb.triangle.custom-icons li > *::after {
    /* 50px is the height of the <a> element */
    border-top-width: 25px;
    border-bottom-width: 25px;
  }

  @-moz-document url-prefix() {
    .cd-breadcrumb.triangle li::after,
    .cd-breadcrumb.triangle li > *::after {
      /* fix a bug on Firefix - tooth edge on css triangle */
      border-left-style: dashed;
    }
  }
}
/* -------------------------------- 

Custom icons hover effects - breadcrumb and multi-steps

-------------------------------- */
@media only screen and (min-width: 768px) {
  .no-touch .cd-breadcrumb.triangle.custom-icons li:first-of-type a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:first-of-type em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:first-of-type a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:first-of-type em::before {
    /* change custom icon using image sprites - hover effect or current item */
    background-position: 0 -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(2) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(2) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(2) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(2) em::before {
    background-position: -20px -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(3) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(3) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(3) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(3) em::before {
    background-position: -40px -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(4) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(4) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(4) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(4) em::before {
    background-position: -60px -40px;
  }
}
/* -------------------------------- 

Multi steps indicator 

-------------------------------- */
@media only screen and (min-width: 768px) {
  .cd-multi-steps {
    /* reset style */
    background-color: transparent;
    padding: 0;
    text-align: center;
  }

  .cd-multi-steps li {
    position: relative;
    float: none;
    margin: 0.4em 40px 0.4em 0;
  }
  .cd-multi-steps li:last-of-type {
    margin-right: 0;
  }
  .cd-multi-steps li::after {
    /* this is the line connecting 2 adjacent items */
    position: absolute;
    content: '';
    height: 4px;
    background: #edeff0;
    /* reset style */
    margin: 0;
  }
  .cd-multi-steps li.visited::after {
    background-color: #3c5a9a;
  }
  .cd-multi-steps li > *, .cd-multi-steps li.current > * {
    position: relative;
    color: #666;
  }

  .cd-multi-steps.custom-separator li::after {
    /* reset style */
    height: 4px;
    background: #edeff0;
  }

  .cd-multi-steps.text-center li::after {
    width: 100%;
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%) translateX(-1px);
    -moz-transform: translateY(-50%) translateX(-1px);
    -ms-transform: translateY(-50%) translateX(-1px);
    -o-transform: translateY(-50%) translateX(-1px);
    transform: translateY(-50%) translateX(-1px);
  }
  .cd-multi-steps.text-center li > * {
    z-index: 1;
    padding: .6em 1em;
    border-radius: .25em;
    background-color: #edeff0;
  }
  .no-touch .cd-multi-steps.text-center a:hover {
    background-color: #666;
  }
  .cd-multi-steps.text-center li.current > *, .cd-multi-steps.text-center li.visited > * {
    color: #ffffff;
    background-color: #3c5a9a;
  }
  .cd-multi-steps.text-center.custom-icons li.visited a::before {
    /* change the custom icon for the visited item - check icon */
    background-position: 0 -60px;
  }

  .cd-multi-steps.text-top li, .cd-multi-steps.text-bottom li {
    width: 80px;
    text-align: center;
  }
  .cd-multi-steps.text-top li::after, .cd-multi-steps.text-bottom li::after {
    /* this is the line connecting 2 adjacent items */
    position: absolute;
    left: 50%;
    /* 40px is the <li> right margin value */
    width: calc(100% + 40px);
  }
  .cd-multi-steps.text-top li > *::before, .cd-multi-steps.text-bottom li > *::before {
    /* this is the spot indicator */
    content: '';
    position: absolute;
    z-index: 1;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: #edeff0;
  }
  .cd-multi-steps.text-top li.visited > *::before,
  .cd-multi-steps.text-top li.current > *::before, .cd-multi-steps.text-bottom li.visited > *::before,
  .cd-multi-steps.text-bottom li.current > *::before {
    background-color: #3c5a9a;
  }
  .no-touch .cd-multi-steps.text-top a:hover, .no-touch .cd-multi-steps.text-bottom a:hover {
    color: #3c5a9a;
  }
  .no-touch .cd-multi-steps.text-top a:hover::before, .no-touch .cd-multi-steps.text-bottom a:hover::before {
    box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3);
  }

  .cd-multi-steps.text-top li::after {
    /* this is the line connecting 2 adjacent items */
    bottom: 4px;
  }
  .cd-multi-steps.text-top li > * {
    padding-bottom: 20px;
  }
  .cd-multi-steps.text-top li > *::before {
    /* this is the spot indicator */
    bottom: 0;
  }

  .cd-multi-steps.text-bottom li::after {
    /* this is the line connecting 2 adjacent items */
    top: 3px;
  }
  .cd-multi-steps.text-bottom li > * {
    padding-top: 20px;
  }
  .cd-multi-steps.text-bottom li > *::before {
    /* this is the spot indicator */
    top: 0;
  }
}
/* -------------------------------- 

Add a counter to the multi-steps indicator 

-------------------------------- */
.cd-multi-steps.count li {
  counter-increment: steps;
}

.cd-multi-steps.count li > *::before {
  content: counter(steps) " - ";
}

@media only screen and (min-width: 768px) {
  .cd-multi-steps.text-top.count li > *::before,
  .cd-multi-steps.text-bottom.count li > *::before {
    /* this is the spot indicator */
    content: counter(steps);
    height: 26px;
    width: 26px;
    line-height: 26px;
    font-size: 1.4rem;
    color: #ffffff;
  }

  .cd-multi-steps.text-top.count li:not(.current) em::before,
  .cd-multi-steps.text-bottom.count li:not(.current) em::before {
    /* steps not visited yet - counter color */
    color: #666;
  }

  .cd-multi-steps.text-top.count li::after {
    bottom: 11px;
  }

  .cd-multi-steps.text-top.count li > * {
    padding-bottom: 34px;
  }

  .cd-multi-steps.text-bottom.count li::after {
    top: 11px;
  }

  .cd-multi-steps.text-bottom.count li > * {
    padding-top: 34px;
  }
}
.price-bg .fa-check { margin-right:10px !important;
	}
.ThanHead {float:left; width:100%; margin:0 0 26px 0; padding:0;color:#3c5a9a;font-size:36px; font-weight:600; letter-spacing:1px; font-style:italic; text-align:center;
	}
.ThanHead1 {float:left; width:100%; margin:0; padding:0;color:#000;font-size:20px; font-weight:600; letter-spacing:1px;text-align:center;
	}
.ThanHead2 {float:left; width:100%; margin:0 0 26px 0; padding:0;color:#000;font-size:22px; font-weight:bold; letter-spacing:1px;text-align:center;
	}
.save-50-off {left: -79px!important;top:-40px!important; padding:66px 35px 17px 40px!important; width:390px!important;} 	
				.whtie-text-table { color:#fff!important; margin-top:15px;}   
    			.price-box { background:#e4e3e3; padding:30px 50px;}	
				.whtie-box-price { background:#fff; font-size:30px; font-weight:bold; line-height:30px; padding:20px 0; border-radius:60px;}
				.whtie-box-price span { font-size:18px; font-weight:normal; text-decoration:line-through;}
				
				ul.ayon-packages { float:left; width:100%; padding:0 15px; margin-bottom:50px;}
				ul.ayon-packages li { border-bottom:1px dotted #ccc; padding:10px 0;}
				.green-table-text { color:#3c5a99;}
				.packages-mainbg { background:url(../images/packages-bg.jpg) 0 0 no-repeat fixed; background-size:cover;}
				.packages-main-heading { color:#3c5a9a;}



/*Banner Css*/
.walk-through { background:url(../images/banner/3d-walk-through.jpg)!important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.publiser-banner { background:url(../images/banner/publiser-banner.jpg)!important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.mobile-website-banner {background:url(../images/banner/mobile-website.jpg)!important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.contact-bannner {background:url(../images/banner/cotnact-us.jpg)!important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.logo-design-banner {background:url(../images/banner/logo-design.jpg)!important;background-size: cover!important;height: 360px;/*background-position: 50%!important;background-attachment: fixed!important;*/}
.crm-software-banner {background:url(../images/banner/crm-software.jpg)!important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.international-sms-banner {background:url(../images/banner/international-sms.jpg)!important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.window-phone-app-banner {background:url(../images/banner/window-phone-app.jpg)!important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.i-phone-app-development {background:url(../images/banner/i-phone-app-development.jpg)!important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.i-pad-phone-app-development-banner {background:url(../images/banner/i-pad-phone-app-development.jpg)!important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.website-maintance-banner {background:url(../images/banner/website-maintanance-banner.jpg)!important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.cross-plateform-app-banner {background:url(../images/banner/cross-plateform-app.jpg)!important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.window-reseller-hosting-banner {background:url(../images/banner/window-reseller-hosting.jpg)!important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.website-designing-banner {background:url(../images/banner/website-designing.jpg)!important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.e-commerce-website-banner {background:url(../images/banner/e-commerce-website.jpg)!important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.advertiser-signup-bannner {background:url(../images/banner/advertiser-signup.jpg)!important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.linux-reseller-hosting-banner {background:url(../images/banner/linux-reseller-hosting.jpg)!important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.custom-application-development-banner {background:url(../images/banner/custom-application-development.jpg)!important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.click-to-call-banner {background:url(../images/banner/click-to-call.jpg)!important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.mailer-design-banner {background:url(../images/banner/mailer-design.jpg)!important;/*background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;*/}
.combo-reseller-hosting-banner {background:url(../images/banner/combo-reseller-hosting.jpg)!important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.payment-gateway-integration-banner {background:url(../images/banner/payment-gateway-integration.jpg)!important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.google-adwords-banner {background:url(../images/banner/google-adwords.jpg)!important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.hot-deals-bannner {background:url(../images/banner/hot-deals.jpg)!important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important; margin-bottom:0!important;}
.toll-free-number-banner {background:url(../images/banner/toll-free-number.jpg)!important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.dedicated-server-banner {background:url(../images/banner/dedicated-server.jpg)!important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.facebook-promotion-banner {background:url(../images/banner/facebook-promotion.jpg)!important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.youtube-promotion-banner {background:url(../images/banner/youtube-promotion.jpg)!important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.short-code-sms-banner {background:url(../images/banner/short-code-sms.jpg)!important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.normal-number-banner {background:url(../images/banner/normal-number.jpg)!important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.miss-call-number-banner {background:url(../images/banner/miss-call-number.jpg)!important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.erp-software-banner {background:url(../images/banner/erp-software.jpg)!important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.smo-banner {background:url(../images/banner/smo-banner.jpg)!important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.vps-hosting-banner {background:url(../images/banner/vps-hosting.jpg)!important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.email-package-banner  {background:url(../images/banner/email-package.jpg)!important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.voice-sms-banner  {background:url(../images/banner/voice-sms.jpg)!important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.transactional-sms-banner {background:url(../images/banner/transactional-sms.jpg) !important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.seo-banner {background:url(../images/banner/seo-banner.jpg) !important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.promotinal-sms-banner {background:url(../images/banner/promotinal-sms-banner.jpg) !important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}
.linux-window-banner  {background:url(../images/banner/linux-window-banner.jpg) !important;/*background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;*/}
.android-app-development {background:url(../images/banner/android-app-development.jpg) !important;background-size: cover!important;background-position: 50%!important;background-attachment: fixed!important;}


/*Hot Dearl*/
.para-light-bg { background:#f1f1f1; padding:50px; width:100%;}
.para-light-bg2 {background:#f1f1f1;padding:50px; width:100%;}
.parallax-career {background-image:url(../images/banner/career-bg.jpg)!important;
    float: left;
    background-attachment: fixed;
    background-repeat: no-repeat;
    width: 100%;
    float: left;
    width: 100%;
    padding-top: 130px;
    padding-bottom: 100px;
    margin-bottom: 0px;
    background-size: cover;}
.CheN-Dig {width: 24px;
    height: 24px;
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    position: absolute;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    display: block;
    top: 4px;
    right: -16px;
    margin: auto;
    background: #3c5a9a;
	text-align:center;
	}	
.DassBod { background:#f3f3f3; padding:20px; float:left; width:100%; margin:0;
	}
.DassBod h1 {font-size:16px;color:#333; text-align:left;float:left; width:100%;
	}
.DassBod span {font-size:14px;color:#333; text-align:left; float:left; width:100%;
	}
.DassBod h1 a {font-size:16px;color:#3c5a9a; text-align:left; text-decoration:none;
	}
.DassBod h1 a:hover {color:#333;
	}
.MrgB30 { margin-bottom:30px !important;
	}
.DasHead {font-size:26px;color:#333; font-weight:600; text-align:left; margin:30px 0;
	}
.mrgT59 { margin-top:50px;
	}
.DesBRB { float:left; width:100%; margin:0; padding:0;
	}
.DesBRB ul {float:left; width:100%; margin:0; padding:0; list-style:none
	}
.DesBRB ul li {float:left; width:100%; margin:0; padding:0; list-style:none; display:inline;
	}
.DesBRB ul li a { float:left;width:100%; margin:0; padding:10px 20px; font-size:16px; font-weight:600; color:#fff; background:#3c5a9a; text-align:left; border:1px solid #fff; text-decoration:none;
	}
.DesBRB ul li a .fa { font-size:20px; margin-right:10px;
	}
.DesBRB ul li a:hover {background:#3c5a9a;
	}
.DesBLB {float:left; width:100%; margin:0; padding:20px 0; background:#eee;
	}
.DesBLB-Head { float:left; width:100%; margin:20px 20px 20px 20px; padding:0;font-size:26px; color:#3c5a9a; font-weight:600; text-align:left;
	}
.DesBLB-txt { float:left; width:100%; margin:0 20px;font-size:16px; color:#000; font-weight:bold; text-align:left; 
	}
.DesBLB-txt1 { float:left; width:100%; margin:6px 20px  0 20px;font-size:14px; color:#807f7f; font-weight:400; text-align:left; 
	}
.DesBLB-butt { float:left; width:auto; margin:20px 0 0 20px; padding:10px 16px; background:#3c5a9a;font-size:16px; font-weight:bold; color:#fff; text-decoration:none;-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
	}
.DesBLB-butt:hover {background:#3c5a9a;
	}
.DesBLB-butt .fa { font-size:16px; margin-right:10px;
	}
.pro-topline { float:left; width:100%; margin:0; padding:0; background:url(../images/profile-top-linebg.png) top left repeat-x; height:24px;
	}
.no-padding { padding:0 !important;
	}
.pro-topHeadBG { margin:auto; padding:0; width:400px; height:125px; background:url(../images/profile-top-headBg.png) left top; position:absolute; top:20px; left:210px;
	}
.pro-topHeadTxt { margin:32px 0 0 0; padding:0; width:100%; float:left;font-size:30px; color:#3c5a9a; font-weight:600; text-align:center; font-style:italic;
	}
.pro-TableCB { float:left; width:100%; padding:16px 0 26px 0; margin:0;
	}
.pro-TableCB table { float:left; width:100%; margin:0; padding:0;
	}
.pro-TableCB table th { padding:6px 10px;font-size:14px; color:#fff; font-weight:600; text-align:center; text-transform:uppercase; letter-spacing:1px;background:#1FCED3; border:1px solid #6D7272;border-bottom:6px solid #23BCC0; position:relative;
	}
.pro-TableCB table th .fa {font-size:16px; margin-right:6px;
	}
.pro-TableCB table .arrow{border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 30px solid #1FCED3;width: 0px;height: 0px;position:absolute; bottom:-18px; display:none;
	}
.pro-TableCB table td { padding:6px 10px;font-size:14px; color:#6D7272; font-weight:600; text-align:center; border:1px solid #6D7272;
	}
.pro-TableCB table tr:nth-child(odd) {background: #F8F7F7
	} 
.pro-TableCB table tr:nth-child(even) {background: #fff
	}
.pro-TableCB table td a {padding:6px 16px; background:#1FCED3;font-size:14px; font-weight:bold; color:#fff; text-decoration:none;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;
	}
.pro-TableCB table td a:hover {background:#23BCC0;
	}
.mb-25px { margin-bottom:25px;}	
.MessageCode { float:left; width:100%; margin:0; padding:10px 20px; background:#f1f1f1;font-size:16px; font-weight:500; color:#3c5a9a; text-align:left;
	}
.ContBtn { float:left; width:100%; margin:26px 0; background:#3c5a9a; padding:10px;color:#fff;font-size:16px; text-transform:uppercase; font-weight:bold; letter-spacing:1px;
	}
.ContBtn:hover { background:#0354A6;
	}
.CouCoTxt { font-size:10px !important;
	}
.CoupLinHe { line-height:16px !important;
	}
.SmlLogMrgR { margin-right:26px;
	}
.MRMinT { margin-top:-6px !important;
	}
.ProFMai { float:left; width:100%; margin:0; padding:16px 0 26px 0;
	}
.ProFImg { float:left; width:100%; margin:0; padding:0; text-align:center;
	}
.ProFImg img { width:200px; height:188px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
	}
.ProFHead { float:left; width:100%; margin:16px 0 0 0; padding:0;font-size:26px; color:#3c5a9a; font-weight:600; text-align:center; text-transform:capitalize; letter-spacing:1px;
	}
.ProFHead1 { float:left; width:100%; margin:0; padding:0;font-size:16px; color:#ABACB0; font-weight:600; text-align:center; text-transform:capitalize;letter-spacing:1px;
	}
.ProFTabl { float:left; width:100%; margin:0; padding:0;
	}
.ProFTabl th { padding:10px 20px;font-size:14px; background:#808C8C !important; color:#fff; font-weight:bold; text-align: left;text-transform:uppercase; letter-spacing:1px;border:1px solid #6D7272; position:relative;
	}
.ProFTabl th .arrow {border-left:30px solid #808c8c;border-top:20px solid transparent;border-bottom:20px solid transparent; position:absolute; right:-15px;top: 2px;display:none;
	}
.ProFTabl td { padding:10px 20px;font-size:14px; color:#6D7272; font-weight:600; text-align: left; border:1px solid #6D7272;
	}
.ProFTabl th .fa {font-size:16px; margin-right:16px;
	}
.ProFTabl tr:nth-child(odd) {background: #F8F7F7
	} 
.ProFTabl tr:nth-child(even) {background: #fff
	}
.ProFTablButt { float:right;padding:10px 16px; background:#3c5a9a;font-size:16px; font-weight:bold; color:#fff; text-decoration:none;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;    border: none;
	}
.ProFTablButt:hover {background:#3c5a9a;
	}
.TermsUl { float:left; width:100%; margin:0; padding:0;
	}
.TermsUl li { float:left; width:100%; margin:0 0 26px 26px; padding:0;
	}
.TermsUl li:before {
    content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #3c5a9a;
    font-size: 14px;
	margin-left:-26px;
	float:left;
	margin-top:4px;
}
.right-side {
    float: right;
}
.TomMenu {
    transition: all 300ms;
    -webkit-transition: all 300ms;
    background: #F4F4F4;
	float: left;
    width: 100%;
	z-index:99999;
	
}
.PayDP { float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #252525;
    font-size: 12px;
    text-align: left;
    line-height: 12px;
    margin-bottom: 10px;
	}
.PayMrgB { margin-bottom:16px;
	}
.PayMrgB1 { margin-bottom:30px;
	}
.IfUHaMarB { margin-bottom:-35px !important;
	}
.IfUHaMarT { margin-top:-25px !important;
	}
.NewGrayPage { background:#FBFBFB; padding:25px 0;
	}
.NewGrayPage1 { background:#FBFBFB; padding:0;
	}
.AppTechoBox { float:left; width:100%; margin:25px 0 100px 0; padding:0;
	}
.MrgBotmNR { margin-bottom:0 !important;
	}
.LinkHe {line-height: 26px !important;
	}
.ProfiBtn { font-size:16px !important;height: 38px !important;
	}
.ProFTabl .form-control{    display: block;
    width: 100%;
    padding:0 !important;
    font-size:none  !important;
    line-height:auto  !important;
    color:none  !important;
    background-color:transparent !important;
     background-image: none; 
     background-clip:none  !important; 
     border: 0  !important; 
     transition:none  !important; 
     border-radius:0  !important; 
     margin-bottom:0  !important; 
	}
.HomPaFW { width:100%;
	}