/* reset */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
nav ul,
nav li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* start editing from here */
a {
	text-decoration: none;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

strong {
	font-weight: bold;
}

.txt-rt {
	text-align: right;
}

/* text align right */
.txt-lt {
	text-align: left;
}

/* text align left */
.txt-center {
	text-align: center;
}

/* text align center */
.float-rt {
	float: right;
}

/* float right */
.float-lt {
	float: left;
}

/* float left */
.clear {
	clear: both;
}

/* clear float */
.pos-relative {
	position: relative;
}

/* Position Relative */
.pos-absolute {
	position: absolute;
}

/* Position Absolute */
.vertical-base {
	vertical-align: baseline;
}

/* vertical align baseline */
.vertical-top {
	vertical-align: top;
}

/* vertical align top */
nav.vertical ul li {
	display: block;
}

/* vertical menu */
nav.horizontal ul li {
	display: inline-block;
}

/* horizontal menu */
img {
	max-width: 100%;
}

/*end reset*/
body {
	font-family: 'Source Sans Pro', sans-serif;
	/*background: url('../images/main-bg.jpg') 50% 0 repeat-y;*/
	width: 100%;
	overflow: auto;
	margin: 0;
	padding: 0;
}

.wrap {
	width: 80%;
	margin: 0 auto;
}

.contact-info {
	background-position: left center;
	float: left;
	height: 40px;
	text-indent: 25px;
	margin-left: 10px;
	line-height: 40px;
	background-image: url('../images/icons/phone.png');
	background-repeat: no-repeat;
}

.contact-info2 {
	background-position: left center;
	float: left;
	height: 40px;
	text-indent: 25px;
	margin-left: 10px;
	line-height: 40px;
	background-image: url('../images/whatsapp.png');
	background-repeat: no-repeat;
}

.contact-info1 a {
	text-decoration: none;
	color: #000;
	margin-left: 3px;
	font-size: 14px;
}

.contact-info1 a:hover {
	color: #D63B37;
}

.contact-info3 {
	background-position: left center;
	float: left;
	height: 40px;
	text-indent: 25px;
	margin-left: 10px;
	line-height: 40px;
	background-image: url('../images/icons/mail.png');
	background-repeat: no-repeat;
}
.head_bg {
    width: 100%;
    background-color: #f4b331;
    overflow: hidden;
    outline: none;
}
.phone_symobl{
    background-position: left center;
    float: left;
    text-indent: 25px;
    margin-left: 10px;
    line-height: 40px;
    background-image: url(../images/icons/phone.png);
    background-repeat: no-repeat;
}
.phone_span{
    font-weight: normal;
    color: #776F6F;
    text-indent: 20px;
    font-family: 'Source Sans Pro', sans-serif;
}

.mbcontact-info {
	background-position: left center;
	background-image: url('../images/icons/phone.png');
	background-repeat: no-repeat;
}

.mbcontact-info2 {
	background-position: left center;
	background-image: url('../images/whatsapp.png');
	background-repeat: no-repeat;
}

.mbcontact-info1 a {
	text-decoration: none;
	color: #000;
	margin-left: 3px;
	font-size: 14px;
}

.mbcontact-info1 a:hover {
	color: #D63B37;
}

.mbcontact-info3 {
	background-position: left center;
	background-image: url('../images/icons/mail.png');
	background-repeat: no-repeat;
}
.socialmedia-widget {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

.social-icons {
	float: right;
}

.social-icons li a {
	height: 40px;
	width: 40px;
	display: block;
	text-indent: -9999px;
	background: transparent url(../images/social-icons.png);
}

.contact-info1 {
	font-weight: normal;
	color: #776F6F;
	text-indent: 20px;
	font-family: 'Source Sans Pro', sans-serif;

}

.social-icons li:first-child {
	border-left: 1px solid rgba(231, 231, 231, 0.73);
}

.social-icons ul li:first-child,
ol li:first-child {
	margin-top: 0px;
}

.social-icons li {
	float: left;
	width: 40px;
	height: 40px;
	border-right: 1px solid rgba(231, 231, 231, 0.73);
	background: none;
	padding: 0px;
	margin: 0;
}

.social-icons a.facebook:hover {
	background-position: 0px bottom;
}

.social-icons a.facebook {
	background-position: 0px top;
}

.social-icons li a {
	height: 40px;
	width: 40px;
	display: block;
	text-indent: -9999px;
	background: transparent url(../images/social-icons.png);
}

.social-icons a.twitter {
	background-position: -40px top;
}

.social-icons a.twitter:hover {
	background-position: -40px bottom;
}

.social-icons a.googleplus {
	background-position: -440px top;
}

.social-icons a.googleplus:hover {
	background-position: -440px bottom;
}

.social-icons a.pinterest {
	background-position: -480px top;
}

.social-icons a.pinterest:hover {
	background-position: -480px bottom;
}

.social-icons a.dribbble {
	background-position: -160px top;
}

.social-icons a.dribbble:hover {
	background-position: -160px bottom;
}

.social-iconst a.dribbble:hover {
	background-position: -160px bottom;
}

.social-icons a.vimeo {
	background-position: -120px top;
}

.social-icons a.vimeo:hover {
	background-position: -120px bottom;
}

.logo {
	float: left;
	padding: 21px 0px 0px 0px;
}

.top-nav {
	float: right;
}

.top-nav ul li {
	display: inline-block;
	float: left;
}

.top-nav li.active>a,
.top-nav li>a:hover {
	background: #D63B37;
	color: #FFF;
}

.top-nav ul li a {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 0.875em;
	color: #FFF;
	padding: 30px;
	display: block;
	text-transform: uppercase;
}

.header {
	background: #313232;
	border-bottom: 5px solid #D63B37;
}

/*---start-content----*/
.top-grid {
	width: 30.33%;
	float: left;
	margin-bottom: 3%;
	text-align: center;
	margin-right: 3%;
}

.top-grid h3 {
	color: #313232;
	font-size: 2em;
}

.top-grid p {
	font-family: "Roboto", sans-serif;
	font-size: 0.875em;
	color: #777;
	line-height: 1.5em;
	margin: 0.5em auto 0.8em auto;
	width: 90%;
}

.top-grid img {
	display: inline-block;
	background: #EEE;
	padding: 5px
}

.button {
	color: #D63B37;
	font-size: 0.875em;
	text-transform: uppercase;
	padding: 1em 1.5em;
	border: 1px solid #EEE;
	display: inline-block;
}

.button:hover {
	background: #D63B37;
	color: #FFF;
}

.top-grids {
	margin: 3em 0;
}

.last-topgrid {
	margin: 0;
}

.head {
	color: #313232;
	font-size: 2em;
}

.mid-abouts {
	background: #EEEEEE;
	padding: 2.5em 0 1em 0;
	background-image: url('../images/content-bottom-shadow.png');
	background-repeat: repeat-x;
}

.mid-about {
	width: 100%;
	float: left;
	margin: 0 3% 3% 0;
}

.mid-abouts-left {
	width: 30%;
}

.mid-abouts-right {
	width: 70%;
	position: relative;
	top: 65px;
}

.mid-abouts-left h3 {
	color: #777;
	font-size: 2em;
	text-transform: uppercase;
	margin: 0.5em 0 0 0;
}

.mid-abouts-right a {
	padding: 1.5% 4%;
	background-color: #D63B37;
	color: #fff;
	margin-top: 0.5%;
}

.mid-abouts-right a:hover {
	background-color: #000;
	color: #fff;
}

.mid-about img {
	background: #FFF;
	padding: 5px;
	margin-top: 2%;
	box-shadow: 0px 0px 1px #DDD;
	opacity: 5;
	transition: all 300ms !important;
	-webkit-transition: all 300ms !important;
	-moz-transition: all 300ms !important;
	width: 82%;
	height: 300px;
	border-radius: 50%;
}

.mid-about img:hover {
	background-color: #D63B37;
}

.mid-about p {
	font-family: "Roboto", sans-serif;
	font-size: 0.875em;
	color: #777;
	text-align: justify;
	line-height: 1.5em;
	margin: 0.5em 0;
}

.mid-grid-about {
	color: #313232;
	background: url(../images/arrow.png) no-repeat 100% 50%;
	text-transform: uppercase;
	font-size: 0.875em;
	padding: 0px 8px 0px 0px;
}

.mid-grid-about:hover {
	background: url(../images/arrow1.png) no-repeat 100% 50%;
}

.echartimg {
	margin-top: 60px;
}

.echartimg img {
	max-width: none;
}

.echart {
	background-image: url('../images/IPrism-Newww.jpg');
	background-repeat: no-repeat;
	background-position: 700px 60px;
}

.IPrism {
	background-image: url('../images/IPrism-Neww.jpg');
	background-repeat: no-repeat;
	background-position: 700px 74px;
}

.blog h3 {
	font-size: 1.3em;
}

.blog_research p {
	text-align: justify;
}

.blog_research strong {
	color: #D63B37;
}

.hr_blog strong {
	color: #D63B37;
}

.hr_detail {
	width: 300px;
	font-size: 15px;
	color: #9b9b9b;
	margin: 10px 0;
}

.hr_detail td {
	line-height: 20px;
}

.hr_detail td a {
	color: #9b9b9b;
}

.hr_detail td a:hover {
	text-decoration: underline;
}

strong.clr {
	color: #D63B37;
	margin-bottom: 10px;
}

ul.training {
	font: normal 15px/22px Arial, Helvetica, sans-serif;
	color: #9b9b9b;
	padding-left: 20px;
}

ul.training li {
	list-style-image: url('../images/list_marker.png');
	line-height: 35px;
	list-style-position: inside;
}

ul.training li:first-child {
	list-style-image: none;
}

ul.training li:hover {
	color: #D63B37;
}

ul.training li a:hover {}

ul.training li strong {
	color: #D63B37;
}

ul.product {
	font: normal 15px/22px Arial, Helvetica, sans-serif;
	color: #9b9b9b;
	padding-left: 0px;
}

ul.product li {
	list-style-type: circle;
	line-height: 35px;
	list-style-position: inside;
}

ul.product li:first-child {
	list-style-type: none;
}

ul.product li:hover {
	color: #D63B37;
}

ul.product li a {
	color: #9b9b9b;
}

ul.product li a:hover {
	color: #D63B37;
}

ul.product li strong {
	color: #D63B37;
}

table.contact_detail {
	width: 100%;
	font-size: 0.9em;
	border-collapse: inherit;
	color: #454545;
	padding-left: 10px;
}


table.contact_detail td {
	border: 1px solid #eaeaea;
	line-height: 20px;
	padding: 3px 0 3px 10px;
}

table.contact_detail tr:nth-of-type(1) td {
	background-color: #D63B37 !important;
	color: #fff;
	line-height: 20px;
}

table.contact_detail tr td:nth-of-type(1) {
	background-color: #eee;
	width: 30%;
}

table.contact_detail tr td:nth-of-type(2) {
	background-color: #f8f8f8;
	width: 70%;
}

table.contact_detail tr td {}

table.contact_detail tr td a {
	font-size: 0.9em;
	color: #454545;
}

table.contact_detail tr td a:hover {
	text-decoration: underline;
}

/*---mid-grid-----*/
.mid-grids {
	background: #EEEEEE;
	padding: 3.5em 0 1em 0;
	background-image: url('../images/content-bottom-shadow.png');
	background-repeat: repeat-x;
}

.mid-grid {
	width: 22.7%;
	float: left;
	margin: 0 3% 3% 0;
}

.mid-grid h3 {
	color: #D63B37;
	font-size: 1.2em;
	text-transform: uppercase;
	margin: 0.5em 0 0 0;
}

.mid-grid img {
	background: #FFF;
	padding: 5px;
	box-shadow: 0px 0px 1px #DDD;
	-webkit-filter: grayscale(100%);
	opacity: 5;
	transition: all 300ms !important;
	-webkit-transition: all 300ms !important;
	-moz-transition: all 300ms !important;
	width: 100%;
}

.mid-grid img:hover {
	opacity: 1;
}

.mid-grid p {
	font-family: "Roboto", sans-serif;
	font-size: 0.875em;
	color: #777;
	line-height: 1.5em;
	margin: 0.5em 0;
}

.mid-button {
	color: #313232;
	background: url(../images/arrow.png) no-repeat 100% 50%;
	text-transform: uppercase;
	font-size: 0.875em;
	padding: 0px 8px 0px 0px;
}

.mid-button:hover {
	background: url(../images/arrow1.png) no-repeat 100% 50%;
}

#last {
	margin: 0;
}

/*---start-p-sections----*/
.p-sections h3 {
	color: #313232;
	font-size: 1.5em;
	font-family: 'Source Sans Pro', sans-serif;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #EEE;
	margin-bottom: 0.5em;
}

.p-sections ul {
	float: left;
	width: 20%;
}

.p-sections ul li:before {
	content: url(../images/marker.png);
	padding-right: 12px;
	margin-bottom: 3px;
	display: inline-block;
}

.p-sections ul li a {
	font-family: "Roboto", sans-serif;
	font-size: 0.875em;
	color: #D63B37;
}

.p-sections ul li a:hover {
	color: #313232;
}

.p-sections {
	padding: 1.5em 0;
}

/*--client--*/
/*.clients{margin-top: 2em;}*/
.clientlogo {
	float: left;
	width: 100%;
}

.clientlogo h3 {
	color: #313232;
	font-size: 2em;
	font-family: 'Source Sans Pro', sans-serif;
	padding-bottom: 0.5em;
	border-bottom: 3px double #dad4d4;
	margin-bottom: 0.5em;
}

.clientlogo ul li {
	display: inline-block;
	margin: 0 2.6% 2% 0;
}

.clientlogo ul li:nth-child(5),
.clientlogo ul li:nth-child(10),
.clientlogo ul li:nth-child(15),
.clientlogo ul li:nth-child(20),
.clientlogo ul li:nth-child(25),
.clientlogo ul li:nth-child(30) {
	margin-right: 0%;
}

.clientlogo img {

	opacity: 5;
	transition: all 300ms !important;
	-webkit-transition: all 300ms !important;
	-moz-transition: all 300ms !important;
}

.clientlogo img:hover {
	opacity: 1;
	-webkit-filter: grayscale(50%);

}

/*---box---*/
.gallery {
	float: left;
	width: 70%;
}

.h3 {
	color: #313232;
	font-size: 2em;
	margin-bottom: 0.4em;

	font-family: 'Source Sans Pro', sans-serif;
	border-bottom: 3px double #dad4d4;

}

.gallery h3 {
	color: #313232;
	font-size: 2em;
	font-family: 'Source Sans Pro', sans-serif;
	padding-bottom: 0.5em;
	border-bottom: 3px double #dad4d4;
	margin-bottom: 0.5em;
}

.gallery ul li {
	display: inline-block;
	width: 24.5%;
}

.gallery img {

	opacity: 5;
	transition: all 300ms !important;
	-webkit-transition: all 300ms !important;
	-moz-transition: all 300ms !important;
}

.gallery img:hover {
	opacity: 1;
	-webkit-filter: grayscale(50%);
	cursor: pointer;
}

.terminals {
	float: right;
	width: 28%;
}

.terminals h3 {
	color: #313232;
	font-size: 2em;
	font-family: 'Source Sans Pro', sans-serif;
	padding-bottom: 0.5em;
	border-bottom: 3px double #dad4d4;
	margin-bottom: 0.5em;
}

.terminals p {
	font-family: "Roboto", sans-serif;
	font-size: 0.875em;
	color: #777;
	line-height: 1.8em;
	margin: 0.5em 0;
}

.terminals p:before {
	content: url(../images/quotes_alt.png);
	padding-right: 10px;
}

.terminals span {
	float: right;
	color: #D63B37;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 0.875em;
}

.terminals span a {
	font-family: 'Source Sans Pro', sans-serif;
	color: #3C3C3C;
	font-size: 1.2em;
	line-height: 1.8em;
	text-transform: uppercase;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

.terminals span a:hover {
	color: #D63B37;
}

.box {
	margin: 3em 0 3em 0;
}

/*----start-footer-----*/
.footer {
	background-color: #000;
	border-top: 5px solid #E91A15;
	padding: 2em 0;

}

.footer-grid,
.footer_contact {
	float: left;
	width: 25%;
}

.footer-grid ul li:before {
	content: url(../images/marker1.png);
	padding-right: 10px;
	margin-bottom: 0.5em;
	display: inline-block;
}

.footer-grid ul li a {
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	color: #777;
	margin: 0.5em 0;
}

.footer_contact ul li a {
	font-family: "Roboto", sans-serif;
	font-size: 0.9em;
	color: #777;
}

.footer_contact ul li p {
	color: #777;
	font-size: 14px;
	line-height: 1.6;
	font-family: "Roboto", sans-serif;
}

.footer-grid ul li a:hover,
.footer_contact ul li a:hover {
	padding-left: 10px;
	color: #d63b37;
}

.footer-grid h3,
.footer_contact h3 {
	color: #878888;
	font-size: 1.2em;
	padding-bottom: 0.5em;
	text-transform: uppercase;
}

.footer a.follow-link {
	width: 48px;
	height: 48px;
	text-indent: -9999px;
	opacity: 1;
	padding: 0;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	background-repeat: no-repeat;
	display: inline-block;
}

.padding_left {
	padding-left: 40px;
}

a.follow-link-facebook {
	background-image: url('../images/social/icon-facebook.png');
}

a.follow-link:hover {
	background-position: 0 100%;
}

a.follow-link-twitter {
	background-image: url(../images/social/icon-twitter.png);
}

a.follow-link-googleplus {
	background-image: url(../images/social/icon-googleplus.png);
}

/*---start-copy-right-----*/
.copy-right {

	background: #313232;
	font-family: 'Source Sans Pro', sans-serif;
	text-align: justify;
	font-size: 13px;
	position: relative;
}

.copy-right p {
	color: #FFF;
	padding: 0px 10px 10px;
	margin-bottom: 0;
	margin-top: 0;
}

.copy-right p a {
	color: #D63B37;
}

.copy-right p a:hover {
	color: #FFF;
}

/*** move top **/
.scroll {
	width: 48px;
	height: 48px;
	border: none;
	display: block;
	text-indent: 100%;
	background: url(../images/top-icon.png) no-repeat right top;
	position: absolute;
	right: 14px;
	bottom: 5px;
}

.scroll:hover {
	opacity: 0.8;
}

/*---start-about----*/
.banner {
	z-index:
}

.top-head {
	margin-top: -300px;
}

.about-left {
	width: 70%;
	float: left;
}

.about-left span {
	font-family: Arial, sans-serif;
	color: #D63B37;
	font-size: 0.875em;
	display: block;
	padding: 1em 0 0 0;
	line-height: 1.8em;
}

.about-left h3 {
	color: #313232;
	font-size: 2em;
	font-family: 'Source Sans Pro', sans-serif;
	text-transform: uppercase;
}

.about-left p {
	font-family: Arial, sans-serif;
	color: #777;
	font-size: 0.875em;
	display: block;
	padding: 1em 0;
	line-height: 1.8em;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.06);
}

.about {
	margin-top: 2em;
}

/*----about-histore----*/
.about-histore {
	border-bottom: 1px dashed rgba(0, 0, 0, 0.06);
}

.about-histore h3 {
	font-family: 'Source Sans Pro', sans-serif;
	padding: 15px 0px 15px 0px;
	margin-bottom: 13px;
	color: #313232;
	border-bottom: 3px double #dad4d4;
	font-size: 2em;
	text-transform: uppercase;
}

.about-histore ul li span {
	color: #777;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	padding: 10px 20px;
	margin-bottom: 13px;
	float: left;
	background: #EEE;
}

.about-histore ul li p {
	font-size: 0.8125em;
	color: #777;
	line-height: 1.5em;
	font-family: Arial, sans-serif;
	padding: 0px 0px 20px 0px;
	float: right;
	width: 91%;
	border: none;
}

.about-histore ul li p label {
	color: #D63B37;
	display: block;
}

.about-sidebar {
	float: right;
	width: 28%;
}

.about-sidebar h3 {
	font-family: 'Source Sans Pro', sans-serif;
	margin-bottom: 13px;
	color: #313232;
	font-size: 2em;
	border-bottom: 3px double #dad4d4;
	text-transform: uppercase;
}

.about-sidebar ul li a {
	display: block;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1em;
	color: #777;
	padding: 2px 0px 5px 0px;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

.about-sidebar ul li a:hover {
	color: #D63B37;
}

.about-sidebar ul li {
	border-bottom: 1px dashed rgba(192, 192, 192, 0.33);
	background: url(../images/marker1.png) 0 19px no-repeat;
	padding: 9px 10px 8px 18px;
}

/*---start-services----*/
.services-grid {
	width: 25%;
	float: left;
}

.services-grid a {
	text-transform: uppercase;
	font-size: 1.2em;
	font-family: 'Source Sans Pro', sans-serif;
	color: #555;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	padding: 1em 0 0.5em 0;
	display: block;
}

.services-grid a:hover {
	color: #D63B37;
}

.services-grid p {
	font-size: 0.875em;
	color: rgba(85, 81, 81, 0.84);
	font-family: "Roboto", sans-serif;
	line-height: 1.8em;
}

.services h3 {
	color: #313232;
	font-size: 2em;
	border-bottom: 3px double #dad4d4;
	font-family: 'Source Sans Pro', sans-serif;
	text-transform: uppercase;
}

.services .top-grid h3 {
	border-bottom: 0px;
	font-size: 1.6em;
}

.services {
	margin-top: 2em;
}

/*-----pagenotfound------*/
.pagenotfound {
	text-align: center;
	padding: 4em 0 0 0;
}

.pagenotfound h1 {
	font-size: 2em;
}

.border_bottom {
	border-bottom: 3px double #dad4d4;
}

/*----blog----*/
.blog {
	margin-top: 2em;
}

.blog h4 {
	color: #313232;
	font-size: 2em;
	font-family: 'Source Sans Pro', sans-serif;
	text-transform: uppercase;
}

/*  GRID OF Content with Image   ============================================================================= */
.image {
	clear: both;
	padding: 0px;
	margin: 0px;
	padding: 1.5% 0;
}

.group:before,
.group:after {
	content: "";
	display: table;
}

.group:after {
	clear: both;
}

.group {
	zoom: 1;
}

.grid {
	display: block;
	float: left;
	margin: 0% 0 0% 1.6%;
}

.grid:first-child {
	margin-left: 0;
}

.images_3_of_1 {
	width: 30.2%;
	position: relative;
}

.images_3_of_1 span img {
	position: absolute;
	top: 0px;
	left: -2px;
}

.span_2_of_3 {
	width: 68.1%;
}

.images_3_of_1 img {
	max-width: 100%;
	display: block;
}

.span_2_of_3 h3 a {
	font: 400 24px/28px 'Source Sans Pro', sans-serif;
	color: #626262;
	text-align: left;
	text-transform: uppercase;
}

.span_2_of_3 p {
	font: 400 13px/20px Arial;
	color: #9b9b9b;
	padding: 13px 0px;
}

.span_2_of_3 .button1 {
	margin-top: .3em;
	line-height: 1.9em;
}

.span_2_of_3 .button1 a {
	color: #D63B37;
	font-size: 0.875em;
	text-transform: uppercase;
	padding: 1em 1.5em;
	border: 1px solid #EEE;
}

.span_2_of_3 .button1 a:hover {
	background: #D63B37;
	color: #fff;
	transition: all 0.3s;
}
.wrap1{
	display: none;
}
.wrap2{
	width: 80%;
	margin: 0 auto;
	display: block;
}

/***** Media Quries *****/
@media only screen and (max-width: 1024px) {
	.wrap {
		width: 90%;
	}
}

/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width: 640px) {
	.wrap {
		width: 95%;
	}
	.wrap1 {
		width: 95%;
		display: block;
	}
	.wrap5{
		display: none;
	}

	.image {
		padding: 3%;
	}

	.grid {
		margin: 0;
	}
	.top-links{
		height: 120px;
		display: grid;
	}


	.images_3_of_1 {
		width: 100%;
		padding: 2% 0 2% 0;
	}

	.span_2_of_3 {
		width: 100%;
	}

	.headinggrid{
		position: absolute;
		top: 30px;
		bottom: 30px;
		/* display: grid */
/* margin-top: auto;
margin-bottom: auto;
display: grid; */
	}

	
	
}
.top_menu2 {
	display: none;
}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {

	.wrap {
		width: 95%;
	}

	.image {
		padding: 4%;
	}

	.grid {
		margin: 0;
	}

	.images_3_of_1 {
		width: 100%;
		padding: 2% 0 2% 0;
	}

	.span_2_of_3 {
		width: 100%;
	}
}

/*----artical-links---*/
.artical-links {
	padding: 5px 0px;
	border-top: 3px double rgba(192, 192, 192, 0.22);
	border-left: none;
	margin-top: 5px;
	border-right: none;
}

.artical-links ul li {
	display: inline-block;
}

.artical-links ul li:last-child {
	float: right;
}

.artical-links ul li img {
	vertical-align: middle;
	padding-right: 10px;
}

.artical-links ul li a {
	font: 400 14px/22px Arial;
	color: #cbcbc3;
	padding-left: 20px;
}

.artical-links ul li a:hover {
	text-decoration: underline;
}

/*---single-page----*/

.single-page-top-patination ul li {
	display: inline-block;
}

.single-page-top-patination ul li a {
	border-right: 1px solid rgba(192, 192, 192, 0.33);
	padding-right: 20px;
	color: #D63B37;
	font: 400 15px/22px Arial;
}

.single-page-top-patination ul li a:hover {
	text-decoration: underline;
}

.single-page-top-patination p {
	font: 400 15px/22px Arial;
	color: #cbcbc3;
	padding-left: 20px;
}

.single-page-top-patination {
	padding: 15px 0px;
	border: 1px solid rgba(192, 192, 192, 0.22);
	border-left: none;
	margin-top: 20px;
	border-right: none;
}

.artical-content h3 {
	font: 400 24px/28px 'Source Sans Pro', sans-serif;
	color: #626262;
	text-align: left;
	text-transform: none;
	padding: 15px 0px;
	text-transform: uppercase;
}

.artical-content img {
	height: 200px;
	width: 100%;
	margin-top: 15px;
}

.artical-content p {
	font: normal 15px/22px Arial, Helvetica, sans-serif;
	color: #9b9b9b;
	padding: 13px 0px;
}

/*----share-artical----*/
.share-artical h3 {
	font: 400 30px/28px 'Source Sans Pro', sans-serif;
	color: #626262;
	text-align: left;
	text-transform: none;
	padding: 17px 0px 28px 0px;
}

.share-artical ul li {
	display: inline-block;
	padding-right: 25px;
}

.share-artical ul li img {
	vertical-align: text-top;
	padding-right: 7px;
}

.share-artical ul li a {
	font: 400 14px/22px Arial;
	color: #cbcbc3;

}

.share-artical ul li a:hover {
	text-decoration: underline;
}

.blog-top-patination ul li {
	display: inline-block;
}

.blog-top-patination ul li a {
	border-right: 1px solid rgba(192, 192, 192, 0.33);
	padding-right: 20px;
	color: #D63B37;
	font: 400 15px/22px Arial;
}

.blog-top-patination ul li a:hover {
	text-decoration: underline;
}

.blog-top-patination p {
	font: 400 15px/22px Arial;
	color: #cbcbc3;
	padding-left: 20px;
}

.blog-top-patination {
	padding: 15px 0px;
	border: 1px solid rgba(192, 192, 192, 0.22);
	border-left: none;
	margin-top: 20px;
	border-right: none;
}

.blog-bottom-paination ul li {
	display: inline-block;
}

.blog-bottom-paination {
	margin: 2em 0
}

.blog-bottom-paination li a {
	font: 400 12px/1.2em Arial;
	color: #5a5a5a;
	padding: 11px 18px;
	background: #fff;
	text-decoration: none;
	text-shadow: none;
	border: 1px solid #e9e9e9;
	margin-top: 16px;
}

.blog-bottom-paination li.active>a,
.blog-bottom-paination li>a:hover {
	background: #D63B37;
	color: #fff;
}

/*---comment-box----*/
.table-form {
	width: 100%;
}

.table-form form input[type="text"] {
	border: 1px solid rgba(192, 192, 192, 0.22);
	outline: none;
	padding: 8px;
	margin-top: 23px;
	color: #cbcbc3;
	overflow: hidden;
	width: 40%;
	display: block;
}

.table-form textarea {
	padding: 8px;
	margin-top: 25px;
	outline: none;
	color: #cbcbc3;
	border: 1px solid rgba(192, 192, 192, 0.22);
	width: 70%;
	height: 100px;
	resize: none;
	font: 400 12px/1.2em Arial;
}

.table-form a {
	color: #D63B37;
	font-size: 0.875em;
	text-transform: uppercase;
	padding: 1em 1.5em;
	border: 1px solid #EEE;
	display: inline-block;
	margin-top: 0.5em;
}

.table-form a:hover {
	background: #D63B37;
	color: #fff;
	transition: all 0.3s;
}

.artical-commentbox h3 {
	font: 400 30px/28px 'Source Sans Pro', sans-serif;
	color: #626262;
	text-align: left;
	text-transform: none;
	padding-top: 14px;
	margin-top: 15px;
}

/*  Contact Form  ============================================================================= */
.contact {
	margin-top: 2em;
}

.contact h3 {
	color: #313232;
	font-size: 2em;
	border-bottom: 3px double #dad4d4;
	font-family: 'Source Sans Pro', sans-serif;
	text-transform: uppercase;
}

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.group:before,
.group:after {
	content: "";
	display: table;
}

.group:after {
	clear: both;
}

.group {
	zoom: 1;
}

.col {
	display: block;
	float: left;
	/*margin: 1% 0 1% 1.6%;*/
	margin-top: 2em;
}

.coll {
	display: block;
	float: left;
	/*margin: 1% 0 1% 1.6%;*/
	margin-top: 4.5em;
}

.col:first-child {
	margin-left: 0;
}

.span_2_of_3 {
	width: 63.1%;
	padding: 1.5% 0 0 4%;
}

.span_1_of_3 {
	width: 29.2%;
	/*padding:1.5%; */
}

.span_2_of_3 h3,
.span_1_of_3 h3 {
	font-family: 'Source Sans Pro', sans-serif;
	padding: 15px 0px;
	color: #313232;
	font-size: 1.5em;
	text-transform: uppercase;
}

.contact-form {
	position: relative;
	padding-bottom: 30px;
}

.contact-form div {
	padding: 5px 0;
}

.contact-form span {
	display: block;
	font-size: 0.875em;
	color: #454545;
	padding-bottom: 5px;
	font-family: 'Source Sans Pro', sans-serif;
}

.contact-form input[type="text"],
.contact-form textarea {
	padding: 8px;
	display: block;
	width: 90%;
	border: none;
	outline: none;
	color: #313232;
	font-size: 0.9125em;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid rgba(192, 192, 192, 0.41);
	-webkit-appearance: none;
}

.contact-form textarea {
	resize: none;
	height: 120px;
}

.contact-form input[type="submit"] {
	font-family: 'Source Sans Pro', sans-serif;
	border: none;
	background: #D63B37;
	cursor: pointer;
	color: #fff;
	font-size: 0.9em;
	text-transform: uppercase;
	padding: 1em 2.5em;
	border: 1px solid #EEE;
	display: inline-block;
	text-decoration: none;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

.contact-form input[type="submit"]:hover {
	background: #D63B37;
	color: #FFF;
	border: 1px solid #eee;
}

.contact-form input[type="submit"]:active {
	background: #D63B37;
	color: #FFF;
}

.company_address {}

.company_address p {
	font-size: 0.875em;
	color: #6a6a6a;
	line-height: 1.8em;
	font-family: "Roboto", sans-serif;
}

.company_address p span {
	text-decoration: underline;
	color: #454545;
	cursor: pointer;
}

.map {
	margin-bottom: 15px;
}

.validetta-error {
	display: block;
	font: 11px/11px Open sans, sans-serif;


	position: absolute;
	background-color: #D63B37;
	max-width: 325px;
	border-radius: 5px;
	line-height: 15px;
	color: #fff !important;
	padding: 5px 12px;
}

.validetta-error:before {
	content: '';
	display: block;
	position: absolute;
	top: 7px;
	left: -5px;
	width: 0px;
	height: 0px;
	border-right: 5px solid #D63B37;
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
}

.validetta-errorClose {
	display: block;
	cursor: pointer;
	position: absolute;
	top: -1px;
	right: 3px;
	color: white;
	font-weight: bold;
}

/***** Media Quries *****/
@media only screen and (max-width: 1024px) {
	.wrap {
		width: 95%;
		display: none;
	}
}

/*  GO FULL WIDTH AT LESS THAN 800 PIXELS */

@media only screen and (max-width: 800px) {
	.wrap {
		width: 95%;
	}

	.span_2_of_3 {
		width: 94%;
		padding: 3%;
	}

	.col {
		margin: 1% 0 1% 0%;
	}

	.span_1_of_3 {
		width: 94%;
		padding: 3%;
	}
}

/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */

@media only screen and (max-width: 640px) and (min-width: 480px) {
	.wrap {
		width: 95%;
	}

	.span_2_of_3 {
		width: 94%;
		padding: 3%;
	}

	.col {
		margin: 1% 0 1% 0%;
	}

	.span_1_of_3 {
		width: 94%;
		padding: 3%;
	}

	.contact-form input[type="text"],
	.contact-form textarea {
		width: 97%;
	}
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.wrap {
		width: 95%;
	}

	.span_2_of_3 {
		width: 90%;
		padding: 5%;
	}

	.col {
		margin: 1% 0 1% 0%;
	}

	.span_1_of_3 {
		width: 90%;
		padding: 5%;
	}

	.contact-form input[type="text"],
	.contact-form textarea {
		width: 92%;
	}
}

.contact-footer {
	border-top: 1px solid rgba(69, 69, 69, 0.13);
	padding: 28px 0px 0px 0px;
}

/*----responsive-design-----*/
@media only screen and (max-width: 1366px) and (min-width: 1280px) {
	.wrap {
		width: 90%;
	}
}

@media only screen and (max-width: 1280px) and (min-width: 1024px) {
	.wrap {
		width: 90%;
	}

	.about-histore ul li p {
		width: 89.8%;
	}

	.services-grid {
		width: 24%;
		margin-right: 1%;
	}

	.span_2_of_3 {
		padding: 0 1.5%;
	}

	.span_2_of_3 h3 {
		padding: 0px;
	}

	.span_2_of_3 p {
		padding: 3px 0px 13px 0;
	}
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
	.wrap {
		width: 90%;
	}

	.about-histore ul li p {
		width: 86.8%;
	}

	.services-grid {
		width: 24%;
		margin-right: 1%;
	}

	.span_2_of_3 {
		padding: 0 1.5% 1.5% 0;
	}

	.span_2_of_3 h3 {
		padding: 0px;
	}

	.span_2_of_3 p {
		padding: 3px 0px 13px 0;
	}

	.top-nav ul li a {
		padding: 30px 20px;
	}

	.mid-grid {
		width: 31.3%;
		margin: 0 2% 1% 0;
	}

	#last {
		display: none;
	}

	.gallery ul li {
		width: 32.5%;
	}
}
.d-md-none{
    display: none;
}
.d-md-block{
    display: block;
}

@media only screen and (max-width: 768px) and (min-width: 640px) {
	.wrap {
		width: 90%;
	}
	.d-md-none{
        display: block;
    }
    .d-md-block{
        display: none;
    }

	.about-histore ul li p {
		width: 86.8%;
	}

	.services-grid {
		width: 24%;
		margin-right: 1%;
	}

	.span_2_of_3 {
		padding: 0 1.5% 1.5% 0;
		margin-top: 25px;
	}

	.span_2_of_3 h3 {
		padding: 0px;
	}

	.span_2_of_3 p {
		padding: 3px 0px 13px 0;
	}

	.top-nav ul li a {
		padding: 30px 10px;
	}

	.mid-grid {
		width: 29%;
		margin: 0 4% 1% 0;
	}

	#last {
		display: none;
	}

	.gallery ul li {
		width: 24.5%;
	}

	.gallery {
		float: none;
		width: 100%;
	}

	.terminals {
		float: none;
		width: 100%;
		margin-top: 0.5em;
	}

	.about-left {
		width: 100%;
		float: none;
	}

	.about-sidebar {
		float: none;
		width: 100%;
	}

	.grid {
		display: block;
		float: none;
		margin: 0%;
	}

	.images_3_of_1 {
		width: 100%;
	}
}

.top_menu {
	position: absolute;
	top: 9px;
	right: 75px;
}

.top_menu ul {}

.top_menu ul li {
	display: inline;
}

.top_menu ul li a {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 13px;
	color: #000;
	text-transform: uppercase;
	padding: 0 6px 0 5px;
	text-decoration: none;
}

.top_menu ul li a:hover {
	color: #D63B37;
}

.mbtop_menu1 {
	position: relative;
line-height: 20px;	
}

.mbtop_menu1 ul {}

.mbtop_menu1 ul li {
	display: inline;
}

.mbtop_menu1 ul li a {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 13px;
	color: #000;
	text-transform: uppercase;
	padding: 0 20px 0 15px;
	text-decoration: none;
}

.mbtop_menu1 ul li a:hover {
	color: #D63B37;
}


.top_menu1 {
	position: absolute;
	top: 9px;
	right: 275px;
}

.top_menu1 ul {}

.top_menu1 ul li {
	display: inline;
}

.top_menu1 ul li a {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 13px;
	color: #000;
	text-transform: uppercase;
	padding: 0 20px 0 15px;
	text-decoration: none;
}

.top_menu1 ul li a:hover {
	color: #D63B37;
}

.main-section {
	margin: 40px 0 0 0;
}

.collapse p {
	padding: 5px 0px 0px 13px;
	margin-bottom: 7px;
}

.cs-section-title h3 {
	margin-bottom: 20px;
	margin-bottom: 20px;
	color: #000000 !important;
	font-size: 20px;
}

.cs-curriculum strong {
	color: #000000 !important;
	font-weight: normal;
	font-size: 20px;
}

.cs-curriculum h5 {
	margin-bottom: 5px;
	color: #D63B37 !important;
	font-size: 20px;
}

p {
	margin: 0 0 20px;
}

.navbar {
	border: none !important;
}

.trending-coruses h1 {
	text-align: center;
	font-size: 30px;
}

.trending-grid.trending-course-list .trending-course-link {
	padding: 0;
	background: #fff;
	border: 1px solid #e3e3e3;
	margin-bottom: 35px;
	box-shadow: 0 2px 0 0px rgba(0, 0, 0, 0.035);
}

.cst_font {
	font-size: 20px;
	font-weight: 500;
	padding: 10px;
	text-align: center;
	color: #565d5b;
	background: #f7f7f7;
	border-bottom: 1px solid #dedede;
	border-bottom: 1px solid #e2e2e2;
}

.trending-grid .trending-feature {
	position: relative;
}

.trending-grid .trending-feature img {
	width: 100%;
}

.trending-grid .trending-content,
.trending-grid .modern-cat {
	text-align: left;
}

.trending-grid .trending-content .trending-title.course-height {
	vertical-align: middle;
	min-height: 90px;
	background: #eaeaea;
	text-align: center;
}

.line_height {
	line-height: 25px;
	background-color: #f7f7f7;
	padding-top: 10px;
	padding-bottom: 10px;
}

.font_crs {
	font-size: 21px;
}

.trending-grid .modern-meta {
	padding: 10px 4px;
}

.trending-grid .modern-meta div {
	text-align: left;
	text-transform: capitalize;
}

.linesa {

	border-bottom: 3px solid #000;
	width: 100px;
	position: relative;
	left: 50%;
	margin-left: -50px;
	margin-bottom: 30px;
	margin-top: 5px;
}

.linesa:before {
	content: "";
	position: absolute;
	height: 5px;
	width: 100px;
	left: 25%;
	margin-top: -1px;
}

.linesa2 {

	border-bottom: 3px solid #000;
	width: 100px;
	position: relative;
	left: 50%;
	margin-left: -50px;
}

.linesa2:before {
	content: "";
	position: absolute;
	height: 5px;
	width: 100px;
	left: 25%;
	margin-top: -1px;
}

.pad20 {
	padding: 19px !important;
}

.widget h3 {
	font-size: 20px;
}

.course10 {
	border: 1px solid #e5e5e5;
	padding: 10px 15px;
	background-color: #e5e5e5;
	height: auto;
}

.mrtop {
	margin-top: 30px;
}

.course10 .courseimage {
	vertical-align: middle;
	display: table-cell;
	width: 70px;
}

.course10 .courseimage .image30 {
	height: 46px;
}

/*.course10:hover {
    border: 1px solid #e5e5e5;
    background-color: #e5e5e5;
}*/
.course10 .coursetitle {
	text-align: left;
}

.course10 .coursetitle .coursehead {
	font-size: 16px;
	margin-top: 15px;
	font-weight: 600;
}

.course10 .coursetitle .coursehead a {
	color: #313232;
}

.rich_editor_text b {
	font-weight: 500;
	color: #D63B37;
}

.rich_editor_text h5 {
	font-size: 22px;
	color: #D63B37;
}

.hpe_heading {
	margin-bottom: 40px;
	font-size: 24px;
}

.wrap_head {
	width: 100%;
	background-color: #f4b331;
	overflow: hidden;
	outline: none;
}

/*----Faizan----*/
.bg_counter {
	background-color: #313232;
}

.counter_coustem {
	padding-bottom: 10px;
	text-align: center;
}

.count_detail {
	margin-top: 70px;
	margin-bottom: 70px;

}

.counter-count {
	font-size: 40px !important;
	position: relative;
	color: #ffffff;
	text-align: center;
	display: inline-block;
	font-weight: bold !important;
}

.count_detail-p {
	font-size: 24px !important;
	font-weight: bold !important;
}

.cont_text {
	font-size: 20px !important;
	color: #020202;
	font-weight: bold !important;
}

.counter-value {
	font-size: 36px !important;
	font-weight: bold;
	color: #020202;
}

.footer-grid-last {
	float: left;
	width: 25%;
}

.footer-grid-last p {
	color: #777;
	font-size: 0.9em;
	line-height: 1.6;
	font-family: "Roboto", sans-serif;
	margin-bottom: 0;
}

.footer-grid-last ul li a {
	font-family: "Roboto", sans-serif;
	font-size: 0.9em;
	color: #777;
}

.footer-grid-last ul li a:hover {
	padding-left: 10px;
	color: #d63b37;
}

.ft_heading {
	margin-top: 32px;
}

.top_menu_batches {
	position: absolute;
	top: 9px;
	right: 230px;
	width: auto;
}

.top_menu_batches a {
	color: #D63B37;
	border-bottom: 1px solid #D63B37;
	text-decoration: none;
	font-size: 20px;
	overflow: hidden;
	outline: none;
	width: 100%;
}

.batches_table>td {}

.tab1 {
	width: 7%;
	font-size: 14px;
	text-align: center;
	vertical-align: middle !important;
	background: #D63B37;
	color: #fff;
	text-transform: uppercase;
}

.tab_width {
	width: 9%;
	font-size: 14px;
	text-align: center;
	vertical-align: middle !important;
	background: #D63B37;
	color: #fff;
	text-transform: uppercase;
}

.main-col-td>td {
	font-size: 14px;
	text-align: center;
	vertical-align: middle !important;
}

.first_td {
	background-color: rgba(212, 224, 224, 0.74);
	color: #000;
}

.second_td {
	/*background-color: rgb(192, 192, 192);*/
	/*background-color: rgb(241, 241, 241);*/
	background-color: #c0c0c0;
	color: #000;
}