body {

	font:

		400 18px/28px "Open Sans",

		"proxima_nova_rgregular",

		sans-serif;

	color: #666;

}
.myAccount .sectionOne .right .btn-warning
h1,

h2,

h3,

h4,

h5,

h6,

ul,

ol {

	margin: 0;

	padding: 0;

}

a,

button {

	outline: none !important;

}



.container-fluid {

		padding-left: 40px !important;

		padding-right: 40px !important;

	}


table{font-family:"Open Sans",

		"proxima_nova_rgregular";}


@media only screen and (max-width: 1279px) {

	.container {

		width: 100%;

	}

	.container-fluid {

		padding-left: 15px !important;

		padding-right: 15px !important;

	}

} /*header clasess*/

header {

	background: #fff;

	padding: 19px 0;

	position: relative;

	width: 100%;

	transition: all linear 0.5s;

	-webkit-transition: all linear 0.5s;

	-moz-transition: all linear 0.5s;

	-ms-transition: all linear 0.5s;

	position: relative;

	z-index: 9;

}

.header_fixer {

	position: fixed;

	z-index: 3;

	padding: 8px 0;

	border-bottom: 1px solid #f0f5fa;

	box-shadow: 0 3px 5px 1px rgba(197, 209, 219, 0.1);

}

.header_fixer .navbar-nav {

	margin: 22px 0 0 0;

}

.header_fixer .top-right {

	margin: 10px 0 0 10px;

}

.header_fixer .mega-menu-con {

	top: 40px !important;

	padding-top: 28px !important;

}

.header_fixer .navbar-brand {

	width: 100px;

	background: url(../images/sprite_images.png) no-repeat;

	background-position: -930px -1075px;

	height: 60px;

}

.header_spacer {

	height: 80px;

	display: none;

}

header .container-fluid {

	padding-left: 45px;

	padding-right: 45px;

}

header .navbar {

	margin: 0;

}

header .navbar-nav {

	margin: 30px 0 0 0;

}

header .navbar-brand {

	padding: 0;

	width: 121px;

}



header .navbar-brand img {

	width: 100%;

}



header .nav > li > a {

	font:

		500 15px/26px "Open Sans",

		sans-serif;

	color: #02134b;

	text-transform: uppercase;

	padding: 0 20px;

	border-right: 1px solid #eee;

	background: none !important;

}

header .nav > li:hover a,

header .nav > li a:focus {

	color: #ee6d0f;

}

#products .products,

#applications .applications,

#industries .industries,

#pricing .pricing,

#why-myeasyiso .why-myeasyiso {

	color: #ee6d0f;

}

header .nav > li:last-child a {

	border-right: 0;

}

header .nav > li {

	position: inherit;

}

header .nav > li > .mega-menu-con {

	position: absolute;

	display: none;

	top: 40px;

	left: 0;

	z-index: 9;

	padding-top: 50px;

	width: 100%;

}

header .nav > li:hover .mega-menu-con {

	display: block;

}

header .nav > li > .mega-menu-con ul.inner {

	background: #fff;

	min-height: 100px;

	width: 100%;

	border-top: 1px solid #f0f5fa;

	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

	display: table;

}

header .nav > li > .mega-menu-con ul.inner li {

	border-right: 2px solid #f0f5fa;

	list-style: none;

	padding: 25px;

	background: #fff;

	width: 40%;

	display: table-cell;

}

header .nav > li > .mega-menu-con ul.inner li:nth-child(even) {

	background: #fafdff;

}

header .nav > li > .mega-menu-con ul.inner li:nth-child(2) {

	width: 60%;

	border: 0;

}

header .nav > li > .mega-menu-con ul.inner li > ul.cols li {

	width: 50%;

	float: left;

	background: #fff;

	margin-top: 10px;

	border-right: 3px solid #fafdff;

}

header .nav > li > .mega-menu-con2 ul.inner li {

	border-right: 2px solid #f0f5fa !important;

	list-style: none;

	padding: 25px;

	background: #fff;

	width: 33.3333333333% !important;

	display: table-cell;

}

header .nav > li > .mega-menu-con ul.inner li h4 {

	padding-bottom: 0;

	position: relative;

}

header .nav > li > .mega-menu-con ul.inner li h4:after {

	content: "";

	width: 50px;

	height: 3px;

	position: static;

	background: #ff4e00;

	display: block;

	margin-top: 10px;

	margin-bottom: -2px;

}

header .nav > li > .mega-menu-con ul.inner li .cat-link a {

	display: block;

	padding: 5px 0 5px 0;

	font:

		normal 14px/15px "proxima_nova_rgregular",

		sans-serif;

	color: #808080;

	position: relative;

	border-bottom: 1px dotted #e9eff5;

}

header .nav > li > .mega-menu-con ul.inner li .cat-link a:hover {

	color: #0b5b96;

	text-decoration: none;

}

header .nav > li > .mega-menu-con ul.inner li .cat-list1 {

	margin-top: 10px;

}

header .nav > li > .mega-menu-con ul.inner li .cat-list1 a {

	display: block;

	padding: 8px 10px;

	font:

		400 15px/18px "proxima_nova_rgregular",

		sans-serif;

	color: #0b5b96;

	background: #fafdff;

	margin-bottom: 5px;

	border: 1px solid #e9eff5;

	text-decoration: none;

	transition: all linear 0.3s;

	-webkit-transition: all linear 0.3s;

	-moz-transition: all linear 0.3s;

	-ms-transition: all linear 0.3s;

}

header .nav > li > .mega-menu-con ul.inner li .cat-list1 a:hover {

	background: #0b5b96;

	color: #fff;

	color: #fff;

	border: 1px solid #0b5b96;

}

header .nav > li > .mega-menu-con ul.inner li .cat-link2 a {

	display: block;

	padding: 8px 0 8px 10px;

	font:

		normal 14px/15px "proxima_nova_rgregular",

		sans-serif;

	color: #808080;

	position: relative;

	border-bottom: 1px dotted #dbe4ed;

	position: relative;

}

header .nav > li > .mega-menu-con ul.inner li .cat-link2 a:hover {

	color: #0b5b96;

	text-decoration: none;

}

header .nav > li > .mega-menu-con ul.inner li .cat-link2 a:before {

	content: "\f105";

	font-family: "Fontawesome";

	position: absolute;

	left: 0;

}

a.mob_link_dd b {

	width: 22px;

	height: 22px;

	float: right;

	display: block;

	background: url(../images/sprite_images.png) no-repeat;

	background-position: 0 -1566px;

	margin: 12px 0 0 0;

}

a.mob_link_dd_act b {

	width: 22px;

	height: 22px;

	float: right;

	display: block;

	background: url(../images/sprite_images.png) no-repeat;

	background-position: -23px -1566px;

	margin: 12px 0 0 0;

}

a.mob_link_dd {

	display: none !important;

}

header .top-right {

	float: right;

	margin: 16px 0 0 10px;

}

header .top-right .btn-warning {

	font:

		600 15px/48px "proxima_nova_rgregular",

		sans-serif;

	outline: none;

	position: relative;

	background-image: linear-gradient(to right, #f46c05, #824299);

	color: #fff;

	line-height: 48px;

	padding: 0 25px;

	display: inline-block;

	text-decoration: none;

	overflow: hidden;

	position: relative;

	border-radius: 30px;

	outline: none;

	border: 0; margin-left: 5px;

}



header .top-right button:hover {

	background-image: linear-gradient(to right, #824299, #f46c05);

}



.r_text_1 {

	height: 185px;

	overflow: hidden;

	display: block;

}

.r_text_1_auto {

	height: 320px;

	overflow-y: scroll;

}

.rm_link {

	display: inline-block;

	color: #0a3151;

	margin: 0 0 0 0;

	text-decoration: none;

	font-weight: 500;

	color: #0b5b96 !important;

	position: relative;

}



.rm_link:before {

	content: "More";

	margin-right: 3px;

	font-size: 15px;

}

.rm_link:after {

	content: "\f067";

	font-family: "Fontawesome";

	font-size: 14px;

	margin-top: 3px;

	position: absolute;

}

.rm_link_x {

	background: url(../images/less_btn.png) no-repeat;

	text-decoration: none;

}

.rm_link_x:before {

	content: "Less";

	margin-right: 3px;

	font-size: 15px;

}

.rm_link_x:after {

	content: "\f068";

	font-family: "Fontawesome";

	font-size: 14px;

	margin-top: 4px;

	position: absolute;

}



@media only screen and (max-width: 1349px) {

	header .nav > li > a {

		padding: 0 10px;

	}

}


 

@media only screen and (max-width: 1151px) {

	header .nav > li > a {

		padding: 0 8px;

		font-size: 14px;

	}
	
	header .navbar-nav{display:none;}



}

@media only screen and (max-width: 991px) {

	header,

	.header_fixer {

		padding: 10px 0 0 0 !important;

		border: 0 !important;

		box-shadow: none !important;

		position: relative !important;

	}

	.header_spacer {

		display: none !important;

	}

	header .navbar-nav,

	.header_fixer .navbar-nav {

		margin: 0 0 0 0 !important;

		float: none;

		width: 100%;

	}

 

	header .navbar-brand,

	.header_fixer .navbar-brand {

		width: 100px;

		background: url(../images/sprite_images.png) no-repeat;

		background-position: -930px -1075px;

		height: 60px;

		margin-bottom: 10px;

	}

	.navbar {

		border-bottom: 0;

		margin: 0 0 0 0;

		padding: 0;

	}

	header .navbar-header {

		margin: 0;

		float: none;

	}

	.navbar-nav > li {

		display: block;

		float: none;

		padding-bottom: 0 !important;

	}

	header .navbar-nav > li {

		position: relative !important;

	}

	.navbar-header {

		float: none;

	}

	.navbar-collapse {

		background: #fff;

		margin: 0 -15px !important;

		position: static;

		padding: 0;

	}

	.navbar-collapse.collapse {

		display: none !important;

	}

	.navbar-collapse.collapse.in {

		display: block !important;

	}

	header .navbar-nav > li > a {

		padding: 0 15px;

		display: block;

		background: #f2f9ff !important;

		line-height: 45px;

		border: 0;

		height: auto;

		border-bottom: 1px solid #dce7f0 !important;

		border-radius: 0;

		margin: 0 0 0 0;

	}

	.navbar-toggle {

		background: #f2f9ff;

		border-radius: 0px;

		padding: 11px;

		margin-bottom: 0;

		margin-top: 9px;

		display: block;

		color: #000 !important;

		float: right;

		margin-right: 1px;

	}

	.navbar-toggle .icon-bar {

		background-color: #8e98a0 !important;

		height: 3px;

		width: 35px;

	}

	a.mob_link_ddx {

		display: none !important;

	}

	a.mob_link_dd {

		display: block !important;

	}

	header .nav > li > .mega-menu-con,

	header .nav > li:hover .mega-menu-con {

		position: static;

		display: none;

		top: 0 !important;

		left: 0;

		padding-top: 0 !important;

	}

	header .nav > li > .mega-menu-con ul.inner {

		min-height: auto;

		border-top: 0;

		box-shadow: none;

		display: block;

		padding-bottom: 0;

	}

	header .nav > li > .mega-menu-con ul.inner li {

		border-right: 0;

		list-style: none;

		padding: 25px;

		width: 100% !important;

		display: block;

		float: left;

		min-height: 280px;

	}

	header .nav > li > .mega-menu-con ul.inner li:nth-child(odd) {

		background: #fff;

	}

	header .nav > li > .mega-menu-con2 ul.inner li {

		border-right: 2px solid #f0f5fa !important;

		list-style: none;

		min-height: auto !important;

		background: #fff !important;

		width: 50% !important;

		display: block;

		float: left !important;

	}

}


@media only screen and (max-width:1279px) {
    
    header .top-right{margin: 16px 0 0 0; }
    header .top-right .btn-warning {padding:0 15px;}
    
}


@media only screen and (max-width:1151px) {
    header .top-right, .header_fixer .top-right{margin-right:58px;}
}


@media only screen and (max-width:991px) {
    header .top-right{margin-top: 6px; }
}



@media only screen and (max-width: 767px) {

  header .top-right, .header_fixer .top-right{display:block; margin:0; width:100%;}
  header .top-right .btn-warning{display:block; border-radius:0; margin:0 0 1px 0; text-align:center;}
  header, .header_fixer{padding:0 !important;}
  header .container-fluid{padding-left:0 !important; padding-right:0 !important;}
  
  header .navbar-brand, .header_fixer .navbar-brand{margin:10px 0 0 10px; width:80px;}
  header .navbar-header{border-bottom:1px solid #ddd;}
  

}

 

/*header clasess end*/



/*banner clasess*/

.banner-bg {

	background: #D4F0FE;

	width: 100%;

	background-attachment: scroll;

	padding: 40px 0 0 0;

	background-size: contain;

}

.banner-bg .container-fluid {

	padding-left: 45px !important;

	padding-right: 45px !important;

}

.banner-bg .left-sec {

	float: left;

	width: 50%;

	position: relative;

	padding-right: 5px;

}

.banner-bg .left-sec:after {

	content: "";

	background: url(../images/sprite_images.png) no-repeat;

	width: 46px;

	height: 80px;

	position: absolute;

	background-position: -124px 0;

	left: 0;

	bottom: 30px;

}

.banner-bg .left-sec h1 {

	color: #fff;

	font-size: 42px;

	line-height: 50px;

	font-family: "proxima_nova_ltlight", sans-serif;

}

.banner-bg .left-sec h1 strong {

	font-family: "proxima_nova_rgbold", sans-serif;
	
	color:#02134B;

}

.banner-bg .left-sec ul {

	border-left: 3px solid #fff;

	padding: 5px 0 5px 15px;

	margin: 30px 0 0 65px;

}

.banner-bg .left-sec ul li {

	font-size: 18px;

	line-height: 20px;

	color: #85c9fb;

	font-family: "proxima_nova_ltlight", sans-serif;

	list-style: none;

	padding: 4px 0 4px 18px;

	position: relative;

}

.banner-bg .left-sec ul li:before {

	content: "\f192";

	font-family: "Fontawesome";

	color: #fff;

	font-size: 12px;

	position: absolute;

	left: 0;

	top: 2px;

}

.banner-bg .left-sec .btn-success {

	margin: 35px 0 0 65px;

}

.banner-bg .right-sec {

	float: none;

	margin: auto;

	width: 80%;

	padding-left: 0;

}

.banner-bg .right-sec .video_img_con {

	position: relative;

}

.banner-bg .right-sec .video_img_con figure {

	position: relative;

}

.banner-bg .right-sec .video_img_con figure img {

	width: 100%;

	height: auto;

	display: block;

}

.banner-bg .right-sec .video_img_con .v_btn {

	position: absolute;

	top: 50%;

	left: 50%;

	color: #e72f26;

	z-index: 2;

	transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	border: 2px solid #fff;

	display: block;

	border-radius: 20px;

	font-size: 80px;

	height: 58px;

	overflow: hidden;

	background: #fff;

	box-shadow: 0 0 80px 10px rgba(0, 0, 0, 0.5);

}

.banner-bg .right-sec .video_img_con .fa {

	margin-top: -13px;

}

.banner-bg .right-sec .video_img_con .v_btn:hover {

	color: #ff574f;

}

.modal-content {

	border-radius: 0;

}



.modal-content .modal-title {

	font-family: "proxima_nova_bold", sans-serif;

	font-weight: 900;

	padding: 20px;

}



.modal-body {

	padding: 0;

}



.modal {

	background: rgba(0, 0, 0, 0.8);

}

.btn_close {

	position: absolute;

	top: 13px;

	right: 10px;

	background: none;

	border: 0;

	font-size: 40px;

	color: #e6271d;

}



.formConModal {

	background: #f5f5f5;

	padding: 30px;

}



@media only screen and (max-width: 767px) {

.banner-bg .right-sec{width:100%;}
.banner-bg .container-fluid{padding-left: 15px !important;
    padding-right: 15px !important;}

}












 /*banner clasess end*/ /*about clasess*/

.about-con {

	background: #6b3392;

	background-attachment: fixed;

	padding: 80px 0 80px 0;

}

.about-con .inner-padding {

	padding: 0 6%;

}

.about-con .left-img {

	float: left;

	width: 40%;

}

.about-con .content-con {

	padding-left: 30px;

	width: 60%;

	float: right;

	margin-top: 20px;

}

.about-con .content-con h2 span {

	display: block;

	color: #ee6d0f;

	font-weight: 900;

	text-transform: uppercase;

	font-size: 20px;

	line-height: 30px;

}



.about-con .content-con h2 strong {

	font-weight: 900;

	font-size: 36px;

	line-height: 36px;

	text-transform: uppercase;

	color: #ffffff;

	font-family: "proxima_nova_bold", sans-serif;

}



.about-con .content-con p {

	font-size: 18px;

	line-height: 28px;

	font-family: "proxima_nova_ltlight", sans-serif;

	margin-top: 20px;

	color: #ffffff;

}

.about-con .content-con p strong {

	font-family: "proxima_nova_rgbold", sans-serif;

}

.about-con .btn-primary {

	font:

		600 15px/45px "proxima_nova_bold",

		sans-serif;

	color: #fff;

	background: #0b5b96;

	text-transform: uppercase;

	border-radius: 0;

	padding: 0 0 0 50px;

	margin-top: 25px;

	border: 0;

}

.about-con .btn-primary:hover,

.about-con .btn-primary:focus {

	background: #ff4e00 !important;

}

.about-con .btn-primary .text {

	float: left;

}

.about-con .btn-primary .arrow {

	background: #075086 url(../images/sprite_images.png) no-repeat;

	width: 50px;

	height: 45px;

	display: block;

	float: right;

	margin-left: 35px;

	background-position: 0 -74px;

}

.about-con .btn-primary:hover .arrow,

.about-con .btn-primary:focus .arrow {

	background: #d14000 url(../images/sprite_images.png) no-repeat;

	background-position: 0 -74px;

}

@media only screen and (max-width: 991px) {

	 .about-con{padding:40px 0;}
.about-con .inner-padding{padding:0;}
}

@media only screen and (max-width: 767px) {

  
.about-con{padding:20px 0 30px;}
.about-con .left-img{width:100%; padding:0 10%;}


	.about-con .content-con {

		padding-left: 0;

		width: 100%;

		float: none;

		text-align: center;

	}

} 




/*about clasess end*/ 





/*services clasess*/

.service-con {

	background: #ffffff;

	padding-top: 30px;

	padding-bottom: 80px;

}

.service-con .style-1 {

	padding: 0 2%;

	margin-top: 50px;

}

.service-con .style-1 figure {

	width: 400px;

	height: 400px;

	float: left;

}

.service-con .style-2 figure {

	float: right;

}



.service-con .style-1 figure img,

.service-con .style-2 figure img {

	width: 100%;

}



.service-con .style-1 .arrow-sign {

	width: 45px;

	height: 420px;

	background: url(../images/sprite_images.png) no-repeat;

	background-position: 0 0;

	float: left;

	margin-left: 35px;

}

.service-con .style-2 .arrow-sign {

	float: right;

	background-position: 0 0;

	margin-right: 35px;

	margin-left: 0;

}

.service-con .style-1 .content-con {

	float: right;

	width: 56%;

	padding: 0 0 0 30px;

	position: relative;

	min-height: 420px;

}

.service-con .style-1 .content-con .inner {

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	-moz-transform: translate(0, -50%);

	-ms-transform: translate(0, -50%);

	-webkit-transform: translate(0, -50%);

	padding-right: 30px;

}

.service-con .style-2 .content-con {

	text-align: right;

	padding-left: 0;

}

.service-con .style-2 .content-con .inner {

	text-align: right;

}

.service-con .style-1 .content-con h2 {

	font-size: 34px;

	line-height: 40px;

	font-family: "proxima_nova_bold", sans-serif;

	font-weight: 900;

	position: relative;

	text-transform: uppercase;

}

.service-con .style-1 .content-con h2:after {

	content: "";

	background: #ff4e00;

	height: 3px;

	width: 50px;

	position: absolute;

	display: block;

	margin-top: 15px;

}

.service-con .style-2 .content-con h2:after {

	right: 0;

}

.service-con .style-1 .content-con p {

	font-size: 18px;

	line-height: 28px;

	font-family: "proxima_nova_ltlight", sans-serif;

	margin-top: 45px;

}

.service-con .style-1 .content-con .btn-primary {

	margin-top: 25px;

}

@media only screen and (max-width: 1279px) {

	.service-con .style-1 .content-con {

		float: right;

		width: 50%;

	}

}





@media only screen and (max-width: 1151px) {

	
	.service-con .style-1 figure{width:360px; height:360px;}

}

@media only screen and (max-width: 991px) {

	.service-con {

		padding: 30px 0 0 0;

	}

	.service-con .style-1 {

		padding:10px;

	 margin:0;

		width: 50%;

		float: left;


	}
	
	
	    .service-con .style-1 figure {
        width: 100%;
        height: auto; margin:auto;
    }
	

	.service-con .style-1 .box {

		width: 100%;

		padding:30px;

		border: 1px solid #dddddd; 

		overflow: hidden;

		background: #fff;
border-radius:30px;
		margin: auto;

min-height:831px;
	}

	.service-con .style-1 figure,

	.service-con .style-2 figure {

		float: none;

	 

	 
 

	}

	.service-con .style-1 .content-con,

	.service-con .style-2 .content-con {

		float: none;

		width: 100%;

		text-align: center;

		padding: 0;

		min-height: auto !important;

		margin: 30px 0 0 0;

	}

	.service-con .style-1 .content-con .inner,

	.service-con .style-2 .content-con .inner {

		text-align: center;

		padding: 0;

		position: static !important;
		
		transform: translate(0, 0);
-webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
	 

	}

	.service-con .style-1 .arrow-sign {

		display: none;

	}

	.service-con .style-1 .content-con h2 {

		font-size: 20px;

		line-height: 25px;

	}

	.service-con .style-1 .content-con h2:after {

		position: static;

		margin: 15px auto 0 auto;

		display: block;

	}

	.service-con .style-1 .content-con p {

		margin-top: 15px;

	}


 .service-con .btn-warning{margin-bottom:40px;}



}

@media only screen and (max-width: 767px) {

 .service-con .style-1{width:100%;}
 .service-con .style-1 figure {
width:80%;}

.service-con .style-1 .box{min-height:auto;}

}



 /*services clasess end*/
 
 
 
 
 
 /*products clasess*/

.product-con {

	background: #f2f9ff;

	border-top: 10px solid #fafdff;

	padding: 60px 0 70px;

	margin: 70px 0 0 0;

}

.product-con .box {

	background: #fff;

	padding: 30px;

}

.product-con .box figure {

	width: 140px;

	height: 140px;

	border-radius: 100%;

	border: 1px dashed #0b5b96;

	display: block;

	margin: auto;

	padding: 9px;

}

.product-con .box figure .icon {

	width: 120px;

	height: 120px;

	border-radius: 100%;

	overflow: hidden;

	background: #f2f9ff url(../images/sprite_images.png) no-repeat;

	display: block;

	transition: all linear 1s;

	-webkit-transition: all linear 1s;

	-moz-transition: all linear 1s;

	-ms-transition: all linear 1s;

}

.product-con .box figure .icon1 {

	background-position: 0 -808px;

}

.product-con .box figure .icon2 {

	background-position: -115px -808px;

}

.product-con .box figure .icon3 {

	background-position: -230px -808px;

}

.product-con .box figure .icon4 {

	background-position: 0px -1670px;

}

.product-con .box:hover figure .icon {

	-webkit-transform: rotateY(360deg);

	-moz-transform: rotateY(360deg);

	-o-transform: rotateY(360deg);

	transform: rotateY(360deg);

}

.product-con .box figcaption {

	padding: 25px 15px 0;

}

.product-con .box figcaption p {

	font:

		300 16px/26px "proxima_nova_ltlight",

		sans-serif;

	margin-top: 15px;

}

.product-con .box figcaption .btn-warning {

	font-weight: 400;

	line-height: 30px;

	padding: 0 20px;

	margin-top: 15px;

}

.product-con .box:hover figcaption .btn-warning,

.product-con .box figcaption .btn-warning:focus {

	background: #0b5b96 !important;

}

.product-con .box:hover {

	box-shadow: 0 5px 30px 1px rgba(204, 215, 224, 0.5);

}

@media only screen and (max-width: 1151px) {

	.product-con .box figcaption {

		padding: 25px 0 0;

	}

	.product-con .box {

		background: #fff;

		padding: 30px 20px;

	}

}

@media only screen and (max-width: 767px) {

	.product-con {

		margin: 50px 0 0 0;

	}

} /*products clasess end*/ /*how it work clasess*/

.how-it-work {

	padding: 90px 0;

}

.how-it-work .inner {

	position: relative;

	min-height: 720px;

	padding: 0 15px;

}

.how-it-work .inner .title_con {

	position: absolute;

	width: 480px;

	height: 330px;

	border-radius: 100%;

	background: #f2f9ff;

	border: 10px solid #fafdff;

	text-align: center;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	padding: 90px 50px;

}

.how-it-work .inner .title_con:hover {

	background: #0b5b96;

}

.how-it-work .inner .title_con:hover .secondary-text,

.how-it-work .inner .title_con:hover h2 {

	color: #fff;

}

.how-it-work .inner .title_con .secondary-text {

	padding: 0;

}

.how-it-work .inner .steps .pic {

	background: url(../images/sprite_images.png) no-repeat;

	position: relative;

}

.how-it-work .inner .steps .pic1 {

	float: right;

	width: 218px;

	height: 180px;

	background-position: -358px -808px;

	margin-left: 10px;

}

.how-it-work .inner .steps .pic2 {

	float: left;

	width: 184px;

	height: 118px;

	background-position: -580px -808px;

	margin-right: 15px;

}

.how-it-work .inner .steps .pic3 {

	float: left;

	width: 201px;

	height: 202px;

	background-position: -771px -791px;

	margin-right: 15px;

	margin-top: 5px;

}

.how-it-work .inner .steps .pic4 {

	float: left;

	width: 218px;

	height: 180px;

	background-position: 0 -926px;

}

.how-it-work .inner .steps .pic5 {

	float: right;

	width: 201px;

	height: 202px;

	background-position: -225px -1005px;

	margin-left: 10px;

}

.how-it-work .inner .steps .pic6 {

	float: right;

	width: 158px;

	height: 148px;

	background-position: -442px -1004px;

	margin-top: 25px;

}

.how-it-work .inner .steps .pic .numbers {

	width: 53px;

	height: 53px;

	border-radius: 100%;

	text-align: center;

	background: #95bc59;

	border: 3px solid #f2f9ff;

	position: absolute;

	color: #fff;

	font-family: "Roboto Slab";

	font-size: 25px;

	padding: 9px 0;

	font-weight: 500;

}

.how-it-work .inner .steps .pic1 .numbers {

	right: 40px;

	top: -20px;

}

.how-it-work .inner .steps .pic2 .numbers {

	right: -10px;

	top: -25px;

	background: #5283bd;

}

.how-it-work .inner .steps .pic3 .numbers {

	left: 25px;

	top: 50px;

	background: #ff7b7b;

}

.how-it-work .inner .steps .pic4 .numbers {

	left: -5px;

	top: -20px;

	background: #bccfb8;

}

.how-it-work .inner .steps .pic5 .numbers {

	left: -5px;

	top: 5px;

	background: #ffbc00;

}

.how-it-work .inner .steps .pic6 .numbers {

	right: -15px;

	top: -25px;

	background: #8be1d8;

}

.how-it-work .inner .steps .content p {

	font-size: 16px;

	line-height: 22px;

	font-family: "proxima_nova_ltlight", sans-serif;

}

.how-it-work .inner .step-1 {

	width: 465px;

	margin-left: 15px;

	float: left;

}

.how-it-work .inner .step-1 .content {

	text-align: right;

}

.how-it-work .inner .step-2 {

	width: 440px;

	margin-right: 15px;

	margin-top: 10px;

	float: right;

}

.how-it-work .inner .step-3 {

	width: 205px;

	height: 210px;

	position: absolute;

	right: 0;

	top: 225px;

}

.how-it-work .inner .step-3 .content {

	position: absolute;

	right: 0;

	top: -65px;

}

.how-it-work .inner .step-4 {

	width: 465px;

	position: absolute;

	right: 0;

	bottom: -30px;

}

.how-it-work .inner .step-4 .content {

	position: absolute;

	right: 0;

	top: 15px;

	padding-left: 180px;

	padding-right: 40px;

}

.how-it-work .inner .step-5 {

	width: 465px;

	position: absolute;

	left: 0;

	bottom: -30px;

}

.how-it-work .inner .step-5 .content {

	text-align: right;

	padding-top: 50px;

}

.how-it-work .inner .step-6 {

	width: 160px;

	height: 172px;

	position: absolute;

	left: 0;

	top: 280px;

}

.how-it-work .inner .step-6 .content {

	position: absolute;

	left: 0;

	top: -70px;

}

.how-it-work .inner .arrow1 {

	background: url(../images/sprite_images.png);

	width: 185px;

	height: 46px;

	background-position: -824px -448px;

	position: absolute;

}

.how-it-work .inner .arrow2 {

	background: url(../images/sprite_images.png);

	width: 114px;

	height: 140px;

	background-position: -917px -497px;

	position: absolute;

}

.how-it-work .inner .one {

	left: 475px;

	top: 70px;

}

.how-it-work .inner .two {

	left: 810px;

	top: 140px;

}

.how-it-work .inner .three {

	left: 860px;

	top: 490px;

	transform: rotate(150deg);

	-webkit-transform: rotate(150deg);

	-ms-transform: rotate(150deg);

	-moz-transform: rotate(150deg);

}

.how-it-work .inner .four {

	left: 510px;

	top: 550px;

	transform: rotate(140deg);

	-webkit-transform: rotate(140deg);

	-ms-transform: rotate(140deg);

	-moz-transform: rotate(140deg);

}

.how-it-work .inner .five {

	left: 70px;

	top: 500px;

	transform: rotate(220deg);

	-webkit-transform: rotate(220deg);

	-ms-transform: rotate(220deg);

	-moz-transform: rotate(220deg);

}

@media only screen and (max-width: 1151px) {

	.how-it-work .inner .step-1 {

		width: 380px;

	}

	.how-it-work .inner .step-2 {

		width: 380px;

	}

	.how-it-work .inner .step-3 {

		width: 205px;

	}

	.how-it-work .inner .step-4 {

		width: 380px;

	}

	.how-it-work .inner .step-5 {

		width: 380px;

	}

	.how-it-work .inner .one {

		left: 360px;

		top: 53px;

	}

	.how-it-work .inner .two {

		left: 635px;

		top: 140px;

	}

	.how-it-work .inner .three {

		left: 740px;

		top: 490px;

	}

	.how-it-work .inner .four {

		left: 425px;

		top: 550px;

	}

	.how-it-work .inner .five {

		left: 0;

		top: 480px;

	}

}

@media only screen and (max-width: 991px) {

	.how-it-work {

		padding: 70px 0 50px;

	}

	.how-it-work .inner .arrow1,

	.how-it-work .inner .arrow2 {

		display: none;

	}

	.how-it-work .inner .steps {

		width: 50% !important;

		position: static !important;

		float: left !important;

		margin: 0 !important;

		overflow: hidden;

		height: auto !important;

	}

	.how-it-work .inner .steps .inner-box {

		width: 300px;

		height: 300px;

		border-radius: 100%;

		border: 3px solid #f0f5fa;

		overflow: hidden;

		padding: 15px 40px !important;

		margin: 20px auto;

		box-shadow: 0 0 10px 1px #fafdff;

	}

	.how-it-work .inner .steps .pic {

		margin: auto !important;

		float: none !important;

		display: block;

		transform: scale(0.6);

		-moz-transform: scale(0.6);

		-ms-transform: scale(0.6);

		-webkit-transform: scale(0.6);

	}

	.how-it-work .inner .steps .content {

		position: static !important;

		text-align: center !important;

	}

	.how-it-work .inner .title_con {

		position: static;

		width: auto;

		height: auto;

		background: none;

		border: 0;

		text-align: center;

		top: 0;

		left: 0;

		transform: translate(0, 0);

		-moz-transform: translate(0, 0);

		-webkit-transform: translate(0, 0);

		-ms-transform: translate(0, 0);

		padding: 0;

	}

	.how-it-work .inner .title_con .secondary-text {

		padding: 0 10%;

	}

	.how-it-work .inner .step-1 .content {

		margin-top: -25px;

	}

	.how-it-work .inner .steps .pic2 {

		margin-top: 25px !important;

	}

	.how-it-work .inner .step-3 {

		margin-top: -25px !important;

	}

	.how-it-work .inner .steps .pic5 {

		margin-top: -20px !important;

	}

	.how-it-work .inner .steps .pic6 {

		margin-top: 25px !important;

	}

	.how-it-work .inner .step-3 .content {

		margin-top: -40px !important;

	}

	.how-it-work .inner .step-4 .content {

		padding: 0 !important;

		margin-top: -25px;

	}

	.how-it-work .inner .step-5 .content {

		margin-top: -70px;

	}

	.how-it-work .inner .step-6 .content {

		margin-top: -25px;

	}

}

@media only screen and (max-width: 767px) {

	.how-it-work .inner .steps {

		width: 100% !important;

	}

}

@media only screen and (max-width: 479px) {

	.how-it-work {

		padding: 50px 0 30px;

	}

	.how-it-work .inner {

		padding: 0;

	}

	.how-it-work .inner .title_con .secondary-text {

		padding: 0 5%;

		margin-bottom: 15px;

	}

	.how-it-work .inner .steps .inner-box {

		width: 285px;

		height: 285px;

		border-radius: 100%;

		border: 3px solid #f0f5fa;

		overflow: hidden;

		padding: 15px 30px !important;

		margin: 10px auto;

		box-shadow: 0 0 10px 1px #fafdff;

	}

} /*how it work clasess end*/

/*free trial clasess*/

.free-trail-con {

	background: #0b5b96 url(../images/free-trial-bg.png) no-repeat center;

	margin: 20px 0 0 0;

	padding: 70px 0 60px;

}

.free-trail-con h2 {

	color: #fff;

	font-family: "proxima_nova_bold", sans-serif;

	text-transform: uppercase;

	font-weight: 600;

	font-size: 40px;

	line-height: 42px;

}

.free-trail-con p {

	color: #fff;

	font-family: "proxima_nova_ltlight", sans-serif;

	font-size: 24px;

	line-height: 33px;

	margin-top: 15px;

}

.free-trail-con .btn-success {

	font-size: 30px;

	padding: 5px;

	font-weight: 300;

	text-transform: capitalize;

	background-color: #7fba00 !important;

	height: 70px;

	line-height: 58px;

	margin: 30px 0 0 80px;

}

.free-trail-con .btn-success span {

	padding: 0 65px;

	border: 1px dashed #fff;

	display: inline-block;

}

@media only screen and (max-width: 1151px) {

	.free-trail-con .btn-success {

		margin: 30px 0 0 50px;

	}

}

@media only screen and (max-width: 991px) {

	.free-trail-con {

		text-align: center;

	}

	.free-trail-con .btn-success {

		margin: 30px 0 0 0;

	}

}

@media only screen and (max-width: 767px) {

	.free-trail-con .btn-success {

		margin: 20px 0 0 0;

	}

	.free-trail-con .btn-success span {

		padding: 0 40px;

	}

}

@media only screen and (max-width: 479px) {

	.free-trail-con .btn-success {

		font-size: 22px;

	}

	.free-trail-con .btn-success span {

		padding: 0 30px;

	}

	.free-trail-con h2 {

		font-size: 26px !important;

		line-height: 28px;

	}

} /*free trial clasess end*/

/*iso stage clasess*/

.iso-stage-con {

	margin: 80px 0;

}

.iso-stage-con .box {

	background: #fff;

	padding: 30px 15px;

	border: 1px solid #f0f5fa;

	box-shadow: 0 0 10px 1px #fafdff;

}

.iso-stage-con .box figure {

	width: 114px;

	height: 114px;

	border-radius: 100%;

	display: block;

	margin: auto;

	background: #fafdff;

	padding: 7px;

}

.iso-stage-con .box figure .icon {

	width: 100px;

	height: 100px;

	border: 1px solid #ecf1f5;

	border-radius: 100%;

	background: #fff url(../images/sprite_images.png) no-repeat;

	overflow: hidden;

	display: block;

	transition: all linear 1s;

	-webkit-transition: all linear 1s;

	-moz-transition: all linear 1s;

	-ms-transition: all linear 1s;

}

.iso-stage-con .box figure .icon1 {

	background-position: 0 -1116px;

}

.iso-stage-con .box figure .icon2 {

	background-position: -101px -1118px;

}

.iso-stage-con .box figure .icon3 {

	background-position: 0 -1218px;

}

.iso-stage-con .box figure .icon4 {

	background-position: -100px -1218px;

}

.iso-stage-con .box figcaption {

	padding: 10px 0px 0;

}

.iso-stage-con .box figcaption p {

	font:

		300 15px/22px "proxima_nova_ltlight",

		sans-serif;

	margin-top: 10px;

}

.iso-stage-con .box figcaption .btn-warning {

	font-weight: 400;

	line-height: 30px;

	padding: 0 20px;

	margin-top: 10px;

}

.iso-stage-con .box:hover figcaption .btn-warning,

.product-con .box figcaption .btn-warning:focus {

	background: #0b5b96 !important;

}

.iso-stage-con .box:hover {

	box-shadow: 0 5px 30px 1px rgba(204, 215, 224, 0.5);

}

.iso-stage-con .box:hover figure .icon {

	-webkit-transform: rotateY(360deg);

	-moz-transform: rotateY(360deg);

	-o-transform: rotateY(360deg);

	transform: rotateY(360deg);

}

@media only screen and (max-width: 479px) {

	.iso-stage-con {

		margin: 50px 0;

	}

}

/*iso stage clasess end*/



/*benefits clasess*/

.benefits-con {

	background: #f2f9ff;

	padding: 60px 0 70px;

	border-top: 10px solid #fafdff;

}

.inner {

	padding: 0;

	width: 100%;

}

.inner:after,

.ch-item:before {

	content: "";

	display: table;

}

.inner .cercle {

	width: 260px;

	height: 260px;

	display: inline-block;

	border-radius: 100%;

	background: #fff;

	padding: 10px;

	border: 1px solid #fff;

	-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

}

.inner .cercle:hover {

	border: 1px dashed #0b5b96;

}

.cercle-item {

	width: 100%;

	height: 100%;

	border-radius: 50%;

	position: relative;

	background: #fff;

	-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

	box-shadow: inset 3px 3px 5px 2px #f1f8fe;

}

.cercle-item .items1:hover {

	opacity: 0;

}

.cercle-item .items {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	width: 100%;

}

.cercle-item .items h3 {

	font-size: 40px;

	line-height: 45px;

	color: #0b5b96;

	text-transform: uppercase;

}

.cercle-item .items .text-second {

	color: #999;

	font-weight: 300;

	font-family: "proxima_nova_bold", sans-serif;

	font-size: 25px;

	line-height: 30px;

}

.cercle-item .item3 h3 {

	font-size: 20px;

	line-height: 24px;

}

.cercle-item .item3 .text-second {

	font-size: 35px;

	line-height: 40px;

}

.cercle-item .item4 h3 {

	font-size: 30px;

	line-height: 34px;

}

.cercle-item2 {

	position: absolute;

	background: #0b5b96;

	width: inherit;

	height: inherit;

	border-radius: 100%;

	opacity: 0;

	-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	-o-transform: scale(0);

	-ms-transform: scale(0);

	transform: scale(0);

	-webkit-backface-visibility: hidden;

	box-shadow: inset 3px 3px 5px 2px #034473;

}

.cercle-item2 .items {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	width: 100%;

	z-index: 2;

	padding: 0 18px;

}

.cercle-item2 h4 {

	color: #fff;

	font-size: 18px;

	line-height: 24px;

	font-family: "proxima_nova_bold", sans-serif;

	margin-top: 15px;

}

.cercle-item2 p {

	color: #b7e0ff;

	font-size: 15px;

	line-height: 22px;

	font-family: "proxima_nova_ltlight", sans-serif;

	opacity: 0;

	-webkit-transition: all 1s ease-in-out 0.4s;

	-moz-transition: all 1s ease-in-out 0.4s;

	-o-transition: all 1s ease-in-out 0.4s;

	-ms-transition: all 1s ease-in-out 0.4s;

	transition: all 1s ease-in-out 0.4s;

	margin-top: 10px;

}

.cercle-item2 p a {

	display: block;

	color: #fff;

	font-size: 13px;

	text-transform: uppercase;

	padding-top: 10px;

	font-family: "proxima_nova_rgbold", sans-serif;

}

.cercle-item:hover .cercle-item2 {

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

	opacity: 1;

}

.cercle-item:hover .cercle-item2 p {

	opacity: 1;

}

@media only screen and (max-width: 1151px) {

	.inner .cercle {

		width: 215px;

		height: 215px;

	}

	.cercle-item .items h3 {

		font-size: 30px;

		line-height: 34px;

	}

	.cercle-item .items .text-second {

		font-size: 20px;

		line-height: 24px;

	}

	.cercle-item .item3 h3 {

		font-size: 16px;

		line-height: 22px;

	}

	.cercle-item .item3 .text-second {

		font-size: 30px;

		line-height: 34px;

	}

	.cercle-item .item4 h3 {

		font-size: 25px;

		line-height: 26px;

	}

	.cercle-item2 h4 {

		font-size: 14px;

		line-height: 20px;

		margin-top: 15px;

	}

	.cercle-item2 p {

		margin-top: 5px;

	}

	.cercle-item2 p a {

		padding-top: 5px;

	}

}

@media only screen and (max-width: 991px) {

	.inner .cercle {

		width: 260px;

		height: 260px;

	}

	.cercle-item2 h4 {

		font-size: 18px;

		line-height: 24px;

	}

	.cercle-item2 p {

		margin-top: 10px;

	}

	.cercle-item2 p a {

		padding-top: 10px;

	}

}

/*benefits clasess end*/ /*powerful clasess*/

.powerful-con {

	margin: 70px 0 0 0;

	border-bottom: 10px solid #f2f9ff;

	padding-bottom: 70px;

}

.powerful-con .box {

	border: 1px solid #e3eaf0;

	padding: 40px 40px 40px 40px;

	display: block;

	text-decoration: none;

	box-shadow: -2px -2px 0 2px #f2f9ff;

	vertical-align: middle;

	position: relative;

	background: #fff;

}

.powerful-con .box .back {

	background: #0b5b96;

	position: absolute;

	top: 0;

	left: 0;

	overflow: hidden;

	width: 100%;

	height: 100%;

	opacity: 0;

	-webkit-transition: All 1s ease;

	-moz-transition: All 1s ease;

	-o-transition: All 1s ease;

	-webkit-transform: rotateY(180deg);

	-moz-transform: rotateY(180deg);

	-o-transform: rotateY(180deg);

	transform: rotateY(180deg);

}

.powerful-con .box:hover .back {

	opacity: 1;

	-webkit-transform: rotateY(336deg);

	-moz-transform: rotateY(360deg);

	-o-transform: rotateY(360deg);

	transform: rotateY(360deg);

}

.powerful-con .box .back p {

	position: absolute;

	top: 50%;

	left: 50%;

	display: block;

	transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	color: #fff;

	width: 100%;

	padding: 30px 25px;

	font-size: 16px;

}

.powerful-con .box figure {

	width: 140px;

	height: 140px;

	border-radius: 100%;

	border: 1px dashed #0b5b96;

	display: block;

	margin: auto;

	padding: 9px;

	-webkit-transition: all 0.2s ease-in-out 0.2s;

	-ms-transition: all 0.2s ease-in-out 0.2s;

	-moz-transition: all 0.2s ease-in-out 0.2s;

	transition: all 0.2s ease-in-out 0.2s;

}

.powerful-con .box figure .icons {

	width: 120px;

	height: 120px;

	border-radius: 100%;

	overflow: hidden;

	background: #f2f9ff url(../images/sprite_images.png) no-repeat;

	display: block;

}

.powerful-con .box figure .icon1 {

	background-position: -218px -1216px;

}

.powerful-con .box figure .icon2 {

	background-position: -335px -1216px;

}

.powerful-con .box figure .icon3 {

	background-position: -448px -1219px;

}

.powerful-con .box figure .icon4 {

	background-position: -560px -1219px;

}

.powerful-con .box figure .icon5 {

	background-position: -678px -1215px;

}

.powerful-con .box figure .icon6 {

	background-position: -791px -1215px;

}

.powerful-con .box figure .icon7 {

	background-position: -905px -1215px;

}

.powerful-con .box figure .icon8 {

	background-position: -105px -1333px;

}

.powerful-con .box figure .icon9 {

	background-position: -219px -1333px;

}

.powerful-con .box figure .icon10 {

	background-position: -333px -1333px;

}

.powerful-con .box figure .icon11 {

	background-position: -447px -1333px;

}

.powerful-con .box figure .icon12 {

	background-position: -561px -1333px;

}

.powerful-con .box figure .icon13 {

	background-position: -675px -1333px;

}

.powerful-con .box figure .icon14 {

	background-position: -792px -1330px;

}

.powerful-con .box figure .icon15 {

	background-position: -910px -1330px;

}

.powerful-con .box figcaption {

	min-height: 50px;

	margin: 25px 0 0 0;

	overflow: hidden;

}

.powerful-con .box figcaption h4 {

	font-size: 18px;

	line-height: 24px;

	color: #02134b;

	font-family: "proxima_nova_rgregular", sans-serif;

	font-weight: 300;

	-webkit-transition: all 0.2s ease-in-out 0.2s;

	-ms-transition: all 0.2s ease-in-out 0.2s;

	-moz-transition: all 0.2s ease-in-out 0.2s;

	transition: all 0.2s ease-in-out 0.2s;

}

@media only screen and (max-width: 479px) {

	.powerful-con {

		margin: 50px 0 0 0;

		padding-bottom: 50px;

	}

}

/*powerful clasess end*/



/*deployment and customization clasess*/

.deploy-and-customize-con {

	margin: 70px 0;

}

.deploy-and-customize-con .box {

	background: #f2f9ff;

	padding: 60px 60px 45px 60px;

	position: relative;

	border: 1px solid #f0f5fa;

	border-bottom: 3px solid #e4eff8;

	min-height: 310px;

	overflow: hidden;

}

.deploy-and-customize-con .box figure {

	width: 132px;

	height: 132px;

	border-radius: 100%;

	display: block;

	margin: auto;

	background: #fafdff;

	padding: 7px;

}

.deploy-and-customize-con .box figure .icons {

	width: 118px;

	height: 118px;

	border: 1px solid #ecf1f5;

	border-radius: 100%;

	background: #fff url(../images/sprite_images.png) no-repeat;

	overflow: hidden;

	display: block;

}

.deploy-and-customize-con .box figure .icon1 {

	background-position: -5px -1449px;

}

.deploy-and-customize-con .box figure .icon2 {

	background-position: -122px -1449px;

}

.deploy-and-customize-con .box figure .icon3 {

	background-position: -243px -1449px;

}

.deploy-and-customize-con .box figure .icon4 {

	background-position: -364px -1449px;

}

.deploy-and-customize-con .box figure .icon5 {

	background-position: -486px -1449px;

}

.deploy-and-customize-con .box figcaption {

	margin-top: 15px;

	height: 60px;

}

.deploy-and-customize-con .box h3 {

	font-weight: 400;

	color: #0b5b96;

	font-size: 24px;

	line-height: 28px;

}

.deploy-and-customize-con .box p {

	font-size: 15px;

	line-height: 22px;

	font-family: "proxima_nova_ltlight", sans-serif;

	margin-top: 10px;

}

.deploy-and-customize-con .box .btn-link {

	font-size: 13px;

	font-family: "proxima_nova_rgbold", sans-serif;

	color: #0b5b96;

}

.deploy-and-customize-con .box .absolute-con {

	height: 100%;

	width: 100%;

	background: #f2f9ff;

	position: absolute;

	bottom: 0;

	left: 0;

	transition: all linear 0.5s;

	-webkit-transition: all linear 0.5s;

	-moz-transition: all linear 0.5s;

	-ms-transition: all linear 0.5s;

	opacity: 0;

}

.deploy-and-customize-con .box .absolute-con .inner {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	width: 100%;

	padding: 30px;

}

.deploy-and-customize-con .box:hover .absolute-con {

	opacity: 1;

}

.cercle-bg {

	background: url(../images/background-3.png) no-repeat center center;

	width: 100%;

	margin-top: 40px;

}

.devider {

	border-top: 1px solid #e4eff8;

	max-width: 750px;

	margin: auto;

	position: relative;

}

.devider:after {

	content: "";

	background: #ff4e00;

	height: 3px;

	width: 110px;

	position: static;

	display: block;

	margin: -7px auto 0 auto;

}

.devider:before {

	content: "";

	height: 11px;

	width: 40px;

	border-top: 1px solid #0b5b96;

	border-bottom: 1px solid #0b5b96;

	position: static;

	display: block;

	margin: -6px auto 0 auto;

}

@media only screen and (max-width: 767px) {

	.cercle-bg {

		margin-top: 0;

		background: none;

	}

	.cercle-bg .box {

		margin-top: 40px;

	}

}

@media only screen and (max-width: 479px) {

	.deploy-and-customize-con {

		margin: 50px 0;

	}

}

/*deployment and customization clasess ends*/

/*organization clasess*/

.organization_con {

	background: #f2f9ff;

	padding: 60px 0 70px;

	border-top: 10px solid #fafdff;

}

.organization_con .secondary-text {

	padding: 0 10%;

}

.organization_con ul.progress-bar-con li {

	list-style: none;

	float: left;

	width: 20%;

	margin-top: 40px;

}

.organization_con ul.progress-bar-con li .progress {

	width: 204px;

	background: #d6e0e8 !important;

	height: 204px;

	border-radius: 100%;

	line-height: 204px;

	background: none;

	margin: 0 auto;

	box-shadow: none;

	position: relative;

	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);

	overflow: visible;

}

.organization_con ul.progress-bar-con li .progress:before {

	content: "";

	width: 34px;

	height: 34px;

	background: #fff url(../images/sprite_images.png) no-repeat;

	position: absolute;

	right: -29px;

	top: 83px;

	z-index: 2;

	background-position: -62px -85px;

	border-radius: 100%;

	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);

}

.organization_con ul.progress-bar-con li:last-child .progress:before {

	display: none;

}

.organization_con ul.progress-bar-con li .progress .progress:after {

	content: "";

	width: 100%;

	height: 100%;

	border-radius: 50%;

	border: 4px solid #fff;

	position: absolute;

	top: 0;

	left: 0;

}

.progress > span {

	width: 50%;

	height: 100%;

	overflow: hidden;

	position: absolute;

	top: 0;

	z-index: 1;

}

.progress .progress-left {

	left: 0;

}

.progress .progress-bar {

	width: 100%;

	height: 100%;

	background: none;

	border-width: 4px;

	border-style: solid;

	position: absolute;

	top: 0;

}

.progress .progress-left .progress-bar {

	left: 100%;

	border-top-right-radius: 105px;

	border-bottom-right-radius: 105px;

	border-left: 0;

	-webkit-transform-origin: center left;

	transform-origin: center left;

}

.progress .progress-right {

	right: 0;

}

.progress .progress-right .progress-bar {

	left: -100%;

	border-top-left-radius: 105px;

	border-bottom-left-radius: 105px;

	border-right: 0;

	-webkit-transform-origin: center right;

	transform-origin: center right;

	animation: loading-1 4s linear forwards;

}

.progress .progress-value {

	width: 195px;

	height: 195px;

	border-radius: 100%;

	background: #0b5b96;

	border: 5px solid #fff;

	font-size: 24px;

	box-shadow: inset 3px 3px 8px 0px rgba(0, 58, 100, 1);

	color: #fff;

	text-align: center;

	position: absolute;

	padding: 15px;

	top: 4.7px;

	left: 4.7px;

}

.progress .progress-value1 {

	background: rgba(11, 91, 150, 0.6);

	box-shadow: inset 3px 3px 8px 0px rgba(0, 58, 100, 0.3);

}

.progress .progress-value2 {

	background: rgba(11, 91, 150, 0.7);

	box-shadow: inset 3px 3px 8px 0px rgba(0, 58, 100, 0.4);

}

.progress .progress-value3 {

	background: rgba(11, 91, 150, 0.8);

	box-shadow: inset 3px 3px 8px 0px rgba(0, 58, 100, 0.5);

}

.progress .progress-value4 {

	background: rgba(11, 91, 150, 0.9);

	box-shadow: inset 3px 3px 8px 0px rgba(0, 58, 100, 0.6);

}

.progress .progress-value p {

	position: absolute;

	line-height: 26px;

	font-family: "proxima_nova_bold", sans-serif;

	font-weight: 300;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	font-size: 21px;

}

.progress .progress-value p strong {

	font-weight: 600;

	font-size: 26px;

	font-family: "Open Sans", sans-serif;

}

.progress.orange .progress-bar {

	border-color: #fc4a00;

}

.progress.orange .progress-left .progress-bar {

	animation: loading-1 1.5s linear forwards 4s;

}

.progress.orange2 .progress-bar {

	border-color: #fc4a00;

}

.progress.orange2 .progress-left .progress-bar {

	animation: loading-2 1.5s linear forwards 4s;

}

.progress.orange3 .progress-bar {

	display: none !important;

}

@keyframes loading-1 {

	0% {

		-webkit-transform: rotate(0deg);

		transform: rotate(0deg);

	}

	100% {

		-webkit-transform: rotate(180deg);

		transform: rotate(180deg);

	}

}

@keyframes loading-2 {

	0% {

		-webkit-transform: rotate(0deg);

		transform: rotate(0deg);

	}

	100% {

		-webkit-transform: rotate(135deg);

		transform: rotate(135deg);

	}

}

@media only screen and (max-width: 1151px) {

	.organization_con ul.progress-bar-con {

		width: 688px;

		margin: auto;

	}

	.organization_con ul.progress-bar-con li {

		width: 33.33333%;

	}

	.organization_con ul.progress-bar-con li:nth-child(4) {

		margin-left: 116px;

	}

	.organization_con ul.progress-bar-con li:nth-child(4),

	.organization_con ul.progress-bar-con li:nth-child(5) {

		margin-top: -10px;

	}

}

@media only screen and (max-width: 767px) {

	.organization_con ul.progress-bar-con {

		width: 459px;

		margin: auto;

	}

	.organization_con ul.progress-bar-con li {

		width: 50%;

	}

	.organization_con ul.progress-bar-con li:nth-child(4) {

		margin-left: 0;

	}

	.organization_con ul.progress-bar-con li:nth-child(3),

	.organization_con ul.progress-bar-con li:nth-child(4) {

		margin-top: 20px;

	}

	.organization_con ul.progress-bar-con li:nth-child(5) {

		margin-left: 116px;

	}

	.organization_con ul.progress-bar-con li .progress:before {

		display: none;

	}

}

@media only screen and (max-width: 479px) {

	.organization_con ul.progress-bar-con li {

		width: 100%;

		margin-top: 25px !important;

	}

	.organization_con ul.progress-bar-con li:nth-child(5) {

		margin-left: 0;

	}

	.organization_con ul.progress-bar-con {

		width: auto;

	}

} /*organization clasess ends*/ /*customer says clasess*/

.customer-says-con {

	margin: 70px 0;

}

.customer-says-con h2 {

	font-size: 35px;

	line-height: 40px;

}

.customer-says-con .ts-box {

	border: 1px solid #e4ecf3;

	padding: 30px;

	position: relative;

}

.customer-says-con .ts-box:after {

	content: "";

	width: 20px;

	height: 13px;

	position: absolute;

	left: 55px;

	bottom: -12px;

	background: url(../images/sprite_images.png) no-repeat;

	background-position: 0 -119px;

}

.customer-says-con .ts-box .ts-text {

	font-size: 17px;

	line-height: 27px;

	font-family: "proxima_nova_ltlight", sans-serif;

}

.customer-says-con .ts-box:before {

	content: "\f10d";

	font-family: "Fontawesome";

	position: absolute;

	font-size: 30px;

	left: 15px;

	top: -15px;

	color: #a7b2bb;

}

.customer-says-con .client-info {

	margin: 35px 0 0 40px;

}

.customer-says-con .pic {

	width: 51px;

	height: 51px;

	border-radius: 100%;

	background: #f2f9ff url(../images/sprite_images.png) no-repeat;

	background-position: 0 -128px;

	float: left;

}

.customer-says-con .client-name {

	font-size: 14px;

	line-height: 18px;

	text-align: left !important;

	display: block;

	float: left;

	font-family: "proxima_nova_ltsemibold", sans-serif;

	color: #02134b;

	margin: 10px 0 0 10px;

}

@media only screen and (max-width: 479px) {

	.customer-says-con {

		margin: 50px 0;

	}

	.customer-says-con .ts-box {

		padding: 20px 15px;

	}

	.customer-says-con .client-info {

		margin: 35px 0 0 10px;

	}

} /*customer says clasess end*/ /*take the tour clasess*/

.take-tour-con {

	background: #0b5b96 url(../images/take-tour-bg.png) no-repeat center center;

	padding: 35px 0 35px;

	overflow: hidden;

	position: relative;

}

.take-tour-con .left-con {

	margin-top: 40px;

}

.take-tour-con h2 {

	color: #fff;

	font-family: "proxima_nova_bold", sans-serif;

	text-transform: uppercase;

	font-weight: 600;

	font-size: 40px;

	line-height: 40px;

}

.take-tour-con p {

	color: #fff;

	font-family: "proxima_nova_ltlight", sans-serif;

	font-size: 23px;

	line-height: 32px;

	margin-top: 15px;

}

.take-tour-con .rocket {

	width: 391px;

	height: 218px;

	display: inline-block;

	background: url(../images/sprite_images.png) no-repeat;

	background-position: -609px -1450px;

	margin: 0 0 0 130px;

}

@media only screen and (max-width: 1151px) {

	.take-tour-con .rocket {

		margin: 0 0 0 50px;

	}

}

@media only screen and (max-width: 991px) {

	.take-tour-con .rocket {

		width: 150px;

		height: 150px;

		border-radius: 100%;

		display: block;

		background: #7fba00 url(../images/sprite_images.png) no-repeat;

		background-position: -885px -1665px;

		margin: 0 0 0 130px;

		border: 1.5px dashed #fff;

		margin: auto;

	}

	.take-tour-con .left-con {

		margin: 20px 0;

	}

}

@media only screen and (max-width: 767px) {

	.take-tour-con {

		text-align: center;

		padding: 50px 0;

	}

	.take-tour-con .left-con {

		margin: 0 0 20px;

	}

}

@media only screen and (max-width: 479px) {

	.take-tour-con h2 {

		font-size: 30px;

		line-height: 34px;

	}

} /*take the tour clasess end*/ /*clients clasess*/

.clients-con {

	background: #f2f9ff;

	padding: 50px 0 0 0;

	border-bottom: 15px solid #fafdff;

}

.clients-con .container-fluid {

	padding-left: 45px;

	padding-right: 45px;

}

.clients-con .clients-box {

	width: 73%;

	float: right;

	padding-left: 30px;

}

.clients-con .text-box {

	padding: 30px 40px;

	background: #fff;

	box-shadow: 0 0 25px 1px rgba(160, 191, 217, 0.24);

	float: left;

	width: 27%;

	margin-bottom: -45px;

}

.clients-con .text-box p {

	font-size: 30px;

	line-height: 40px;

	font-family: "proxima_nova_bold", sans-serif;

	color: #999;

	font-weight: 300;

}

.clients-con .text-box p strong {

	font-weight: 600;

	color: #777;

}

@media only screen and (max-width: 1279px) {

	.clients-con .text-box {

		padding: 30px 20px;

	}

	.clients-con .text-box p {

		font-size: 25px;

		line-height: 35px;

	}

}

@media only screen and (max-width: 1151px) {

	.clients-con {

		background: #f2f9ff;

		padding: 40px 0 10px 0;

	}

	.clients-con .text-box {

		padding: 20px 20px;

		margin-bottom: -25px;

	}

	.clients-con .text-box p {

		font-size: 23px;

		line-height: 30px;

	}

}

@media only screen and (max-width: 991px) {

	.clients-con {

		background: #f2f9ff;

		padding: 40px 0 20px 0;

	}

	.clients-con .clients-box {

		width: 73%;

		float: right;

		padding-left: 15px;

	}

	.clients-con .text-box {

		padding: 15px 15px;

		margin-bottom: -10px;

	}

	.clients-con .text-box p {

		font-size: 20px;

		line-height: 26px;

	}

}

@media only screen and (max-width: 767px) {

	.clients-con {

		background: #f2f9ff;

		padding: 40px 0;

	}

	.clients-con .clients-box {

		width: 100%;

		float: none;

		padding-left: 0;

	}

	.clients-con .text-box {

		padding: 30px;

		float: none;

		margin-top: 15px;

		width: 100%;

		margin-bottom: 0;

	}

	.clients-con .text-box p {

		font-size: 23px;

		line-height: 30px;

	}

} /*clients clasess end*/ /*sign up clasess*/

.sign-up-con {

	margin: 90px 0 70px 0;

}

.sign-up-con h3 {

	font:

		400 30px/34px "proxima_nova_rgregular",

		sans-serif;

}

.sign-up-con .form-control {

	width: 100%;

}

.sign-up-con .input-box {

	padding: 0 5px;

}

.sign-up-con .btn-warning {

	padding: 0 15px;

	width: 100%;

	text-align: center;

}

@media only screen and (max-width: 991px) {

	.sign-up-con .form-inline {

		padding: 0 10px;

	}

}

@media only screen and (max-width: 767px) {

	.sign-up-con .btn-warning {

		padding: 0 35px;

		width: auto;

		margin-top: 10px;

	}

}

@media only screen and (max-width: 479px) {

	.sign-up-con .col-xs-6 {

		width: 100%;

		margin-bottom: 10px;

	}

	.sign-up-con .btn-warning {

		margin: 0;

	}

	.sign-up-con .secondary-text {

		padding: 0 5%;

	}

	.sign-up-con {

		margin: 50px 0 50px 0;

	}

	.sign-up-con h3 {

		font:

			400 24px/28px "proxima_nova_rgregular",

			sans-serif;

	}

} /*sign up clasess end*/



/*footer clasess*/

footer {

	background: #222222;

}

footer .container-fluid {

	padding-right: 45px;

	padding-left: 45px;

}

footer .cols {

	margin: 40px 0 0 0;

	border-right: 1px solid #dce7f0;

	width: 25%;

	float: left;

	min-height: 450px;

	padding: 0 4%;

}

footer .cols:last-child {

	border: 0;

	padding-right: 0;

}

footer .cols:first-child {

	padding-left: 0;

}

footer .col-1 {

	width: 24%;

}

footer .col-2 {

	width: 23%;

}

footer .col-3 {

	width: 24%;

}

footer .col-4 {

	width: 29%;

}

footer .mt-box {

	margin-top: 25px;

}

footer h3 {

	font-size: 20px;

	position: relative;

}

footer h3:after {

	content: "";

	width: 50px;

	height: 3px;

	background: #fff;

	position: static;

	display: block;

	margin-top: 10px;

}

footer .f-link {

	margin: 15px 0 0 3px;

}

footer .f-link a {

	font:

		400 14px/16px "proxima_nova_ltsemibold",

		sans-serif;

	color: #666;

	padding: 5px 0 5px 0;

	display: block;

	text-decoration: none;

}

footer .f-link a:hover {

	text-decoration: underline;

}

footer .f-link .btn-link {

	color: #0b5c96;

	text-decoration: underline;

}

footer .f-link .btn-link:hover {

	text-decoration: none;

}

footer .contact-info {

	margin-top: 15px;

}

footer .contact-info p,

footer .contact-info a {

	font:

		400 14px/22px "proxima_nova_ltsemibold",

		sans-serif;

	color: #666;

}

.contact-info p .fa {

	height: 32px;

	width: 32px;

	border-radius: 100%;

	background: #fff url(../images/sprite_images.png) no-repeat;

	border: 1px solid #dde4e9;

	float: left;

	margin: 0 5px 0 0;

}

.contact-info p .location {

	background-position: -1px -182px;

}

.contact-info p .email {

	background-position: -34px -181px;

	margin-top: -5px;

}

.contact-info p .phone {

	background-position: -67px -181px;

	margin-top: -5px;

}

footer .contact-info p span {

	margin-left: 35px;

}

footer .footer2 {

	background: #222222;

	padding: 18px 0 0 0;

}

footer .footer2 .left-info {

	float: left;

}

footer .footer-logo img {

	display: inline-block;

	margin: 5px 0;

}

footer .footer2 .left-info .newsl-con {

	padding: 5px 0 5px 0;

	float: left;

}

footer .footer2 .left-info .newsl-con label {

	font-family: "proxima_nova_bold", sans-serif;

	font-size: 20px;

	color: #02134b;

	padding-right: 10px;

}

footer .footer2 .left-info .newsl-con .form-control {

	height: 40px;

	font-size: 14px;

	width: 325px;

}

footer .footer2 .left-info .newsl-con .btn-primary {

	background: url(../images/sprite_images.png) no-repeat;

	background-position: 0 -280px;

	width: 68px;

	height: 39px;

	padding: 0;

	vertical-align: middle;

}

footer .footer2 .social-con {

	float: right;

	margin-top: 5px;

}

footer .footer2 .social-con a {

	width: 35px;

	height: 35px;

	border-radius: 100%;

	display: inline-block;

	margin: 3px 3px;

	color: #fff;

	text-align: center;

	padding: 0;

	font-size: 22px;

	transition: all linear 0.3s;

	-webkit-transition: all linear 0.3s;

	-moz-transition: all linear 0.3s;

	-ms-transition: all linear 0.3s;

}

footer .footer2 .helpline {

	color: #fff;

	font-weight: 600;

	font-size: 16px;

	margin-top: 10px;

}

footer .footer2 .copyright {

	border-top: 1px solid #333;

	padding: 15px 0 10px 0;

	margin-top: 16px;

}

footer .footer2 .copyright p {

	font-size: 14px;

	color: #fff;

	font-family: "proxima_nova_rgregular", sans-serif;

	line-height: 20px;

}



footer .footer2 .copyright p strong,

footer .footer2 .copyright p a {

	font-weight: 700;

	color: #fff;

}



footer .bottom-text {

	background: #fff;

	padding: 15px 0 10px;

}

footer .bottom-text p {

	font-size: 13px;

	text-align: center;

	line-height: 20px;

	color: #989898;

	padding: 0 10%;

}

@media only screen and (max-width: 1279px) {

	footer .cols {

		padding: 0 3%;

	}

}

@media only screen and (max-width: 1151px) {

	footer .cols {

		padding: 0 2%;

	}

	footer .col-1 {

		width: 23%;

	}

	footer .col-2 {

		width: 23%;

	}

	footer .col-3 {

		width: 23%;

	}

	footer .col-4 {

		width: 31%;

	}

}

@media only screen and (max-width: 991px) {

	footer .cols {

		padding: 0 5%;

		min-height: auto;

	}

	footer .cols:nth-child(3) {

		padding-left: 0;

	}

	footer .cols:nth-child(2) {

		border-right: 0;

		padding-right: 0;

	}

	footer .col-1,

	footer .col-3 {

		width: 50%;

	}

	footer .col-2,

	footer .col-4 {

		width: 50%;

	}

	footer .footer2 .left-info .newsl-con .form-control {

		width: 190px;

	}

	footer .footer2 .left-info .newsl-con label {

		font-size: 16px;

	}

}

@media only screen and (max-width: 767px) {

	footer .col-1,

	footer .col-3,

	footer .col-2,

	footer .col-4 {

		width: 100%;

	}

	footer .cols {

		padding: 0 0;

		min-height: auto;

		border: 0 !important;

		margin: 0 0 0 0;

	}

	footer .mt-box {

		margin-top: 0;

	}

	footer .flink-title,

	footer .open-links {

		padding: 10px 15px;

		margin: 10px 0 0 0;

		font:

			600 16px "proxima_nova_bold",

			sans-serif;

		display: block;

		border-radius: 2px;

		color: #fff;

	}

	footer .flink-title {

		background: #0b5b96 url(../images/close.png) right no-repeat;

	}

	footer .open-links {

		background: #0b5b96 url(../images/open.png) right no-repeat;

	}

	footer .f-link {

		margin: 15px 0 10px 15px;

		display: none;

	}

	footer .get-in-touch {

		margin-top: 25px;

		text-align: center;

	}

	footer h3:after {

		margin: auto;

	}

	.contact-info {

		border: 1px solid #dce7f0;

		padding: 10px 15px;

		background: #fff;

	}

	.contact-info p {

		margin: 0;

		padding: 10px;

		font:

			400 14px/18px "proxima_nova_ltsemibold",

			sans-serif;

		border-bottom: 1px dashed #dce7f0;

	}

	.contact-info p:last-child {

		border: 0;

	}

	.contact-info p .fa {

		display: none;

	}

 

	footer .footer2 .left-info {

		float: none;

		width: 100%;

	}

	footer .footer2 .left-info .footer-logo {

		display: none;

	}

	footer .footer2 .left-info .newsl-con {

		padding: 5px 0 5px 0;

		border-left: 0;

		float: none;

		margin-left: 0;

		text-align: center;

	}

	footer .footer2 .left-info .newsl-con label {

		font-family: "proxima_nova_bold", sans-serif;

		font-size: 20px;

		color: #02134b;

		padding-right: 10px;

	}

	footer .footer2 .left-info .newsl-con .form-control {

		width: 100%;

		margin-bottom: 5px;

	}

	footer .footer2 .left-info .newsl-con .form-group {

		margin-bottom: 10px;

	}

	footer .footer2 .social-con {

		float: none; 

		text-align: center; 

		padding-top: 0;

		margin-top: 0;

	}


	
	footer .footer2 .left-info{text-align:center;}
	.footer .footer2 .helpline{text-align:center;}
	

}

@media only screen and (max-width: 599px) {
    footer .footer2 .copyright p br{display:none;}
}

/*footer clasess*/



/*======INSIDE PAGES CLASESS======*/



/*page title clasess*/

.page-title-con {

	padding: 80px 0;

	text-align: center;

}

.page-title-con h1 {

	color: #fff;

	font-weight: 700;

	font-family: "proxima_nova_rgbold", sans-serif;

	font-size: 42px;

	line-height: 46px;

	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);

	text-transform: uppercase;

}

.page-title-con h5 {

	color: #fff;

	font-family: "proxima_nova_ltlight", sans-serif;

	font-size: 26px;

	line-height: 34px;

	padding: 0 20%;

	margin-top: 15px;

}

.page-title-con h5 strong {

	font-family: "proxima_nova_ltsemibold", sans-serif;

}

.t-bg1 {

	background: #6b3392;

}

@media only screen and (max-width: 767px) {

	.page-title-con {

		padding: 50px 0;

		text-align: center;

	}

	.page-title-con h1 {

		font-size: 35px;

		line-height: 38px;

		text-transform: uppercase;

	}

} /*page title clasess ends*/

/*breadcrum clasess ends*/

.breadcrumb-con {

	border-bottom: 1px solid #efefef;

	background: #fff;

	box-shadow: 0 5px 50px 0px rgba(204, 204, 204, 0.2);

}

.breadcrumb-con .container-fluid {

	padding-left: 45px;

	padding-right: 45px;

}

.breadcrumb-con .breadcrumb {

	background: none;

	font-family: "proxima_nova_rgregular";

	font-size: 14px;

	font-weight: 400;

	margin-bottom: 0;

	padding: 8px 0;

}

.breadcrumb-con .breadcrumb li a {

	text-decoration: underline;

}

.breadcrumb-con .breadcrumb li a:hover {

	text-decoration: none;

}

.breadcrumb-con .breadcrumb > li + li:before {

	padding: 0 5px;

	color: #ccc;

	content: "\276D";

}

/*breadcrum clasess ends*/



/*cms area clasess*/

.middle-con {

	margin: 60px 0;

}

.cms-area h2 {

	font:

		600 32px/38px "proxima_nova_bold",

		sans-serif;

	position: relative;

}

.cms-area h3 {

	background: #FDF0E3;

	font:

		500 20px/22px "proxima_nova_ltsemibold",

		sans-serif;

	color: #FB8315;

	margin-top: 35px;

	display: inline-block;

	padding: 6px 10px 5px 10px;

	border-left: 2px solid #FB8315;

}

.cms-area h5 {

	font:

		300 25px/28px "proxima_nova_bold",

		sans-serif;

	color: #0b5b96;

	display: inline-block;

}

.cms-area h2:before {

	content: "";

	background: #ff4e00;

	height: 4px;

	width: 100px;

	position: static;

	display: block;

	margin-bottom: 25px;

}

.cms-area2 h2 {

	font:

		600 32px/38px "proxima_nova_bold",

		sans-serif;

	position: relative;

}

.cms-area2 h2:after {

	content: "";

	background: #ff4e00;

	height: 4px;

	width: 100px;

	position: static;

	display: block;

	margin: 10px auto;

}

.cms-area p {

	margin: 30px 0 0 0;

}

.cms-area p strong {

	font-family: "Open Sans", sans-serif;

}

.cms-area hr {

	margin: 30px 0 10px 0;

}



.cms-area ul {

	margin-top: 30px;

}



.cms-area ul li,

.cms-area ol li {

	font:

		400 18px/28px "Open Sans",

		"proxima_nova_rgregular",

		sans-serif;

	color: #666;

	padding: 0;

	list-style: inside;

}

.cms-area ul.a {

	padding: 25px 30px;

	background: #f2f9ff;

	list-style: none;

}

.cms-area ul.a li {

	background: url(../images/bullet1.png) no-repeat left 10px;

	padding-left: 30px;

}

.cms-area ul.b {

	margin: 30px 0 0 50px;

}

.cms-area ul.b li {

	background: url(../images/bullet1.png) no-repeat left 10px;

	padding-left: 30px;

	list-style: none;

	color: #777;

	font-size: 17px;

}

.cms-area ul.c li {

	background: none;

	padding: 0 0 0 0;

	list-style: circle;

}

.cms-area ul.c {

	margin: 15px 0 15px 70px;

}

.cms-area ul.c li {

	color: #0b5b96;

	font-size: 16px;

	line-height: 26px !important;

	text-align: left !important;

	padding: 3px 0;

}

.cms-area ol.a {

	margin: 20px 0 0 50px;

}

.cms-area ol.b {

	margin: 15px 0 15px 50px;

}

.cms-area ol.b li {

	color: #0b5b96;

	font-size: 16px;

	padding: 3px 0;

	list-style: lower-alpha;

}

.cms-area .box1 {

	background: #fff;

	padding: 25px;

}

.cms-area .box2 {

	background: #f2f9ff;

	padding: 25px;

}

.cms-area .box3 {

	padding: 40px 30px;

	border: 5px solid #f2f9ff;

	text-align: center !important;

}

.cms-area .box3 h2:before {

	display: none;

}

.cms-area .box3 p {

	margin-top: 20px;

	text-align: center !important;

}

.middle-con2 .cms-area h2:before {

	display: none;

}

.middle-con2 .secondary-text {

	padding: 0 5%;

}

.available-bg {

	background: url(../images/available-bg.jpg) no-repeat center top;

	background-attachment: fixed;

	padding: 60px 0 70px;

	text-align: center;

}

.available-bg h2 {

	color: #fff;

	margin-bottom: 15px;

}

.available-bg p {

	color: #dbdbdb;

	font-size: 22px;

	line-height: 32px;

	padding: 15px 0;

	text-align: left;

	float: left;

	border-right: 1px dashed #fff;

	width: 75%;

	padding-right: 45px;

}

.available-bg img {

	float: right;

	margin-left: 40px;

	margin-top: 10px;

}

.available-bg .btn-success {

	padding: 0 50px;

}

.available-bg hr {

	border-top: 1px dashed #02134b;

	margin-top: 35px;

}

@media only screen and (max-width: 1151px) {

	.available-bg p {

		width: 70%;

		padding-right: 35px;

	}

}

@media only screen and (max-width: 991px) {
    
    .middle-con {

	margin: 30px 0 40px;

}

	.available-bg h2 {

		color: #fff;

		margin-bottom: 0;

	}

	.available-bg p {

		float: none;

		border-right: 0;

		width: 100%;

		text-align: center !important;

		margin-top: 30px !important;

		padding: 0;

	}

	.available-bg img {

		display: none;

	}

	.available-bg .btn-success {

		margin-top: 30px;

	}

	.available-bg hr {

		display: none;

	}

}

@media only screen and (max-width: 767px) {

	.cms-area p {

		text-align: left !important;

	}

	.cms-area .text-justify {

		text-align: left !important;

	}

	.cms-area ul.b {

		margin: 30px 0 0 15px;

	}

	.cms-area ul.c {

		margin: 5px 0 0 30px;

	}

	.cms-area ol.a {

		margin: 20px 0 0 15px;

	}

	.cms-area ol.b {

		margin: 15px 0 15px 30px;

	}

}

@media only screen and (max-width: 767px) {

	.cms-area .box3 {

		padding: 20px 15px;

	}

} /*cms area clasess ends*/ /*screenshot slider clasess*/

.slider-con {

	background: #f2f9ff;

	padding: 80px 15px 0 15px;

	border-top: 10px solid #fafdff;

}

.frame {

	width: 70%;

	margin: auto;

	position: relative;

	padding-top: 25px;

	padding-bottom: 40.5%;

	height: 0;

}

.frame .carousel {

	border: 0;

	box-sizing: border-box;

	background: url(../images/slider-frame.png) center center no-repeat;

	background-size: contain;

	padding: 4.6% 3.7% 14.8%;

	position: absolute;

	bottom: -3px;

	left: 0;

	width: 100%;

	height: 100%;

}

.carousel-control {

	width: auto !important;

	top: 45%;

	opacity: 1;

}

.frame .carousel .carousel-control.left {

	left: -16%;

}

.frame .carousel .carousel-control.right {

	right: -16%;

}

.frame .carousel .carousel-control.left,

.frame .carousel .carousel-control.right {

	background: none !important;

}

.frame .carousel .carousel-control span {

	width: 80px;

	height: 80px;

	background: #fff url(../images/sprite_images.png) no-repeat;

	border-radius: 100%;

	display: inline-block;

	background-position: -65px -1567px;

	box-shadow: 0 0 15px 1px rgba(189, 195, 200, 0.5);

}

.frame .carousel .right span {

	-moz-transform: scaleX(-1);

	-ms-transform: scaleX(-1);

	-webkit-transform: scaleX(-1);

	transform: scaleX(-1);

}

.frame .carousel .carousel-indicators {

	bottom: -15px;

}

.frame .carousel .carousel-indicators li {

	width: 12px;

	height: 12px;

	border: 0;

	border: 1px solid #0b5b96;

	background: none;

}

.frame .carousel .carousel-indicators .active {

	width: 13px;

	height: 13px;

	border: 0;

	background: #0b5b96;

}

@media only screen and (max-width: 1151px) {

	.frame {

		width: 80%;

		padding-bottom: 40%;

	}

	.frame .carousel {

		padding: 3.6% 9.1% 0%;

		bottom: -1px;

	}

	.frame .carousel .carousel-control.left {

		left: -10%;

	}

	.frame .carousel .carousel-control.right {

		right: -10%;

	}

}

@media only screen and (max-width: 991px) {

	.frame {

		width: 90%;

		padding-bottom: 40%;

	}

	.frame .carousel {

		padding: 3.6% 13.1% 0%;

		bottom: 0;

	}

	.frame .carousel .carousel-control.left {

		left: -5%;

	}

	.frame .carousel .carousel-control.right {

		right: -5%;

	}

}

@media only screen and (max-width: 767px) {

	.slider-con {

		background: #f2f9ff;

		padding: 60px 15px 0 15px;

		border-top: 10px solid #fafdff;

	}

	.frame {

		width: 90%;

		padding-bottom: 50%;

	}

	.frame .carousel {

		padding: 5.6% 4.1% 0%;

		bottom: -4px;

	}

} /*screenshot slider clasess ends*/ /*aplication clasess*/

.aplication-con {

	background: #f2f9ff;

	padding: 40px 0 80px;

	border-bottom: 10px solid #fafdff;

}

.aplication-con .cercle-con {

	width: 290px;

	height: 290px;

	border-radius: 100%;

	margin: auto;

	background: #fff;

	border: 1px solid #e3eaf0;

	box-shadow: -2px -2px 0 2px #e6edf4;

	text-align: center;

	position: relative;

}

.aplication-con .cercle2 {

	background: #0b5b96;

	box-shadow: inset 3px 3px 0 2px #034473;

	border: 1px solid #fff;

}

.aplication-con .cercle2 p {

	color: #fff !important;

}

.aplication-con .cercle-con p {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	width: 100%;

	padding: 25px;

	color: #0b5b96;

	font-size: 18px;

}

@media only screen and (max-width: 479px) {

	.aplication-con .cercle-con {

		width: 280px;

		height: 280px;

	}

} /*aplication clasess ends*/

/*pricing clasess*/

.pricing_con {

	text-align: center;

}

.pricing_con .tab_con1 .nav-tabs > li {

	display: block;

	float: left;

	width: 50%;

	background: #f2f9ff;

}

.pricing_con .tab_con1 h3 {

	font-weight: 300;

	color: #999;

}

.pricing_con .nav-tabs {

	border: 0;

}

.pricing_con .tab_con1 .nav-tabs > li > a {

	border-radius: 0;

	margin: 0;

	font:

		500 18px/20px "Open Sans",

		sans-serif;

	color: #0399d8;

}

.pricing_con .tab_con1 .nav-tabs > li.active > a,

.pricing_con .tab_con1 .nav-tabs > li:hover > a {

	border-color: #f1f1f1;

	border-bottom-color: #fff;

	color: #0399d8;

}

.pricing_con .tab_con2 .nav-tabs > li {

	float: none;

	display: inline-block;

	background: none;

}

.pricing_con .tab_con2 .nav-tabs > li > a {

	font:

		400 15px/20px "proxima_nova_rgregular",

		sans-serif;

	color: #999;

	background: none;

	border: 0;

	border-radius: 0;

	margin: 0 3px;

	padding: 10px 20px;

	transition: all linear 0.3s;

	-webkit-transition: all linear 0.3s;

	-moz-transition: all linear 0.3s;

	-ms-transition: all linear 0.3s;

	border: 1px solid #eee;

}

.pricing_con .tab_con2 .nav-tabs > li.active > a,

.pricing_con .tab_con2 .nav-tabs > li:hover > a {

	border: 1px solid #292929;

	background: #02134b;

	color: #fff;

}

.pricing_colom_con {

	background: #fff;

	position: relative;

	margin: 0 0 0 0;

	transition: all linear 0.3s;

	-webkit-transition: all linear 0.3s;

	-moz-transition: all linear 0.3s;

	-ms-transition: all linear 0.3s;

	border: 1px solid #e3eaf0;

	box-shadow: -2px -2px 10px 2px #f3f7fa;

	vertical-align: middle;

}

.pricing_colom_con h1 {

	font-size: 22px;

	font-weight: 400;

	line-height: 26px;

	background: #f2f9ff;

	font-family: "Roboto Slab";

	color: #02134b;

	text-transform: uppercase;

	padding: 20px 0;

}

.pricing_colom_con h2 {

	font-size: 50px;

	line-height: 50px;

	color: #fff;

	padding: 50px 0;

	background: #0b5b96;

}

.pricing_colom_con h2 small {

	font-size: 18px;

}

.pricing_colom_con .price small {

	color: #fff !important;

	font-family: "proxima_nova_rgregular";

}

.pricing_colom_con h2 span {

	font-size: 20px;

	font-weight: 400;

}

.pricing_colom_con .h1_first_last {

	background: #f2f9ff;

	font-family: "Roboto Slab";

	font-weight: 400;

	color: #02134b;

}

.pricing_colom_con .h2_first_last {

	background: #fff;

	color: #0b5b96;

}

.pricing_colom_con .h2_first_last small {

	color: #0b5b96 !important;

}

.pricing_colom_con ul .show-hide,

.pricing_colom_con ul .show-hide2,

.pricing_colom_con ul .show-hide3,

.pricing_colom_con ul .show-hide4,

.pricing_colom_con ul .show-hide5,

.pricing_colom_con ul .show-hide6,

.pricing_colom_con ul .show-hide7,

.pricing_colom_con ul .show-hide8,

.pricing_colom_con ul .show-hide9,

.pricing_colom_con ul .show-hide10,

.pricing_colom_con ul .show-hide11,

.pricing_colom_con ul .show-hide12 {

	display: none;

}

.pricing_colom_con ul li {

	list-style: none;

	font:

		400 15px/18px "proxima_nova_rgregular",

		sans-serif;

	color: #999;

	padding: 15px 5px;

	border-bottom: 1px solid #fff;

}

.pricing_colom_con ul li span {

	font-size: 20px;

}

.pricing_colom_con ul li strong {

	display: block;

	margin: 10px 0 0 0;

	line-height: 20px;

	font-weight: 600;

	color: #555;

	font-size: 18px;

}

.pricing_colom_con ul li:nth-child(odd) {

	background: #f2f9ff;

}

.sd_list p {

	font:

		400 14px/20px "Open Sans",

		sans-serif;

	color: #0399d8;

	display: block;

	border-top: 1px solid #fff;

	padding: 5px 0;

}

.scroll_btn_con {

	position: absolute;

	bottom: 20px;

	left: 10px;

}

.scroll_btn_con .s_btn {

	border: 1px solid #eee;

	font:

		400 18px/25px "Open Sans",

		sans-serif;

	color: #0b5b96;

	width: 40px;

	background: #fff;

	height: 40px;

	display: inline-block;

	border-radius: 100%;

	padding: 7px 0;

	box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.1);

}

.scroll_btn_con .s_btn:hover {

	background: #0b5b96;

	color: #fff;

}

.scroll_btn_con .img1 {

	margin: 17px 0 0 5px;

}

.scroll_btn_con .img2 {

	margin: 0 0 17px 5px;

}

.pricing_con .btn-warning {

	background: #25addf;

	border: 0 !important;

}

.pricing_con .btn-warning:hover {

	background: #1a1a1a !important;

	color: #fff !important;

}

.i-switch {

	position: relative;

	display: inline-block;

	width: 35px;

	height: 20px;

	margin: -3px 10px;

	cursor: pointer;

	background-color: #7fba00;

	border-radius: 30px;

}

.i-switch input {

	position: absolute;

	opacity: 0;

	filter: alpha(opacity=0);

}

.i-switch input:checked + i:before {

	top: 50%;

	right: 5px;

	bottom: 50%;

	left: 50%;

	border-width: 0;

	border-radius: 5px;

}

.i-switch input:checked + i:after {

	margin-left: 16px;

}

.i-switch i:before {

	position: absolute;

	top: -1px;

	right: -1px;

	bottom: -1px;

	left: -1px;

	background-color: #fff;

	border: 1px solid #f0f0f0;

	border-radius: 30px;

	content: "";

	-webkit-transition: all 0.2s;

	transition: all 0.2s;

}

.i-switch i:after {

	position: absolute;

	top: 1px;

	bottom: 1px;

	left: 1px;

	width: 18px;

	background-color: #fff;

	border-radius: 50%;

	content: "";

	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);

	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);

	-webkit-transition: margin-left 0.3s;

	transition: margin-left 0.3s;

}

.i-switch-md {

	width: 40px;

	height: 24px;

}

.i-switch-md input:checked + i:after {

	margin-left: 17px;

}

.i-switch-md i:after {

	width: 22px;

}

.i-switch-lg {

	width: 50px;

	height: 30px;

}

.i-switch-lg input:checked + i:after {

	margin-left: 21px;

}

.i-switch-lg i:after {

	width: 28px;

}

.i-checks {

	padding-left: 20px;

	cursor: pointer;

}

.i-checks input {

	position: absolute;

	margin-left: -20px;

	opacity: 0;

}

.i-checks input:checked + i {

	border-color: #23b7e5;

}

.i-checks input:checked + i:before {

	top: 4px;

	left: 4px;

	width: 10px;

	height: 10px;

	background-color: #23b7e5;

}

.i-checks input:checked + span .active {

	display: inherit;

}

.i-checks input[type="radio"] + i,

.i-checks input[type="radio"] + i:before {

	border-radius: 50%;

}

.i-checks input[disabled] + i,

fieldset[disabled] .i-checks input + i {

	border-color: #dee5e7;

}

.i-checks input[disabled] + i:before,

fieldset[disabled] .i-checks input + i:before {

	background-color: #dee5e7;

}

.i-checks > i {

	position: relative;

	display: inline-block;

	width: 20px;

	height: 20px;

	margin-top: -2px;

	margin-right: 4px;

	margin-left: -20px;

	line-height: 1;

	vertical-align: middle;

	background-color: #fff;

	border: 1px solid #cfdadd;

}

.i-checks > i:before {

	position: absolute;

	top: 50%;

	left: 50%;

	width: 0;

	height: 0;

	background-color: transparent;

	content: "";

	-webkit-transition: all 0.2s;

	transition: all 0.2s;

}

.i-checks > span {

	margin-left: -20px;

}

.i-checks > span .active {

	display: none;

}

.i-checks-sm input:checked + i:before {

	top: 3px;

	left: 3px;

	width: 8px;

	height: 8px;

}

.i-checks-sm > i {

	width: 16px;

	height: 16px;

	margin-right: 6px;

	margin-left: -18px;

}

.i-checks-lg input:checked + i:before {

	top: 8px;

	left: 8px;

	width: 12px;

	height: 12px;

}

.i-checks-lg > i {

	width: 30px;

	height: 30px;

}

.three-boxes {

	background: #fff;

	box-shadow: 0 5px 30px 1px rgba(204, 215, 224, 0.2);

}

.three-boxes h6 {

	padding: 10px 25px;

	background: #0b5b96;

	color: #fff;

	font-size: 18px;

	font-weight: 700;

	text-transform: uppercase;

}

.three-boxes .point-con {

	padding: 20px 25px;

	min-height: 230px;

}

.three-boxes .point-con p {

	margin: 0;

	font-size: 16px;

	line-height: 22px;

	border-bottom: 1px dashed #dee8f1;

	padding: 7px 0;

	color: #0b5b96;

}

.three-boxes .point-con p .fa {

	font-size: 12px;

	vertical-align: sup;

}

.three-boxes .point-con p:last-child {

	border: 0;

}

.pricing_con .nav-tabs2 {

	text-align: center;

}

.pricing_con .nav-tabs2 > li {

	float: none;

	display: inline-block;

	margin-bottom: 0;

}

.pricing_con .nav-tabs2 {

	margin: 40px 0 50px;

}

.pricing_con .nav-tabs2 > li > a {

	margin-right: 0;

	color: #ccc;

	line-height: 40px;

	font-size: 25px;

	font-weight: 900;

	border: 0;

	padding: 0 20px;

	border-radius: 0;

	text-transform: uppercase;

	border-bottom: 2px solid #eee;

}

.pricing_con .nav-tabs2 > li.active > a,

.pricing_con .nav-tabs2 > li.active > a:focus,

.pricing_con .nav-tabs2 > li.active > a:hover {

	color: #0b5b96;

	cursor: default;

	border: 0;

	background-color: none !important;

	border-bottom: 2px solid #0b5b96;

}

.pricing_con .nav > li > a:focus,

.nav > li > a:hover {

	background-color: #fff;

}

@media only screen and (max-width: 767px) {

	.p_mob_mt {

		margin-top: 60px;

	}

	.scroll_btn_con {

		float: right;

		margin: 15px 5px 0 0;

	}

	.pricing_con .tab_con2 .nav-tabs > li > a {

		margin: 0 1px;

		padding: 10px 15px;

	}

	.pricing_con h2 {

		font-size: 30px;

		line-height: 34px;

	}

	.three-boxes .point-con {

		padding: 20px 25px;

		min-height: auto;

	}

	.pricing_con .nav-tabs2 > li > a {

		line-height: 24px;

		font-size: 18px;

		font-weight: 900;

		padding: 10px;

	}

}

@media only screen and (max-width: 479px) {

	.pricing_con .tab_con1 h3 {

		font-size: 20px;

	}

	.pricing_con .tab_con2 .nav-tabs > li {

		float: none;

		display: block;

		margin: 2px 0;

		background: none;

	}

	.pricing_con .nav-tabs2 > li {

		display: block;

	}

	.pricing_con .nav-tabs2 > li > a {

		line-height: 24px;

		font-size: 18px;

		font-weight: 900;

	}

} /*pricing clasess ends*/

/*team clasess*/

.team-box {

	background: #fff;

	padding: 30px 30px 30px 40px;

	border: 1px solid #e3eaf0;

	box-shadow: -2px -2px 0 2px #fff;

	position: relative;

	margin-left: 15px;

	transition: all linear 0.3s;

	-webkit-transition: all linear 0.3s;

	-moz-transition: all linear 0.3s;

	-ms-transition: all linear 0.3s;

}

.team-box h4 {

	margin-bottom: 15px;

}

.team-box p {

	font-size: 17px;

}

.team-box:before {

	width: 60px;

	height: 60px;

	background: #fff;

	border-radius: 100%;

	content: "\f007";

	font-family: "Fontawesome";

	left: -30px;

	top: 10px;

	position: absolute;

	border: 1px solid #e3eaf0;

	text-align: center;

	font-size: 25px;

	padding: 15px 0;

	box-shadow: 0 0 10px 1px #fafdff;

	color: #0b5b96;

	transition: all linear 0.3s;

	-webkit-transition: all linear 0.3s;

	-moz-transition: all linear 0.3s;

	-ms-transition: all linear 0.3s;

}

.team-box:hover {

	box-shadow: 0 5px 30px 1px rgba(204, 215, 224, 0.5);

}

.team-box:hover:before {

	background: #0b5b96;

	color: #fff;

} /*team clasess ends*/

/*form clasess*/

.form-cont label {

	font-size: 15px;

	font-family: "Open Sans", sans-serif;

	font-weight: 600;

} /*form clasess ends*/

/*testimonials clasess*/

.tab-con {

	text-align: center;

}

.tab-con a {

	font:

		600 17px/22px "Open Sans",

		sans-serif;

	display: inline-block;

	background: #f2f9ff;

	padding: 10px 25px;

	color: #999;

	text-decoration: none;

	text-transform: uppercase;

	margin: 5px 1px;

}

.tab-con a.active {

	background: #ff4e00;

	color: #fff;

}

.customer-says-con2 {

	margin: 0;

}

.customer-says-con2 .ts-box {

	border: 1px solid #e3eaf0;

	box-shadow: -2px -2px 0 2px #f2f9ff;

}

.customer-says-con2 .ts-box .ts-text {

	font-size: 17px;

	font-weight: 400;

	font-family: "Open Sans";

}

.customer-says-con2 .ts-box:before {

	color: #0b5b96;

}

.customer-says-con2 .v-ts-box {

	border: 1px solid #e3eaf0;

	box-shadow: -2px -2px 0 2px #f2f9ff;

	position: relative;

	padding: 5px;

}

.customer-says-con2 .v-ts-box figure {

	background: #000;

	height: auto;

	width: 100%;

	overflow: hidden;

}

.customer-says-con2 .v-ts-box figure img {

	width: 100%;

	height: auto;

	opacity: 0.5;

	transition: all linear 0.3s;

	-webkit-transition: all linear 0.3s;

	-moz-transition: all linear 0.3s;

	-ms-transition: all linear 0.3s;

}

.customer-says-con2 .v-ts-box:after {

	content: "";

	width: 20px;

	height: 13px;

	position: absolute;

	left: 55px;

	bottom: -12px;

	background: url(../images/sprite_images.png) no-repeat;

	background-position: 0 -119px;

}

.customer-says-con2 .v-ts-box .v_btn {

	position: absolute;

	top: 50%;

	left: 50%;

	color: #e72f26;

	z-index: 2;

	transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	display: block;

	border-radius: 20px;

	font-size: 80px;

}

.customer-says-con2 .v-ts-box .v_btn:before {

	content: "";

	background: #fff;

	width: 30px;

	height: 30px;

	position: absolute;

	z-index: -1;

	top: 25px;

	left: 30px;

}

.customer-says-con2 .v-ts-box .v_btn:hover {

	color: #f04a42;

}

.customer-says-con2 .v-ts-box:hover figure img {

	opacity: 1;

} /*testimonials clasess ends*/ /*video tutorial clasess*/

.video-tutorial-con .v-box {

	border: 1px solid #e3eaf0;

	box-shadow: -2px -2px 0 2px #f2f9ff;

	position: relative;

	padding: 5px;

}

.video-tutorial-con .v-box figure {

	background: #000;

	height: auto;

	width: 100%;

	overflow: hidden;

}

.video-tutorial-con .v-box figure img {

	width: 100%;

	height: auto;

	transition: all linear 0.3s;

	-webkit-transition: all linear 0.3s;

	-moz-transition: all linear 0.3s;

	-ms-transition: all linear 0.3s;

}

.video-tutorial-con figcaption {

	padding: 20px 20px;

	background: #f2f9ff;

}

.video-tutorial-con figcaption p {

	font-size: 16px;

	line-height: 22px;

	font-weight: 600;

}

.video-tutorial-con figcaption .btn-warning {

	padding: 0 25px;

	margin-top: 5px;

	height: 40px;

	line-height: 40px;

}

.video-tutorial-con .title2 {

	font-size: 22px;

	font-weight: 400;

	line-height: 30px;

} /*video tutorial clasess ends*/ /*white paper clasess*/

.white-paper-con .wp-box {

	border: 1px solid #e3eaf0;

	box-shadow: -2px -2px 0 2px #f5f5f5;

	position: relative;

	padding: 10px; border-radius: 10px;

}

.white-paper-con .wp-box figure { 

	height: auto;

	width: 100%;

	overflow: hidden;

}

.white-paper-con .wp-box figure img {

	width: 100%;

	height: auto;

	transition: all linear 0.3s;

	-webkit-transition: all linear 0.3s;

	-moz-transition: all linear 0.3s;

	-ms-transition: all linear 0.3s;

	opacity: 1;

}

.white-paper-con figcaption {

	padding: 30px 20px;

	background: #f5f5f5; border-radius: 10px; margin-top: 10px;

}

.white-paper-con figcaption p {

	font-size: 16px;

	line-height: 22px;

	font-weight: 600;

	color: #02134b;

}

.white-paper-con figcaption .btn-success {

	padding: 0 25px;

	margin-top: 5px;

	height: 40px;

	line-height: 40px;

} /*white paper clasess ends*/

/*fqs clasess*/

.faq-content .panel-default > .panel-heading {

	background-color: #f2f9ff;

	border-color: none !important;

	border: none !important;

	box-shadow: 0 !important;

}

.faq-content .panel-default {

	border: 0;

	border-color: #f1f1f1;

	border-bottom: 0;

}

.faq-content .panel-group .panel {

	border-radius: 0px;

	margin-bottom: 20px;

}

.faq-content .panel {

	box-shadow: none !important;

	margin-bottom: 10px;

}

.faq-content .panel-body {

	padding: 20px 28px !important;

	border: 1px solid #e8f2fa !important;

}

.faq-content .panel-body p {

	font-size: 16px !important;

}

.faq-content .panel-heading {

	border-bottom: 0;

	border-top-left-radius: 0px;

	border-top-right-radius: 0px;

	padding: 0px;

	border-radius: 0px;

}

.faq-content .panel-group {

	width: 65%;

	float: left;

}

a.accordion-toggle {

	text-decoration: none;

	display: block;

	font-size: 16px;

	line-height: 22px;

	padding: 10px 10px 10px 28px;

	position: relative;

	color: #02134b !important;

	font-weight: 600;

}

a.accordion-toggle:after {

	content: "\f059";

	font-family: "Fontawesome";

	position: absolute;

	left: 0;

	left: 10px;

	top: 9px;

}

.faq-content .panel-default:hover {

	border-bottom: 0;

}

.heading-5 {

	font-size: 20px;

	color: #44b4cc !important;

	padding-bottom: 10px;

}

.heading-6 {

	font-size: 20px;

	padding: 0 0 20px 0;

}

.current-opening {

	font-size: 20px;

	padding: 0 0 20px 0;

	color: #02495f;

}

.faq-content ul {

	margin-bottom: 13px;

	margin-left: 35px;

	margin-top: 20px;

}

.faq-content ul li {

	color: #0b5b96;

	font-size: 16px;

	line-height: 26px !important;

	text-align: left !important;

	padding: 3px 0;

	margin-left: 10px;

} /*fqs clasess ends*/ /*contact us clasess*/

.contact-us-con .form-con {

	background: #f5f5f5;

	padding: 25px;

	box-shadow: 0 0 10px 1px #fafdff;

}

.contact-us-con .form-con select {

	padding: 5px 10px;

	color: #999;

}

.contact-us-con h2 {

	font-size: 25px;

	line-height: 28px;

	font-family: "proxima_nova_bold", sans-serif;

	font-weight: 600;

}

.contact-us-con .contact-info-box h3 {

	background: #fff;

 margin-top:20px;

	font-size: 22px;

	line-height: 26px;

	color: #02134B;

	font-weight: 700; 
	text-transform:uppercase;

}

.contact-us-con .contact-info-box .details-box {

	background: #fafdff;

	padding: 15px;

	border: 1px solid #f0f5fa;

}

.contact-us-con .contact-info-box .details-box p {

	font-size: 14px;

	line-height: 18px;

}

.contact-us-con .contact-info-box .details-box p .fa {

	width: 25px;

	height: 25px;

	border-radius: 100%;

	background: #ee6d0f;

	text-align: center;

	color: #fff;

	vertical-align: top;

	padding: 4px 0;

}

.contact-us-con .contact-info-box .details-box p strong {

	font-weight: 400;

	font-size: 16px;

	line-height: 22px;

	font-family: "proxima_nova_bold", sans-serif;

	color: #02134b;

}

.contact-us-con .contact-info-box .details-box p span {

	margin-left: 28px;

	display: block;

}

.contact-us-con .contact-info-box .details-box p span a {

	font-size: 16px;

	line-height: 24px;

}

.contact-us-con .contact-info-box .details-box p small {

	color: #999;

} /*contact us clasess ends*/ /*table clasess*/

.table-1 table tr:nth-child(odd) {

	background: #f2f9ff;

}

.table-1 table tr td {

	font-size: 16px;

	padding: 10px 15px;

}

.table-1 .table-bordered > tbody > tr > td,

.table-1 .table-bordered > tbody > tr > th,

.table-1 .table-bordered > tfoot > tr > td,

.table-1 .table-bordered > tfoot > tr > th,

.table-1 .table-bordered > thead > tr > td,

.table-1 .table-bordered > thead > tr > th {

	border: 1px solid #dae1e8;

}

.table-2 table tr th {

	padding: 10px 25px;

	background: #0b5b96;

	color: #fff;

}

.table-2 table tr {

	background: #fff;

}

.table-2 table tr td {

	padding: 15px 25px;

}

.table-2 table tr td p {

	font-size: 15px;

	border-bottom: 1px dashed #eee;

	margin: 0;

	padding: 5px 0 7px;

	line-height: 20px;

	color: #777;

	position: relative;

	padding-left: 25px;

}

.table-2 table tr td p:before {

	content: "\f00c";

	font-family: "Fontawesome";

	position: absolute;

	left: 0;

	top: 5px;

	font-size: 16px;

	color: #80ba00;

}

.table-2 {

	box-shadow: 0 5px 30px 1px rgba(204, 215, 224, 0.2);

}

.table-2 table {

	margin: 0;

}

.table-2 .table-bordered > tbody > tr > td,

.table-2 .table-bordered > tfoot > tr > td,

.table-2 .table-bordered > thead > tr > td {

	border: 1px solid #e3ebf1;

}

.table-2 .table-bordered > tbody > tr > th,

.table-2 .table-bordered > tfoot > tr > th,

.table-2 .table-bordered > thead > tr > th {

	border: 0 solid #ffbea2;

} /*table clasess ends*/ /*sitemap clasess*/

.sitemap-con .inner {

	background: #f2f9ff;

	padding: 20px;

}

.sitemap-con .inner a {

	display: inline-block;

	border-radius: 30px;

	background: #fff;

	margin: 3px 1px;

	padding: 7px 15px 7px 30px;

	font-size: 15px;

	border: 1px solid #e0e7ee;

	font-family: "proxima_nova_rgregular", sans-serif;

	text-decoration: none;

	line-height: 18px;

	color: #777;

	position: relative;

	transition: all linear 0.5s;

	-webkit-transition: all linear 0.5s;

	-moz-transition: all linear 0.5s;

	-ms-transition: all linear 0.5s;

}

.sitemap-con .inner a:before {

	content: "\f192";

	font-family: "Fontawesome";

	position: absolute;

	left: 15px;

	top: 7px;

	font-size: 12px;

	color: #0b5b96;

	transition: all linear 0.5s;

	-webkit-transition: all linear 0.5s;

	-moz-transition: all linear 0.5s;

	-ms-transition: all linear 0.5s;

}

.sitemap-con .inner a:hover {

	box-shadow: 0 -5px 30px 1px rgba(204, 215, 224, 0.8);

	color: #fff;

	background: #0b5b96;

}

.sitemap-con .inner a:hover:before {

	color: #fff;

}

.sitemap-con .first {

	background: #fff;

	color: #0b5b96;

	margin: 25px 0 0 0;

	display: inline-block;

	padding: 10px 25px;

	text-transform: uppercase;

	text-decoration: none;

	font-weight: 600;

	box-shadow: 0 5px 20px 1px rgba(204, 215, 224, 0.3);

	border: 1px solid #e8edf2;

	font-size: 14px;

	line-height: 18px;

} /*sitemap clasess ends*/ /*gap analysis clasess*/

.ga_con {

	background: #f2f9ff;

}

.ga_con .inner {

	padding: 30px;

}

.ga_con .inner .box {

	padding: 5px;

	background: #fff;

}

.ga_con table {

	background: #fff;

	margin: 0;

	font-size: 16px;

}

.ga_con table tr td {

	padding: 10px 10px;

}

.ga_con table tr td p {

	margin: 0;

	position: relative;

	padding-left: 20px;

}

.ga_con table tr td p:before {

	content: "\f058";

	font-family: "Fontawesome";

	position: absolute;

	left: 0;

	top: 0;

	font-size: 16px;

	color: #ff4e00;

}

.ga_con .table-bordered > tbody > tr > td,

.ga_con .table-bordered > tbody > tr > th,

.ga_con .table-bordered > tfoot > tr > td,

.ga_con .table-bordered > tfoot > tr > th,

.ga_con .table-bordered > thead > tr > td,

.ga_con .table-bordered > thead > tr > th {

	border: 1px solid #ecf2f8;

}

.ga_con .inner .box:hover {

	box-shadow: 0 5px 30px 1px rgba(204, 215, 224, 0.8);

}

.ga_con .inner .box .form-control {

	height: 35px;

	border: 0;

	padding: 3px 10px;

	color: #fff;

	font-size: 15px;

	font-family: "proxima_nova_bold", sans-serif;

	box-shadow: 0 0 10px 1px rgba(204, 215, 224, 0.8);

	background: #0b5b96;

}

.ga_con .inner .box table .select_box {

	width: 150px;

}

.ga_con .inner .form-con {

	background: #fff;

	padding: 25px;

	border: 1px solid #f0f5fa;

}

#loader-wrapper {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 1000;

}

#loader-wrapper .loader-txt {

	text-align: center;

	line-height: 22px;

	color: #02134b;

	text-transform: uppercase;

}

#loader {

	display: block;

	position: relative;

	left: 50%;

	top: 50%;

	width: 100px;

	height: 100px;

	margin: -50px 0 0 -50px;

	border-radius: 50%;

	border: 3px solid transparent;

	border-top-color: #0b5b96;

	-webkit-animation: spin 2s linear infinite;

	animation: spin 2s linear infinite;

}

#loader:before {

	content: "";

	position: absolute;

	top: 5px;

	left: 5px;

	right: 5px;

	bottom: 5px;

	border-radius: 50%;

	border: 3px solid transparent;

	border-top-color: #ff4e00;

	-webkit-animation: spin 3s linear infinite;

	animation: spin 3s linear infinite;

}

#loader:after {

	content: "";

	position: absolute;

	top: 15px;

	left: 15px;

	right: 15px;

	bottom: 15px;

	border-radius: 50%;

	border: 3px solid transparent;

	border-top-color: #7fba00;

	-webkit-animation: spin 1.5s linear infinite;

	animation: spin 1.5s linear infinite;

}

@-webkit-keyframes spin {

	0% {

		-webkit-transform: rotate(0deg);

		-ms-transform: rotate(0deg);

		transform: rotate(0deg);

	}

	100% {

		-webkit-transform: rotate(360deg);

		-ms-transform: rotate(360deg);

		transform: rotate(360deg);

	}

}

@keyframes spin {

	0% {

		-webkit-transform: rotate(0deg);

		-ms-transform: rotate(0deg);

		transform: rotate(0deg);

	}

	100% {

		-webkit-transform: rotate(360deg);

		-ms-transform: rotate(360deg);

		transform: rotate(360deg);

	}

}

.animate-bottom {

	position: relative;

	-webkit-animation-name: animatebottom;

	-webkit-animation-duration: 1s;

	animation-name: animatebottom;

	animation-duration: 1s;

}

@-webkit-keyframes animatebottom {

	from {

		bottom: -100px;

		opacity: 0;

	}

	to {

		bottom: 0px;

		opacity: 1;

	}

}

@keyframes animatebottom {

	from {

		bottom: -100px;

		opacity: 0;

	}

	to {

		bottom: 0;

		opacity: 1;

	}

}

#myDiv {

	display: none;

	text-align: center;

}

@media only screen and (max-width: 479px) {

	.ga_con .inner {

		padding: 15px;

	}

	.ga_con .inner .box table .select_box {

		width: 90px;

	}

} /*gap analysis clasess ends*/

/*partner clasess*/

.flag {

	vertical-align: middle;

	margin: 0 3px;

}

.partner-con {

	padding: 40px;

	background: #f2f9ff;

}

.partner-con .left {

	background: #fff;

	padding: 25px;

	box-shadow: rgba(0, 0, 0, 0.03) 0 10px 20px 0;

	position: relative;

}

.partner-con .left:before {

	width: 0;

	content: "";

	position: absolute;

	height: 0;

	right: -15px;

	border-top: 20px solid transparent;

	border-bottom: 20px solid transparent;

	border-left: 20px solid #fff;

}

.partner-con .left2 {

	background: #fff;

	padding: 25px;

	box-shadow: rgba(0, 0, 0, 0.03) 0 10px 20px 0;

	position: relative;

	border: 5px solid #d5e1ec;

}

.partner-con .left2:before {

	right: auto;

	left: 40px;

	top: auto;

	bottom: -30px;

	transform: rotate(90deg);

	border-top: 20px solid transparent;

	border-bottom: 20px solid transparent;

	border-left: 20px solid #d5e1ec;

}

.partner-con .right {

	background: #fff;

	padding: 25px 30px;

	box-shadow: -2px -2px 0 2px #fff;

	position: relative;

	transition: all linear 0.3s;

	-webkit-transition: all linear 0.3s;

	-moz-transition: all linear 0.3s;

	-ms-transition: all linear 0.3s;

	box-shadow: rgba(0, 0, 0, 0.03) 0 10px 20px 0;

	overflow: hidden;

}



.partner-con .right p {

	font-size: 16px;

	margin-top: 5px;

}

.partner-con .right2 p {

	font-size: 18px;

	margin-top: 5px;

}

.partner-con .right h2 {

	font-family: "proxima_novathin";

	color: #fe5004;

}

.partner-con h3 {

	font-size: 16px;

	font-family: "proxima_nova_rgbold";

	text-transform: uppercase;

	margin: 0;

	line-height: 20px;

}

.partner-con h4 {

	font-size: 18px;

	font-family: "proxima_nova_rgbold";

	margin: 0;

	color: #0b5b96;

	line-height: 20px;

}

.partner-con .right ul li {

	background: url(../images/bullet1.png) no-repeat left 7px;

	padding-left: 30px;

	list-style: none;

	color: #777;

	font-size: 15px;

	margin: 5px 0 0 30px;

}

.partner-con table {

	margin-bottom: 0;

	margin-top: 10px;

	background: #fff;

}

.partner-con table tr td {

	font-size: 15px;

	line-height: 19px;

	padding: 15px 15px;

}

.partner-con table tr td strong {

	font-family: "proxima_nova_rgregular";

}

.partner-con .table-bordered > tbody > tr > td,

.partner-con .table-bordered > tbody > tr > th,

.partner-con .table-bordered > tfoot > tr > td,

.partner-con .table-bordered > tfoot > tr > th,

.partner-con .table-bordered > thead > tr > td,

.partner-con .table-bordered > thead > tr > th {

	border: 1px solid #e4edf5;

}

.team-box {

	background: #fff;

	padding: 30px 30px 30px 40px;

	border: 1px solid #e3eaf0;

	box-shadow: -2px -2px 0 2px #fff;

	position: relative;

	margin-left: 15px;

	transition: all linear 0.3s;

	-webkit-transition: all linear 0.3s;

	-moz-transition: all linear 0.3s;

	-ms-transition: all linear 0.3s;

}

.team-box h4 {

	margin-bottom: 15px;

}

.team-box p {

	font-size: 17px;

}

.team-box:before {

	width: 60px;

	height: 60px;

	background: #fff;

	border-radius: 100%;

	content: "\f007";

	font-family: "Fontawesome";

	left: -30px;

	top: 10px;

	position: absolute;

	border: 1px solid #e3eaf0;

	text-align: center;

	font-size: 25px;

	padding: 15px 0;

	box-shadow: 0 0 10px 1px #fafdff;

	color: #0b5b96;

	transition: all linear 0.3s;

	-webkit-transition: all linear 0.3s;

	-moz-transition: all linear 0.3s;

	-ms-transition: all linear 0.3s;

}

.team-box:hover {

	box-shadow: 0 5px 30px 1px rgba(204, 215, 224, 0.5);

}

.team-box:hover:before {

	background: #0b5b96;

	color: #fff;

}



.country-btn-con h3 {

	font-size: 18px;

}

.country-btn-con .inner {

	margin-top: 15px;

	border-bottom: 1px solid #eee;

	padding-bottom: 30px;

}

.country-btn-con .inner a {

	padding: 5px 20px;

	border-radius: 30px;

	display: inline-block;

	background: #f2f9ff;

	font-size: 14px;

	text-decoration: none;

	border: 1px solid #e6ecf2;

}



.country-btn-con .inner a:hover {

	box-shadow: rgba(0, 0, 0, 0.03) 0 10px 20px 0;

	background: #ff4e00;

	color: #fff;

	border: 1px solid #ff4e00;

}



@media only screen and (max-width: 1151px) {

	.partner-con {

		padding: 20px;

		background: #f2f9ff;

	}

}

@media only screen and (max-width: 991px) {

	.partner-con table tr td {

		font-size: 15px;

		display: block !important;

		padding: 0 15px;

		width: 100% !important;

		text-align: left !important;

		border: 0 !important;

	}

	.partner-con table tr {

		border-bottom: 1px solid #e4edf5;

	}

	.partner-con table tr td:first-child {

		padding-top: 10px;

	}

	.partner-con table tr td:last-child {

		padding-bottom: 12px;

	}

	.table-bordered {

		border: 1px solid #e4edf5 !important;

	}

}

@media only screen and (max-width: 991px) {

	.partner-con .left {

		padding: 15px;

		margin-bottom: 30px;

	}

	.partner-con .right {

		padding: 20px;

	}

}

@media only screen and (max-width: 767px) {

	.partner-con .left:before {

		right: auto;

		left: 40px;

		bottom: -25px;

		transform: rotate(90deg);

	}

	.partner-con .left2:before {

		right: auto;

		left: 40px;

		top: auto;

		bottom: -30px;

		transform: rotate(90deg);

	}

	.video-con {

		margin-top: 15px;

	}

}

/*partner clasess ends*/



.bottomTxt {

	background: #429f32;

	padding: 30px 0;

	text-align: center;

}

.bottomTxt h2 {

	text-transform: uppercase;

	font-weight: 800;

	color: #fff;

	line-height: 36px;

	font-size: 28px;

}



.games ul {

	display: flex;

	justify-content: space-between;

	column-gap: 10px;

	flex-wrap: wrap;

}

.games ul li {

	width: 48%;

	border: 2px solid #f76903;

	margin: 10px 0;

	padding: 10px 20px;

	border-radius: 30px;

	font-weight: 600;

	color: #f76903;

	font-size: 16px;

	transition: all linear 0.5s;

	-webkit-transition: all linear 0.5s;

	-moz-transition: all linear 0.5s;

	-ms-transition: all linear 0.5s;

	list-style: inside;
	line-height:20px;

}

.games ul li:hover {

	background: #f76903;

	color: #fff;

	border: 2px solid #f76903;

}



.dropdown-menu-right {

	border-radius: 20px;

	padding: 10px 0;

	text-transform: uppercase;

	overflow: hidden; min-width: 205px;

}

.dropdown-menu > li > a {

	padding: 10px 25px;

	color: #02134b;

}

.dropdown-menu > li > a:focus,

.dropdown-menu > li > a:hover {

	color: #f76903;

}

.checkbox input[type="checkbox"],

.checkbox-inline input[type="checkbox"],

.radio input[type="radio"],

.radio-inline input[type="radio"] {

	width: 18px;

	height: 18px;

	margin-top: 5px;

	margin-right: 5px;

}


@media only screen and (max-width: 767px) {
    .games ul li{width:100%;}
}





/*login register*/



.loginCon .checkbox-inline,

.radio-inline {

	padding-left: 0;

}

.loginBg {

	background: #fff;

	 

}

.loginCon .hintText {

	font-size: 12px;

	line-height: 18px !important;

	margin: 5px 0 15px;

	display: block;

}



.loginCon .bottomTxt2 {

	font-size: 16px;

	color: #02134b; 

}

.loginCon .bottomTxt2 a {

	color: #f67c40;

	text-decoration: underline;

}

.loginCon .bottomTxt2 a:hover {

	text-decoration: none;

}

.loginCon .loginBox {

	background: #fff;

	width: 600px;

	overflow: hidden;

	min-height: 100px;



	margin: auto;

	border-radius: 0;

}

.loginCon .loginBox .tab {

	border-bottom: 3px solid #02134b;

}

.loginCon .loginBox .tab a {

	width: 100%;

	float: left;

	text-align: center;

	font-size: 20px;

	line-height: 60px;

	color: #02134b;

	font-weight: 400;

	display: block;

	padding: 0 20px;

	text-decoration: none;

	background: #fff; text-transform: uppercase;

}



 

.loginCon .loginBox .tab a.active {

	background: #fff;

	color: #02134b;

	font-weight: 600;

}

.loginCon .loginBox .form_con {

	padding: 40px 0 20px;

}

.loginCon .loginBox .form_con .row {

	margin-top: 5px;

	margin-left: -5px;

	margin-right: -5px;

}

.loginCon .loginBox .form_con .row .cols,

.loginCon .loginBox .form_con .row .col-md-12 {

	padding: 0 5px;

}

.loginCon .loginBox .form_con .row .form-group {

	margin: 5px 0;

} 

.loginCon .forgot-password {

	display: inline-block;

	text-decoration: underline;

	color: #02134b;

}

.loginCon .form-group {

	margin: 10px 0;

} 


@media only screen and (max-width: 767px) {
    .loginCon .loginBox{width:100%;}
}


/*my account*/

.myAccount {

	margin-bottom: 70px;

}



.myAccount2 {

	margin-bottom: 40px;

}

.myAccount .sectionOne {

	background: #fff;

	padding: 25px 25px 15px 25px;

	border: 1px solid #ccc;

	border-radius: 16px;

	margin-top: 40px;

}









.myAccount .sectionOneStore {

	padding: 22px 30px 25px 30px;

}

.myAccount .sectionOneStore p {

	line-height: 20px;

}

.myAccount .sectionOneStore p strong {

	margin: 0 0 10px 0;

	display: block;

}



.reviesStars {

	margin-top: 10px;

}

.reviesStars .rating i {

	margin: 2px;

	font-size: 18px;

}

.reviesStars .rating {

	margin: 0;

}



.myAccount .sectionOne .left {

	float: left;

	width: 53%;

}

.myAccount .sectionOne .right {

	float: right;
align-items: center;
	text-align: right;
	display: flex;

}

.myAccount .sectionOne .right .btn-warning{height: 54px; padding: 0 80px; margin-right: 20px;}




.myAccount .sectionOne .right .btn-info {

	padding: 0 30px;

}



.myAccount .sectionOne .wallet {

	display: block;

	color: #202f40;

	text-decoration: none;

	text-align: left;

	position: relative;

	padding-left: 60px;

	line-height: 20px;

	float: left;

	margin-top: 10px;

	margin-right: 30px;

}

.myAccount .sectionOne .wallet strong {

	color: #202f40;

	display: block;

	font-size: 24px;

}

.myAccount .sectionOne .wallet:before {

	background: url(../images/wallet.svg) no-repeat;

	width: 48px;

	height: 38px;

	content: "";

	position: absolute;

	left: 0;

}

.wallet2 {

	display: block;

	color: #202f40;

	text-decoration: none;

	text-align: center;

	line-height: 30px;

	margin-top: 50px;

}

.wallet2 strong {

	color: #202f40;

	display: block;

	font-size: 40px;

}

.myAccount .sectionOne .user {

	margin-top: 35px;

}

.myAccount .sectionOne .user strong {

	display: block;

	line-height: 20px;

}



.myAccount .sectionOne .user a {font-size: 14px; color: #f67c40;}

.my_acount_nav {

	background: #f2f2f2;

	border-radius: 16px;

	padding: 30px;

	margin-top: 30px;

}

.my_acount_nav a {

	line-height: 18px;

	padding: 15px 25px;

	border-radius: 30px;

	display: block;

	background: #fff;

	text-decoration: none;

	text-transform: capitalize;

	font-weight: 600;

	font-size: 16px;

	color: #02134b;

	margin: 7px 0;

	transition: all linear 0.3s;

	-webkit-transition: all linear 0.3s;

	-moz-transition: all linear 0.3s;

	-ms-transition: all linear 0.3s;

}

.my_acount_nav a:hover,

.my_acount_nav a.active {

	background: #f76903;

	color: #fff;

}

.acc_box {

	padding: 30px;

	background: #fff;

	margin: 30px 0 40px 0;

	border-radius: 16px;

	min-height: auto;

	border: 1px solid #ccc;

}

.acc_box_inner {

	border: 1px solid #ccc;

	background: #fff;

	padding: 30px 20px;

	margin: 15px 0;

	border-radius: 12px;

}

.cont_4_oh {

}

.cont_4_oh strong {

	/*display: none;*/

	font-weight: normal;

}

.cont_4_oh .sec1 {

	width: 10%;

	float: left;

	text-align: left;

}

.cont_4_oh .sec2 {

	width: 45%;

	float: left;

	text-align: left;

}

.cont_4_oh .sec3 {

	width: 35%;

	float: left;

	text-align: left;

}

.cont_4_oh .sec4 {

	width: 10%;

	float: left;

	text-align: center;

}



.cont_4_oh .sec5 {

	width: 80%;

	float: left;

}



.cont_4_oh .sec6 {

	width: 10%;

	float: right;

	text-align: center;

}



.cont_4_oh b {

	color: #02134b;

}



.cont_4_address_new {

}

.cont_4_address_new strong {

	display: none;

	font-weight: normal;

}

.cont_4_address_new .sec1 {

	width: 10%;

	float: left;

	text-align: left;

}

.cont_4_address_new .sec2 {

	width: 75%;

	float: left;

	text-align: left;

}

.cont_4_address_new .sec3 {

	width: 15%;

	float: left;

	text-align: center;

}



.searchOrder {

	width: 220px;

	float: right;

	margin-bottom: 10px;

	position: relative;

}

.searchOrder .form-control {

	height: 40px;

	padding-right: 50px;

}

.searchOrder .serchBtn {

	position: absolute;

	top: 0;

	right: 0;

	width: 40px;

	height: 40px;

	text-align: center;

	background: none;

	outline: 0;

	border: 0;

	color: #02134b;

}



.weight700 {

	font-weight: 700;

}

.bb {

	border-bottom: 1px solid #ddd;

}

.p15 {

	padding: 15px;

}

.mt15 {

	margin-top: 15px;

}



.sec2 a {

	font-weight: 700;

	color: #202f40;

}

.sec2 a:hover {

	color: #202f40;

}





.uploadDocuments{float: right; font-size: 14px; line-height: 42px; padding: 0 30px; margin-left: 10px;}

.slectedGameTitle{display:none;}

@media only screen and (max-width: 767px) {
    
    
    .slectedGameTitle{display:block;}
    
    .S_hide{display:none;}
    

	.myAccount .sectionOne .left {

		float: left;

		text-align: center;

		width: 100%;

	}



	.myAccount .sectionOne .user {

		display: block;

		text-align: center;
		
		margin-top:0;

	}



	.myAccount .sectionOne .user img {

		float: none !important;

		margin-right: 0 !important;

		margin-bottom: 10px;

	}



	.myAccount .sectionOne .right {

		width: 100%;

		text-align: center; display: block;
		margin-top: 20px;

	}

	.myAccount .sectionOne .right .btn-warning {
     
    margin-right: 0; margin-bottom: 15px;
}

	.acc_box {

		padding: 15px 10px;

	}



	.btn2 {

		padding: 0 20px;

	}



	.commanTitle,

	.comman-title2 {

		font-size: 24px;

		line-height: 28px;

	}

	.sec1 {

		display: none;

	}

	.sec1,

	.sec2,

	.sec3,

	.sec4 {

		font-size: 14px;

	}

	.cont_4_oh .sec3 {

		width: 100%;

	}

	.cont_4_oh .sec2 {

		width: 100%;

	}
	
	
	
	.cont_4_oh .sec4{width:100%; text-align:left;}

}



@media only screen and (max-width: 599px) {

	.searchOrder {

		width: 100%;

		margin-top: 20px;

	}

}





.columns{margin-bottom: 40px;}



.profile-pic {

  width: 160px;

  height: 160px; margin: auto;

  display:block; overflow: hidden; border-radius: 100%; border: 2px solid #ddd; position: relative;

}



.profile-pic .file-upload {

  display: none; 

}

.columns .circle {

  border-radius: 100% !important; 

   width: 160px; margin: auto;

  height: 160px; position: relative;

   

}

.profile-pic img {

  max-width: 100%;

  height: auto;

}

.columns .circle .p-image {

  position: absolute;

  top: 133px;

  right: 0; display: inline-block;

  color: #02134b;

  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);

}

.columns .circle .p-image:hover {

  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);

}

 .upload-button {

  font-size: 1.2em;

}



.profile-pic .upload-button:hover {

  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);

  color: #f76903;

}







.profile-pic2 {

  width: 160px;

  height: 160px; margin: auto;

  display:block; overflow: hidden; border-radius: 100%; border: 2px solid #ddd; position: relative;

}



.profile-pic2 .file-upload2 {

  display: none; 

}

 

.profile-pic2 img {

  max-width: 100%;

  height: auto;

} 

 .upload-button2 {

  font-size: 1.2em;

}



.profile-pic2 .upload-button2:hover {

  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);

  color: #f76903;

}











/*pagging*/

.paging_container {

	padding: 8px 10px;

	border-radius: 3px;

	text-align: center;

	margin-top: 20px;

}

.paging_container_x {

	background: none;

}

.paging_container .one {

	float: left;

}

.paging_container .two {

	float: none;

	margin: 2px 0 0 0;

}

.paging a,

.paging a:visited {

	display: inline-block;

	padding: 8px 12px;

	text-align: center;

	font:

		500 14px/16px "Open Sans",

		sans-serif;

	background: #fff;

	margin: 2px 2px;

	color: #02134b;

	border: 1px solid #ccc;

	text-decoration: none;

	border-radius: 3px;

}

.paging a:hover,

.paging a.act {

	color: #fff;

	background: #f76903;

	font-weight: 600;

	border: 1px solid #f76903;

}

.paging .sort_by {

	float: right;

	margin: 0 0 0 5px;

}

/*pagging*/

.multiSelectDropDown .btn-group{width: 100%;}

.multiselect {width: 100%; height: 48px;

    border: 2px solid #ddd;

    border-radius: 0; text-align: left;

    font-size: 16px;}

.multiSelectDropDown .btn-default{background: #ffffff !important; overflow:hidden;}

	.multiSelectDropDown .btn-default:hover{background: #ffffff !important;}

.multiselect .caret{ 

    position: absolute;

    right: 6px;

    top: 20px;

}



.multiselect-container>li>a>label {

    margin: 0;

    height: 100%;

    cursor: pointer;

    font-size: 14px;

    font-weight: 600;
    color:#333333;

    padding: 0 10px 0 8px; text-transform: uppercase;

}



.multiselect-container>li>a>label>input[type=checkbox] {

    margin-bottom: 0;

    margin-top: 2px;

    width: 16px;

    height: 16px;

}



.multiSelectDropDown  .dropdown-menu>.active>a, .multiSelectDropDown  .dropdown-menu>.active>a:focus, .multiSelectDropDown  .dropdown-menu>.active>a:hover {

    color: #fff;

    text-decoration: none;

    background-color: #f2f2f2;

    outline: 0;

}



.multiSelectDropDown  .multiselect-selected-text{ 

width: 100%;

    display: block;

    overflow: hidden;

}

.optionTitle {text-transform: uppercase;}

.optionTitle input{display: none;}

 .dropdown-menu > .optionTitle > a{padding-bottom: 5px !important; padding-left: 5px; border-bottom: 1px solid #ddd;}

  .dropdown-menu > .optionTitle .checkbox{color: #333333;}

 .dropdown-menu .subCat a{padding-left:45px;}
.dropdown-menu > li.subCat > a label{color:#777777; text-transform: capitalize; font-weight:400;}
.open>.dropdown-menu{width:100%; max-height: 290px;
    overflow-y: scroll;}

	.open>.dropdown-menu2{width:auto; max-height: auto;
    overflow-y: inherit;}



  .QRCode a{display: block; text-align: center; text-transform: uppercase; font-size: 12px; color: #666; font-weight: 600; margin-top: 3px;}
.QRCodeModal{background: #f5f5f5; padding: 30px; text-align: center;}


/*my account*/



.check-container {
	width: 120px;
	height: 130px;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: space-between; margin: auto;
  }
  .check-container .check-background {
	width: 100%;
	height: calc(100% - 1.25rem);
	background: linear-gradient(to bottom right, #34993B, #34993B);
	box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
	transform: scale(0.84);
	border-radius: 50%;
	animation: animateContainer 0.75s ease-out forwards 0.75s;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
  }
  .check-container .check-background svg {
	width: 65%;
	transform: translateY(0.25rem);
	stroke-dasharray: 80;
	stroke-dashoffset: 80;
	animation: animateCheck 0.35s forwards 1.25s ease-out;
  }
  .check-container .check-shadow {
	bottom: calc(-15% - 5px);
	left: 0;
	border-radius: 50%;
	background: radial-gradient(closest-side, #00A3E0, transparent);
	animation: animateShadow 0.75s ease-out forwards 0.75s;
  }
  
  @keyframes animateContainer {
	0% {
	  opacity: 0;
	  transform: scale(0);
	  box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
	}
	25% {
	  opacity: 1;
	  transform: scale(0.9);
	  box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
	}
	43.75% {
	  transform: scale(1.15);
	  box-shadow: 0px 0px 0px 43.334px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
	}
	62.5% {
	  transform: scale(1);
	  box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 21.667px rgba(255, 255, 255, 0.25) inset;
	}
	81.25% {
	  box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;
	}
	100% {
	  opacity: 1;
	  box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;
	}
  }
  @keyframes animateCheck {
	from {
	  stroke-dashoffset: 80;
	}
	to {
	  stroke-dashoffset: 0;
	}
  }
  @keyframes animateShadow {
	0% {
	  opacity: 0;
	  width: 100%;
	  height: 15%;
	}
	25% {
	  opacity: 0.25;
	}
	43.75% {
	  width: 40%;
	  height: 7%;
	  opacity: 0.35;
	}
	100% {
	  width: 85%;
	  height: 15%;
	  opacity: 0.25;
	}
  }
  
  
  
/*mobile nav*/

 

.bodyOverlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.8);
	z-index: 98
}
.sidenav {
	height: 100%;
	width: 250px;
	position: fixed;
	z-index: 99;
	top: 0;
	left: -320px;
	background: #ee6d0f;
	transition: 0.5s;
	display: block;
}

.navList, .navList li ul{margin: 0; padding: 0;}

.accordianNav a,
.accordianNav h3 {
   font-size: 16px;
    color: #fff; margin: 0;
    padding: 0 20px;
    font-weight: 400; font-family:  "Open Sans", sans-serif;
    height: 48px; display: block;
    line-height: 48px; cursor: pointer; text-transform:uppercase;
    text-decoration: none; border-bottom: 1px solid #F89247;
}

 .accordianNav a:hover,
.accordianNav h3:hover{background:#6b3392;} 

.sidenav .closebtn {
      position: absolute;
    top: 11px;
    cursor: pointer;
    right: -26px;
    color: #ee6d0f;
    font-size: 24px;
}


/* Background hover animation. */

.accordianNav h3:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #444;
    background:#D3D3D3;
    transition: all 0.3s ease-out;
}

 

.accordianNav .dropArrow span {
    z-index: 2;
    position: relative;
}

.accordianNav .dropArrow:after {
    content: "";
    width: 6px;
    height: 6px;
    border-bottom: 2px solid #D3D3D3;
    border-right: 2px solid #D3D3D3;
    float: right;
    position: relative;
    top: 18px;
    right: 0;
    transform: rotate(45deg);
    transform-origin: center;
}

.accordianNav .dropArrow.active {
    color: white;
}

.accordianNav .dropArrow.active:after {
    transform: rotate(-135deg);
    border-color: #fff;
}





/* +Hover and Touch effect */
 
.accordianNav h3.dropArrow:hover:after,
.accordianNav h3.dropArrow:active:after {
    color: white;
    -webkit-transition: all 0.5s cubic-bezier(0.36, 1.64, 0.29, 0.88);
    transition: all 0.5s cubic-bezier(0.36, 1.64, 0.29, 0.88);
}

.accordianNav li {
    list-style-type: none;
}

 
.accordianNav h3.dropArrow:hover{ background: #333;}

/*Drop links*/

.accordianNav ul ul li a {
    padding:0 20px; font-weight: 300; color:#D3D3D3;
}
 


/*Hide and show the drops*/

.accordianNav ul ul {
    display: none;
}

.accordianNav li.active ul {
    display: block;
}

.iconsNav{position:absolute; right:0; top:16px; display:none;}
.iconsNav a {
	color: #fff;
	background-image: linear-gradient(to right, #f46c05, #824299);
	height: 48px;
	width: 48px;
	display: block;
	text-decoration: none;
	font-size: 24px;
	text-align: center;
	line-height: 48px;
	border-radius: 100%;
}

@media only screen and (max-width: 1151px) {
    .iconsNav{display:block;}
    .header_fixer .iconsNav{ top:10px;}
}

@media only screen and (max-width: 991px) {
    .iconsNav{ top:6px;}

}

@media only screen and (max-width: 767px) {
    .iconsNav{position:static; float:right; margin-top:10px;}
}

.aadhaarNo{position:relative;}
.aadhaarNo .btn-warning {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 15px;
    height: 48px;
    border-radius: 0 8px 8px 0;
    line-height: 48px;
}

.aadhaarNo .form-control{padding-right:96px;}

.applyBtn{float: right; margin-top: -65px;}
/*mobile nav end*/


/* want to play as */

.wantToPlayCon .radio-inline{margin: 10px 20px;}
.wantToPlayCon .formCon{background: #f5f5f5; border-radius: 10px; padding: 20px; margin-top: 20px;}
.wantToPlayCon .formCon .title1 span{background: #ffffff; border-radius: 5px 5px 0 0; display: inline-block; padding: 6px 15px 5px; border: 1px solid #ddd; border-bottom: 0;}
.wantToPlayCon .formCon .inner{background: #fff; border-radius: 0 5px 5px 5px; padding: 15px; margin-top: -1px; border: 1px solid #ddd;}
.wantToPlayCon .formCon .inner .title2{color: #999; font-size: 16px; font-weight: 600; text-transform: uppercase; border-bottom: 1px solid #ddd; padding-bottom: 5px;}
.wantToPlayCon .formCon .inner .crCon{display: flex; flex-wrap: wrap; margin-top: 10px;  }
.wantToPlayCon .formCon .inner .crCon .cols{width: 25%; margin-left: 0; padding:5px 10px 5px 20px;}
.wantToPlayCon .formCon .inner .table thead tr td{font-size: 16px; text-transform: uppercase; color: #333; font-weight: 500;}
.wantToPlayCon .formCon .inner .table tr td .form-group{margin-bottom: 0;}
.wantToPlayCon .formCon .inner .table tr td .form-group label{display: none;}
.table-striped>tbody>tr:nth-of-type(odd){background-color: #f5f5f5;}

.wantToPlayCon h4{margin-top:20px; border-bottom:1px solid #ddd;}




@media only screen and (max-width: 767px) {
	.wantToPlayCon .formCon .inner .crCon .cols{width: 33.33333333%;}
	.wantToPlayCon .formCon .inner .table tr td .form-group label{display: block;}
	.wantToPlayCon .formCon .inner .table thead{display: none;}

	

	.wantToPlayCon .formCon .inner .table tr td{border:0;}
	.wantToPlayCon .formCon .inner .table tr{border-bottom: 1px solid #cccccc;}
	
	
}

@media only screen and (max-width: 599px) {
	.wantToPlayCon .formCon .inner .crCon .cols{width: 50%;}
	.wantToPlayCon .formCon{padding: 0; background: none;}
	.wantToPlayCon .formCon .inner{padding: 10px;}
	.wantToPlayCon .formCon .title1 span{    padding: 6px 10px 5px; font-size: 16px;}
	.my_acount_nav{padding: 15px;}
}

@media only screen and (max-width: 479px) {
	.wantToPlayCon .formCon .inner .crCon .cols{width: 100%;}
}


.output {
  display: none;
}

.output.active {
  display: block;
}

/* want to play as end*/

.flexContact{display:flex; flex-wrap:wrap;}
.flexContact .rows{width:100%; border:1px solid #ddd; padding:10px; margin:15px 0 0 0;}



.blink-soft {
  animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

#blinking-button{
    padding: 0 60px;
     height:54px; line-height:54px;
border: 0px solid #6C8003;
border-radius:30px;
font: 600 15px / 54px "proxima_nova_rgregular", sans-serif;
text-transform:uppercase; margin-right:10px;
}
@keyframes blink {
  0%, 100% {background-color:#f46c05;}
  50% {background-color: #824299;}
}
#blinking-button {
  background-color: #f46c05;
  color: white;
  animation: blink 1s linear infinite;
}

@media only screen and (max-width: 767px) {
    #blinking-button{margin-right:0; margin-bottom:15px;}
}

.videoTutorialCon{background:#f5f5f5; padding:60px 0;}
.videoTutorialCon .flexBox{display:flex; flex-wrap: wrap;
    justify-content: center;
    align-items: center;}
    .videoTutorialCon .flexBox .left{width:35%;}
    .videoTutorialCon .flexBox .right{padding-left:40px; width:65%;}
  .videoTutorialCon .flexBox .right .embed-responsive-item{border-radius:16px; border:6px solid #fff; box-shadow:0 5px 20px -10px rgba(0, 0, 0, 0.3);}  
  
  .videoTutorialCon .flexBox .left h3{    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 50px; text-align:right;}
    
    
    
    .videoTutorialConRegister{padding:0 15%;}
    
    .videoTutorialCon .videoTutorialConRegister .left h3{    font-size: 24px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 32px; text-align:right;}
    
    .videoTutorialCon2{padding:40px 0;}
    
     
    
    
    @media only screen and (max-width: 1151px) {
        
    .videoTutorialCon .flexBox .left{width:40%;}
    .videoTutorialCon .flexBox .right{width:60%;}
        
    }
    
    @media only screen and (max-width: 991px) {
        .videoTutorialCon{padding:40px 0;}
    .videoTutorialCon .flexBox .left{width:100%; text-align:center; margin-bottom: 30px;
    }
    .videoTutorialCon .flexBox .right{width:100%; padding-left:0;}
    .videoTutorialCon .flexBox .left h3{text-align:center;
    }
        
    }
  
  .videoTutorialConhHindi{background:#fff;}
  .videoTutorialConhHindi  .flexBox{  flex-direction: row-reverse;}
  .videoTutorialCon .flexBox .left h3 {text-align: left;
}
  
  .videoTutorialCon .flexBox .right{padding-right:30px; padding-left:0}
  .latesNews{text-align:center; padding:50px 0;}