/* CSS Document */
/*Media Query*/

@media (max-width: 492px)
{
    .navbar ul li{
        padding-left:0px !important;
    }
	 .orange-circle,.metalick-black-arq{
		 display:none !important;
	}
	.Managing-your-app-heading{
		font-size: 36px !important;
	}
	.Managing-your-app-para{
		font-size: 21px !important;
	}
	.Managing-your-app-heading,.Managing-your-app-para,
	.button-container,.button-container,.MesmerisingData,
	.MesmerisingText,.big-features-heading,.big-features-text,
	.callout-message,.callout-paragraph,.MesmerisingDataWhite{
		text-align: center;
		margin: 0px !important;
		line-height: 1.5;	
	}
	.Managing-your-app-para{
		padding: 6px;
	}
	.info-heading,.info-para{
		padding: 0 !important;
	}
	.button-container{
		text-align:center;
	}
	.MesmerisingData,.MesmerisingDataWhite{
		font-size: 36px !important;
	}
	/*.navbar-collapse border removed*/
	.navbar-collapse{
		text-align: center;
		border: none;
	}
	.navbar ul li a:hover{
		color: black !important;
		background-color:#f5a623;
	}
	.raptic-nav{
		padding: 0 !important;
	}
	
	.get-started-top-nav{
		width: 100%;
		border:none !important;
		margin-right: 20px !important;
	}
	

	.callout-message{
		font-size: 36 !important;
	}
	.rapticorecom{
		padding-left:25px !important;
	}
	.big-features-heading{
		font-size:37px !important;
	}
	/*contact us for media query*/

	.form-group{
	text-align: center;
}
.col-lg-offset-6{
	margin-left: 0% !important;
}
}

/*Media Query Ends*/

.navbar-default {
		border: none;
		background-color:#14213c;
		
	}

	.navbar-brand{
		line-height:normal !important;
	}

.btn-default {
		border-radius:0;
	}
.btn-primary {
		background-color:#f5a623;
	}
	.square-orange-img{
		width:25%;
		margin:0 auto;
		}
	.get-started-top-nav{
		padding:7px 13px;
		background-color: #f5a623;
		font-size: 18px;
		font-weight: 600;
		color: #14213c;
		margin-top:20px;
		margin-right:75px;
		border:none !important;
}
.navbar ul li{
		    
	padding-left:100px;
	padding-top: 7px;
}

.navbar ul li a{
font-size: 18px;
line-height: 1.75;
letter-spacing: normal;
color: white !important;

}

.navbar ul li a:hover{
		color:#f5a623 !important;

}
/*custom-nav-styles For mobile */
.custom-nav-styles{
	background-color: #f5a623;
}


.orange-circle{
	width:16%;
	margin:-25px 0px 0px -16px !important;
}

.rapticore-logo{
	margin-top: -7px;
}

/*metalick-black-arq Styles*/
.metalick-black-arq{
	width:16%;
	margin:-15px 10px 0px 0px;
	position:inherit;
	}	

/*Managing-your-app For large Screen*/
.Managing-your-app-heading {
	font-size:46px;
	color:#FFF;
	margin-left:30px;
	font-weight: bold;
}
/*first-para Loram Ipsum*/
.Managing-your-app-para {
	color:white;
	font-size: 26px;
	margin-left:30px;
	padding:5px;
	font-weight: 300;
	letter-spacing: 0.55px;
	line-height: 1.62
}
	
   .get-started-btn-center{
	width: 160px;
	height: 48px;
	background-color: #f5a623;
	font-size: 18px;
	font-weight: 600;
	color: #14213c;
	border: none;
	border-radius:0px !important;
	margin:35px;
	}
	
	.button-container{
		padding: 15% 0% 25% 0%;
		margin-left:30px;
	}
	.get-started-button-left{
		width: 160px;
		height: 48px;
		background-color: #f5a623;
		font-size: 18px;
		font-weight: 600;
		color: #14213c;
		border: none;
		border-radius:0px !important;
		padding-top: 10px 0px 10px 0px;
		margin: 5px;
	}
	.Request-a-demo{
	width: 160px;
	height: 48px;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: normal;
	text-align: center;
	color: white;
	border: 1px solid white;
	background-color: #14213c;
	padding-top: 10px 0px 10px 0px;
	margin: 5px;
	}

.right-graphic-img{
    margin-left:15px !important;
}
.left-black-ring1{
	width: 32%;
	margin-top: -95px;
}
	
	.MesmerisingData {
	font-size: 47px;
	font-weight: bold;
	letter-spacing: 0.63px;
	color: #14213c;
	padding: 10px;
}

.MesmerisingText {
	font-size: 26px;
	font-weight: 300;
	line-height: 1.62;
	letter-spacing: 0.55px;
	color: #14213c;
	margin-left: 30px;
	padding-top: 30px;
}
	/*********/	

	.MesmerisingDataWhite {
		font-size: 43px;
		font-weight: bold;
		letter-spacing: 0.63px;
		color: white;
		padding: 10px;
	}
	/*big-features-heading*/
	.left-arq-img{
	    margin-left:-15px;
	}
	
	
	.big-features-heading{
		color:#14213c;
		 letter-spacing:0.63px;
		  font-size:47px;
		  font-weight:bold;
		  margin-left: 30px;
	}
	/***big-features-text***/
	.big-features-text{
		font-size: 26px;
		font-weight: 300;
		line-height: 1.62;
		letter-spacing: 0.55px;
		color:#14213c;
		margin-left: 30px;
	}
	.info-heading {
	font-size: 30px;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-stretch: normal;
	color: white;
	padding-left: 18px;
}
.info-para {
	font-size: 20px;
	line-height: 1.4;
	letter-spacing: normal;
	color: white;
	padding-left: 35px;
}

.callout-message{
	font-size: 47px;
	font-weight: bold;
	letter-spacing: 0.63px;
	color: white;
}
/*call out paragraph*/
.callout-paragraph {
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: white;
}

.footer-row-padding{
	padding-top: 6%;
}
    /*class="rapti-footer-text"*/
.raptic{
	font-size: 30px;
	font-weight: bold;
	color:white;

}
.o{
	font-size:33px;
	font-weight:bold;
	color:#f5a623;
}
.re{
	font-size: 30px;
	font-weight: bold;
	color: white;
	padding-top: 25px;
}
/*Rapticore For the Navigstoin */
.raptic-nav{
	font-size: 30px;
	font-weight: bold;
	color:white;
	padding-left: 70px;
	padding-top: 55px;
}
.o-nav{
	font-size:33px;
	font-weight:bold;
	color:#f5a623;
}
.re-nav{
	font-size: 30px;
	font-weight: bold;
	color: white;
	padding-top: 25px;
}
/*Rapticore For the Navigstoin End */
.rapticorecom {
	font-size: 16px;
	line-height: 1.75;
	letter-spacing: normal;
	color: white;
	padding-left: 80px;
}
.rapticorePhone {
	font-size: 16px;
	line-height: 1.75;
	letter-spacing: normal;
	color: white;
	padding-top: 10px;
	padding-bottom: 20px;
	
}
.contact-us{
	font-size: 16px;
	line-height: 2.75;
	letter-spacing: normal;
	color: white;
}
.col-lg-offset-6{
	margin-left:42%;
}
.our-features{
	font-size: 16px;
	line-height: 2.75;
	letter-spacing: normal;
	color: white;

}
.about-us{
	font-size: 16px;
	line-height: 2.75;
	letter-spacing: normal;
	color: white;
}
.copyright-text{
	text-align: center;
	color: #FFF;
	word-spacing: 5px;
}
.blue-bg {
	background-color:#14213c;
}
.orange-bg{
	background-color: #f5a623;
	padding: 7%;
}

/*STYLE TO CONTROL LEFT MARGIN ON LARGE SCREENS*/
.left-black-ring1,.MesmerisingData,.big-features-heading,.big-features-text,.MesmerisingDataWhite{
	margin-left:30px;
	}
	.panel-default > .panel-heading{
		background-color: #14213c;
		color: #FFF;
	}


/*ABOUT US SECTION MEDIA QUERY STARTS*/
@media (max-width: 492px) 
{
    .about-us-heading{
	text-align:center !important;
	padding-left: 0px !important;
}
.about-us-paragraph,.team-member,.the-team-heading,.team-member{
    text-align:center !important;
}
.get-started-top-nav{
	border:none !important;
	width: 100% !important;
	font-size: 14px;
	font-weight: 400;
}
}

/*ABOUT US SECTION MEDIA QUERY ENDS*/

/*MEDIA QUERY FOR IPAD*/

@media (max-width:1024px){

	.raptic-nav{
		padding-left:40px;
		
		}
		.navbar ul li{
		padding-left:10px;
		}
		.orange-circle{
		width:12%;
		margin: -20px 0px 0px -15px !important;
		}
		.get-started-top-nav{
		padding: 7px 10px;
		background-color: #f5a623;
		font-size: 14px;
		font-weight: 300;
		color: #14213c;
		margin-top: 18px;
		margin-right: 0px;
		border: none !important;
		width: 92px;
		}
		.Request-a-demo{
	width: 168px;
	height: 48px;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: normal;
	text-align: center;
	color: white;
	border: 1px solid white;
	background-color: #14213c;
	padding-top: 10px 0px 10px 0px;
	margin: 5px;
	}
		.metalick-black-arq{
		    display:none;
		}

		.left-black-ring1{
			margin-top: -55px;
		}
		.raptic-nav {
			font-size: 30px;
			font-weight: bold;
			color: white;
			padding-left: 18px;
			padding-top: 55px;
		}
		.button-container{
		text-align:center;
		}
		

}

/*MEDIA QUERY FOR IPAD ENDS*/
/*ABOUT US SECTION STYLES*/
.about-us-sectoin,.team-section{
	padding-top: 0%;
}
.team-section{
	padding-left: 4%;
}
.about-us-paragraph{
	font-size: 26px;
	font-weight:300;
	line-height: 1.62;
	letter-spacing: 0.55px;
	color: #14213c;
	padding-top:5px;
	text-align: left;
}
.about-us-heading{
	font-size: 47px;
	font-weight: bold;
	letter-spacing: 0.63px;
	color: #14213c;
	text-align: left;
	padding-left: 78px;
}
/*THE TEAM SECTION STYLES*/
.the-team-heading{
	font-size: 47px;
	font-weight: bold;
	letter-spacing: 0.63px;
	color: #14213c;
	padding-bottom: 15px;

}
.team-member{
	text-align:left;
}
.team-member img{
	width: 215px;
	height: 215px;
}
.team-member-section-bottom{
	padding: 7% 0% 7% 4%;
}
/*OUR FEATURES PAGE STYLES*/
.our-features-heading{
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 0.63px;
	color: #14213c;
	text-align:left;
}
.bullots{
	margin-left: 15px;
	
}
.contact-us-row-footer-row-padding{
	padding-top: 2%;
}
/*Our Features Accordian Styles*/

@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
.panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f068";
    padding-right: 5px;
}
.panel-title > a.collapsed:before {
    float: right !important;
    content:"\f067";
}
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none;
}
/*Contact us Form Css*/

.contact{
	padding: 4%;
	height: 400px;
}
#contact-info-div{
	background: #21314c;
	padding: 4%;
	border-radius: 0.5rem;
	/*border-bottom-left-radius: 0.5rem;*/
	height:385px;
}
.contact-info{
	/*margin-top:10%;*/
	text-align: center;
	color: #fff;
}
/*.contact-info img{
	margin-bottom: 15%;
}
*/
/*.form-group{
	text-align: center;
}*/
.submit-btn{
	text-align: center;
}
.col-lg-offset-5{
	margin-left: 0% !important;
}
.contact-info h2{
	margin-bottom: 10%;
}
.col-lg-9{
	background: #fff;
	padding: 3%;
	border-top-right-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}
.contact-form label{
	font-weight:600;
}
.contact-form button{
	background: #14213c;
	color: #fff;
	font-weight: 600;
	width: 33%;
	text-align: center;
}
.contact-form button:focus{
	box-shadow:none;
}