/* http://www.yugweb.com 
   v1.0.1 | 20170520
   License: CNS WARE INC. (PRIVATE domain)
*/

@import url('https://fonts.googleapis.com/css?family=Roboto');

@font-face {
    font-family: 'robotoblack';
    src: url('../fonts/roboto-black-webfont.woff2') format('woff2'),
         url('../fonts/roboto-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('../fonts/roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

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, center,
dl, dt, dd, ol, ul, 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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;	font-family: 'robotoregular';}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
header {display: inline-block; width: 100%;	background: #ffffff;	padding: 20px 0;}

.brand {display: inline-block;	width: auto;}
.navbar {width: auto;}
.navbar ul {display: inline-block;	width: auto;}
.navbar ul li{display: inline-block; width: auto; margin-left: 60px;	margin-top: 10px;} 
.navbar ul li a{font-size: 18px;color: #3282bd;	font-family: 'robotobold';	padding-top: 20px;	display: inline-block;	text-decoration: none;	position: relative;	transition: 0.7s all linear;	-webkit-transition: 0.7s all linear;	-moz-transition: 0.7s all linear;}
.navbar ul li a:before {position: absolute;	height: 2px;width: 15px;top: 5px;left: 0; content: "";opacity: 0;background: #3282bd;	transition: 0.7s all linear; -webkit-transition: 0.7s all linear;	-moz-transition: 0.7s all linear;}
.navbar ul li.active a:before , .navbar ul li:hover a:before {	opacity: 1;	top: 0;}
.c-layout-revo-slider {	max-height: 550px;	overflow: hidden;}
.custom-bg {background: url("../img/gradient-bg.png") top right no-repeat; height: 100%;	width: 100%;	right: 0;	top: 0;}
.custom-bg2 {background: url("../img/gradient-bg2.png") top right no-repeat; height: 100%;	width: 100%; left: 0; top: 0;}
h3.c-font-white {color: #fff;font-size: 66px;font-family: 'robotobold';}
.c-btn-uppercase {color: #fff;font-size: 18px;border:1px solid #fff;border-radius: 0;}
.c-content-box.c-size-md { padding: 60px 0;}
.c-content-box.c-size-md { padding: 60px 0;}
.c-content-line-icon {background-size: cover; display: inline-block; height: 60px; width: 60px;}
.c-content-feature-1 > h3 {color: #000; font-size: 22px;font-family: 'robotobold'; margin: 30px 0 25px;}
.c-content-feature-1 p {color: #7f8c97;font-size: 16px; font-family: 'robotolight'; padding-right: 19px; line-height: 25px;}
.c-icon-screen-chart {background: url(../img/business.png) 0 0 no-repeat ;}
.c-icon-support {background: url(../img/brow.png) 0 0 no-repeat ;}
.c-icon-bulb {background: url(../img/mi.png) 0 0 no-repeat ;}
.c-bg-grey-1 {background-color: #f7f7f7;}
.c-line-center{display: inline-block; position: relative;width: 30px;height: 2px;background: #3282bd;content: "";text-align: center;top: -10px;}
.center {text-align: center;}
.cbp-panel {font-family: "Roboto Condensed",sans-serif;  margin: 0 auto; width: 100%;}
.c-content-title-1 > h3 {color: #3C8C9D; font-size: 29px; margin: 0 0 30px; font-family: 'robotobold';}
.c-content-title-1 h4{ color: #7f8c97;  font-family: "robotomedium"; font-size: 18px; font-weight: 500; list-style: outside none none; margin-bottom: 11px; }
.c-banner-box{display: inline-block;width: 100%;padding: 150px 0;position: relative;}
.overlay {	background: rgba(50,130,189,0.7);	position: absolute;	top: 0;	width: 100%; height: 100%;	left: 0;}
.banner-1{	background: url(../img/banner-1.jpg) no-repeat 0 0;	background-attachment: fixed;background-size: cover;}
.box-content {	display: inline-block;	max-width: 820px;	border: 1px solid rgba(255,255,255,0.5); 	z-index: 100;	position: relative;}
.box-content h2{	color: #fff;	font-size: 20px;	font-family: 'robotobold';	padding: 30px 25px;	text-transform: uppercase;	line-height: 30px;}
.c-font-uppercase{	text-transform: uppercase;}
p{	font-size: 17px;	line-height: 19px;	color: #7f8c97;	font-family: 'robotoregular';}
.c-content-list-1 {    margin: 20px 0;    padding: 0;}
.c-content-list-1.c-theme.c-separator-dot > li::before, .c-content-list-1.c-theme > li::before { background: #3282bd  none repeat scroll 0 0;}
.c-content-list-1 > li::before {  background: #ddd none repeat scroll 0 0;   content: "";   float: left; height: 2px;  margin: 9px 15px 0 0;  width: 21px;}
.c-content-list-1 > li { color: #7f8c97; font-family: 'robotomedium';  font-size: 18px; font-weight: 500; list-style: outside none none;   margin-bottom: 11px;}
.c-content-client-logos-1 .c-logo {display: block; overflow: hidden;}
.c-content-client-logos-1 .c-logo-1 {border-bottom: 1px solid #edeff0; border-right: 1px solid #edeff0;}
.c-content-client-logos-1 .c-logo-2 {border-bottom: 1px solid #edeff0; border-right: 1px solid #edeff0;}
.c-content-client-logos-1 .c-logo-3 {border-bottom: 1px solid #edeff0;}
.c-content-client-logos-1 .c-logo-4 {border-right: 1px solid #edeff0;}
.c-content-client-logos-1 .c-logo-5 {border-right: 1px solid #edeff0;}
.c-content-client-logos-1 .c-img-pos {left: 50%; margin-left: -90px; position: relative;}

@media (max-width: 1199px) {
.c-content-client-logos-1 .c-logo-2 { border-bottom: 1px solid #edeff0; border-right: 1px solid #edeff0;}
.c-content-client-logos-1 .c-logo-3 { border-bottom: 1px solid #edeff0;border-right: medium none;}
.c-content-client-logos-1 .c-logo-4 { border-bottom: medium none; border-right: 1px solid #edeff0;}
}

@media (max-width: 991px) {
.c-content-client-logos-1 .c-logos .c-logo-2 {border-bottom: 1px solid #edeff0; border-right: medium none;}
.c-content-client-logos-1 .c-logos .c-logo-3 {border-bottom: 1px solid #edeff0; border-right: 1px solid #edeff0;}
.c-content-client-logos-1 .c-logos .c-logo-4 {border-bottom: 1px solid #edeff0; border-right: medium none;}
}

@media (max-width: 768px) {
.c-content-client-logos-1 .c-logo-2 { border-bottom: 1px solid #edeff0; border-right: medium none;}
.c-content-client-logos-1 .c-logo-3 { border-bottom: 1px solid #edeff0; border-right: 1px solid #edeff0;}
.c-content-client-logos-1 .c-logo-4 { border-bottom: 1px solid #edeff0; border-right: medium none;}
}

@media (max-width: 767px) {
.c-content-client-logos-1 {margin-top: 40px; padding: 0;}
.c-content-client-logos-1 .c-logos {padding: 0;}
.c-content-client-logos-1 .c-logo-2 {border-bottom: 1px solid #edeff0;border-right: 1px solid #edeff0;}
.c-content-client-logos-1 .c-logo-3 {border-bottom: 1px solid #edeff0; border-right: medium none;}
.c-content-client-logos-1 .c-logo-4 {border-bottom: medium none; border-right: 1px solid #edeff0;}
}

@media (max-width: 480px) {
.c-content-client-logos-1 .c-logo-2 { border-bottom: 1px solid #edeff0;  border-right: medium none;}
.c-content-client-logos-1 .c-logo-3 {border-bottom: 1px solid #edeff0; border-right: 1px solid #edeff0;}
.c-content-client-logos-1 .c-logo-4 {border-bottom: 1px solid #edeff0; border-right: medium none;}
}

.c-layout-footer.c-layout-footer-1 .c-postfooter { background: #2f353b none repeat scroll 0 0; padding: 40px 0;}
.c-layout-footer.c-layout-footer-1 .c-postfooter .c-socials {float: right; list-style: outside none none; margin: 0;  padding: 0;}
.c-layout-footer.c-layout-footer-1 .c-postfooter .c-socials > li { display: inline-block; padding: 0 6px;}
.c-layout-footer.c-layout-footer-1 .c-postfooter .c-socials > li > a > i {  background: #2b3036 none repeat scroll 0 0;  color: #64707e;  display: inline-block;  font-size: 18px;  font-weight: bold;  padding: 10px;}
.c-layout-footer.c-layout-footer-1 .c-postfooter .c-socials > li > a:hover > i { background: #202328 none repeat scroll 0 0;   color: #6f7d8c;}
.c-copyright a {color: #fff;}
.c-copyright a:hover ,.c-copyright auto:focus , .c-copyright a:active {	color: #888; text-decoration: none;}
.main-banner {	width: 100%;	height: 560px;	overflow: hidden;	float: left;}
.main-banner img {width: 100%;	float: left;}
.title-bar {	display: inline-block;	width: 100%;	background: #3282bd;	padding: 25px 0;	box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.47); -webkit-box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.47); 	-moz-box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.47);}
.title-bar h1{	color: #FFF;	letter-spacing: 1.8;	font-size: 22.5px;    font-family: 'robotobold';    margin: 0;    float: left;    padding-left: 75px;    text-transform: uppercase;}
.text-img {	float: left;width: 100%; padding: 60px 0; background: #fff;}
.text-img h4 {	font-size: 18px; color: #7f8c97;line-height: 25px;font-family: 'robotomedium';}
.text-img img {	max-width: 100%;}
.pad-top{padding-top: 25px;	padding-left: 0; }
.left-side {float: left; width: 100%; 	border-bottom: 1px solid #e0e0e0;  	margin-bottom: 20px; }
.right-side h4 {margin-bottom: 15px; margin-top: 5px; }
.box-content.full{ max-width: 100%; }
.box-content.full h2{font-size: 32px; line-height: 45px; }
.c-bg-parallax{	background-position: center right !important;	background-repeat: no-repeat; }
.blue {	display: inline-block;	width: auto;background: #3282bd; color: #fff;	font-size: 16px;font-family: 'robotobold';	padding: 10px 20px;	position: relative;	overflow: hidden;	border: none;}
.blue span {position: relative;	z-index: 100;}
.blue:after {position: absolute; top: -15px; left: 0px;	height: 0;	width: 0;	background: #999;	content: ""; border-radius: 100%; transition: all linear 0.7s; -webkit-transition: all linear 0.7s;	-moz-transition: all linear 0.7s;}
.blue:hover , .blue:focus , .blue:active{color: #fff;transition: all linear 0.7s;-webkit-transition: all linear 0.7s;-moz-transition: all linear 0.7s;}
.blue:hover:after{ width: 150%; height: 150%; border-radius: 0; transition: all linear 0.7s; -webkit-transition: all linear 0.7s;	-moz-transition: all linear 0.7s;}
.c-feature-content.c-right.logo-part {left: 45%; position: absolute;    top: 43%;}
.c-feature-content.c-left.logo-part {  position: absolute; right: 40%;  top: 40%;}
.c-content-feature-4 {position: relative;}
.c-feature-content.c-right.logo-part.logo-3 {left: 40%;	top: 28%;}
.c-feature-content.c-left.logo-part.logo-4 {right: 40%;	top: 18%;}
.map-outer iframe{	float: left; width: 100%; height: 550px;}
.map-outer {float: left;  width: 100%;	box-shadow: 0 0 5px 0 rgba(0,0,0,.5);}
.contact-section{display: inline-block;	width: 100%; padding: 60px 0;}
.contact-form {	float: left; width: 100%; padding-left: 45px;}
.form-element {	float: left;	width: 100%;	margin-bottom: 20px;}
.form-element input {border: 1px solid #3282bd;	float: left;width: 100%; padding: 15px 20px;}
.form-element textarea{	border: 1px solid #3282bd;	float: left;width: 100%;padding: 15px 20px;	min-height: 190px;	resize: none;}
.blue.ex{padding-left: 60px; padding-right: 60px; box-shadow: 0 0 5px 0 rgba(0,0,0,.5);}
h3.blue-font{font-family: 'robotoblack'; font-size: 30px;color: #3282bd;}
.address {display: inline-block;width: 100%; padding: 0 0 60px 0; }
.address p{	color: #000;line-height: 25px;}
.marg-top{margin-top: 15px;}
.service {width: 100% height: 50px !important;}
.service .cbp-item {float: left;width: 100% !important;	position: relative;}
.service .cbp-item.right {float: right !important;	right: 0 !important; left: inherit!important;}
.cbp-l-project-desc.whole {	width: 100%;}
.cbp-l-project-details-list.dot-none > li {border: none}
.row-bar{float: left;width: 100%;}
.img-part {	float: left;width: 100%;}
.img-part img{	max-width: 100%;}
.center{text-align: center;}
.c-content-title-1 p { color: #5b9bd5; line-height: 30px; font-size: 18px;  font-family: 'robotomedium';}
.content-box h2 {font-family: "robotoregular"; font-size: 22px; line-height: 30px; color:#000000; text-transform:justify;}
.c-content-title-2 > h3 {  color:#5B9BD5; font-family: 'robotobold'; font-size: 30px;  margin: 0 0 30px;}
.c-content-title-2 p { color: #5b9bd5; font-family:'robotomedium'; font-size: 18px;  line-height: 30px; margin-bottom: 30px;}
.c-content p { color:#5b9bd5; font-family: 'robotomedium';  font-size: 18px;    line-height: 32px;}
.text-cont p{font-style: italic; color:#516168; font-family: 'robotobold';}
.business_heding h4 {  font-size:18px; line-height: 30px; color:#5b9bd5; font-family: 'robotomedium'; text-align: justify;}
.marg-top-bottom {  margin-top: 52px;}
.business_img { text-align: right;}
.gbl_heding > h3 {color: #5B9BD5; font-family: 'robotobold'; font-size: 30px; margin: 0 0 30px;  text-align: right;}
.gbl_heding > p {color: #5B9BD5; font-family: 'robotomedium'; font-size: 18px; margin-bottom:30px; line-height: 30px;  text-align: right;}
.c-content-img_box img{max-height:249px;}
.gbl_content-box{margin-bottom: 80px;}
.custom.caption.customin.customout.tp-resizeme.tp-caption.start {
    left: 865px !important;
    top: 87px !important;
}
.custom-h3-tag1 {
    font-size: 52px !important;left: 796px !important; text-align:right !important;
}
.custom-h3-tag2 {
    font-size: 35px !important;left: 796px !important; text-align:right !important;
}
.c-text p{ color: #7f8c97;  font-family: 'robotomedium'; font-size: 18px; font-weight: 500; list-style: outside none none;  margin-bottom: 11px; line-height: 25px;}
.c-content-list-1.c-theme.about_link > li { font-size: 18px; color: #7f8c97; font-family: "robotomedium"; line-height: 22px;}
.c-content-title-2{ color: #000000;   font-family: "robotobold"; font-size: 35px; margin: 0 0 30px;}