
/* riteconnect */

/* Table of Content
==================================================
	#Homepage Styles
	#Page Styles
	#Media Queries
	#Font-Face */
html, body, #wrapper {
	 height: 100%;
	 
	 } 

body > #wrapper {height: auto; min-height: 100%; background:#fff ;
	}
#main{
	  width:100%;
	  padding:0;
	  margin:0 auto;
	  padding-top:0px;
	}
#main_inner{
	  width:100%;
	  padding:0;
	  margin:0 auto;
	  padding-top:130px;
	}
*{
	padding:0;
	margin:0;
	}
/* #Grid system
================================================== */
.container{
	width:1170px;
	margin:0 auto;
	}
.container:before, .container:after, .row:before, .row:after{
	content:"";
	display:table;
	}
.container:after, .row:after{clear:both;}
.row{
	margin-left:-10px;
	margin-right:-10px;
	}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{
	position:relative;
	min-height:1px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	}

.col-sm-12{width:100%;}
.col-sm-11{width:91.66666667%;}
.col-sm-10{width:83.33333333%;}
.col-sm-9{width:75%;}
.col-sm-8{width:66.66666667%;}
.col-sm-7{width:58.33333333%;}
.col-sm-6{width:50%;}
.col-sm-5{width:41.66666667%;}
.col-sm-4{width:33.33333333%;}
.col-sm-3{width:25%;}
.col-sm-2{width:16.66666667%;}
.col-sm-1{width:8.33333333%;}
.flt-right { float: right; }
.flt-left { float: left; }

/* #Buttons Styles
================================================== */
span.btn {
	float:left;
	position: relative;
	display: block;
	padding:10px 20px;
	background-color:#002e5b;
 	transition: background-color .3s;
	font-family: 'Roboto', sans-serif;
	color: #fff;
	font-size:16px;
	font-weight:700;
	cursor:pointer;
	text-align:center;
	border:2px solid #002e5b;
	border-radius:5px;
	}
span.btn:hover {
	background:none;
	color:#002e5b;
	border:2px solid #fff;
	}

/* #Homepage Styles
================================================== */
.clr{
	clear:both;
	}
.center{
	text-align:center;
	}
/* =Header
-------------------------------------------------------------- */
.header_main {
	padding:0 5%;
	}
header {
	width: 100%;
	position: fixed;
	top:10;
	left: 0;
	z-index: 999;
	background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-ms-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s;
	}
header .top_header{
	width:100%;
	background:#002e5b;
	padding:1% 0;
	}
header .top_header .top_link{
	width:100%;
	}
header .top_header .top_link li{
	font-family: 'Roboto', sans-serif;
	padding:0% 4% 0% 1%;
	font-size:13px;
	font-weight:400;
	color:#fff;
	display:inline-block;
	text-decoration:none;
	}
header .top_header .top_link a:hover{
	color:#ffc668;
	}
header .logo {
	display: inline-block;
	width:22%;
	float: left;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	padding:1% 0%;
	}
header nav {
	display: inline-block;
	float: right;
	padding:1% 0%;
	}
header.smaller {
	background-color: #fff;
	}
header.smaller .top_header{
	display:none;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-ms-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s;
	}
header.smaller .logo {
	width:15%;
	padding:1.5% 0% 0;
	}
header.smaller nav {
	display: inline-block;
	float: right;
	}
.banner{
	width:100%;
	margin:0 auto;
	text-align:center;
	position:relative;
	}
.Busines_Consultant{
	width:100%;
	background:#fde428;
	padding:1.5% 0;
	}
.Busines_Consultant .BC_Cont{
	font-family: 'Roboto', sans-serif;
	font-size:22px;
	color:#000;
	font-weight:700;
	float:left;
	}

.section_one{
	width:100%;
	background:#f2f2f2;
	padding:2% 0%;
	margin:0 auto;
	}
.section_one .title {
    text-align: center;
	margin-bottom:4%;
}
.section_one .title h2 {
    display: inline-block;
    padding-bottom:14px;
    position: relative;
	font-family: 'Roboto', sans-serif;
	font-size:45px;
	color:#002e5b;
	text-align:center;
	padding:2% 0% 2%;
	font-weight:700;
}
.section_one .title h2::before, .section_one .title h2::after {
   /* background-color: #002e5b;*/
    bottom: 0;
    content: "";
    height:5px;
    left: 50%;
    position: absolute;
}
.section_one .title h2::before {
    margin-left: -40px;
    width: 80px;
}
.section_one .title h2::after {
    background-color: #fde428;
    margin-left: -19.5px;
    width:50px;
	border-radius:2px;
}
.features{
	width:100%;
	margin:0 auto;
	padding:5% 0%;
	}
.features, .features::before, .features::after{
    transition: all 0.3s ease 0s;
}
.features::after, .features::before {
    background-color: #007cc2;
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
}
.features::before {
    height: 3px;
    left: 0;
    width: 0;
}
.features::after {
    height: 0;
    left: 50%;
    margin-left: -1.5px;
    width: 3px;
}
.features:hover {
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.19);
}
.features:hover::before, .features:hover::after {
    opacity: 1;
}
.features:hover::before {
    width: 100%;
}
.features:hover::after {
    height: 17px;
}

.features .lt{
	width:20%;
	float:left;
	padding:0% 2%;
	}	
.features .lt img{
	width:100%;
	text-align:center;
	}	
.features .rt{
	width:80%;
	float:left;
	}
.features .rt h4{
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	color:#002e5b;
	text-align:left;
	font-weight:700;
	padding-bottom:10px;
	}
.features .rt p{
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	color:#374048;
	text-align:left;
	font-weight:300;
	}
.video_bg{
	width:100%;
	height:560px;
	overflow:hidden;
	position:relative;
	}
.separator-center{
	margin:10px auto;
	}
.separator-center{
	width: 40px;
	height: 2px;
	background: #fff none repeat;
	}
.video_bg .title {
    width:100%;
	margin:0 auto;
	text-align:center;
	position:absolute;
	top:20%;
	}
.video_bg .title h2 {
    display: inline-block;
    padding-bottom:14px;
    position: relative;
	font-family: 'Roboto', sans-serif;
	font-size:45px;
	color:#fff;
	text-align:center;
	padding:2% 0% 2%;
	font-weight:700;
	}
.video_bg .title h2::before, .video_bg .title h2::after {
   /* background-color: #002e5b;*/
    bottom: 0;
    content: "";
    height:5px;
    left: 50%;
    position: absolute;
	}
.video_bg .title h2::before {
    margin-left: -40px;
    width: 80px;
	}
.video_bg .title h2::after {
    background-color: #fde428;
    margin-left: -19.5px;
    width:50px;
	border-radius:2px;
	}
video {
	width:100%;
	background-size:cover;
	}
.video_btn{
	width:100%;
	margin:0 auto;
	text-align:center;
	position:absolute;
	top:50%;
	}
span.btn2 {
	width:8%;
	position: relative;
	display: block;
	padding:10px 20px;
	background:none;
 	transition: background-color .3s;
	font-family: 'Roboto', sans-serif;
	color: #fff;
	font-size:16px;
	font-weight:700;
	cursor:pointer;
	text-align:center;
	border:2px solid #fde428;
	border-radius:5px;
	text-align:center;
	margin:0 auto;
	}
span.btn2:hover {
	background-color:#fde428;
	color:#002e5b;
	border:2px solid #fde428;
	}
/* inner page style
================================================== */
.Inner_Banner {
	/*background-attachment: fixed;*/
    background-position: center center;
    background-repeat: no-repeat;
    color: #ffffff;
    padding:10% 0 0;
    position: relative;
	}
.position-center-center{
    position: absolute;
    top:18%;
	text-align: left;
	width: 100%;
	}
.position-center-center .title {
    width:100%;
	margin:0 auto;
	text-align:left;
	position:absolute;
	top:20%;
	}
.position-center-center .title h2 {
    display: inline-block;
    padding-bottom:14px;
    position: relative;
	font-family: 'Roboto', sans-serif;
	font-size:38px;
	color:#fff;
	text-align:left;
	padding:2% 0% 1%;
	font-weight:700;
	}
.position-center-center .title h2::before, .position-center-center .title h2::after {
   /* background-color: #002e5b;*/
    bottom: 0;
    content: "";
    height:5px;
    left:10%;
    position: absolute;
	}
.position-center-center .title h2::before {
    margin-left: -40px;
    width: 80px;
	}
.position-center-center .title h2::after {
    background-color: #fff;
    margin-left: -19.5px;
    width:50px;
	border-radius:2px;
	}	
.breadcrumb {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	margin:0 auto;
   width:100%;
	}
.breadcrumb ul {
   margin:0 auto;
   width:100%;
	}
.breadcrumb li {
	font-family: 'Roboto', sans-serif;
    color: #fde428;
    font-size: 12px;
    font-weight:400;
    letter-spacing: 1px;
    line-height: 30px;
    margin:10px 0 10px 10px;
	text-align:left;
	display:inline-block;
	text-transform:uppercase;
	}
.breadcrumb li a {
	font-family: 'Roboto', sans-serif;
    color: #fff;
    font-size:12px;
    font-weight:400;
    text-transform: none;
	text-transform:uppercase;
	}
.breadcrumb li a::after {
   content:"/";
   color: #fff;
   font-size:14px;
   margin:10px 0 10px 10px;
	}
.breadcrumb > li + li::before {
    color: #fff;
	}
	
	
.Page_Inner{
	width:100%;
	padding:2% 0;
	}	
.Page_Inner .title {
    width:100%;
	float:left;
	padding-bottom:2%;
	}
.Page_Inner .title h2 {
    display: inline-block;
    padding-bottom:14px;
    position: relative;
	font-family: 'Roboto', sans-serif;
	font-size:34px;
	color:#000;
	text-align:left;
	padding:2% 0% 1%;
	font-weight:700;
	}
.Page_Inner .title h2::before, .Page_Inner .title h2::after {
   /* background-color: #002e5b;*/
    bottom: 0;
    content: "";
    height:5px;
    left:10%;
    position: absolute;
	}
.Page_Inner .title h2::before {
    margin-left: -40px;
    width: 80px;
	}
.Page_Inner .title h2::after {
    background-color: #fde428;
    margin-left: -19.5px;
    width:50px;
	border-radius:2px;
	}	
.Page_Inner p{
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	color:#000;
	font-weight:300;
	line-height:24px;
	text-align:left;
	padding-bottom:0.5%
	}	
/* Service
================================================== */
.Service_Box{
	width:100%;
	margin:0 auto;
	}
.Service_Box .title {
    width:100%;
	float:left;
	padding-bottom:2%;
	}
.Service_Box .title h2 {
    display: inline-block;
    padding-bottom:14px;
    position: relative;
	font-family: 'Roboto', sans-serif;
	font-size:34px;
	color:#000;
	text-align:left;
	padding:2% 0% 3%;
	font-weight:700;
	}
.Service_Box .title h2::before, .Service_Box .title h2::after {
   /* background-color: #002e5b;*/
    bottom: 0;
    content: "";
    height:5px;
    left:6%;
    position: absolute;
	}
.Service_Box .title h2::before {
    margin-left: -40px;
    width: 80px;
	}
.Service_Box .title h2::after {
    background-color: #fde428;
    margin-left: -19.5px;
    width:50px;
	border-radius:2px;
	}	
.Service_Box p{
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	color:#000;
	font-weight:300;
	line-height:24px;
	text-align:left;
	padding-bottom:1%
	}
.Service_Cont{
	width:100%;
	padding-bottom:18%;
	}
.Service{
	width:100%;
	}
.Service .Service_Banner{
	width:100%;
	}
.Service .title {
    width:100%;
	float:left;
	padding-bottom:2%;
	}
.Service .title h2 {
    display: inline-block;
    padding-bottom:14px;
    position: relative;
	font-family: 'Roboto', sans-serif;
	font-size:34px;
	color:#000;
	text-align:left;
	padding:2% 0% 1%;
	font-weight:700;
	}
.Service .title h2::before, .Service .title h2::after {
   /* background-color: #002e5b;*/
    bottom: 0;
    content: "";
    height:5px;
    left:10%;
    position: absolute;
	}
.Service .title h2::before {
    margin-left: -40px;
    width: 80px;
	}
.Service .title h2::after {
    background-color: #fde428;
    margin-left: -19.5px;
    width:50px;
	border-radius:2px;
	}	
.Service p{
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	color:#000;
	font-weight:300;
	line-height:24px;
	text-align:left;
	padding-bottom:1%
	}
.help_box{
	width:30%;
	left:0;
	position:absolute;
	background:#fde428;
	padding:3%;
	top:546px;
	}
.help_box .title{
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	color:#000;
	font-weight:700;
	line-height:24px;
	text-align:left;
	}
.help_box p{
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	color:#000;
	font-weight:300;
	line-height:24px;
	text-align:left;
	padding-bottom:10%;
	}
span.btn3 {
	float:left;
	position: relative;
	display: block;
	padding:10px 20px;
	background-color:#fff;
 	transition: background-color .3s;
	font-family: 'Roboto', sans-serif;
	color: #000;
	font-size:16px;
	font-weight:700;
	cursor:pointer;
	text-align:center;
	border-radius:5px;
	}
span.btn3:hover {
	background:#002e5b;
	color:#fff;
	}
	
/* Contact
================================================== */	
.Contact_Cont{
	padding:2% 0;
	}	
.contactpage-info li {
    margin-bottom: 25px;
    min-height: 50px;
    padding-left: 70px;
	margin-right:7%;
    position: relative;
	float:left;
	font-family: 'Roboto', sans-serif;
	}
.contactpage-info li .icon {
    background: #002e5b;
    border-radius: 50%;
    color: #ffffff;
    font-size: 24px;
    height: 40px;
    left: 0;
    line-height: 50px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px;
	}
.contactpage-info li p {
	font-family: 'Roboto', sans-serif;
    color: #666666;
    font-size:14px;
    text-align: left;
	}
.contactpage-info li p a {
    color: #666666;
    font-size:14px;
    text-align: left;
	}
.contactpage-info li .icon img {
    padding: 20% 0;
    text-align: center;
    width: 50%;
	}
.contactpage-info li h3 {
	font-family: 'Roboto', sans-serif;
    color: #666666;
    font-size:16px;
    font-weight: 700;
    margin-bottom: 2%;
    text-transform: uppercase;
	}
.form{
	width:100%;
	background: #f2f2f2;
	padding:2% 0;
	}
.form .title {
    width:100%;
	float:left;
	padding-bottom:2%;
	}
.form .title h2 {
    display: inline-block;
    padding-bottom:14px;
    position: relative;
	font-family: 'Roboto', sans-serif;
	font-size:34px;
	color:#000;
	text-align:left;
	padding:2% 0% 1%;
	font-weight:700;
	}
.form .title h2::before, .form .title h2::after {
   /* background-color: #002e5b;*/
    bottom: 0;
    content: "";
    height:5px;
    left:10%;
    position: absolute;
	}
.form .title h2::before {
    margin-left: -40px;
    width: 80px;
	}
.form .title h2::after {
    background-color: #fde428;
    margin-left: -19.5px;
    width:50px;
	border-radius:2px;
	}	
.map{
	width:100%;
	margin:0 auto;
	}
/* footer
================================================== */	
.footer{
	width:100%;
	background:#002e5b;
	padding:0.5% 0%;
}
.social-links-top {
	width:6%;
    position: relative;
	float:right;
	padding:2.5% 0 0;
	margin-left:5%;
}
.social-links-top a {
    color: #002e5b;
    display: inline-block;
    font-size: 16px;
    text-align: right;
    transition: all 300ms ease 0s;
	padding:0 0 0 12%;
	}

.social-links {
	width:11%;
    position: relative;
	float:right;
	padding:1% 0 0;
}
.social-links a {
    background: #fff none repeat scroll 0 0;
    border-radius:50px;
    color: #002e5b;
    display: inline-block;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    padding:2.8% 0;
    text-align: center;
    transition: all 300ms ease 0s;
    width: 36px;
	margin:0 0 0 2%;
	}
.copy{
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color:#fff;
	text-align:left;
	padding:2% 0% 1%;
	position:relative;
	font-weight:300;
	float:left;
	}
.copy span{
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color:#ad8023;
	text-transform:uppercase;
	}

	
/*Thank You*/	
.page{
	width:100%;
	margin:0 auto;
	padding:2% 0%;
	}
.page .thankyou {
    width:80%;
	margin:0 auto;
}
.page .thankyou .title {
	font-family: 'Roboto', sans-serif;
	font-size:34px;
	color:#0e6ed2;
	font-weight:400;
	text-align:center;
	padding:2% 0%;
}
.page .thankyou p{
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	color:#666666;
	text-align:left;
	font-weight:300;
	padding-bottom:2%;
	line-height:26px;
	text-align:center;
	}	