/*

Template: Arma

category: Corporate

Author: Codelayers

Version: 1.0

Design and Developed by: Codelayers

*/





/*

======================================

[ CSS TABLE CONTENT ]

======================================



    [Table of contents]



	1.feature boxes

	2.parallax sections

	3.footer styles



	

======================================

[ END CSS TABLE CONTENT ]

======================================

*/



/* section titles

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

 img{
 max-width:100%;    
 
 }

 .ce-sec-title {

	font-size:30px;

}



.ce-sub-title {

    width: 55%;

	font-size:22px;

	line-height:30px;

    margin: 15px auto 0 auto;

}

.ce-sub-title.align-left {

    width: 100%;

    margin: 15px auto 0 auto;

}



/*============ Feature boxes ============ */

/* feature box 1

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

.ce-feature-box-1{

	width:100%;

	float:left;

}

.ce-feature-box-1 .circle{

	width:440px;

	height:440px;

	float:left;

	padding:20px;

	border-radius:100%;

	background-color:#f5f5f5;

	transition: all 0.3s ease-out 0s;

}

.ce-feature-box-1 .circle-inner{

	width:400px;

	height:400px;

	float:left;

	padding:80px;

	border-radius:100%;

	background-color:#fff;

}

.ce-feature-box-1 .circle-inner .icon{

	color:#274675;

}



.ce-feature-box-1:hover .circle,

.ce-feature-box-1.active .circle{

	background-color:#274675;

}







/* feature box 2

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

.ce-feature-box-2{

	width:100%;

	float:left;

	padding:12px;

	transition: all 0.3s ease-out 0s;

	background-color:#fff;

}

.ce-feature-box-2:hover, .ce-feature-box-2.active{

	background-color:#274675;

}



.ce-big-title {

    font-size: 70px;

    line-height: 60px;

}

/* feature box 3

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

.ce-feature-box-3{

	width:100%;

	float:left;

	padding:85px 0 0 0;

}



/* feature box 4

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

 

.ce-feature-box-4-main{

	width:100%;

	min-height:520px;

	float:left;

}





.ce-feature-box-4-main .ce-feature-box-4{

	position: relative;

	width:100%;

	float:left;

	left:0px;

	top:-85px;

	padding:90px;

	background-color:#274675;

}

.ce-feature-box-4-main .ce-feature-box-4 .title{

	margin-bottom:45px;

	color:#fff;

}

.ce-feature-box-4-main .ce-feature-box-4 .text{

	color:#fff;

	opacity:0.8;

}

.ce-feature-box-4-main .ce-feature-box-4.less-padd{

	padding:50px;

}



/* featurebox 5

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

.ce-feature-box-5 {

    width: 100%;

    float: left;

}

.ce-feature-box-5 .img-box-main {

    width: 100%;

    float: left;

	padding:10px;

	background-color:#fff;

	transition: all 0.3s ease-out 0s;

}

.ce-feature-box-5 .img-box-main.primary {

	background-color:#274675;

}

.ce-feature-box-5 .img-box-main .img-box {

	position:relative;

    width: 100%;

    float: left;

	padding:0px;

	text-align:center;

	overflow:hidden;

	background-color:#e9e9e9;

}

.ce-feature-box-5 .img-box-main .img-box img {

	position: relative;

	top: 0px;

	left: 0px;

	transition: all 0.3s ease-out 0s;

}

.ce-feature-box-5 .text-box {

    width:100%;

	padding:30px 50px;

	margin-top:17px;

	background-color:#fff;

	transition: all 0.3s ease-out 0s;

}

.ce-feature-box-5 .img-box-main .img-box .sc-icons-box{

	position: absolute;

	width:20%;

	height:100%;

	padding:0px;

	margin:0px;

	right: -110px;

	top:0px;

	overflow:hidden;

	z-index:1;

	text-align:center;

	display:inline-block;

	background-color:#274675;

	transition: all 0.3s ease-out 0s;

}

.ce-feature-box-5 .img-box-main .img-box .sc-icons-box .sc-icons{

	width:100%;

	padding:60px 0 0 0;

	margin:0px;

}

.ce-feature-box-5 .img-box-main .img-box .sc-icons-box .sc-icons li{

	width:100%;

	padding:0px;

	margin:0 0 10px 0;

	display:inline-block;

}

.ce-feature-box-5 .img-box-main .img-box .sc-icons-box .sc-icons li a{

	width:40px;

	height:40px;

	padding:15px 10px;

	color:#fff;

	line-height:12px;

	display:inline-block;

	border:1px solid rgba(255, 255, 255, 0.1);

}



/* hover styles

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

.ce-feature-box-5:hover .img-box-main .img-box .sc-icons-box,

.ce-feature-box-5.active .img-box-main .img-box .sc-icons-box{

	right:0px;

}

.ce-feature-box-5:hover .img-box-main,

.ce-feature-box-5.active .img-box-main {

	background-color:#274675;

}

.ce-feature-box-5:hover .img-box-main .img-box,

.ce-feature-box-5.active .img-box-main .img-box {

	background-color:#e0e0e0;

}



.ce-feature-box-5:hover .img-box-main .img-box img {

	 -moz-transform: scale(1.1);

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

}







/* featurebox 6

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

.ce-feature-box-6 {

    width: 100%;

    float: left;

}

.ce-feature-box-6 .img-circle {

    width: 150px;

	height:150px;

    float: left;

	padding:8px;

	border-radius:100%;

	background-color:#274675;

}

.ce-feature-box-6 .img-circle .img {

	background-color:#fff;

}





.ce-newsletter-1 {

	width: 100%;

	height: 60px;

	float: left;

	padding: 20px;

	border-radius:40px;

	border: 1px solid #fff;

	background-color: #fff;

	}



.newsletter-submit-btn {

    width: 100%;

    height: 60px;

    float: left;

    padding: 0px;

	margin-top:5px;

	color:#fff;

	text-transform:uppercase;

    border-radius:40px;

	border: 1px solid #274675;

	background-color: #274675;

}





/* feature box 7

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

.ce-feature-box-7 {

	overflow: hidden;

	max-height: 600px;

}

.ce-feature-box-7 .team-member {

	transition: all 0.3s ease-out 0s;

}

.ce-feature-box-7 .team-member img {

	transition: all 0.3s ease-out 0s;

}

.ce-feature-box-7 .info-box {

	position: relative;

	bottom: 0;

	overflow: hidden;

	padding: 32px 25px 120px;

	border-top: 1px solid #e4e4e4;

	background-color: #fff;

	transition: all 0.3s ease-out 0s;

}

.ce-feature-box-7:hover .info-box {

	border-top: 1px solid #e4e4e4;

	bottom: 100px;

	transition: all 0.3s ease-out 0s;

}

.ce-feature-box-7:hover .team-member img {

	transform: scale(1.1, 1.1);

	transition: all 0.3s ease 0s;

}

.ce-feature-box-7 .info-box .social-icons {

	text-align: center;

}

.ce-feature-box-7 .info-box .social-icons li {

	display: inline;

}

.ce-feature-box-7 .info-box .social-icons i {

	color: #274675;

	font-size: 16px;

	margin: 0 15px 0 0;

}







/* feature box 8

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

.ce-feature-box-8{

	width:100%;

	float:left;

	padding:20px;

	background-color:#fff;

}

.ce-feature-box-8 .img-box{

	position:relative;

	width:100%;

	float:left;

	padding:0px;

	border:1px solid #274675;

}

.ce-feature-box-8 .img-box .icon-box{

	position: absolute;

	width:86%;

	height:86%;

	float:left;

	padding:0px;

	z-index:2;

	opacity:0;

	margin:7% 0 0 7%;

	transition: all 0.3s ease-out 0s;

	background-color:rgba(41, 72, 227, 0.8);

}



.ce-feature-box-8 .img-box .icon-box .sc-icons{

	width:100%;

	margin-top:50px;

	margin-left:0px;

	padding-left:0px;

	display:inline-block;

	transition: all 0.3s ease-out 0s;

}

.ce-feature-box-8 .img-box .icon-box .sc-icons li{

	padding:0px;

	display:inline-block;

	

}

.ce-feature-box-8 .img-box .icon-box .sc-icons li a{

	width:40px;

	height:40px;

	padding:0px;

	color:#101010;

	line-height:37px;

	text-align:center;

	border-radius:100%;

	border:1px solid rgba(255, 255, 255, 0.4);

	display:inline-block;

	background-color:#fff;

}

.ce-feature-box-8 .img-box .icon-box .sc-icons li a:hover{

	color:#fff;

	border:1px solid #101010;

	display:inline-block;

	background-color:#101010;

}



.ce-feature-box-8:hover .img-box .icon-box, .ce-feature-box-8.active .img-box .icon-box{

	opacity:1;

}

.ce-feature-box-8:hover .img-box .icon-box .sc-icons{

	margin-top:100px;

}









/* feature box 9

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

.ce-feature-box-9{

	width:100%;

	float:left;

}

.ce-feature-box-9 .img-box{

	position:relative;

	width:100%;

	float:left;

}

.ce-feature-box-9 .img-box .text-box{

	position: absolute;

	width:100%;

	float:left;

	padding:35px;

	bottom:80px;

	z-index:3;

	background-color:#fff;

	transition: all 0.3s ease-out 0s;

}

.ce-feature-box-9 .img-box .text-box .sc-icons-box{

	position: absolute;

	width:80%;

	margin:0 auto;

	top:0px;

	opacity:0;

	overflow:hidden;

	z-index:1;

	background-color:#274675;

	transition: all 0.3s ease-out 0s;

}

.ce-feature-box-9 .img-box .text-box .sc-icons-box .sc-icons{

	width:100%;

	margin:0px;

	padding-left:0px;

	text-align:center;

}

.ce-feature-box-9 .img-box .text-box .sc-icons-box .sc-icons li{

	display:inline-block;

}

.ce-feature-box-9 .img-box .text-box .sc-icons-box .sc-icons li a{

	padding:15px 7px;

	color:#fff;

	text-align:center;

	display:inline-block;

}



.ce-feature-box-9:hover .img-box .text-box .sc-icons-box{

	opacity:1;

	top:-53px;

}









/* feature box 10

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

.ce-feature-box-10{

	width:100%;

	padding:0px;

	float:left;

	min-height:645px;

}

.ce-feature-box-10 .img-box{

	position:relative;

	width:100%;

	padding:0px;

	float:left;

}

.ce-feature-box-10 .img-box .overlay{

	width:100%;

	height:100%;

	padding:0px;

	float:left;

	z-index:2;

	background-color:rgba(0, 0, 0, 0.2);

}

.ce-feature-box-10 .img-box .text-box{

	position: absolute;

	width:80%;

	padding:50px;

	float:left;

	left:0px;

	bottom:-185px;

	z-index:3;

	background-color:#fff;

	transition: all 0.3s ease-out 0s;

}

.ce-feature-box-10 .img-box .text-box .sc-icons-box{

	position: absolute;

	width:80%;

	padding:0px;

	margin:0px;

	top:-53px;

	left:0px;

	float:left;

	opacity:0;

	overflow:hidden;

	z-index:3;

	background-color:rgba(41, 72, 227, 0.9);

	transition: all 0.3s ease-out 0s;

}

.ce-feature-box-10 .img-box .text-box .sc-icons-box .sc-icons{

	width:100%;

	margin:0px;

	padding-left:0px;

	text-align:center;

}

.ce-feature-box-10 .img-box .text-box .sc-icons-box .sc-icons li{

	display:inline-block;

}

.ce-feature-box-10 .img-box .text-box .sc-icons-box .sc-icons li a{

	padding:15px 7px;

	color:#fff;

	text-align:center;

	display:inline-block;

}

.ce-feature-box-10:hover .img-box .text-box .sc-icons-box,

.ce-feature-box-10.active .img-box .text-box .sc-icons-box{

	left:110px;

	opacity:1;

}.ce-feature-box-17 .content-box-inner

.ce-feature-box-10:hover .img-box .text-box, .ce-feature-box-10.active .img-box .text-box{

	background-color:#101010;

}

.ce-feature-box-10:hover .img-box .text-box .title, .ce-feature-box-10.active .img-box .text-box .title{

	color:#fff;

}







/* feature box 11

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

.ce-feature-box-11-main{

	position:relative;

	width:100%;

	min-height:695px;

	float:left;

	overflow:hidden;

}

.ce-feature-box-11-main .bg-circle{

	position: absolute;

	width:780px;

	height:780px;

	left: -342px;

	top: -403px;

	border:35px solid #274675;

	border-radius:100%;

	float:left;

}

.ce-feature-box-11-main .bg-circle-2{

	position: absolute;

	width:780px;

	height:780px;

	right: -342px;

	top: -232px;

	border:35px solid #274675;

	border-radius:100%;

	float:left;

}

.ce-feature-box-11 {

	position:relative;

    width: 100%;

	float:left;

	padding:22px;

	z-index:5;

	background-color:#fff;

}

.ce-feature-box-11 .img-box {

	position:relative;

    width: 100%;

	float:left;

}

.ce-feature-box-11 .img-box .overlay {

	position: absolute;

    width: 100%;

	height:100%;

	float:left;

	z-index:2;

	padding:230px 0 0 60px;

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

	transition: all 0.3s ease-out 0s;

}

.ce-feature-box-11 .img-box .overlay .title {

	color:#fff;

}

.ce-feature-box-11 .img-box .overlay a:hover {

	color:#fff;

}



/*Hover*/

.ce-feature-box-11:hover .img-box .overlay,

.ce-feature-box-11.active .img-box .overlay {

	background:rgba(41, 72, 227, 0.8);

}

.ce-feature-box-11:hover .img-box .overlay a:hover {

	color:#000;

}

.ce-feature-box-11:hover .img-box .overlay a,

.ce-feature-box-11.active .img-box .overlay a {

	color:#fff;

}



.ce-feature-box-11.text-box {

    width: 100%;

	float:left;

	padding:80px 65px 65px 65px;

	background-color:#fff;

	min-height:518px;

}







/* feature box 12

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



.ce-feature-box-12-main{

	position:relative;

	width:100%;

	min-height:695px;

	float:left;

	overflow:hidden;

}

.ce-feature-box-12-main-inner{

	position:relative;

	width:100%;

	float:left;

}

.ce-feature-box-12-main .bg-circle{

	position: absolute;

	width:780px;

	height:780px;

	left: -342px;

	top: -403px;

	border:35px solid #274675;

	border-radius:100%;

	float:left;

}

.ce-feature-box-12-main .bg-circle-2{

	position: absolute;

	width:780px;

	height:780px;

	right: -342px;

	top:286px;

	border:35px solid #274675;

	border-radius:100%;

	float:left;

}





.ce-feature-box-12 {

    position: relative;

    width: 100%;

    float: left;

    z-index: 2;

}

.ce-feature-box-12 .img-box {

    position: relative;

    width: 100%;

    float: left;

}

.ce-feature-box-12 .img-box .overlay {

    position: absolute;

    width: 90%;

	height:90%;

	opacity:0;

	padding:70px 0 0 0;

	margin:5% 0 0 5%;

	background:rgba(41,71,227,0.9);

	transition: all 0.3s ease-out 0s;

}





.ce-feature-box-12:hover .img-box .overlay,

.ce-feature-box-12.active .img-box .overlay {

    position: absolute;

    width: 90%;

	height:90%;

	opacity:1;

	padding:70px 0 0 0;

	margin:5% 0 0 5%;

    background: rgba(39, 70, 117, 0.70);

}



.ce-feature-box-12-main-inner .title-container{

	position: relative;

	width:100%;

	float:left;

	z-index:5;

	padding-top:80px;

}





/* feature box 13

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



.ce-feature-box-13{

	width:100%;

	min-height:603px;

	float:left;

	padding:50px 50px 50px 150px;

}

.ce-feature-box-13 .title{

	font-size:60px;

	color:#fff;

	font-weight:500;

	line-height:46px;

}



/* feature box 14

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



.ce-feature-box-14{

	position:relative;

	width:100%;

	float:left;

}



.ce-feature-box-14 .img-box{

	position:relative;

	width:100%;

	float:left;

	padding:11px 11px 0 11px;

	background-color:#fff;

}



.ce-feature-box-14 .img-box .bg-circle-box{

	position:relative;

	width:100%;

	min-height:350px;

	float:left;

	padding:12px 12px 0 12px;

	overflow:hidden;

	background-color:#fff;

}



.ce-feature-box-14 .img-box .bg-circle-box .img{

	position: absolute;

	width:100%;

	float:left;

	z-index:2;

}



.ce-feature-box-14 .img-box .bg-circle-box .circle{

	position: absolute;

	width:780px;

	height:780px;

	left: -45px;

	top: 18px;

	border:30px solid #274675;

	border-radius:100%;

	float:left;

	z-index:1;

}

.ce-feature-box-14 .img-box .bg-circle-box .circle.style2{

	left: -375px;

	top: 85px;

}

.ce-feature-box-14 .text-box {

    width:100%;

	padding:30px 50px;

	background-color:#fff;

	transition: all 0.3s ease-out 0s;

}



.ce-feature-box-14 .img-box .bg-circle-box .sc-icons {

	position:absolute;

    width: 100%;

	z-index:3;

	padding:0px;

	bottom:-60px;

	text-align:center;

	margin:15px 0 15px 0;

	transition: all 0.3s ease-out 0s;

}

.ce-feature-box-14 .img-box .bg-circle-box .sc-icons li {

    padding: 0px;

	margin: 0px;

	display: inline-block;

}

.ce-feature-box-14 .img-box .bg-circle-box .sc-icons li a {

    width: 40px;

    height: 40px;

    text-align: center;

    line-height: 40px;

    display: inline-block;

    padding: 0px;

    color: #fff;

	border-radius:100%;

    background-color:#274675;

}

.ce-feature-box-14 .img-box .bg-circle-box .sc-icons li a:hover {

    color: #fff;

    background-color:#1e1e1e;

}



/*hover style*/

.ce-feature-box-14:hover .img-box .bg-circle-box .sc-icons {

	bottom:20px;

}

.ce-feature-box-14 .text-box.primary {

	background-color:#274675;

}

.ce-feature-box-14 .text-box.primary .title, .ce-feature-box-14 .text-box.primary .subtitle {

	color:#fff;

}

.ce-feature-box-14 .text-box.primary p {

	color:#fff;

	opacity:0.8;

}







/* feature box 15

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

.ce-feature-box-15 {

    width: 100%;

	float:left;

}

.ce-feature-box-15 .img-box {

	position:relative;

    width: 100%;

	float:left;

}

.ce-feature-box-15 .img-box .overlay {

	position: absolute;

    width: 100%;

	height:100%;

	float:left;

	z-index:2;

	background:rgba(49, 49, 49, 1);

	transition: all 0.3s ease-out 0s;

}

.ce-feature-box-15 .img-box .overlay .text-box {

	position: absolute;

    width: 90%;

	height:90%;

	float:left;

	z-index:2;

	margin:5% 0 5% 5%;

	padding:140px 60px 60px 60px;

	background:rgba(30, 30, 30, 1);

	transition: all 0.3s ease-out 0s;

}

.ce-feature-box-15 .img-box .overlay.midoverlay {

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

}

.ce-feature-box-15 .img-box .overlay .title {

	color:#fff;

}

.ce-feature-box-15 .img-box .overlay a:hover {

	color:#fff;

}

.ce-feature-box-15 .img-box .overlay p {

	color:#fff;

}

.ce-feature-box-15 .img-box .overlay .icon {

	width:32px;

	height:32px;

	text-align:center;

	line-height:32px;

	border-radius:100%;

}

.ce-feature-box-15 .img-box .overlay .icon.primary {

	color:#fff;

	background-color:#ff9d08;

}

.ce-feature-box-15 .img-box .overlay .icon.secondary {

	color:#fff;

	background-color:#6e44a3;

}





/*hover*/

.ce-feature-box-15:hover .img-box .overlay,

.ce-feature-box-15.active .img-box .overlay {

	background:rgba(49, 49, 49, 0.1);

}

.ce-feature-box-15:hover .img-box .overlay .text-box,

.ce-feature-box-15.active .img-box .overlay .text-box {

	background:rgba(41, 72, 227, 0.9);

}

.ce-feature-box-15:hover .img-box .overlay .text-box .btn.btn-prim,

.ce-feature-box-15.active .img-box .overlay .text-box .btn.btn-prim {

	color:#274675;

	background-color:#fff;

}





/* featurebox 16

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

.ce-feature-box-16 {

    width: 100%;

    float: left;

}

.ce-feature-box-16 .img-circle {

    width: 150px;

	height:150px;

    float: left;

	padding:8px;

	border-radius:100%;

	background-color:#fff;

}

.ce-feature-box-16 .img-circle .img {

	background-color:#274675;

}

.parallax-6{

	overflow:hidden;

	position: relative;

}

.parallax-6 .circle{

	position: absolute;

	width:780px;

	height:780px;

	left: -678px;

	top: 246px;

	border:30px solid #fff;

	border-radius:100%;

	float:left;

	z-index:1;

}

.parallax-6 .circle-2{

	position: absolute;

	width:780px;

	height:780px;

	right: -475px;

	top: -398px;

	border:30px solid #fff;

	border-radius:100%;

	float:left;

	z-index:1;

}





/* feature box 17

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

.ce-feature-box-17{

	width:100%;

	float:left;

}

.ce-feature-box-17 .content-box{

	width:100%;

	float:left;

	padding:20px;

	background-color:#f5f5f5;

	transition: all 0.3s ease-out 0s;

}

.ce-feature-box-17 .content-box-inner{

	width:100%;

	float:left;

	padding:25px;

	background-color:#fff;

    min-height: 475px;
}

.ce-feature-box-17 .content-box-inner .icon{

	color:#274675;

}



.ce-feature-box-17:hover .content-box,

.ce-feature-box-17.active .content-box{

	background-color:#274675;

}







/* featurebox 18

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

 

.ce-feature-box-18 {

    width: 100%;

    float: left;

	padding:50px;

	border:6px solid #274675;

	background-color:#fff;

	transition: all 0.3s ease-out 0s;

}







/* featurebox 19

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



.ce-feature-box-19 {

    width: 100%;

    float: left;

	padding:50px;

	background:#274675;

}

.ce-feature-box-19 .blog-post-info span{

	color:#fff;

	}







/* featurebox 20

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

 

.ce-feature-box-20 {

    width: 100%;

    float: left;

	padding:50px;

	border:6px solid #274675;

	background-color:#fff;

	transition: all 0.3s ease-out 0s;

}

.ce-feature-box-20 .img-box {

	position:relative;

    width: 100%;

    float: left;



}

.ce-feature-box-20 .img-box .overlay {

	position: absolute;

    width: 100%;

    float: left;

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

}



.ce-feature-box-20 .img-box .overlay .post-date-box {

	width:120px;

	height:120px;

	margin:20px 0 0 20px;

	font-size: 36px;

	padding: 29px 0 0;

}

.ce-feature-box-20 .img-box .overlay .post-date-box span {

    color: #fff;

    display: block;

    font-size: 16px;

	padding-top:10px;

}







/*============ comment page input ============ */

.ce-blog-cinput {

    background-color: #fff;

    border: 1px solid #e9e9e9;

    color: #101010;

    float: left;

    height: 45px;

    margin-bottom: 15px;

    padding: 8px;

    transition: all 0.3s ease-out 0s;

    width: 100%;

}

.ce-blog-ctexteria {

    background-color: #fff;

    border: 1px solid #e9e9e9;

    color: #101010;

    float: left;

    margin-bottom: 15px;

    padding: 8px;

    transition: all 0.3s ease-out 0s;

    width: 100%;

	height: 160px;

}







/* price tables

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



.ce-price-table-1 {

	position: relative;

    width: 100%;

	padding:20px;

    float: left;

	transition: all 0.3s ease-out 0s;

	background-color:#1e1e1e;

}

.ce-price-table-1 .border-box {

    width: 100%;

	padding:2px;

    float: left;

}



.ce-price-table-1 .inner-box {

    width: 100%;

	padding:50px 50px;

    float: left;

	transition: all 0.3s ease-out 0s;

}

.ce-price-table-1 .ribbon {

	position: absolute;

	width:170px;

	height:125px;

	right: -9px;

	top: -13px;

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

}

.ce-price-table-1 .inner-box .price-circle {

	width: 130px;

	height: 130px;

	padding: 38px 0 0;

	margin: 0 auto;

	color: #274675;

	border-radius: 100%;

	background-color: #fff;

	border:3px solid #f5f5f5;

	transition: all 0.3s ease-out 0s;

}

.ce-price-table-1 .inner-box .price-circle .price {

	color: #274675;

	font-size:28px;

	padding: 8px 0 0 0;

	font-weight:700;

	text-align: center;

	transition: all 0.3s ease-out 0s;

}

.ce-price-table-1 .inner-box .price-circle .price i {

	color: #274675;

	font-size: 14px;

	font-style: normal;

	font-weight: 500;

}

.ce-price-table-1 .inner-box .price-circle .price sup {

	font-size: 18px;

	font-style: normal;

}

.ce-price-table-1 ul.plan_features {

	width: 100%;

	float: left;

	text-align: center;

	padding: 0px;

	margin: 0px 0px 50px 0;

}

.ce-price-table-1 ul.plan_features li {

	padding: 15px 0;

	border-bottom: 1px solid rgba(255, 255, 255, 0.1);

	transition: all 0.3s ease-out 0s;

}

.ce-price-table-1 ul.plan_features li:last-child {

	border-bottom: none;

}



.ce-price-table-1 .inner-box .title {

	color:#fff;

}



.ce-price-table-1:hover, .ce-price-table-1.active {

	background-color:#274675;

}















/* hover styles

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

.ce-price-table-1:hover .inner-box .title,

.ce-price-table-1.active .inner-box .title {

	color:#fff;

}

.ce-price-table-1:hover ul.plan_features li,

.ce-price-table-1.active ul.plan_features li {

	color:#fff;

	border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}

.ce-price-table-1:hover ul.plan_features li:last-child,

.ce-price-table-1.active ul.plan_features li:last-child {

	border-bottom: none;

}













/* personal info list

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

 

.personal-info {

    float: left;

    margin: 0;

    padding: 0;

    width: 100%;

}

.personal-info li {

    color: #e9b444;

    padding-bottom: 8px;

}

.personal-info li i {

    margin-right: 10px;

}

.personal-info.orange-2 li {

    color: #274675;

    padding-bottom: 8px;

}





/*============ Progress circles ============ */



.percent{

	width:200px;

	height:200px;

	margin:0 auto;

}

.percent-2{

	width:200px;

	height:200px;

	margin:0 auto;

}















/*============ Parallax Sections ============ */

.parallax-1 {

    background: rgba(0, 0, 0, 0) url("../images/parallax/1.jpg") no-repeat fixed 50% 0;

}

.parallax-2 {

    background: rgba(0, 0, 0, 0) url("../images/parallax/2.jpg") no-repeat fixed 50% 0;

}

.parallax-3 {

    background: rgba(0, 0, 0, 0) url("../images/parallax/3.jpg") no-repeat fixed 50% 0;

}

.parallax-4 {

    background: rgba(0, 0, 0, 0) url("../images/parallax/4.jpg") no-repeat fixed 50% 0;

}

.parallax-5 {

    background: rgba(0, 0, 0, 0) url("../images/parallax/5.jpg") no-repeat fixed 50% 0;

}

.parallax-6 {

    background: rgba(0, 0, 0, 0) url("../images/parallax/6.jpg") no-repeat fixed 50% 0;

}



.parallax-text-box {

	min-height:200px;

}

.parallax-text-box .title {

	font-size:80px;

	font-weight:bold;

	line-height:60px;

}





/*============ portfolio single page ============ */



.port-project-info {

	width:100%;

	float:left;

	padding:40px;

	border:1px solid #f1f1f1;

}

.port-project-info li {

	padding:0 0 10px 0;

	margin:0px;

}

.port-project-info li span {

    color: #101010;

    display: inline-block;

    font-weight: 700;

    width: 150px;

}

.port-project-info li span i {

    margin-right: 7px;

    position: relative;

    text-align: center;

    top: 1px;

    width: 14px;

}



/* =========== counter numbers ============= */



.counter.small-size {

	color:#fff;

	font-size:34px;

}

.counter.medium-size {

	color:#fff;

	font-size:42px;

}

.counter.large-size {

	color:#fff;

	font-size:62px;

}

span.counter {

	margin-top:20px;

}









/* =========== client logos ============= */



.ce-clients.grid-cols-2 li {

    width: 50%;

}

.ce-clients.grid-cols-3 li {

    width: 33.33%;

}

.ce-clients.grid-cols-4 li {

    width: 25%;

}

.ce-clients.grid-cols-5 li {

    width: 20%;

}

.ce-clients.grid-cols-6 li {

    width: 16.66%;

}



.ce-clients {

	padding-left:0px;

    overflow: hidden;

}

.ce-clients li {

	position: relative;

	width: 20%;

    float: left;

    padding: 25px 0;

	transition: all 0.3s ease-out 0s;   

}

.ce-clients li a img {

    width: 100%;

}

.ce-clients li a, .ce-clients li img {

    display: block;

    margin:0 auto;

    width: 75%;

}

.ce-clients li::before, .ce-clients li::after {

    content: "";

    position: absolute;

}

.ce-clients li::before {

    height: 100%;

	top: 0;

    left: -1px;

	border-left: 1px solid #e9e9e9;

}

.ce-clients li::after{

    width: 100%;

	height: 0;    

    left: 0;

    top: auto;

    bottom: -1px;

	border-bottom: 1px solid #e9e9e9;

}

.ce-clients.border-dark li::before {

	border-left: 1px solid #333333;

}

.ce-clients.border-dark li::after{

	border-bottom: 1px solid #333333;

}

.ce-clients.noborder li::before {

	border-left: none;

}

/* logo hover styles

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

 

.ce-clients.hover-1 li:hover {

	background-color:#101010;

}

.ce-clients.hover-2 li:hover {

	background-color:#f5f5f5;

}

.ce-clients.hover-3 li:hover {

	background-color:#f5f5f5;

}

.ce-clients.hover-4 li a {

	opacity:0.4;

}

.ce-clients.hover-4 li a:hover {

	opacity:1;

}









/*============ pages sidebar ============ */



.pages-sidebar-item {

    float: left;

    margin-bottom: 60px;

    width: 100%;

}

.pages-sidebar-item .social-links {

    float: left;

    margin: 0;

    padding: 0;

    width: 100%;

}

.pages-sidebar-item .social-links li {

    float: left;

    margin: 0;

    padding: 0;

}

.pages-sidebar-item .social-links li a {

    color: #101010;

    float: left;

    padding: 0 20px 0 0;

}

.pages-sidebar-item .social-links li a:hover {

    color: #274675;

}



.pages-newsletter {

    border: 1px solid #e4e4e4;

    float: left;

    height: 45px;

    padding: 10px;

    width: 100%;

}

.bg2-rightcol-links {

    float: left;

    padding: 0;

    width: 100%;

}



.pages-sidebar-item-title {

    font-size: 20px;

    margin-bottom: 25px;

}



.pages-sidebar-links {

    float: left;

    padding: 0;

    width: 100%;

}

.pages-sidebar-links li {

    border-bottom: 1px solid #ececec;

    float: left;

    width: 100%;

}

.pages-sidebar-links li a {

    float: left;

    padding: 10px 0;

    width: 100%;

}

.pages-sidebar-links li a:hover, .pages-sidebar-links li a.active {

    color: #274675;

}

.pages-sidebar-links li:last-child {

    border-bottom: medium none;

}

.pages-tags {

    margin: 0;

    padding: 0;

}

.pages-tags li {

    margin: 0;

    padding: 0;

}

.pages-tags li a {

    background-color: #fff;

    border: 1px solid #e9e9e9;

    color: #727272;

    float: left;

    margin: 0 10px 10px 0;

    padding: 5px 15px;

}

.pages-tags li a:hover, .pages-tags li a.active {

    background-color: #274675;

	border: 1px solid #274675;

    color: #fff;

}





/*============ Site map ============ */



ul.sitemap {

    margin: 0;

    padding: 0;

}

ul.sitemap li {

    margin: 0 0 8px;

}

ul.sitemap li a {

    color: #274675;

}

ul.sitemap li a:hover {

    text-decoration: underline;

}

ul.sitemap li ul {

    padding-left: 30px;

}





/*============ 404 page ============ */

.error_holder {

    margin: 0 auto;

    padding: 0;

    text-align: center;

    width: 60%;

}

.error_holder.two {

    text-align: left;

    width: 100%;

}

.error_holder .title {

    font-size: 110px;

    font-weight: 400;

    line-height: 65px;

    margin: 0;

    padding: 30px 0;

}

.error_title_big {

    font-size: 200px;

    font-weight: bold;

    line-height: 65px;

    margin: 0;

    padding: 30px 0;

}

.error-search-box {

    float: left;

    margin: 0;

    padding: 0;

    width: 100%;

}

.error-search-box .email_input {

    border: 1px solid #e4e4e4;

    color: #727272;

    height: 50px;

    width: 70%;

	padding:15px;

}

.error-search-box .input_submit {

    background-color: #274675;

    border: 1px solid #274675;

    color: #fff;

    height: 50px;

    transition: all 0.3s ease-out 0s;

    width: 20%;

}

.error-search-box .input_submit:hover {

    background-color: #242424;

    border: 1px solid #242424;

}

.error-title-big {

    font-size: 200px;

    font-weight: bold;

    line-height: 65px;

    margin: 0;

    padding: 30px 0;

}













/*----------------------------RESPONSIVE STYLES------------------------------- */

/* ---------- MAX 1024PX ---------- */

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



.ce-big-title {

    font-size: 44px;

    line-height: 35px;

}

.ce-feature-box-9 .img-box .text-box {

    bottom: 0;

}

.error-title-big {

    font-size: 170px;

}







.ce-feature-box-1 .circle{

	width:100%;

	height: auto;

	border-radius:0;

}

.ce-feature-box-1 .circle-inner{

	width:100%;

	height: auto;

	padding:40px;

	border-radius:0;

}



.ce-feature-box-11-main .bg-circle-2 {

    right: -584px;

}

.ce-feature-box-11-main .bg-circle {

    left: -530px;

}

.ce-feature-box-12-main .bg-circle {

    left: -564px;

    top: -241px;

}

.ce-feature-box-12-main .bg-circle-2 {

    right: -530px;

	top: 286px;

}

.ce-feature-box-15 .img-box .overlay .text-box {

    padding:20px;

}

.parallax-6 .circle {

    left: -737px;

}

.parallax-6 .circle-2 {

    right: -651px;

    top: -398px;

}





















}

	

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

	





}	



	

	

/* ---------- MAX 991PX ---------- */

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

.container{width:90%;}



.ce-feature-box-10 {

    min-height: 720px;

}



.ce-feature-box-4-main .ce-feature-box-4 {

    position: static;

	padding-top:80px;

}

.ce-feature-box-13 {

    background-color: #274675;

	padding:40px;

}

.ce-feature-box-14 .img-box .bg-circle-box {

    position: relative;

    width: 100%;

    min-height: 650px;

    float: left;

    padding: 12px 12px 0 12px;

    overflow: hidden;

    background-color: #fff;

}









































}







/* ---------- MAX 800PX ---------- */

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



.ce-feature-box-10 {

    min-height: 635px;

}

























}







/* ---------- MAX 768PX ---------- */

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



.ce-feature-box-11 .img-box .overlay {

    padding:100px 0 0 60px;

}



.ce-feature-box-20 .img-box .overlay .post-date-box {

    width: 80px;

    height: 80px;

    padding:14px 0 0;

}

.ce-feature-box-20 .img-box .overlay .post-date-box {

    font-size: 20px;

}

.ce-feature-box-20 .img-box .overlay .post-date-box span {

    font-size: 11px;

    padding-top: 0;

}















}





/* ---------- MAX 767PX ---------- */

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



}





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

	

.ce-sub-title {

width: 100%;

}



.ce-feature-box-7:hover .info-box {

    bottom: 270px;

}

.ce-feature-box-10 {

    min-height: 870px;

}



.ce-feature-box-11 .img-box .overlay {

    padding:200px 0 0 60px;

}



























}





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

.ce-feature-box-4 {

    padding: 50px;

}

.ce-feature-box-7 {

    max-height: 535px;

}

.ce-feature-box-7:hover .info-box {

    bottom: 205px;

}

.ce-feature-box-10 {

    min-height: 700px;

}



.ce-feature-box-4-main .ce-feature-box-4 {

    padding: 40px;

}

.ce-feature-box-12-main .bg-circle {

    left: -709px;

}



.ce-feature-box-12-main .bg-circle-2 {

    right: -683px;

}

.ce-feature-box-14 .img-box .bg-circle-box {

    min-height: 440px;

}

.parallax-6 .circle-2 {

    right: -729px;

}

































}



/* ---------- MAX 360PX ---------- */

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



.ce-sub-title {

    width: 90%;

}

.ce-feature-box-7 {

    max-height:430px;

}

.ce-feature-box-7:hover .info-box {

    bottom: 205px;

}

.ce-feature-box-10 {

    min-height: 585px;

}

.error-title-big {

    font-size: 90px;

}

.ce-feature-box-11 .img-box .overlay {

    padding:100px 0 0 60px;

}





























}





/* ---------- MAX 320PX ---------- */

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



.ce-feature-box-11.text-box {

    padding: 40px;

}



.ce-feature-box-13 .title {

    font-size: 40px;

}

.ce-price-table-1 .inner-box {

    padding: 20px;

}



.ce-feature-box-11 .img-box .overlay {

    padding:20px;

}















}