body {
	font-family: Calibri, candara;
	background-color: #FFFFFF;
	font-size:13px
}
@font-face {
        font-family: "FutePL-Light";
        src: url('../fonts/FutePL-Light.eot');
        src: url('../fonts/FutePL-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FutePL-Light.svg') format('svg'),
        url('../fonts/FutePL-Light.woff') format('woff'),
        url('../fonts/FutePL-Light.ttf') format('truetype');
}
@font-face {
        font-family: "FutePL-Book";
        src: url('../fonts/FutePL-Book.eot');
        src: url('../fonts/FutePL-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FutePL-Book.svg') format('svg'),
        url('../fonts/FutePL-Book.woff') format('woff'),
        url('../fonts/FutePL-Book.ttf') format('truetype');
}
@font-face {
        font-family: "FutePL-Demi";
        src: url('../fonts/FutePL-Demi.eot');
        src: url('../fonts/FutePL-Demi.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FutePL-Demi.svg') format('svg'),
        url('../fonts/FutePL-Demi.woff') format('woff'),
        url('../fonts/FutePL-Demi.ttf') format('truetype');
}
@font-face {
        font-family: "FutePL-Bold";
        src: url('../fonts/FutePL-Bold.eot');
        src: url('../fonts/FutePL-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FutePL-Bold.svg') format('svg'),
        url('../fonts/FutePL-Bold.woff') format('woff'),
        url('../fonts/FutePL-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Conv_FUJI2N';
	src: url('../fonts/FUJI2N.eot');
	src: url('../fonts/FUJI2N.woff') format('woff'), url('../font/FUJI2N.ttf') format('truetype'), url('../font/FUJI2N.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

a{transition:all 0.6s ease 0s; text-decoration:none}

.right-no-padding{ padding-right:0px;}

/*-------------------Home Page CSS------------------------*/
#header {
	background: #1c66cd;
	padding: 0;
	font-family: FutePL-Book;
	z-index: 9999;
	box-shadow: 0 1px 3px rgba(0,0,0,.2)
}
#header .logo {
	margin-top: 17px
}
#header ul.navbar-nav {
	list-style: none;
	margin: 0 0 0 -50px;
	padding: 0;
	border: none
}
#header ul.navbar-nav li {
	float: left;
	margin-bottom: 0;
	padding-bottom: 0
}
#header ul.navbar-nav li a {
	color: #79b1ff;
	display: inline-block;
	padding: 27px 10px;
	text-transform: uppercase;
	font-family: Conv_FUJI2N;
	font-size: 12px;
	font-weight: 400!important;
	border-radius: 0;
	letter-spacing: 1px;
	text-decoration: none;
	border: none;
	outline: 0;
	background: 0 0
}
#header ul.navbar-nav li.dropdown a {
	padding-right: 20px!important
}
.mega-menu.dropdown>a:before {
	content: "";
	font-family: FontAwesome;
	font-size: 14px;
	left: auto;
	line-height: 1;
	position: absolute;
	right: 6px;
	top: 29px
}
.client-section:after, .editer-tab-menu .nav li a.active:after, .product-box a:after {
	content: ""
}
#header ul.navbar-nav li a.lightcolor {
	color: #52dde7
}
#header ul.navbar-nav li.menus:hover>a {
	background: #14293e!important;
	color: #fff!important;
	box-shadow: -4px 4px 3px 0 rgba(0,0,0,.21)
}
#header ul.navbar-nav li:hover a {
	color: #208cd4
}
#header ul.navbar-nav .dropdown-toggle::after {
	display: none
}
#header .right-option-menu {
	margin-top: 17px
}
#header .right-option-menu .currency, #header .right-option-menu>a {
	margin-top: 1px;
	letter-spacing: 1px;
	font-size: 14px;
	font-family: Conv_FUJI2N;
	vertical-align: middle
}
#header .right-option-menu>a {
	border-radius: 8px 0 0 8px;
	padding: 8px 16px;
	display: inline-block;
	text-align: center;
	color: #adbfe5;
	margin-right: -2px;
	background: #1861c6
}
#header .right-option-menu a:hover {
	color: #fff;
	background: #185ebf;
	text-decoration: none
}
#header .right-option-menu a.sighup-btn {
	border-radius: 0
}
#header .right-option-menu .currency {
	background: #1861c6;
	border-radius: 0 8px 8px 0;
	padding: 8px 12px 8px 16px;
	border: 0;
	color: #fff
}
#header .right-option-menu .currency span {
	margin-left: -4px
}
#header .right-option-menu .currency+ul.dropdown-menu {
	background: #fff!important;
	border: 0;
	padding: 5px 10px 0;
	text-align: center;
	min-width: 55px;
	border-radius: 0 0 5px 5px;
	margin: 8px 0 0;
	box-shadow: 0 2px 6px 0 rgba(0,0,0,.3)
}
#header .right-option-menu .currency+ul.dropdown-menu li a {
	color: #1552a6!important;
	padding-bottom: 5px;
	display: inline-block;
	font-size: 14px;
	background: 0 0!important
}

.homapge-banner{ background:#2363a1; margin-top:69px;}
.homapge-banner .content-section{ padding:180px 15px;}
.homapge-banner .content-section h1{ margin:0px; padding:0px; color:#fff; font-family: 'Conv_FUJI2N'; font-size:40px; letter-spacing:2px; font-weight:bold}
.homapge-banner .content-section h1 span{ font-size:27px; display:block; padding:5px 0px; font-weight:normal}
.homapge-banner .content-section h1 span.thirdline{ font-size:33px; display:block; padding:0px; font-weight:bold; letter-spacing:2.3px}
.homapge-banner .content-section p{color:#72b3ea; font-size:16px; font-family: "FutePL-Light"; margin:20px 0px;  letter-spacing:1px;}
.homapge-banner .content-section .link-btn{ margin-top:40px;}
.homapge-banner .bannersarea{ position:relative}
.homapge-banner .bannersarea .address-icons .locations{ position:absolute;font-size:11px; color:#d0e7ff; letter-spacing:0px; background-color: rgba(94,155,220,.16); font-family: "FutePL-Book"; padding:8px 10px 8px 32px; border-radius:50px;}
.homapge-banner .bannersarea .address-icons .locations.one{top:63px; left:79px;}
.homapge-banner .bannersarea .address-icons .locations.two{top:40px; left:254px;}
.homapge-banner .bannersarea .address-icons .locations.thre{top:127px; left:273px;}
.homapge-banner .bannersarea .address-icons .locations.four{top:240px; left:95px;}
.homapge-banner .bannersarea .address-icons .locations.five{top:122px; right:-31px;}
.homapge-banner .bannersarea .address-icons .locations.six{top:181px; right:41px;}
.homapge-banner .bannersarea .address-icons .locations.seven{bottom:257px; right:34px; padding:8px 32px 8px 10px; }
.homapge-banner .bannersarea .address-icons .locations.seven img{top:-28px; right:0px; left:auto}
.homapge-banner .bannersarea .address-icons .locations.eight{bottom:311px; left:323px;}
.homapge-banner .bannersarea .address-icons .locations img{ position:absolute; top:-28px; left:0px}
.homapge-banner .content-section .link-btn a{ padding:5px 15px 5px 5px; margin-right:10px; border:solid 1px; font-size:13px; text-transform:uppercase;  font-family: "FutePL-Demi"; text-decoration:none; border-radius:50px; display:inline-block; font-weight:normal; letter-spacing:.3px;background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, #06fe7b 50%) repeat scroll center top / 100% 200%;transition: all 0.3s ease 0s;}
.homapge-banner .content-section .link-btn a:hover{background-position: center bottom;border-color:#06fe7b!important;color:#2f2f2f!important}
.homapge-banner .content-section .link-btn a:hover span{ color:#2f2f2f;}
.homapge-banner .content-section .link-btn a span{ text-align:center; width:31px; height:31px; line-height:28px;   border-radius:100%; color:#022e49; display:inline-block; font-size:18px; margin-right:2px; vertical-align:middle;}
.homapge-banner .content-section .link-btn a.view-demo-btn{ color:#08f879; border-color:#08f879}
.homapge-banner .content-section .link-btn a.learn-more-btn{background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, #06aaff 50%) repeat scroll center top / 100% 200%; color:#06aaff; border-color:#06aaff}
.homapge-banner .content-section .link-btn a.view-demo-btn span{ background:#08f879}
.homapge-banner .content-section .link-btn a.learn-more-btn span{ background:#06aaff;}
.homapge-banner .content-section .link-btn a.learn-more-btn:hover{background-position: center bottom;border-color:#06aaff!important;color:#2f2f2f!important}
.homepage-software-section{ padding:50px 0px; backface-visibility:#fff;}
.homepage-software-section h1{margin:0px 0px 50px;padding:0px;color:#264769;font-family: "FutePL-Book"; font-size:24px; text-align:center; letter-spacing:1px;}
.homepage-software-section .carousel-control.left, .client-section .carousel-control.right{ background:none;}
.homepage-software-section .carousel-control{ width:30px; height:65px; top:60px; color:#fff; opacity:1; border-radius:5px;}
.homepage-software-section .carousel-control .icon-prev, .client-section .carousel-control .icon-next{ font-size:55px; text-shadow:none}
.homepage-software-section .carousel-item{ min-height:400px}
.homepage-software-section #carousel-features .carousel-indicators{ bottom:-50px}
.homepage-software-section #carousel-features .carousel-indicators li{background:#cacaca;}
.homepage-software-section #carousel-features .carousel-indicators li.active{background:#7298cd;}

.homepage-software-section .service-content h2.service-heading{ color:#18191b; font-size:24px; font-family: "FutePL-Book"; margin:0px 0px 15px; padding:0px; letter-spacing:1px;}
.homepage-software-section .service-content h2.service-heading span{ display:block; color:#484d52; font-size:16px;   margin-bottom:8px;}
.homepage-software-section .service-content p{font-family: "FutePL-Light"; font-size:13px; color:#484d52; line-height:26px; letter-spacing:.7px; text-align:justify }
.service-content a{ font-family: "FutePL-Bold"; color:#7f8084;font-size:11px; letter-spacing:.5px; padding:12px 20px; border:solid 1px #9d9fa4}
.homepage-software-section .editor-box{ width:90%; border:solid 1px #d7d7d7; border-radius:5px 5px 0px 0px; float:right; box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.25); background:#e8e9ea; }
.homepage-software-section .editor-box .head{ background:#e8e9ea; padding:5px 10px 7px 20px; border-radius:10px 10px 0px 0px}
.homepage-software-section .editor-box .head span{ display:inline-block; width:7px; height:7px; border-radius:100%; background:#686969; margin-right:3px; vertical-align:middle}
.editor-section{ width:100%;}
.editer-tab-menu{ background:#222222; height:350px; width:130px; float:left; padding:20px 10px 20px;}
.editor-tab-content{ background:#2d3739; width:calc(100% - 130px); height:350px!important; float:right;}
.editer-tab-menu .nav li{ float:none; display:block; margin:0px; padding:0px; }
.editer-tab-menu .nav li a{ border:none; border-radius:0px; outline:none; color:#b7b7b7; font-size:12px; font-family:Arial; display:block; padding:5px 20px 5px 30px; position:relative}
.editer-tab-menu .nav li a.active{color:#ff6000}
.editer-tab-menu .nav li a.active:after{ content:""; position:absolute; left:15px; top:10px; width:8px; height:8px; background:#ff6000; border-radius:100%}
.editer-tab-menu .nav li a:hover{ text-decoration:none}


.fav-app-section{ background:#f6f8f9; padding:50px 0px; border-top:solid 1px #eaedf0; border-bottom:solid 1px #d5dadf; }
.fav-app-section h1{ text-align:center; color:#9ca8af; margin:0px 0px 50px; padding:0px;  font-family: "FutePL-Book"; font-size:20px; letter-spacing:1px}
.fav-app-section ul{ list-style:none; margin:0px; padding:0px;}
.fav-app-section ul li{ float:left; width:16.66%; text-align:center; cursor:pointer; }
.fav-app-section ul li img{filter:grayscale(100%);-webkit-filter: grayscale(100%);opacity:0.35; transition:all 1s ease 0s}
.fav-app-section ul li:hover img{filter:grayscale(0);-webkit-filter: grayscale(0) ; opacity:1;}

.product-section{ backface-visibility:#fff; padding:50px 0px;}
.product-section .carousel-control.left, .product-section .carousel-control.right{ background:none;}
.product-section .carousel-control{width:30px;right:-8px;height:68px;top:115px;background:#fff!important;color:#000;opacity:1;border-radius:5px 0px 0px 5px;}
.product-section .carousel-control.left{right:0px;border-radius:0px 5px 5px 0px; left:-8px}
.product-section .carousel-control.left .icon-prev, .product-section .carousel-control.right .icon-next{margin-top: -18px;}
.product-section .col-md-3{ padding:7px;}
.product-section h1{margin:0px 0px 50px; padding:0px; color:#264769; font-family: "FutePL-Book"; font-size:24px; text-align:center; letter-spacing:1px;}
.product-box{background-size:cover!important;}
.product-box a{padding:35px 26px; display:inline-block;text-decoration:none; position:relative; z-index:0;}
.product-box a:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1; background:#14293e; opacity:.65; transition:all ease-in-out .3s;}
.product-box h3{ margin:15px 0px 15px; padding:0px; color:#fff; font-size:17px; font-family: "FutePL-Book"; letter-spacing:1px}
.product-box p{ color:#fff; font-family: "FutePL-Light"; font-size:12px; letter-spacing:.8px; line-height:20px; margin-bottom:35px; display:block}
.product-box span{text-transform:uppercase; color:#fff; font-size:12px;  font-family: "FutePL-Bold";background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, .2) 50%, #fff 50%) repeat scroll center top / 100% 200%;transition: all 0.3s ease 0s; padding:10px 20px; border-radius:20px;letter-spacing:.5px}
.product-box.cloud-server {background:url(../images/new/cloud-service-bg.png) no-repeat;background-size:cover!important}
.product-box.bulksms-service {background:url(../images/new/sms-service-bg.png) no-repeat;background-size:cover!important}
.product-box.dedicated-server {background:url(../images/new/dedicated-server-bg.png) no-repeat;background-size:cover!important}
.product-box.tollfree-service {background:url(../images/new/tollfree-service-bg.png) no-repeat;background-size:cover!important}
.product-box.email-service {background:url(../images/new/email-service-bg.png) no-repeat;background-size:cover!important}
.product-box.misscall-service {background:url(../images/new/misscall-service-bg.png) no-repeat;background-size:cover!important}
.product-box.virtual-service {background:url(../images/new/virtual-service-bg.png) no-repeat;background-size:cover!important}
.product-box.voicebroadcast-service {background:url(../images/new/voicebroadcast-service-bg.png) no-repeat;background-size:cover!important}
.product-box:hover span{color:#304f6f; background-position: center bottom}
.product-box:hover a:after{ opacity:.94; }
#owl-demo .item{margin:5px;}
.customNavigation{text-align:center;}
.customNavigation a{display:inline-block;cursor:pointer;width:30px;height:68px;background:#fff!important;border-radius:0px 5px 5px 0px;color:#555;left:0px!important; position:absolute; padding-top:20px; top:190px; font-size:14px}
.customNavigation a.next{border-radius:5px 0px 0px 5px;left:auto!important;right:-2px!important;}
.customNavigation a.next i{ margin-left:-11px}
.owl-pagination{ display:none}	


.client-section{ background:url(../images/new/client-section-bg.png) no-repeat; background-size:cover; padding:40px 0px 60px; position:relative; height:420px; margin-bottom:10px}
.client-section:after{ position:absolute; width:100%; height:100%; content:""; top:0px; left:0px; background:rgba(55, 90, 128, .94); z-index:1}
.client-section .container{ position:relative; z-index:2}
.client-section h1{margin:0px 0px 50px; padding:0px; color:#fff; font-family: "FutePL-Book"; font-size:24px; text-align:center; letter-spacing:1px;}
.client-section .carousel-control.left, .client-section .carousel-control.right{ background:none;}
.client-section .carousel-control{ width:30px; height:65px; top:40px; color:#fff; opacity:1; border-radius:5px;}
.client-section .carousel-control .icon-prev, .client-section .carousel-control .icon-next{ font-size:55px; text-shadow:none}
.client-section .carousel-indicators{ bottom:-60px;}
.client-section #carousel-client .carousel-indicators{ bottom:-140px}
.client-section #carousel-client .carousel-indicators li{ border-radius:100%; width:75px;; height:75px; text-align:center; background:#fff; margin:0px 3px; border:0px; text-indent:0px; padding-top:22px;}
.client-section #carousel-client .carousel-indicators li img{filter:grayscale(100%);-webkit-filter: grayscale(100%);opacity:0.50;transition:all .5s ease 0s}
.client-section #carousel-client .carousel-indicators li.active{box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.35);}
.client-section #carousel-client .carousel-indicators li.active img{filter:grayscale(0);-webkit-filter: grayscale(0); opacity:1;}
.client-review{ width:600px; margin:0 auto;}
.client-review p{ color:#efefef; font-size:18px; font-family: 'FutePL-Light'; text-align:center; letter-spacing:1.5px; line-height:34px;  font-weight:normal}
.client-review  span{ display:block; color:#bfdeff; font-size:13px; font-family: "FutePL-Light"; text-align:center; letter-spacing:.5px;}
.carousel-fade .carousel-inner .carousel-item {-webkit-transition-property: opacity;transition-property: opacity;}
.carousel-fade .carousel-inner .carousel-item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {opacity: 0;}
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {opacity: 1;}

.resources-section{ background:#fff;padding:40px 0px 60px; position:relative;margin-bottom:50px}
.resources-section h1{margin:0px 0px 50px; padding:0px; color:#264769; font-family: "FutePL-Book"; font-size:24px; text-align:center; letter-spacing:1px;}
.resources-section .resources .wrapbox{width:33%; margin:0 auto; border:solid 0px #000;}
.resources-section .resources .wrapbox .boxcontent{width:88%; margin:0 auto; border:solid 0px #000; padding:24px 31px;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.21);position:relative;transition: all 0.15s ease 0s; font-family: 'FutePL-Book'; }
.resources-section .resources .wrapbox .boxcontent:before {border-color: #ef5c46;-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-image: none;border-style: solid;border-width: 0 0 5px;bottom: 0;content: "";display: block;left: 0;position: absolute;right: 0;top: 0;transition: all 0.15s ease 0s;}
.resources-section .resources .wrapbox .boxcontent h3{font-size:14px; color:#ef5c46;text-transform:uppercase; letter-spacing:.5px; background:url(../images/new/blogicon.png) no-repeat 0px 0px; padding-left:30px; height:25px; padding-top:4px;font-family: 'FutePL-Demi'; }
.resources-section .resources .wrapbox .boxcontent p img{ margin:12px 0 0}
.resources-section .resources .wrapbox .boxcontent p{font-size:13px; color:#777;letter-spacing:.3px}
.resources-section .resources .wrapbox .boxcontent a{ position:relative; z-index:9; background:#f4faff; border-radius:50px; text-align:center; padding:8px 20px; color:#9da0a3; font-size:12px; border:solid 1px #e6e6e6; letter-spacing:.3px; text-decoration:none; margin-top:5px; display:inline-block}
.resources-section .resources .wrapbox .boxcontent:hover a{background:#ef5c46;color:#fff; border-color:transparent}
.resources-section .resources .wrapbox .boxcontent:hover:before{border-left-width: 5px;}
.resources-section .resources .wrapbox .boxcontent:hover{box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.30)}
.resources-section .resources .wrapbox .boxcontent.promos h3{color:#245d95;background:url(../images/new/promoicon.png) no-repeat 0px 0px;}
.resources-section .resources .wrapbox .boxcontent.promos:before {border-color: #245d95;}
.resources-section .resources .wrapbox .boxcontent.promos:hover a{background:#245d95;}
.resources-section .resources .wrapbox .boxcontent.videos h3{color:#ff9c00;background:url(../images/new/videoicon.png) no-repeat 0px 0px;}
.resources-section .resources .wrapbox .boxcontent.videos:before {border-color: #ff9c00;}
.resources-section .resources .wrapbox .boxcontent.videos:hover a{background:#ff9c00;}

footer{ background:#6b6b6b; padding:30px 0px 25px;font-family: 'FutePL-Light';}
.footerlinksrow.row{border:solid 0px;margin:0!important; padding:10px 15px 0;}
.footerlinksrow.row .footercols{border:solid 0px; margin-bottom:25px}
.footerlinksrow.row .footercols h3{font-size:13px; color:#fff; letter-spacing:1px;font-family: 'FutePL-Demi';}
.footerlinksrow.row .footercols h3.address{background:url(../images/new/addressicon.png) no-repeat;padding-left:22px;padding-bottom:3px;padding-top:2px}
.footerlinksrow.row .footercols p{font-size:11px; color:#ffffff; letter-spacing:1px; line-height:20px; padding-left:22px}
.footerlinksrow.row .footercols ul { list-style:none; margin:0px; padding:0; margin-top:16px}
.footerlinksrow.row .footercols ul li { list-style:none; margin:0px; padding:0}
.footerlinksrow.row .footercols ul li a{font-size:11px; color:#fff; letter-spacing:.8px; line-height:26px}

footer .greybgwrap{ background:#646464; padding:30px 25px 12px;}
footer .greybgwrap .iconwrap{padding-left:55px;background:url(../images/new/tollfreeicon.png) no-repeat 0 5px; padding-bottom:18px}
footer .greybgwrap h3{font-size:13px; color:#fff; letter-spacing:1px;font-family: 'FutePL-Demi';}
footer .greybgwrap ul { list-style:none; margin:0px; padding:0; margin-top:-3px!important}
footer .greybgwrap ul li { list-style:none; margin:0px; padding:0}
footer .greybgwrap ul li a{font-size:11px; color:#fff; letter-spacing:.8px; line-height:17px}
footer .greybgwrap .iconwrap.emailicon{background:url(../images/new/emailusicon.png) no-repeat 0 5px;padding-left:62px;; margin-left:40px}
footer .greybgwrap .iconwrap.supporticon{background:url(../images/new/supporticon.png) no-repeat 0 5px;padding-left:62px;}
footer .greybgwrap .iconwrap.socialicon{background:url(../images/new/socialicon.png) no-repeat 0 5px;padding-left:62px; margin-right:-50px; margin-left:-15px}
footer .greybgwrap .iconwrap.socialicon ul li{ display:inline-block; margin-top:5px}
footer .greybgwrap .iconwrap.socialicon ul li a{font-size:16px;padding:4px 0px 3px;width:25px;display:inline-block;text-align:center; margin-right:-2px}
footer .greybgwrap .iconwrap.socialicon ul li a:hover{background:#3b5998;}
footer .greybgwrap .iconwrap.socialicon ul li a.twitter:hover{background:#1cb7eb;}
footer .greybgwrap .iconwrap.socialicon ul li a.gplus:hover{background:#e02f2f;}
footer .greybgwrap .iconwrap.socialicon ul li a.linkedin:hover{background:#007bb5;}
footer .greybgwrap .iconwrap.socialicon ul li a.youtube:hover{background:#c4191e;}
footer .greybgwrap .iconwrap.socialicon ul li a.slideshare:hover{background:#f4901e;}
footer .copyright{ margin-top:35px; font-size:11px; color:#f4f4f4; letter-spacing:.5px;}
span.stButton span span{height:24px!important}
footer .copyright .col-md-6{ padding-left:5px!important; padding-right:5px!important}
.ifont{ font-family: Calibri!important ;font-weight:bold;font-style:normal}
.ifontn{ font-family: Calibri!important ;font-weight:normal;font-style:normal}


/*---------------------------CSS FOR MENUS-----------------------*/
.mega-menu .dropdown-menu{width:1110px; background:#14293e!important; border-radius:0;top:70px; padding:40px 35px 35px;box-shadow: -4px 4px 3px 0px rgba(0, 0, 0, 0.21); z-index:9999; border:0!important; left:-330px; transition:all ease-in-out .3s; opacity:0}
.mega-menu .dropdown-menu.hosting {left:-435px;}
.menu.active, .menu > ul ul.active{max-height:55em}
.mega-menu:hover .dropdown-menu{opacity:1}
.mega-menu .dropdown-menu ul.menu{ margin:0px; padding:0px; margin-left:5px!important} 
.mega-menu .dropdown-menu ul.menu li{ margin:0px; padding:0px; list-style:none; clear:both; display:block; width:95%}
.mega-menu .dropdown-menu ul.menu li a{margin:0px!important;padding:5px 0px!important; text-transform:uppercase; color:#385877!important; font-size:11px!important;font-family: "FutePL-Book"!important; letter-spacing:.4px!important; border-bottom:solid 1px  #223b58!important;display:block; width:94%}
.mega-menu .dropdown-menu ul.menu li a:hover{color:#fff!important;}
.mega-menu .dropdown-menu ul.menu li:last-child a{ border-bottom:0px!important}
.mega-menu .dropdown-menu ul.menu li a i{ margin-right:5px!important}
.space{ margin-bottom:50px}
.mega-menu .dropdown-menu h3{font-size:14px;font-family:"FutePL-Light"!important;margin:0px;padding:0px 0 10px 0;letter-spacing:.8px;color:#83b648}
.mega-menu .dropdown-menu h3 img{vertical-align:middle; margin-right:5px; margin-top:-3px; height:22px}
.mega-menu .dropdown-menu.more {left:0px; width:500px; padding:10px 20px 10px;}
.mega-menu .dropdown-menu.more h3{font-size:13px;font-family:"FutePL-Light"!important;margin:0px; padding:15px 10px 15px!important;;letter-spacing:.8px;color:#618bb1;text-transform:none; border-bottom: solid 1px rgba(74,112,147,.35); display:block; width:100%;transition:all ease-in-out .3s}
.mega-menu .dropdown-menu.more h3.noborder{border-bottom: solid 0px rgba(255,255,255,.25);}
.mega-menu .dropdown-menu.more a {display:block; width:100%; padding:0px!important; margin:0!important;}
.mega-menu .dropdown-menu.more a:hover h3{color:#daeaf8;}
.mega-menu .dropdown-menu.more h3 img{vertical-align:middle; margin-right:5px; margin-top:-3px; height:18px!important}
.currentoffer{border-radius:5px; padding:20px 20px 5px; text-align:center; border:solid 1px #223b58; background:none;}
.currentoffer span{ background:#223b58; border-radius:5px; padding:4px 10px;; text-align:center; color:#bacadd; font-size:11px; letter-spacing:.8px; text-transform:uppercase;font-family:"FutePL-Book"!important; margin:0 auto; display:table; width:auto; margin-top:-32px; margin-bottom:20px}
#header ul.navbar-nav li.dropdown .currentoffer a{ font-size:12px; color:#fff!important; text-transform:uppercase; letter-spacing:1px;font-family:"FutePL-Demi"!important; margin:-40px 0px 0px!important;padding:8px 15px!important; background:#1c66cd!important; border-radius:3px;width:auto; text-align:center; position:relative}
.currentoffer:hover a{box-shadow: 1px 2px 1px 0px rgba(0, 0, 0, 0.13); }
.currentoffer p{ color:#fff; line-height:18px;font-family:"FutePL-Demi"!important; letter-spacing:.5px; font-size:13px}
#header ul.navbar-nav li.dropdown .currentoffer.promo a{margin:-5px 0px 0px!important;}
.currentoffer.promo span{ margin-bottom:15px}
.currentoffer.promo{ padding:20px 20px 20px; }


/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
  animation-duration:1s;
}
.fade-in.one {animation-delay: 0.7s;}
.fade-in.two {animation-delay: 1.4s;}
.fade-in.thre {animation-delay: 2.1s;}
.fade-in.four {animation-delay: 2.8s;}
.fade-in.five {animation-delay: 3.5s;}
.fade-in.six {animation-delay: 4.2s;}
.fade-in.seven {animation-delay: 4.9s;}
.fade-in.eight {animation-delay: 5.6s;}

/*css for sign up page*/
#product_box.bgsmtp{background:linear-gradient(rgba(34, 111, 174, 0.97),  rgba(34, 111, 174, 0.97) ),url(../images/new/smtpbg.jpg) center center!important;background:-webkit-linear-gradient(rgba(34, 111, 174, 0.97),  rgba(34, 111, 174, 0.95) ),url(../images/new/smtpbg.jpg) center center!important; background-size:cover!important; padding-bottom:0px;padding-top:68px}
#product_box{margin-top:67px!important}
#product_box{position:relative; z-index:9990!important; overflow:hidden}
.email_showcase {
	width: 100%;
	display: table;
   #position: relative;
	overflow: hidden;
	background:linear-gradient(rgba(131, 187, 72, 0.90),  rgba(131, 187, 72, 0.90) ),url(../images/pattern.jpg) center center;
	background:-webkit-linear-gradient(rgba(131, 187, 72, 0.90),  rgba(131, 187, 72, 0.90) ),url(../images/pattern.jpg) center center;
}
.vertical_middle {
#position: absolute;
#top:50%;
	display: table-cell;
	vertical-align: middle;
}
.middle_show_box {
	width: 980px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	#position: relative;
	#top: -50%; 
	text-align:center
}
.innerpage{width:100%; padding-top:7px; padding-bottom:0px; background:none!important}
.pagewrap{ width:980px; margin:0 auto; padding:140px 0px 90px;font-family:'HelveticaNeue'; text-align:center; position:relative; z-index:0}
.pagewrap:before{ content:url(../images/bgicon.png); top:0px; left:0; position:absolute; z-index:-1; opacity:.38}
.pagewrap.smtp{padding:60px 0px 0px;}
.pagewrap.smtp:before{ content:"";}
.smtpwrap{ width:980px; margin:0 auto}
.smtp-signup{background: #fff none repeat scroll 0 0; border-radius: 5px; box-shadow: 0 4px 33px 0 rgba(0, 0, 0, 0.28); color: #7b7e85;
margin: 40px auto 25px;  max-width: 500px;  padding: 30px;}
.smtp-signup .signupbox{ width:100%;}
.smtp-signup .signupbox .formbox h1 span, .signupbox .formbox h1{ display:none}
.smtp-signup .signupbox .form-group{ margin-bottom:10px; width:100%;} 
.smtp-signup .signupbox .formbox .btn{ width:200px; margin-top:15px;}
	
.signup-heading{ display:block; color:#fff; margin:40px 0px 10px; text-align:center; font-size:30px; font-weight:normal}
.signup-subheading { display:block; color:#c1d3e5; font-size:18px; font-weight:normal; margin:0px; padding:0px;}
.signupbox .formbox{padding: 35px 20px 30px!important;}
.bgsignup .signupbox{ float: left;margin: 0 auto 0 25px;width: 310px !important; text-align:left}
.bgsignup .signupbox h1{color:#fff;font-family:"HelveticaNeue";font-size:24px!important;font-weight:normal!important;letter-spacing: 1px; text-align:left}
.bgsignup .signupbox span{ font-family:Calibri!important; letter-spacing:.2px;color:#ededed!important; font-size:18px!important}
.tabs{ z-index:9990!important}  
#signup_form .form-group{ width:100%; margin:0 0px 0px; position:relative; clear:both}
#signup_form .form-group.required-field:after{ position:absolute; right:8px; top:8px; width:15px; height:15px; background:#fff; content:"*"; color:#C80003}

#signup_form .form-group input{ width:100%; border-radius:1px!important;box-shadow:1px 1px 0px 0px rgba(0, 0, 0, 0.2)!important ; padding-left:30px!important; border:0!important} 
#signup_form .btn{ border:0px!important; width:100%!important; border-radius:1px!important; background-color:#3e3e3d!important; margin:0!important; background-image:none!important; padding:15px 0px!important; font-family:"Conv_FUJI2N"; font-size:21px!important; letter-spacing:.5px; display:inline-block; margin-top:10px!important; box-shadow:2px 2px 1px 0px rgba(0, 0, 0, 0.15)!important; height:auto}
 
#signup_form  input[type="text"], #signup_form  input[type="password"],  #signup_form  input[type="email"] {height:50px;line-height:14px;padding-left: 12px;border: 1px solid rgba(231, 231, 231, .6)!important;   border-radius: 0;box-shadow: none;font-size: 14px!important;transition: all 0.2s ease 0s;background-color: #f2f2f2;color: #555;display: block;width:98%; float:left; border-radius:4px; margin:8px 0px;   clear:both;}
 
#signup_form  .btn {border: 0 none;border-radius:5px;box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.1) inset;font-size:17px;letter-spacing: 1px;padding:13px 0px; text-transform: uppercase;color: #fff; cursor:pointer;background-color: #29abe2; margin-top:0px; text-align:center; display:inline-block; background:#29abe2 url(../images/join.png) no-repeat 17% center;width:70%; border:solid 1px #259acb; width:27.3%; margin-left:-5px}
#signup_form  input[type="text"]:focus, #signup_form  input[type="password"]:focus, #signup_form input[type="email"]:focus {border: 1px solid #00aeef;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);outline: 0 none;}

#signup_form input.username{ background:#f2f2f2 url(../images/new/username.png) no-repeat 8px center; padding-left:40px!important}
#signup_form input.email{ background:#f2f2f2  url(../images/new/email.png) no-repeat 8px center; padding-left:40px!important}
#signup_form input.mobile{ background:#f2f2f2  url(../images/new/phone.png) no-repeat 8px center; padding-left:40px!important} 
#signup_form input.password{ background:#f2f2f2  url(../images/new/password-icon-login.png) no-repeat 8px center; padding-left:40px!important} 
#signup_form input.company-name{ background:#f2f2f2  url(../images/new/compny-icon.png) no-repeat 8px center; padding-left:40px!important}
#signup_form input.company-website{ background:#f2f2f2  url(../images/new/website-icon.png) no-repeat 8px center; padding-left:40px!important}
#signup_form .helper-text-reg{ color:#999; font-size:12px; display:inline-block; text-align:left; width:100%; margin-bottom:5px;}
 


.addaccount-btn-srv{ background-color: #3e3e3d !important;
    background-image: none !important;
    border: 0 none !important;
    border-radius: 1px !important;
    box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, 0.15) !important;
    display: inline-block;
    font-family: "Conv_FUJI2N";
    font-size: 21px !important;
    height: auto;
    letter-spacing: 0.5px;
    margin: 10px 0 0 !important;
    padding: 15px 0 !important;
    width: 100% !important; color:#fff; text-decoration:none}
.addaccount-btn-srv:hover{ color:#fff; text-decoration:none}

.usersrow{ margin:0px 0px 0px -30px!important; width:calc(100% + 60px)!important}
.nooffer{ height:100px; font-size:14px; color:#fff; text-transform:uppercase; line-height:80px}














/*----------------------------CSS USED BY PEEYUSH FOR NEW SIGNUP AND LOGIN PAGE ON DATE 23RD MAY 2016 ------------------------------------------*/
body{background-image: linear-gradient(rgba(34, 111, 174, 0.97), rgba(34, 111, 174, 0.97)), url(../images/new/smtpbg.jpg) !important;background-position: 0 0%, center center !important;background-repeat: repeat, repeat !important;background-size: cover !important;}
.login_modal{background-color: #fff;border-radius: 3px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);display:block;max-width:51em;padding:3em 3em 2.5em;position: relative;text-align: left;vertical-align: middle;width: 90%; margin:160px auto 100px; font-family:Calibri;max-width:48em;}
.login_modal h2{ margin:0; padding:0; font-size:30px; font-weight:bold; color:#2980b9;letter-spacing:0px; text-align:center; margin-bottom:15px}
.login_modal p{ margin:10px 10px 5px; padding:0; font-size:16px; font-weight:normal; color:#555;letter-spacing:.1px;} 
.login_modal label.inputeffect_social{font-weight: normal;left:5px;margin-left: 0;padding-left: 0;position: absolute;text-transform: none;top:25px;transition:0.2s ease all; pointer-events: none; font-size:14px}
 

input:focus ~ label.inputeffect_social, input.hascontent ~ label.inputeffect_social{ top:-4px!important}


.login_modal input[type=text]{background-color: #fff; border:0px;border-bottom: solid 1px rgba(191,191,191, .8);border-radius: 3px;font-size:14px;margin-bottom: 1.5em;padding:14px 10px;transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;width: 100%; padding-left:5px!important; letter-spacing:.5px}
.login_modal input[type=email]{background-color: #fff; border:0px;border-bottom: solid 1px rgba(191,191,191, .8);border-radius: 3px;font-size:14px;margin-bottom: 1.5em;padding:14px 10px;transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;width: 100%; padding-left:5px!important; letter-spacing:.5px}
.login_modal a{ font-size:14px; display:inline-block; margin-top:12px;} 
.login_modal button.sign{background-color: #2980b9;color: #fff; font-size:16px; border:0px; letter-spacing:.6px; padding:10px 50px 11px; font-weight:bold; margin-bottom:15px; border-radius:3px;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.24), 0 2px 10px 0 rgba(0, 0, 0, 0.12); transition: all 0.3s ease-out 0s; position:relative} 
.login_modal input[type=text]:focus, .login_modal input[type=email]:focus{ outline:none!important}
.login_modal .btn-primary:hover, .login_modal .btn-primary:focus, .login_modal .btn-primary:active, .login_modal .btn-primary.active {
background-color: #3295d6 !important;border: 0px solid #369f36 !important;outline: none!important;outline-offset:0px;}
.login_modal button.sign:hover{box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background:#3295d6}
.social-btn {border: solid 1px rgba(191,191,191, .7);border-image: none;border-radius:3px;color:#999;font-size: 18px; font-weight:bold!important; letter-spacing:.1px;height:51px;padding: 7px 20px; font-family:Calibri; width:46.5%; margin:20px 10px 5px; display:inline-block; background:rgba(245,249,250,.65); transition: all 0.3s ease-out 0s; outline:none!important; position:relative; width:46%; }
.social-btn img{ width:28px}
.social-btn > div:first-child {border-right: 2px solid rgba(0, 0, 0, 0.1);margin-left: -5px;text-align: left !important;width:50px;}
.social-btn > div {margin-top: -14px;padding:0px 0px 0px 5px;position: absolute;}
.social-btn > div:last-child {text-align: center;width:100%; margin-top:-11px; left:27px}
.social-btn {font-size:17px;line-height:22px;}
.social-btn.google {}
.social-btn.google:hover{border-color:#df4a32; color:#df4a32;background:#fff}
.social-btn.linkedin {}
.social-btn.linkedin:hover{border-color:#3b5998; color:#3b5998;background:#fff}
.login_modal .or{margin:50px 12px 10px!important;clear:both; text-align:center; border-bottom:solid 1px #ddd; font-size:14px; color:#666;}
.login_modal .or span{ padding:10px; background:#fff; position:relative; bottom:-8px}
.bottomtext{ font-size:17px;color:#999;}
.bottomtext a{ font-size:18px!important;}

.ripple{overflow:hidden;}
.ripple-effect{position: absolute;border-radius: 50%; width: 50px; height: 50px;background: white; animation: ripple-animation 2s;}

@keyframes ripple-animation {
    from {
      transform: scale(1);
      opacity: 0.4;
    }
    to {
      transform: scale(100);
      opacity: 0;
    }
}


.login_modal.second{max-width:60em;padding: 3em 2em 2.5em;}
.login_modal.second h2{ margin-bottom:35px}
.login_modal p{ margin:0px 10px 0px; padding:0; font-size:16px; font-weight:normal; color:#555;letter-spacing:.1px;}
.login_modal.second label.inputeffect{top:-10px;}
.login_modal.second input:focus ~ label.inputeffect, .login_modal.second input:valid ~ label.inputeffect{}
.login_modal.second button.sign{padding: 10px 20px 11px;}
.login_modal.second .row:last-child{ margin-top:20px!important}
.login_modal.second .row.addon{}
.login_modal.second input[type="text"]{}
.login_modal.second select{border: 1px solid #e0e0e0;border-radius: 0.375em;padding: 9px 12px; height:auto;background-color: #f5f9fa;}
.login_modal.second .checkbox{background:#eee;}
.login_modal.second .checkbox label{font-size:14px;text-transform:none;letter-spacing:0;color:#555;margin-top:0px;padding:8px 20px!important;font-weight:bold}
.login_modal.second .checkbox label input{ margin-left:0px!important; margin-right:7px!important;position:relative}

.login_modal.third{max-width:55em; margin-top:40px}
.login_modal.third .info{ font-size:18px; color:#a7aab1; padding:0px 30px 0 0; text-align:left;}
.login_modal.third .info i{border:1px solid #f0ad4e;border-radius: 100%;color: #a7aab1;float: left;font-size: 16px;font-weight: normal;height: 40px;    line-height: 38px;margin:5px 20px 0 25px;text-align: center;width: 41px;}
.login_modal.third .info button{ display:block; text-align:center; margin:30px auto 0; font-size:16px; padding:10px 20px}
.confirmedemail{ text-align:center; margin:0px; padding:0px; font-weight:bold;; color:#fff; font-size:30px}
.confirmedemail img{text-align:center; margin-bottom:15px;width:130px}

.login_modal.four{max-width:75em; margin-top:40px;}
.login_modal.four .snapcol{display:inline-block;width:45.5%; margin:0 20px; position:relative; text-align:center}
.login_modal.four .snapcol a{background:#eaecee;border-radius:7px;padding:10px; display:block; text-decoration:none}
.login_modal.four .snapcol:first-child:before{border-right:solid 1px #e1e1e1; height:100%; position:absolute;right:-22px; content:""; top:0px}

.bar{ position:relative; display:block; width:100%; }
.bar:before, .bar:after{content:'';height:2px;width:0;bottom:20px;position:absolute;background:#2980b9;transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all;}
.bar:before {left:50%;}
.bar:after {right:50%;}
input:focus ~ .bar:before, input:focus ~ .bar:after {width:50%;}
.bar.error:before, .bar.error:after {width:50%;background:#f44336;}
.bar.success:before, .bar.success:after {width:50%;background:#388e3c;}


.scrollable-menu {height: auto;max-height: 200px;overflow-x: hidden;}
.dropdown.angulartype{ margin:15px 10px;}
.dropdown.angulartype button{border:0px;border-bottom: solid 1px rgba(191,191,191, .8); border-radius:0px; width:100%; text-align:left;color: #777; font-size:14px;padding:6px 0 6px 5px; position:relative; background:none!important; outline:none!important; box-shadow:none!important}
.dropdown.angulartype button .caret{ position:absolute; right:10px; top:14px}
p.subheading{ color:#2980b9; font-size:20px; font-weight:bold; margin-bottom:0!important; padding-bottom:0!important; letter-spacing:.5px; text-align:center}
.login_modal.second{max-width:60em;padding: 3em 2em 2.5em;}
a.social-btn{padding-top:25px!important; margin-top:17px!important; font-size:17px!important} 




































/*css for make page responsive by prem on 8 julay 2016*/


.menu-link {
	display: none
}
.mega-menu .dropdown-menu li.col-sm-3 a {
	margin: 0!important;
	padding: 0!important;
	text-transform: capitalize!important
}
.spinner-master input[type=checkbox] {
	display: none!important
}
.spinner-master {
	display: none
}

@media (max-width:1200px) and (min-width:990px) {
.container {
	width: 100%!important
}
.homapge-banner .content-section h1 {
	font-size: 30px
}
.homapge-banner .content-section h1 span {
	font-size: 18px
}
.homapge-banner .content-section h1 span.thirdline {
	font-size: 24px
}
.homapge-banner .content-section {
	padding: 140px 0 0!important
}
.bannersarea img.banner-image-sarv {
	width: 100%
}
.homapge-banner .col-lg-8 {
	padding: 0!important
}
footer .greybgwrap .iconwrap {
	margin-left: 0!important
}
footer .greybgwrap .iconwrap.socialicon {
	margin-right: 0
}
footer .copyright .col-md-6 {
	text-align: center!important;
	width: 100%!important
}
.customNavigation a.next {
	right: 0!important
}
}

@media (max-width:1150px) and (min-width:320px) {
.container {
	width: 100%!important;
	padding: 0 15px
}
.homapge-banner .content-section h1 {
	font-size: 30px
}
.homapge-banner .content-section h1 span {
	font-size: 18px
}
.homapge-banner .content-section h1 span.thirdline {
	font-size: 24px
}
.homapge-banner .content-section {
	padding-bottom: 0
}
.address-icons, .bannersarea img.banner-image-sarv {
	display: none!important
}
.bannersarea {
	background: url(../images/new/homepage-banner-image.jpg) no-repeat;
	width: 100%;
	height: 500px;
	background-size: cover
}
.homapge-banner .col-lg-8 {
	padding: 0!important
}
}

@media (max-width:990px) and (min-width:768px) {

#header ul.navbar-nav{ margin:0px 0px 0px -30px;}
#header .col-md-2{ width:16.6667% !important; vertical-align:top}
.nav_wrapper{ display:inline-block; width:70%!important}	
	
.bannersarea, .mega-menu .dropdown-menu h3 img {
	display: none
}
.container {
	max-width: 97%!important;
	padding: 0;
	position: relative
}
#header .col-md-6, #header ul.navbar-nav li {
	position: static!important
}
#header .col-md-6 {
	width: 62%!important;
	padding-right: 0;
	padding-left: 55px
}
#header ul.navbar-nav li a {
	font-size: 11px!important;
	padding: 27px 7px
}
#header .right-option-menu {
	text-align: right;
	padding: 0 10px 0 0;
	width: 21%
}
#header .right-option-menu>a {
	padding: 8px 2px;
	font-size: 12px
}
#header .right-option-menu .currency {
	font-size: 13px;
	padding: 8px 2px
}
#header .right-option-menu .currency+ul.dropdown-menu {
	left: auto;
	right: 0
}
.homapge-banner .content-section {
	width: 100%;
	position: relative;
	z-index: 0;
	padding: 100px 0
}
.homapge-banner .content-section:after {
	background: url(../images/new/homepage-banner-image.jpg) right bottom/65% auto no-repeat;
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: .7
}
.homapge-banner .content-section p {
	width: 50%
}
.mega-menu .dropdown-menu h3 {
	font-size: 11px!important
}
.mega-menu .dropdown-menu ul.menu li a {
	font-size: 10px!important
}
.currentoffer p {
	font-size: 10px
}
.mega-menu .dropdown-menu, .mega-menu .dropdown-menu.hosting {
	width: 100%!important;
	left: 0!important;
	right: auto;
	margin: 0
}
.mega-menu .dropdown-menu.more {
	right: 0!important;
	left: auto!important;
	margin: 0 auto;
	width: 500px!important
}
.homepage-software-section .service-content h2.service-heading {
	font-size: 18px
}
.homepage-software-section .service-content h2.service-heading span {
	font-size: 14px
}
.homepage-software-section .service-content p {
	font-size: 11px
}
.service-content a {
	padding: 5px 10px;
	font-size: 10px
}
.service-content {
	padding: 0
}
.fav-app-section ul li {
	width: 30%;
	text-align: center
}
.resources-section {
	margin-bottom: 0
}
.resources-section .resources .wrapbox {
	padding: 0 5px
}
.resources-section .resources .wrapbox .boxcontent {
	width: 100%;
	padding: 10px
}
.resources-section .resources .wrapbox .boxcontent p img {
	width: 100%
}
footer .greybgwrap .iconwrap {
	margin-left: 0!important
}
footer .greybgwrap .iconwrap.socialicon {
	margin-right: 0
}
.footerlinksrow .col-md-offset-1 {
	margin-left: 0
}
footer .greybgwrap {
	padding: 25px 5px 5px
}
footer .copyright .col-md-6 {
	text-align: center;
	width: 100%!important
}
}

@media (max-width:767px) and (min-width:500px) {
.footerlinksrow.row .col-md-2, .footerlinksrow.row .col-md-3 {
	width: 45%!important;
	float: left;
	height: 260px
}
.footerlinksrow.row .col-md-3:last-child {
	width: 100%!important;
	height: auto!important
}
.footerlinksrow.row .col-md-3:last-child .footercols {
	width: 50%;
	float: left
}
footer .greybgwrap .iconwrap {
	width: 50%;
	float: left;
	height: 100px
}
}

@media (max-width:767px) and (min-width:320px) {
	
.login_modal{ margin:40px auto!important;}
.smtpwrap{ width:auto!important;}
#product_box{ margin-top:0px!important}
.smtp-signup{ width:95%}	
	
.product-section, footer .copyright .col-md-6 {
	text-align: center
}
.navbar-fixed-bottom, .navbar-fixed-top {
	position: relative
}
.homapge-banner {
	margin-top: 0
}
.spinner-master * {
	box-sizing: border-box
}
.spinner-master {
	position: absolute;
	top: -47px;
	right: 0;
	margin: 15px;
	height: 30px;
	width: 30px;
	float: left;
	display: block
}
.spinner-master label {
	cursor: pointer;
	position: absolute;
	z-index: 99;
	height: 100%;
	width: 100%;
	top: 5px;
	left: 0
}
.spinner-master .spinner {
	position: absolute;
	height: 4px;
	width: 100%;
	padding: 0;
	background-color: #fff;
	border-radius: 5px
}
.spinner-master .diagonal.part-1 {
	position: relative;
	float: left
}
.spinner-master .diagonal.part-2, .spinner-master .horizontal {
	position: relative;
	float: left;
	margin-top: 4px
}
.spinner-master input[type=checkbox]:checked~.spinner-spin>.horizontal {
	opacity: 0
}
.spinner-master input[type=checkbox]:checked~.spinner-spin>.diagonal.part-1 {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	margin-top: 10px
}
.spinner-master input[type=checkbox]:checked~.spinner-spin>.diagonal.part-2 {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	margin-top: -12px
}
.menu {
	clear: both;
	min-width: inherit;
	float: none
}
.menu, .menu>ul ul {
	overflow: hidden!important;
	max-height: 0
}
.mega-menu .dropdown-menu {
	padding: 0!important;
	top: 0!important;
	margin: 0!important;
	left: auto!important;
	opacity: 1!important;
	display: block!important
}
.mega-menu .dropdown-menu .currentoffer, .mega-menu .dropdown-menu h3 img {
	display: none
}
.mega-menu.dropdown>a::before {
	top: 14px!important
}
.mega-menu .dropdown-menu .col-sm-3 {
	width: 100%!important
}
.mega-menu .dropdown-menu .col-sm-3 h3 {
	font-size: 12px;
	padding: 8px!important;
	cursor: pointer
}
.mega-menu .dropdown-menu li.col-sm-3 a {
	margin: 0!important;
	padding: 0!important
}
.mega-menu .dropdown-menu ul.menu li a {
	padding: 10px!important
}
.mega-menu .dropdown-menu.more h3 {
	font-size: 12px;
	padding: 10px!important
}
.mega-menu .dropdown-menu .space {
	margin-bottom: 0!important
}
.menu>li>ul.sub-menu {
	padding: 0;
	border: none
}
.menu.active, .menu>ul ul.active {
	max-height: 55em
}
.menu ul {
	display: inline
}
.menu li, .menu>ul>li {
	display: block!important;
	float: none!important
}
.menu>ul>li a {
	display: block!important;
	padding: 10px!important
}
.menu ul ul, .menu ul ul ul {
	display: inherit;
	position: relative!important;
	left: auto!important;
	top: auto!important;
	border: none
}
#header .right-option-menu .currency, #header .right-option-menu>a, .bannersarea {
	display: none
}
.homapge-banner .content-section {
	padding: 50px 0!important;
	position: relative;
	z-index: 0
}
.homapge-banner .content-section:after {
	background: url(../images/new/homepage-banner-image.jpg) no-repeat;
	width: 100%;
	height: 100%;
	background-size: cover;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: .1
}
.homapge-banner .content-section .link-btn a {
	margin-right: 0;
	padding: 5px 10px 5px 5px!important
}
.homepage-software-section h1 {
	font-size: 20px;
	margin-bottom: 20px
}
.homepage-software-section .service-content h2.service-heading {
	font-size: 18px
}
.homepage-software-section .service-content h2.service-heading span {
	font-size: 14px
}
.homepage-software-section .service-content p {
	font-size: 11px
}
.homepage-software-section .editor-box {
	width: 95%;
	float: left;
	margin-top: 15px
}
.editer-tab-menu {
	width: 80px;
	padding: 20px 0;
	height: 290px
}
.editor-tab-content {
	width: calc(100% - 80px);
	height: 290px!important
}
:not(pre)>code[class*=language-], pre[class*=language-] {
	height: 280px!important
}
.editor-section img {
	width: 100%
}
.fav-app-section ul li {
	width: 50%
}
.product-section h1 {
	font-size: 20px;
	margin-bottom: 20px
}
.product-section {
	padding: 25px 0
}
.product-box p {
	padding: 0 15px
}
.customNavigation a.next {
	right: 0!important
}
.customNavigation a {
	top: 150px!important
}
.client-section {
	min-height: 370px
}
.client-section h1 {
	font-size: 20px
}
.client-review {
	width: 100%
}
.client-review p {
	font-size: 12px;
	line-height: normal;
	padding: 0 25px
}
.carousel-indicators {
	width: 100%;
	margin-left: 0;
	left: auto
}
.client-section #carousel-client .carousel-indicators {
	bottom: -85px
}
.client-section #carousel-client .carousel-indicators li {
	width: 35px;
	height: 35px;
	padding-top: 7px
}
.client-section #carousel-client .carousel-indicators li img {
	width: 25px
}
.resources-section {
	margin-bottom: 0;
	padding-bottom: 25px
}
.resources-section h1 {
	font-size: 20px;
	margin-bottom: 20px
}
.resources-section .resources .wrapbox {
	width: 100%;
	margin-bottom: 10px
}
.resources-section .resources .wrapbox .boxcontent {
	padding: 15px 10px!important;
	width: 100%
}
.resources-section .resources .wrapbox .boxcontent p img {
	width: 100%
}
.footerlinksrow .col-md-2 {
	margin-left: 0!important
}
footer .greybgwrap .iconwrap {
	padding-bottom: 30px;
	margin-left: 0!important
}
footer .greybgwrap .iconwrap.socialicon {
	margin-right: 0!important
}

.bottomtext .col-md-6{font-size:14px!important; float:left}
.bottomtext .col-md-6:first-child{ width:65%}
.bottomtext .col-md-6:last-child{ width:35%;}
.bottomtext .col-md-6 a{ font-size:14px!important}

}

@media (max-width:480px) and (min-width:320px) {
#login_form .row .col-md-12.text-right{ text-align:center!important; margin-top:50px;}
.bottomtext .col-md-6{ width:100%!important; text-align:center!important}
.social-btn{ width:100%!important; margin:0 auto!important; font-weight:normal}
}

@media (max-width:767px) and (min-width:481px) {
.social-btn{ font-weight:normal!important; width:44%!important;   padding:7px 8px!important}
a.social-btn{ font-size:14px!important}
.social-btn > div:first-child{ width:38px}
.social-btn > div:last-child{ left:19px;}	
}