/*
 * Table of Contents:
 * 	   - Media Queries
 *   0 - media screen and (max-width: 1170px)
 *   1 - media screen and (max-width: 1152px) 
 *   2 - media screen and (max-width: 1024px)
 *   3 - media screen and (max-width: 992px)
 *   4 - media screen and (max-width: 800px)
 *   5 - media screen and (max-width: 768px)
 *   6 - media screen and (max-width: 728px)
 *   7 - media screen and (max-width: 640px)
 *   8 - media screen and (max-width: 500px)
 *   9 - media screen and (max-width: 480px)
 *  10 - media screen and (max-width: 414px)
 *  11 - media screen and (max-width: 375px)
 * 	12 - media screen and (max-width: 360px)
 *  13 - media screen and (max-width: 320px)
---------------------------------------------------------------------- */

/* 1.0 - Common Styles
---------------------------------------------------------------------- */

body, h1, h2, h3, h4, h5, h6, a, p, article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
	font-family: 'Open Sans', sans-serif;
	color: #333333;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	margin: 0px;
	padding: 0px;
}
h1 {
	font-family: 'Roboto', sans-serif;
	font-size: 36px;
	color: #000;
	margin-bottom: 20px;
		background-image: url("../images/border-bottom.png");
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 20px;
	line-height: 40px;
}
h2 {
	font-family: 'Roboto', sans-serif;
	font-size: 36px;
	line-height: 40px;
	color: #000;	
		background-image: url("../images/border-bottom.png");
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	line-height: 36px;
	color: #000;
	font-weight: 500;
	margin-bottom: 10px;
	text-transform: uppercase;
}
h4 {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #000;
	margin-bottom: 10px;
	line-height: 30px;
	font-weight: 500;
}
h5 {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	color: #000;
	margin-bottom: 10px;
	line-height: 24px;
}
h6 {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #000;
	margin-bottom: 10px;
}
a {
	outline: 0;
	-webkit-transition: all .25s ease-in;
	-moz-transition: all .25s ease-in;
	-ms-transition: all .25s ease-in;
	-o-transition: all .25s ease-in;
	transition: all .25s ease-in;
}
a:hover {
	text-decoration: none;
	color: #ee1f25;
}
a:focus, a:hover {
	text-decoration: none;
}
p {
	margin-bottom: 10px;
	text-align: justify;
}

.container {
	padding: 0;
	width: 100%;
	max-width: 1170px;
}
/* Header
---------------------------------------------------------------------- */
header {
	width: 100%;
	display: inline-block;
	float: left;
	padding: 0px;
}
/* Top-Header
---------------------------------------------------------------------- */
.top_header {
	background-color: #1c4386;
	display: inline-block;
	float: left;
	width: 100%;
}
.top_header .top_left {
	float: left;
	line-height: 40px;
	color: #fff;
	font-style: italic;
	font-size: 13px;
}
.top_header .top_right {
	float: right;
	text-align: right;
	line-height: 40px;
}
.top_header .top_right ul {
	list-style: none;
	padding: 0px;
	display: inline-block;
	margin-bottom: 0px;
	float: right;
}
.top_header .top_right li {
	float: left;
}
.top_header .top_right li a {
	color: #fff;
	padding: 10px 15px;
	line-height: 40px; 
}
.top_header .top_right li a img{ margin-top:-4px;}
.top_header .top_right li:first-child a{ background-color:#cc201f;}
.top_header .top_right li a :hover{ background-color:none;}



.top_header .top_right li a i {
	padding-right: 5px;
	font-size: 16px;
}
.top_header .top_right li:last-child a {	
	padding: 10px 0 10px 15px; border:none;
}
/* Top-Header-navigation
---------------------------------------------------------------------- */

.ccr_navigation {
	display: inline-block;
	width: 100%;
	float: left;
	padding: 7px 0;
}
.logo {
	float: left;
	padding-right: 5%;
	padding-top: 10px;
}
.advertise {
	float: left;
}
.right_nav {
	float: right;
	padding-top: 25px;
}
/* Navigation
---------------------------------------------------------------------- */

.navbar-default {
	float: left;
	width: 100%;
	background-color: transparent;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
	color: #fff;
	background-color: transparent;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
	color: #fff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	color: #fff;
	background-color: transparent;
}
.navbar-default .navbar-nav > li.active {
	background-color: #ee1f25;
}
.navbar-default .navbar-nav > li:hover {
	background-color: #ee1f25;
	-webkit-transition: all .25s ease-in;
	-moz-transition: all .25s ease-in;
	-ms-transition: all .25s ease-in;
	-o-transition: all .25s ease-in;
	transition: all .25s ease-in;
	color: #fff;
}
.navbar-default .navbar-nav > li {
	float: left;
	padding: 0px 20px;
	transform: skewX(-25deg);
}
.navbar-default .navbar-nav > li a {
	color: #000;
	transform: skewX(25deg);
	padding: 0px;
	background-color: transparent;
	font-size: 16px;
	line-height: 35px;
	font-family: 'Roboto', sans-serif;
}
.navbar {
	min-height: 48px;
	margin-bottom: 0px;
}
.navbar-static-top {
	border-width: 0px;
}
.dropdown-menu {
	background-color: #1c4386;
	border: 0px;
	padding: 0px;
	width: 220px;
}
.dropdown-menu li:hover {
	background-color: #2a57a5;
}
.dropdown-menu li {
	border-bottom: 1px solid #2a57a5;
}
.dropdown-menu li a {
	color: #fff!important;
	padding: 0px 15px!important;
	font-size: 13px!important;
	line-height: 34px;
}
.dropdown-menu > li:last-child > a {
	border-bottom: 0px;
}
.open > .dropdown-menu {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	opacity: 1;
}
.caret {
	margin-left: 5px;
}
.dropdown-menu {
	opacity: .3;
	-webkit-transform-origin: top;
	transform-origin: top;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-transform: scale(1, 0);
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.caret-up {
	width: 0;
	height: 0;
	border-left: 4px solid rgba(0, 0, 0, 0);
	border-right: 4px solid rgba(0, 0, 0, 0);
	border-bottom: 4px solid;
	display: inline-block;
	margin-left: 5px;
	vertical-align: middle;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: transparent;
}
/* Banner
---------------------------------------------------------------------- */
.ccr_mainsection {
	display: inline-block;
	float: left;
	width: 100%;
}
/* about us
---------------------------------------------------------------------- */
.ccr_section {
	display: inline-block;
	width: 100%;
	float: left;
	padding: 50px 0;
}
.about_us p {
	}
.about_us a {
	color: #ee1f25;
	font-weight: 700;
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
}
.about_us a i {
	padding-left: 5px;
	font-size: 13px;
}
.ventured_box {
	display: inline-block;
	border: 1px solid #eeeeee;
	background-color: #fefdfd;
	width: 100%;
	float: left;
	padding: 25px 0 30px 0;
}
.ventured_box a {
	float: left;
	margin: 0 7px;
}
.ventured_by h2 {
	background-image: url("../images/border-bottom.png");
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
/* our product
---------------------------------------------------------------------- */
.mid_section {
	background-color: #f5f5f5;
	display: inline-block;
	float: left;
	width: 100%;
	padding: 50px 0;
}
.our_product {
	display: inline-block;
	width: 100%;
	float: left;
}
.our_product h2 {
	background-image: url("../images/border-bottom.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 20px;
	margin-bottom: 20px;
	text-align: center;
}
.product_box {
	display: inline-block;
	width: 100%;
	padding: 0px;
	margin-top: 20px;
}
.product_box h4 {
	font-size: 23px;
	margin-top: 25px;
	font-weight: 400;
	text-align: left;
}
.product_box p {
	text-align: left;
		font-size: 14px;
	line-height: 22px;
	color: #000;
}
/* contact us
---------------------------------------------------------------------- */

.contact {
	display: inline-block;
	width: 100%;
}
.red {
	font-size: 20px;
	font-family: 'Roboto', sans-serif;
	color: #ee1f25;
	text-transform: uppercase;
	padding-top: 10px;
	display: block;
	padding-bottom: 5px;
}
.contact h5 {
	font-size: 20px;
	margin-top: 30px;
}
.contact a {
		display: block;
	line-height: 24px;
}
.contact ul {
	padding: 0px;
	list-style: none;
	display: inline-block;
	width: 100%;
}
.contact ul li {
	width: 50%;
	float: left;
}
.contact ul li a {
	font-weight: 400; display:inline-block; padding-left:5px;
}


/* form
---------------------------------------------------------------------- */
.form-control::-moz-placeholder {
color:#333;
}
.send_button {
	background-image: url(../images/button.png);
	text-align: center;
	background-repeat: no-repeat;
	float: right;
	height: 40px;
	line-height: 40px;
	width: 114px;
	font-family: 14px;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	margin-right: 10px;
	margin-top: 5px;
}
.send_button:hover {
	color: #fff;
}
.estimation h2 {
	margin-left: 10px;
	margin-bottom: 30px;
}
.estimation .form-group {
	float: left;
	width: 50%;
	padding: 0 10px;
	margin-bottom: 20px;
}
.estimation .form-control {
	border-radius: 0px;
	height: 38px;
	border-color: #bbbbbb;
	background-color: #f9f9f9;
	font-size: 14px;
		color: #333333;
}
.estimation .full_form {
	float: left;
	width: 100%;
	padding: 0 10px;
	margin-bottom: 20px;
}
.full_form .form-control {
	height: auto;
}
.estimation .help-block {
		font-size: 13px;
	color: #333;
	margin-left: 10px;
	margin-top: 10px;
}
/*footer
---------------------------------------------------------------------- */
.footer {
	display: inline-block;
	float: left;
	width: 100%;
	background-color: #1c4386;
	text-align: center;
	padding: 30px 0;
}
.footer ul {
	list-style: none;
	display: inline-block;
	padding: 0px;
	margin-bottom: 20px;
}
.footer ul li {
	display: inline-block;
	padding: 0 22px;
}
.footer ul li a {
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 500;
}
.footer p {
	color: #fff;
	text-align: center;
	font-size: 13px;
}
.footer p a {
	color: #fff;
	padding-left: 2px;
}
.static_banner {
	display: inline-block;
	float: left;
	width: 100%;
}
.product_inner {
	display: inline-block;
	width: 100%;
}
.product_inner .listing {
	padding: 0px;
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.product_inner .listing .left_img {
	float: left;
	width: 30%;
}
.product_inner .listing .right_text {
	float: left;
	padding-left: 20px;
	width: 70%;
}
.listing h4 {
	font-size: 20px;
	line-height: 24px;
	font-weight: 400;
}
.right_text ol {
	padding-left: 30px;
}
.right_text ol li {
	font-size: 13px;
}
.product_inner .listing .right_img {
	float: right;
	width: 30%;
}
.product_inner .listing .right_img img{ padding-bottom:10px;}
.product_inner .listing .left_text {
	float: left;
	padding-right: 20px;
	width: 70%;
}
.read_more {
	color: #ee1f25;
	font-weight: 700;
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
}

.clients{ display:inline-block; width:100%;}
.clients ul{ list-style: outside none none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;}
.clients li{ width:33.333%; padding:5px; float:left;}


#try_box{ background-color:#990; width:100px; height:30px; display:block; overflow:hidden; }

#checking{ background-color:#000; width:100px; display:block; overflow:hidden; height:30px; margin-top:50px;}
.youtube_section{ display:inline-block; width:100%;}
.youtube_section ul{ list-style:square; padding:15px;}
.youtube_section li{ line-height:28px;}

.youtube_section li a{ text-transform:uppercase;}
.left_img a{ margin-top:10px; display:inline-block; text-transform:uppercase; font-size:12px; color:rgb(238, 31, 37);}
.left_img a i{ margin-right:5px; font-size:16px;}
.left_img a:hover{ color:#000;}

.left_img a:before{content:"\f16a"; font-family: fontawesome;
    display: inline-block;
    width: 20px;
    height: 25px;
    float: left;
    font-size: 15px;}
	
	.right_img a:before{content:"\f16a"; font-family: fontawesome;
    display: inline-block;
    width: 20px;
    height: 25px;
    float: left;
    font-size: 15px;}
	
	
.right_img a{ margin-top:5px; display:inline-block; text-transform:uppercase; font-size:12px; color:rgb(238, 31, 37);}
.right_img a i{ margin-right:5px; font-size:16px;}
.right_img a:hover{ color:#000;}

 /* ajay add css 3-27-19 */
 .film_text{text-align: center;}
 .auto_txt b{font-size: 23px;margin-top: 25px;font-weight: 400;text-transform: capitalize;}
 .film_text li{background-color: #fff;border: 1px solid #c6171e;    border-radius: 15px;padding: 12px 9px;margin: 8px 8px;
 	width: 31.2%;}
 .film_text li h5{font-size: 17px;font-weight: 600;color: #1a4286;text-align: center;margin: auto;
 	padding: 10px 0px;}
 .film_text li p{text-align: center;color: #ed1f23; font-weight: 600; padding: 10px 0px; font-size: 13px;margin: auto;}
 .second_down{margin-top: 20px;}
 .text-center1{text-align: center;background: #ee1e25;color: #fff;}
 .sgs td{font-weight: bold;}
 .max_text{font-weight: 400 !important;}
 .list_side{display: flex !important;align-items: center;}
 .mat_done img{margin: 0px 40px 0px 40px;}
 #rog_top{margin-top: -40px;}
 #btn_top{margin-top: 85px;}
#mis_top{margin-top: -30px;}
#the_top{margin-top: -20px;}
#blank_text{line-height: 62px !important;margin-top: 60px !important;}
.sped_text h4{margin: 15px 0px;font-size: 16px;background: none !important;padding: 0px !important;
	color: #333 !important;}
.sped_text a{display: block;margin: 1px 0px;}
.sped_text a:before{float: inherit;}
.red_side a{display: block;margin: 1px 0px;}
.red_side a:before{float: inherit;}
.mac_side li{padding: 5px 0px;}
.listing{display: inline-block;width: 100%;padding-bottom: 20px;margin-bottom: 20px;}
.butn_cad{margin-top: 15px;display: flex;flex-wrap: wrap;}
.butn_cad a:before{display: none;}
.butn_cad p a{margin-right: 10px; text-transform: uppercase; background: #007bff;
 font-weight: bold; color: #fff; display: inline-block; text-align: center;
 padding: 10px 15px;border-radius: 3px;}
.butn_cad a:hover{ color: #fff !important;}
.del_side h5{font-size: 17px;margin-top: 15px;}
.mat_done img{margin-top: 100px;}
.get_image a:before{display: none;}
.add_img{text-align: center;margin-top: -80px;}
.add_img a:before{display: none;}
.listing h4{background: #007bff;padding: 3px 10px;color: #fff;}
.right_textrr td{width: 175px;}

 /* ajay add css 3-27-19 */



 @media screen and ( max-width:1170px) {
.container {
	padding: 0 15px;
	width: 100%;
    max-width:100%;
   }

.right_textrr {padding: 0 15px;}
}
 @media screen and ( max-width:1024px) {
.advertise {
	float: left;
	display: none;
}
.ventured_box a {
	width: 100%;
}
.ventured_box a img {
	margin: 0 auto;
}
}
 @media screen and ( max-width:800px) {
.top_header .top_left {
	width: 100%;
	text-align: center;
	padding: 15px 0;
}
.top_header .top_right {
	width: 100%;
	text-align: center;
	border-top: 1px solid rgb(32, 79, 159);
}
.top_header .top_right li {
	float: none;
	display: inline-block;
}
.top_header .top_right li:last-child a {
	border-left: 0px solid rgb(32, 79, 159);
}
.top_header .top_right ul {
	margin: 5px 0;
}
.contact ul li {
	float: left;
	width: 100%;
}
}
 @media screen and ( max-width:768px) {
.navbar-default .navbar-nav > li {
	padding: 0 12px;
}
}
 @media screen and ( max-width:767px) {
 #blank_text{
 	margin-top: 20px !important;
 	line-height: 20px !important;
 }
 #btn_top{
 	margin-top: 18px;
 }
.sgs{
	min-width: auto;
}
.mat_done img{
	margin: 0px !important;
}
.ventured_by {
	display: inline-block;
	margin-top: 30px;
	width: 100%;
	text-align: center;
}
.ventured_box a {
	width: auto;
	float: none;
	display: inline-block;
}
.ventured_by h2 {
	text-align: left;
}
.product_box img {
	width: 100%;
}
.estimation {
	display: inline-block;
	margin-top: 30px;
	width: 100%;
}
.right_nav {
	float: none;
	padding-top: 10px;
}
.navbar-default .navbar-nav > li {
	float: left;
	padding: 0px;
	width: 100%;
	transform: skewX(0deg);
	border-bottom: 1px solid #eee;
}
.navbar-default .navbar-nav > li a {
	transform: skewX(0deg);
	padding: 5px 15px;
}
.dropdown-menu li a {
	padding: 4px 20px!important;
	font-size: 13px;
}
.dropdown-menu li {
	border-top: 1px solid #d2080e;
	border-bottom: 0px;
}
.navbar-nav .open .dropdown-menu > li > a {
	line-height: 30px;
}
.ccr_navigation .container {
	padding: 0px;
}
.logo {
	float: left;
	padding-right: 0%;
	padding-top: 5px;
	padding-left: 15px;
}
.logo {
	float: left;
	padding-right: 5%;
	padding-top: 0px;
}
.navbar-default {
	float: none;
}
.ccr_navigation {
	padding: 15px 0;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: transparent;
}
.navbar-default .navbar-toggle {
	border-color: #1c4386;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #1c4386;
}

.product_inner .listing .left_img {
    float: left;
    width: 100% !important;
}

.product_inner .listing .right_text {
    float: left;
    padding-left:0px;
    width: 100% !important;
	margin-top:20px;
}
.product_inner .listing .right_img {
    float: left;
    width: 100% !important;
}
.product_inner .listing .left_text {
    float: left;
    padding-right:0px;
    width: 100% !important; 
    padding-top:20px;
}
.add_img{
	margin-top: 0px !important;
}
.top_header .top_right ul{ float:none;}
}




@media screen and ( max-width:640px) {
.clients li{ width:50%;}
}
 @media screen and ( max-width:480px) {
.estimation .form-group {
	width: 100%;
	padding: 0px;
}
.estimation .full_form {
	padding: 0px;
}
.estimation .help-block {
	margin-left: 0px;
}
.send_button {
	margin-right: 0px;
}
.footer ul li {
	display: inline-block;
	padding: 0 10px;
}
.top_header .top_left {
	line-height: 20px;
}
}
 @media screen and ( max-width:414px) {
.clients li {
    width: 100%;
}

 }