/*
Theme Name: SOFTWEAR
Author: the softwear team
Description: The SOFTWEAR theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: softweartheme
*/
/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */
 
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i');
 
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing:  border-box;
	box-sizing: border-box;
}
*{ padding: 0px; margin: 0px; }
html, body { font-size: 18px; color: #4a4a4a; font-weight: 400; line-height: 24px; font-family: 'Karla', sans-serif; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden] {
	display: none;
}
html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
img { max-width: 100%; height: auto; display: block; }
html,
button,
input,
select,
textarea {
	font-family: "Source Sans Pro", Helvetica, sans-serif;
}
a {
	color: #ca3c08;
	text-decoration: none;
}
body { background:#dcdbd8;}
a:focus {
	outline: none;
}
a:active,
a:hover {
	outline: 0;
}
a:hover {
	text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: 'Karla', sans-serif;
	line-height: 1.3;
}
h1 {
	font-size: 71px;
	padding: 45px 0;
	line-height: 64px;
}
h2 {
	font-size: 30px;
	padding: 0px 0 10px;
}
h3 {
	font-size: 39px;
	line-height: 41px;
	padding: 0px 0 10px;
}
h4 {
	font-size: 24px;
	padding: 0px 0 10px;
}
h5 {
	font-size: 18px;
	padding: 0px 0 10px;
}
h6 {
	font-size: 16px;
	padding: 0px 0 10px;
}
address {
	font-style: italic;
	padding: 0 0 24px;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b,
strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
mark {
	background: #ff0;
	color: #000;
}
p {
	padding: 0 0 24px;
}
code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 14px;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
}
pre {
	background: #f5f5f5;
	color: #666;
	font-family: monospace;
	font-size: 14px;
	margin: 20px 0;
	overflow: auto;
	padding: 20px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}
blockquote {
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	margin: 24px 40px;
}
blockquote blockquote {
	margin-right: 0;
}
blockquote cite,
blockquote small {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}
blockquote em,
blockquote i {
	font-style: normal;
	font-weight: 300;
}
blockquote strong,
blockquote b {
	font-weight: 400;
}
small {
	font-size: smaller;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
dl {
	margin: 0 20px;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 0 20px;
}
menu,
ol,
ul {
	margin: 22px 0;
	padding: 0 0 0 40px;
}
ul {
	list-style-type: square;
}
nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}
li > ul,
li > ol {
	margin: 0;
}
img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 0;
}
form {
	margin: 0;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0;
	padding: 0;
	white-space: normal;
}
button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}
button,
input {
	line-height: normal;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],
input[disabled] {
	cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
	padding-right: 2px; /* Don't cut off the webkit search cancel button */
	width: 270px;
}
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
table {
	border-bottom: 1px solid #ededed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
	line-height: 2;
	margin: 0 0 20px;
	width: 100%;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
caption {
	font-size: 16px;
	margin: 20px 0;
}
th {
	font-weight: bold;
	text-transform: uppercase;
}
td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background: url(images/dotted-line.png) repeat center top;
	background-size: 4px 4px;
	border: 0;
	height: 1px;
	margin: 0 0 24px;
}
.wrapper { max-width: 1330px; margin: 0 auto; padding: 0 56px; }  
.btn { background: #019add; font-size: 21px; color:#fff; text-transform: uppercase; font-weight: 700; line-height: 38px; padding: 0 65px 0 50px; display: inline-block; position: relative; transition: all .2s ease-in-out; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); }
/*.btn:hover { transform: scale(1.1); }*/
.btn:after { border-bottom: 4px solid #ffffff; border-left: 4px solid #ffffff; content: ""; float: left; height: 18px; position: absolute; right: 16px; top: 11px; transform: rotate(-135deg); width: 18px; }
.btn.back { box-shadow: none; -webkit-box-shadow: none; background: #858481; }
.btn.back:after { border-bottom: 0px; border-left: 0px; border-top: 4px solid #ffffff; border-right: 4px solid #ffffff; content: ""; float: left; height: 18px; position: absolute; left: 16px; right: auto; top: 11px; transform: rotate(-135deg); width: 18px; }
.btn:hover:after { animation: bounce .6s; -webkit-animation: bounce .6s; -moz-animation: bounce .6s; }
@-webkit-keyframes bounce {
    0% {right: 13px;}
    20% {right: 15px;}
	40% {right: 17px;}
    60% {right: 18px;}
	80% {right: 15px;}
    100% {right: 13px;} 
}
.btn.back:hover:after {animation: bounces .6s; -webkit-animation: bounces .6s; -moz-animation: bounces .6s;}
@-webkit-keyframes bounces {
    0% {left: 13px;}
    20% {left: 15px;}
	40% {left: 17px;}
    60% {left: 18px;}
	80% {left: 15px;}
    100% {left: 13px;} 
}
	.clear { height: 0px; padding: 0px; clear: both; width: 100%; }
	/*header*/
	.site-header { position: fixed; width: 100%; top: 0; padding: 13px 0; z-index: 99999; background: rgba(0,0,0,0); transition: all .2s ease-in-out;  }
	.site-header .logo { float: left; }
	.site-header .logo img { max-width: 178px; }
	.site-header .navbar { float: right; margin-right: 0px; }
	.site-header .navbar ul { margin:0; padding:0; }
	.site-header .navbar ul li { display: inline-block; vertical-align: top; } 
	.site-header .navbar ul li a { font-family: 'Karla', sans-serif; color:#fff; font-size: 18px; padding: 0 17px; line-height: 34px; }
	.site-header .navbar ul li a:hover, .site-header .navbar ul li.current_page_item a  { color:#019add;}
	.site-header .header_btn { float: right; padding-top: 4px; }
	.site-header .header_btn a { border: 1px solid #019add; color: #019add; line-height: 25px; display: inline-block; vertical-align: top; padding: 0 35px 0 30px; }
	.site-header .header_btn a span { background: url(images/tech_icon.png) no-repeat left center; padding-left: 20px; font-family: 'Karla', sans-serif; font-size: 18px; font-weight: 700; background-size: 14px auto; }
	.site-header .header_btn a:hover { background:#fff;}
	.site-header .navbar ul li.tech_pack { padding-top:4px;}

	.site-header .navbar ul li.tech_pack a { border: 1px solid #019add; color: #019add; line-height: 25px; display: inline-block; vertical-align: top; padding: 0 35px 0 30px;}
	.site-header .navbar ul li.tech_pack a span { background: url(images/tech_icon.png) no-repeat left center; padding-left: 20px; font-family: 'Karla', sans-serif; font-size: 18px; font-weight: 700; background-size: 14px auto; }
	.site-header .navbar ul li.tech_pack a:hover{ background:#fff;}
	.site-header.fixed, body:not(.home) .site-header { background: rgba(255,255,255,1); transition: all .2s ease-in-out; border-bottom:1px solid rgba(0,0,0,0.2); }
	.site-header.fixed .navbar ul li a, body:not(.home) .site-header .navbar ul li a { color:#858481; }
	.site-header.fixed .navbar ul li a:hover, body:not(.home) .site-header .navbar ul li a:hover, body:not(.home) .site-header .navbar ul li.current_page_item a, body:not(.home) .site-header .navbar ul li.current_page_parent a { color:#019add;}
	.colorlogo { display: none; }
	.site-header.fixed .whitelogo, body:not(.home) .site-header .whitelogo { display: none;}
	.site-header.fixed .colorlogo, body:not(.home) .site-header .colorlogo { display: block;}
	.site-header.fixed .header_btn a:hover, body:not(.home) .header_btn a:hover { background:#019add; color:#fff;}
	.site-header.fixed .header_btn a:hover span, body:not(.home) .header_btn a:hover span {background: url(images/tech_icon_white.png) no-repeat left center; }
	.site-header.fixed  .navbar ul li.tech_pack a, body:not(.home) .navbar ul li.tech_pack a{ color:#019add; }
	.site-header.fixed  .navbar ul li.tech_pack a:hover, body:not(.home) .navbar ul li.tech_pack a:hover{background:#019add; color:#fff; }
	.site-header.fixed  .navbar ul li.tech_pack a:hover span,  body:not(.home) .navbar ul li.tech_pack a:hover span {background: url(images/tech_icon_white.png) no-repeat left center; }
	.mobilemenu { display: none; background: url(images/menu_bottom.jpg) no-repeat; width: 35px; height: 30px;  }
	
	
	/*home video*/
	.homepage-hero-module { border-right: none; border-left: none; position: relative;}
	.no-video .video-container video, .touch .video-container video { display: none;}
	.no-video .video-container .poster, .touch .video-container .poster {display: block !important;}
	.video-container { position: relative; bottom: 0%; left: 0%; height: 100vh; width: 100%; overflow: hidden; background: #000;}
	.video-container .poster img {width: 100%; bottom: 0; position: absolute;}
	.video-container .filter { z-index: 100; position: absolute; background: rgba(119, 123, 133, 0.73); width: 100%; height: 100%; z-index: 99;}
	.video-container .title-container { z-index: 1000; position: absolute; top: 50%; transform:translateX(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); width: 100%; text-align: right; color: #fff; padding: 6px 0 0; }
	.video-container .description .inner { font-size: 1em; width: 45%; margin: 0 auto;}
	.video-container .link {position: absolute; bottom: 3em; width: 100%; text-align: center;  z-index: 1001; font-size: 2em; color: #fff;}
	.video-container .link a { color: #fff;}
	/*.video-container video.fillWidth { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; background-size: cover; }*/
	.video-container video.fillWidth {position:absolute;  max-width: inherit; top:50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height:auto; z-index:1; transform:translateX(-50%)translateY(-50%); -webkit-transform:translateX(-50%)translateY(-50%); -moz-transform:translateX(-50%)translateY(-50%); -ms-transform:translateX(-50%)translateY(-50%); background-color:rgba(0,0,0,0); background-size:cover !important; }
	.video-container .headline { font-size: 23px; text-transform: uppercase; line-height: 26px;}
	.video-container h1 { margin: 44px 0; text-transform: uppercase;}
	.video-container .top_bottom { background: url(images/mouse_scroll.png) no-repeat center; width: 22px; height: 52px; background-size: 23px; position: absolute; bottom: 29px; z-index: 99; text-indent: -99999px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); background-size: 22px auto; animation: bouncess .6s infinite; -webkit-animation: bouncess .6s infinite; -moz-animation: bouncess .6s infinite;  }
	
@-webkit-keyframes bouncess {
    0% {bottom: 32px;}
    25% {bottom: 30px;}
	50% {bottom: 27px;}
    100% {bottom: 30px;} 
}
	
	/*product_section*/
	.product_section { width: 100%; position: relative; z-index: 9; }
	.product_section .prods { position: relative; padding: 56px 0 100px;  box-shadow: -6px 5px 15px rgba(0, 0, 0, 0.31);  background-position: top center; background-repeat: no-repeat; background-size: cover; height: 540px; }
	.product_section .prods img  { }
	.product_section .prods .content_prod { background: url(images/prod_bg.png) no-repeat; width: 713px; height: 714px; position: absolute; right:-58px; top:-70px; text-align: center; color:#fff;}
	.product_section .prods .content_prod h4 {font-weight: 400; margin-top: 0; padding:0; }
	.product_section .prods .content_prod h3 { padding:0; margin: 20px 0; }
	.product_section .prods .content_prod p { line-height: 23px; font-size: 15px;}
	.product_section .prods .content_prod .bg_3 { padding: 0 180px; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);}
	.product_section .product-head { padding: 126px 0 10px; text-align: center; }
	.product_section .product-head h4 { padding-bottom: 15px; font-size: 25px; line-height: 30px; color: #544f4c; font-weight: 400; }
	.product_section .product-head h2 { font-size: 40px; color: #544f4c; line-height: 44px; font-weight: 700; }
	.product_section .product-list { border: 3px solid rgba(80,82,85,0.6); padding: 45px 30px 21px; }
	.product_section .product-list ul { padding: 0px; margin: 0px; list-style-type: none; }
	.product_section .product-list ul li { padding: 0 0 37px; width: 33.3%; float: left; text-align: center; }
	.product_section .product-list ul li h3 { padding: 8px 0; font-size: 25px; color: #544f4c; line-height: 30px; font-weight: 400; }
	.product_section .product-list ul li .image { background: rgba(235,246,241,0.37); padding: 8px; width: 160px; height: 160px; margin: 0 auto; box-shadow: 0 4px 10px rgba(58, 61, 67, 0.2); border-radius: 100%; -webkit-border-radius: 100%; transition: all .2s ease-in-out; }
	.product_section .product-list ul li:hover .image { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }

	
	.visition-bar { padding: 55px 0 10px; width: 100%; background: url(images/vision-bg.jpg) no-repeat center top; background-size: cover; }
	.visition-bar h4 { font-size: 25px; color: #544f4c; line-height: 30px; font-weight: 400; padding-bottom: 7px; }
	.visition-bar h2 { font-size: 71px; color: #544f4c; line-height: 69px; font-weight: 400; padding-bottom: 20px; }
	.visition-bar .vision-left { width: 50%; float: left; text-align: right; padding-bottom: 50px; }
	.visition-bar .vision-right { padding: 7px 0 50px; width: 46%; float: right; }
	.visition-bar  .btn { margin-right: -7px; }
	.visition-bar  p { font-size: 16px; line-height: 24px; color: #000; font-weight: 400; padding: 0 0px 40px 0; }
	.visition-bar  p .aligncenter { margin: 0 -68px 0 0; max-width: inherit; width: auto; } 
	
	.home-contact-bar { padding: 203px 0 0; background-size: cover; background-position: top center; background-repeat:  no-repeat;  box-shadow: 0 -20px 38px 0 rgba(0, 0, 0, 0.2); }
	.home-contact-bar h4 { font-size: 25px; line-height: 30px; color: #fff; font-weight: 400; }
	.home-contact-bar h2 { font-size: 72px; line-height: 69px; color: #fff; font-weight: 400; padding-bottom: 17px; }
	.home-contact-bar p { font-size: 16px; line-height: 24px; color: #fff; font-weight: 400; max-width: 515px; letter-spacing: -0.02em; padding-bottom: 34px; }
	.home-contact-bar .text-left { width: 64%; }
	.home-contact-bar .btn { padding: 0 55px 0 41px; }
	.home-contact-bar .home-testimonial { width: 632px; float: right; background: rgba(74,76,80,0.82); padding: 45px 51px 39px; margin: -10px 3px 0 0; }
	.home-contact-bar .home-testimonial p { padding: 0 0 0 104px; letter-spacing: 0px; font-size: 37px; line-height: 38px; color: #fff; font-weight: 400; position: relative; }
	.home-contact-bar .home-testimonial p:before { content: "\0022"; font-family: Myriad Pro; font-size: 272px; line-height: 224px; position: absolute; top: 14px; left: -6px; }
	.home-contact-bar .home-testimonial p:after { content: "\0022"; }
	.home-contact-bar .home-testimonial .author { font-size: 17px; line-height: 24px; color: #fff; font-weight: 400; display: block; padding: 0 0 0 103px; }
	
	.home-career-bar { text-align: center; width: 100%; background: url(images/bottom-career-bg.jpg) no-repeat; background-size: cover; background-position: top center; background-repeat:  no-repeat; padding: 58px 0 51px; } 
	.home-career-bar h4 { font-size: 25px; line-height: 30px; color: #fff; font-weight: 400; padding-bottom: 23px; }
	.home-career-bar h2 { font-size: 40px; line-height: 44px; color: #fff; font-weight: 700; padding-bottom: 39px; } 
	.home-career-bar .home-career-inner { padding: 59px 125px 51px; background: rgba(255,255,255,0.8); width: 100%; }
	.home-career-bar .home-career-inner p { font-size: 16px; line-height: 24px; color: #000; font-weight: 400; padding-bottom: 19px; }
	.home-career-bar .home-career-inner .btn { box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; }
	 
	/*footer*/
	.site-footer { background: #fff; width: 100%; text-align: center; margin:0 !important;}
	.site-footer .footer_logo { float: left; padding: 38px 0; }
	.site-footer .footer_logo img { max-width: 178px; }
	
	.site-footer .nav_copy { display: inline-block; vertical-align: top; padding: 0 9px 0 0;  width: 65%; }
	.site-footer .nav_copy .footer_nav { width: 100%; text-align: center; padding:12px 0 8px;}
	.site-footer .nav_copy .footer_nav ul { margin:0; padding: 0; }
	.site-footer .nav_copy .footer_nav ul li { display: inline-block; vertical-align: top; padding: 0 16px; }
	.site-footer .nav_copy .footer_nav ul li a { font-size: 16px; color:#6f727b; display: block; }
	.site-footer .nav_copy .footer_nav ul li a:hover, .site-footer .nav_copy .footer_nav ul li.current_page_item a{ color:#019add; }
	
	.site-footer .nav_copy .textsd { font-size: 13px;  line-height: 18px; margin-bottom: 8px; }
	.site-footer .nav_copy .copy { width: 100%; font-size: 14px;  color:#bcbcbc; padding-bottom: 5px; }
	.site-footer .social_links { float: right; padding: 45px 0 10px; }
	.site-footer .social_links ul { margin:0; padding: 0; }
	.site-footer .social_links ul li { margin-left: 10px; display: inline-block; vertical-align: top; }
	.site-footer .social_links ul li a { width: 30px; height: 38px; text-indent: -9999px; display: block; background: url(images/social_links.png) no-repeat;  }
	.site-footer .social_links ul li a.youtube {}
	.site-footer .social_links ul li a.facebook { background-position: -47px 0;}
	.site-footer .social_links ul li a.twitter { background-position: -89px 0;}
	.site-footer .social_links ul li a.linkedin { background-position: -133px 0;}
	.site-footer .social_links ul li a.youtube:hover { background-position: 0 -38px;}
	.site-footer .social_links ul li a.facebook:hover { background-position: -47px -38px;}
	.site-footer .social_links ul li a.twitter:hover { background-position: -89px -38px;}
	.site-footer .social_links ul li a.linkedin:hover { background-position: -133px -38px;}
	
	#homeCntr { padding: 0px; width: 100%; background: url(images/body-bg.jpg) center center repeat; }  
	
	.home-news-section { padding: 100px 0;  }
	.home-news-section .news-right { width: 50%; float: right; }
	.home-news-section h2 { padding: 15px 22px 13px; font-size: 25px; color: #fff; line-height: 30px; font-weight: 400; background: #019add; }
	.home-news-section .post-left { width: 53.7%; float: left; }
	.home-news-section .post-right  { width: 46.3%; float: left; }
	.home-news-section .repeat { width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; transition: all .5s; }

	.home-news-section .repeat .text { padding: 30px 24px 19px; position: absolute; bottom: 0px; left: 0px; width: 100%; }
	.home-news-section .post-left .repeat:nth-of-type(1) { height: 307px; }
	.home-news-section .post-left .repeat:nth-of-type(2) { height: 272px; }
	.home-news-section .post-right .repeat:nth-of-type(1) { height: 235px; }
	.home-news-section .post-right .repeat:nth-of-type(2) { height: 344px; }
	.home-news-section .repeat { -moz-transition: all 0.3s;  -webkit-transition: all 0.3s; transition: all 0.3s; overflow:hidden;}
	.home-news-section .repeat .date_meta { font-size: 21px; line-height: 25px; color: #fff; font-weight: 400; }
	.home-news-section .repeat h4 { padding: 0 0 5px; font-size: 21px; line-height: 25px; color: #fff; font-weight: 400; }
	.home-news-section .repeat h3 { padding: 0px; font-size: 23px; line-height: 28px; color: #fff; font-weight: 700; } 
	.home-news-section .repeat .color-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; }
	.home-news-section .repeat .bg_img {  -moz-transition: all 0.3s;  -webkit-transition: all 0.3s; transition: all 0.3s; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; background-size: cover; background-position: center; }
	.home-news-section .repeat:hover .bg_img {  -moz-transition: all 0.3s;  -webkit-transition: all 0.3s; transition: all 0.3s; -moz-transform: scale(1.1);  -webkit-transform: scale(1.1); transform: scale(1.1);}
	
	.home-news-section .news-left { float: left; width: 50%; position: relative;}
	.home-news-section .news-left .post-left .repeat { height: 637px;}
	.home-news-section .news-left .post-left { width: 100%; }
	.home-news-section .news-left .post-left .repeat h3 { font-size: 71px; line-height: 64px; }
	.home-news-section .news-left .post-left .repeat h4 { font-size: 33px; line-height: 35px; font-weight: 700;}
	.home-news-section .news-left .post-left .repeat .date_meta { font-size: 33px; line-height: 35px; font-weight: 700;}
	.home-news-section .news-left .post-left .repeat .text { padding-left: 30px; padding-right: 30px; padding-bottom: 105px;}
	.home-news-section .news-left h2 { position: absolute; float: left; z-index:9;}
	.home-news-section .news-left .post-left a.btn { position: absolute; bottom: 40px; left: 30px;}
	
	.team-bar { padding: 77px 0 13px; text-align: center; width: 100%; background: #e1e1e1; }
	.team-bar h2 { font-size: 72px; line-height: 76px; color: #161616; font-weight: 400; padding-bottom: 54px; }
	.team-bar .about-team { padding: 0px; margin: 0px -36px; list-style-type: none; }
	.team-bar .about-team li { width: 33.33333%; float: left; padding: 0 36px 58px; }
	.team-bar .about-team .image { border: 4px solid #fff; border-radius: 100%; -webkit-border-radius: 100%; position: relative; cursor: pointer; width: 353px; height: 353px; margin: 0 auto 14px; }
	.team-bar .about-team .image img { border-radius: 100%; -webkit-border-radius: 100%; width: 100%; }
	.team-bar .about-team .image .hover { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(255,255,255,0.7); opacity: 0; transform: scale(0,0); -webkit-transform: scale(0,0); transition: all 0.3s; -webkit-transition: all 0.3s; border-radius: 100%; -webkit-border-radius: 100%; }
	.team-bar .about-team .image:hover .hover { transform: scale(1,1); -webkit-transform: scale(1,1); opacity: 1; }
	.team-bar .about-team .image .hover .linkedIn { position: absolute; top: 50%; left: 50%; display: block; width: 79px; height: 79px; background: url(images/linkedIn.png) 0px 0px no-repeat; font-size: 0px; line-height: 0px; margin: -39px 0 0 -39px; }
	.team-bar .about-team li:nth-child(4), .team-bar .about-team li:nth-child(7) { clear: both; }
	
	.team-bar .about-team h3 { font-size: 41px; line-height: 45px; color: #000; font-weight: 700; padding: 0px; min-height: 92px; }
	.team-bar .about-team .designation { display: block; font-size: 18px; line-height: 25px; color: #000; font-family: 'PT Sans', sans-serif; }	
	
	.members_bar { background: #5e6577;}
	.members_bar h2, .members_bar .about-team h3, .members_bar .about-team .designation { color:#e1e1e1;}
	
	.about-bar { padding: 78px 0 67px 0px; background: #5d6575 url(images/about-bg.jpg) no-repeat top center; background-size: cover; width: 100%; }
	.about-bar .wrapper { position: relative;}
	.about-bar .about_images { position: absolute; background-color: #fff; background-size: cover;  box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.7); }
	.about-bar .about_images:before{ content:""; position: absolute; width: 100%; height: 100%; }
	.about-bar .about_images.left-image { width: 472px; height:338px; left:60px; top:552px;}
	.about-bar .about_images.left-image:before {  background: rgba(1,148,182,0.3); }
	.about-bar .about_images.top-image { width: 638px; height:235px; left:555px; top:115px;}
	.about-bar .about_images.top-image:before {  background: rgba(183,193,202,0.5); }
	.about-bar .about_images.center-image { width: 470px; height:506px; left:555px; top:385px;}
	.about-bar .about_images.center-image:before {  background: rgba(1,86,80,0.3); }
	.about-bar .about_images.right-top-small-image { width: 219px; height:178px; right:56px; top:385px;}
	.about-bar .about_images.right-top-small-image:before {  background: rgba(188,186,32,0.3); }
	.about-bar .about_images.right-bottom-small-image { width: 219px; height:273px; right:56px; top:618px;}
	.about-bar .about_images.right-bottom-small-image:before {  background: rgba(1,154,221,0.3); }
	.about-bar .about-left { padding: 115px 220px 0 0;  margin: 0 0 0 19px; width: 665px; height: 663px; display: block; background: url(images/about-bg.png) top left no-repeat; text-align: right; }
	.about-bar .about-left h1 { color: #fff; margin: 0 -4px 0 0; padding: 0 0 13px; font-size: 116px; line-height: 97px; font-weight: 700;  }
	.about-bar .about-left h3 { font-size: 24px; line-height: 30px; color: #fff; text-transform: uppercase; font-weight: 400; padding-bottom: 15px; }
	.about-bar .about-left p { font-size: 18px; line-height: 22px; color: #fff; font-family: 'PT Sans', sans-serif; font-weight: 400; max-width: 195px; padding: 0 10px 0 0; float: right; }
	
	.about-callout-bar { padding: 321px 0 0; width: 100%; }
	.about-callout-bar .callout { position: relative; }
	.about-callout-bar .image { width: 45.9%; height: 100%; position: absolute; top: 0px; left: 0px; background-size: cover; background-position: top center; background-repeat: no-repeat; box-shadow: inset -20px 0 20px -20px rgba(0,0,0,0.4); }
	.about-callout-bar .text { width: 54.1%; float: right; background: #e1e1e1; position: relative; padding: 56px 50px 34px; }
	.about-callout-bar h2 { font-size: 72px; line-height: 76px; color: #019add; font-weight: 400; text-align: right; padding: 0 106px 25px 0; }
	.about-callout-bar p { font-size: 16px; line-height: 24px; color: #000; padding: 0 0 20px; letter-spacing: -0.02em; }
	.about-callout-bar .callout { box-shadow: -8px 10px 22px rgba(0,0,0,0.4); }
	
	#content-cntr { padding: 62px 0 0; }
	
	.bloginnerbanner { position: relative; width: 100%; }
	.bloginnerbanner .page-title { font-size: 31px; color: #124787; font-weight: 400; line-height: 35px; background: #fff; position: absolute; top: 158px; left: 0px; padding: 23px 30px 23px 60px; text-transform: uppercase; z-index: 2; }
	.bloginnerbanner .post-repeat { padding: 0px; margin: 0px; list-style-type: none; -moz-transition: all 0.3s;  -webkit-transition: all 0.3s; transition: all 0.3s; }
	.bloginnerbanner .post-repeat li { width: 25.1%; position: relative; background-size: cover; background-position: top center; background-repeat: no-repeat; float: left;  overflow: hidden; }
	.bloginnerbanner .post-repeat li .text { padding: 30px 26px 24px; position: absolute; bottom: 0px; left: 0px; width: 100%; }
	.bloginnerbanner .post-repeat li .date_meta { font-size: 23px; line-height: 28px; color: #fff; font-weight: 400; }
	.bloginnerbanner .post-repeat li h4 { padding: 0 0 5px; font-size: 23px; line-height: 28px; color: #fff; font-weight: 400; }
	.bloginnerbanner .post-repeat li h3 { padding: 0 0 6px; font-size: 25px; line-height: 30px; color: #fff; font-weight: 700; } 
	.bloginnerbanner .post-repeat li .color-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; }
	.bloginnerbanner .post-repeat li .bg_img {  -moz-transition: all 0.3s;  -webkit-transition: all 0.3s; transition: all 0.3s; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; background-size: cover; background-position: center; }
	.bloginnerbanner .post-repeat li:hover .bg_img {  -moz-transition: all 0.3s;  -webkit-transition: all 0.3s; transition: all 0.3s; -moz-transform: scale(1.1);  -webkit-transform: scale(1.1); transform: scale(1.1);}
	.bloginnerbanner .post-repeat li:nth-of-type(1) { height: 702px; width: 50%; }
	.bloginnerbanner .post-repeat li:nth-of-type(2) { position: absolute; top: 0px; left: 50%; height: 403px; }
	.bloginnerbanner .post-repeat li:nth-of-type(3) { position: absolute; top: 0px; right: 0px; height: 305px; }
	.bloginnerbanner .post-repeat li:nth-of-type(4) { position: absolute; top: 403px; left: 50%; height: 299px; }
	.bloginnerbanner .post-repeat li:nth-of-type(5) { position: absolute; top: 305px; right: 0px; height: 397px; }
	.bloginnerbanner .post-repeat li:nth-of-type(1) h4 { display: none; }
	.bloginnerbanner .post-repeat li:nth-of-type(1) .text { padding: 30px 60px 50px; }
	.bloginnerbanner .post-repeat li:nth-of-type(1) h3 { font-size: 79px; font-weight: 700; line-height: 71px; }
	.bloginnerbanner .post-repeat li:nth-of-type(1) .date_meta { font-size: 37px; line-height: 40px; font-weight: 700; } 
	.read-more { padding: 0 33px 0 0; font-size: 15px; display: table; color: #ebf6f1; text-decoration: underline; background: url(images/arrows.png) center right no-repeat; }
	
	.common-cntr { padding: 0 0 92px; width: 100%; background: #e1e1e1; }
	.common-bar { padding: 83px 73px 43px; background: #fff; }
	.common-bar .post-repeat { padding: 0px; margin: 0px -17px; list-style-type: none; }
	.common-bar .post-repeat li { width: 33.3333%; float: left; padding: 0 17px 37px; -moz-transition: all 0.3s;  -webkit-transition: all 0.3s; transition: all 0.3s;  }
	.common-bar .post-repeat li .text { position: relative; background-size: cover; background-position: top center; background-repeat: no-repeat; height: 213px; overflow:hidden;}
	.common-bar .post-repeat h3 { padding: 0px; font-size: 22px; line-height: 30px; color: #fff; font-weight: 700; max-width: 242px; }
	.common-bar .post-repeat .color-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; opacity: 0.8; }
	.common-bar .post-repeat .bg_img {  -moz-transition: all 0.3s;  -webkit-transition: all 0.3s; transition: all 0.3s; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; background-size: cover; background-position: center; }
	.common-bar .post-repeat li .text:hover .bg_img {  -moz-transition: all 0.3s;  -webkit-transition: all 0.3s; transition: all 0.3s; -moz-transform: scale(1.1);  -webkit-transform: scale(1.1); transform: scale(1.1);}
	.common-bar .post-repeat .date_meta { font-size: 16px; line-height: 22px; color: #fff; font-weight: 400; padding: 10px 19px; display: block; position: relative; }
	.common-bar .post-repeat .bottom { position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 10px 18px 20px; }
	.common-bar p { font-size: 18px; line-height: 24px; color: #4a4a4a; padding-bottom: 25px; }
	.common-bar h2 { padding: 0 0 4px; font-size: 31px; line-height: 35px; color: #000; font-weight: 700; }
	.common-bar h4 { padding-bottom: 39px; font-size: 22px; line-height: 26px; color: #000; font-weight: 400; }
	.common-bar p em { color: #000; line-height: 21px; display: block; }
	.common-bar ul { list-style-type: disc; }
	
	
	.newsbottom { padding: 67px 0 82px; width: 100%; background-size: cover; background-position: top center; background-repeat: no-repeat; text-align: center; width: 100%; position: relative; }
	.newsbottom .wrapper { position: relative; }
	.newsbottom:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(107,106,110,0.88); display: block; }
	.newsbottom h5 { padding-bottom: 22px; font-size: 25px; line-height: 30px; color: #fff; font-weight: 400; }
	.newsbottom h2 { padding-bottom: 15px; font-size: 39px; color: #fff; line-height: 45px; font-weight: 400; }
	.newsbottom p { font-size: 15px; line-height: 24px; color: #fff; padding: 0 156px 28px; }	
	.newsbottom .btn { padding: 0 60px 0 35px; }
	
	.single-page-banner { position: relative; background-size: cover; background-position: top center; background-repeat: no-repeat;  }
	.single-page-banner .wrapper { position: relative; height: 702px; }
	.single-page-banner .page-title { font-size: 31px; color: #124787; font-weight: 400; line-height: 35px; background: #fff; position: absolute; top: 158px; left: 0px; padding: 23px 30px 23px 60px; text-transform: uppercase; z-index: 2; }
	.single-page-banner .color-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; opacity: 0.8; }
	.single-page-banner .bottom { padding: 0 0 80px 55px; position: absolute; bottom: 0px; left: 0px; width: 100%; max-width: 900px; }
	.single-page-banner .bottom h1 { padding: 0; font-size: 79px; line-height: 71px; color: #fff; font-weight: 700; text-transform: uppercase; }
	.single-page-banner .bottom .date_meta { font-size: 37px; line-height: 40px; color: #fff; font-weight: 700; text-transform: uppercase; display: block; padding-bottom: 2px; }
	
	.common-bar.single-page { padding: 150px 109px 70px; position: relative; }
	.common-bar.single-page .btn { position: absolute; top: 43px; left: 38px; padding: 0 55px 0 70px; box-shadow: 0 0 11px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 11px rgba(0, 0, 0, 0.2); }
	.common-bar.single-page .btn.bottom_btn {  left: 0;  margin-top: 20px;  padding: 0 65px 0 50px; position: relative;top: 0;}
	
	
	.contact-bar { position: relative; background-size: cover; background-position: top center; background-repeat: no-repeat; }
	.contact-bar:before { background: rgba(63,67,76,0.89); content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
	.contact-bar .wrapper { position: relative; }
	.contact-bar h1 { padding:45px 0 32px; font-family: 'PT Sans', sans-serif; font-weight: 400; color: #fff; font-size: 24px; line-height: 30px; text-transform: uppercase; }
	.contact-bar .contact-right { width: 350px; float: left; padding-top: 165px; padding-bottom: 30px; }
	.contact-bar .contact-right ul { padding: 0px; margin: 0px; list-style-type: none; }
	.contact-bar .contact-right .info li { font-size: 16px; line-height: 26px; font-weight: 700; color: #fff; padding: 4px 0 16px 60px; }
	.contact-bar .contact-right .info li:first-child{ background: url(images/careers_icon.png) no-repeat; }
	.contact-bar .contact-right .info li:first-child a { text-decoration: underline;}
	.contact-bar .contact-right .info li:first-child a:hover { text-decoration: none;}
	.contact-bar .contact-right .info li:nth-child(2){ background: url(images/register.png) no-repeat; }
	.contact-bar .contact-right .info li:nth-child(3){ background: url(images/phone-icon.png) no-repeat; margin-bottom: 20px; padding-top: 9px; background-position: 9px 0; }
	.contact-bar .contact-right .info li:last-child{ background: url(images/location.png) no-repeat; background-position: 8px 0; }
	.contact-bar .contact-right .info li a { color: #fff; text-decoration: none; }
	.contact-bar .contact-left { float: left; width: 560px; margin-right: 55px; padding-bottom: 55px;}
	.contact-bar .contact-left input[type="text"], .contact-bar .contact-left input[type="tel"], .contact-bar .contact-left input[type="email"], .contact-bar .contact-left textarea, .contact-bar .contact-left select { width: 100%; background: #fff; height: 43px; border: 1px solid #c1c2c3; padding: 0 10px; font-weight: 400; font-size: 18px; color:#7c8180;  font-family: 'Karla', sans-serif; box-sizing: border-box; margin-bottom: 20px; border-radius:0; }
	 .contact-bar .contact-left textarea { height: 156px; padding: 10px;}
	 /*.contact-bar .contact-left input[type="submit"] { background-color: #019add; font-size: 23px; font-weight: 700; height: 43px; padding: 0; border-radius: 0; border: 0; background-repeat: no-repeat; background-position: 92% center; box-shadow: none; text-transform: uppercase; padding: 0 50px 0 38px; box-sizing: border-box; color:#fff; transition: all .2s ease-in-out; margin-right:0;}*/
	  .contact-bar .contact-left .actions { margin:0; padding: 0;}
	 .contact-bar .contact-left .actions .hs-button,  .contact-bar .contact-left .actions .hs-button:active,  .contact-bar .contact-left .actions .hs-button:focus { background-color: #019add; font-size: 23px; font-weight: 700; width: 100%; max-width: none; height: 43px; padding: 0; border-radius: 0; border: 0; background-image:none; background-repeat: no-repeat;  box-shadow: none; text-transform: uppercase; padding-right: 10px; box-sizing: border-box; transition: all .2s ease-in-out; color:#fff; }
	 .contact-bar .contact-left .actions { position: relative;}
	 .contact-bar .contact-left .actions:after { border-bottom: 4px solid #ffffff; border-left: 4px solid #ffffff; content: ""; float: left; height: 18px; position: absolute; right: 16px; top: 11px; transform: rotate(-135deg); width: 18px; }
	 .contact-bar .contact-left .actions:hover:after { animation: bounce .6s; -webkit-animation: bounce .6s; -moz-animation: bounce .6s; }
	 .contact-bar .contact-left .hs_submit { float: left; width: 175px; }
	 .contact-bar .contact-left .submitted-message { background: #398f14; padding: 8px 20px;}
	 
	 .contact-bar .contact-left .sub { float: left; position: relative;}
	 .contact-bar .contact-left .sub:after { border-bottom: 4px solid #ffffff; border-left: 4px solid #ffffff; content: ""; float: left; height: 18px; position: absolute; right: 16px; top: 12px; transform: rotate(-135deg); width: 18px; }
	.contact-bar .contact-left .sub:hover:after { animation: bounce .6s; -webkit-animation: bounce .6s; -moz-animation: bounce .6s; }
	.contact-bar .contact-right .social_links { float: left; padding: 10px 0 0 60px; }
	.contact-bar .contact-right .social_links ul { margin:0; padding: 0; }
	.contact-bar .contact-right .social_links ul li { margin-left: 10px; display: inline-block; vertical-align: top; }
	.contact-bar .contact-right .social_links ul li a { width: 30px; height: 38px; text-indent: -9999px; display: block; background: url(images/social_links.png) no-repeat;  }
	.contact-bar .contact-right .social_links ul li a.youtube {}
	.contact-bar .contact-right .social_links ul li a.facebook { background-position: -47px 0;}
	.contact-bar .contact-right .social_links ul li a.twitter { background-position: -89px 0;}
	.contact-bar .contact-right .social_links ul li a.linkedin { background-position: -133px 0;}
	.contact-bar .contact-right .social_links ul li a.youtube:hover { background-position: 0 -38px;}
	.contact-bar .contact-right .social_links ul li a.facebook:hover { background-position: -47px -38px;}
	.contact-bar .contact-right .social_links ul li a.twitter:hover { background-position: -89px -38px;}
	.contact-bar .contact-right .social_links ul li a.linkedin:hover { background-position: -133px -38px;}
	.wpcf7-validation-errors, .wpcf7-not-valid-tip { display: none !important; }
	.wpcf7-not-valid { border: 1px solid #ff0000 !important;}
	.contact-bar .contact-left label, .hs-error-msgs { display: none !important; }
	.contact-bar .contact-left p { color:#fff; }
	.contact-bar .contact-left .error { border: 1px solid #ff0000 !important; }
	
	.product-bar .product-bg { background: #e1e1e1 url(images/product-bg-page.jpg) no-repeat center bottom; background-size: cover;}
	.product-bar .product-header { position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; min-height: 568px;}
	.product-bar .product-header:before { background: rgba(58,63,83,0.88); display: block; height: 100%; width: 100%; position: absolute; content:""; }
	.page-template-template-techpacks .product-bar .product-header:before { background: rgba(18,71,135,0.88);}
	.product-bar .product-header .midd { position: relative; z-index:9; color:#fff; text-align: center; padding-top: 160px;}
	.product-bar .product-header .midd .titles { text-transform: uppercase; font-size: 24px; margin-bottom: 25px;}
	.product-bar .product-header .midd .texts {text-transform: uppercase; font-weight: 700; font-size: 71.7px; line-height: 64px; } 
	.product-bar .prod_cont { margin-top: -130px; position: relative; background: url(images/product-content-bg.jpg) no-repeat; background-size: cover; text-align: center; color:#fff; padding: 75px 150px; box-shadow: 0 0 20px 4px rgba(0,0,0,0.3);}
	.product-bar .prod_cont h4, .product-bar .prod_cont h3 { font-weight: 400; }
	.product-bar .prod_cont p { font-size: 15px; line-height:23px;}
	.product-bar .product_section { background: none;}
	.product-bar .product_section .product-list { border: 0;}
	.product-bar .comingsoon-section { position: relative;}
	.product-bar .comingsoon-section .images_section { position: relative; z-index: 9; padding-bottom: 68px;}
	.product-bar .comingsoon-section .coming-sec { background: url(images/comin-soon-bg.png) no-repeat; position: absolute; top: -36px; left: 350px; width: 789px; height: 798px; color:#fff; padding:210px 160px 0 170px; box-sizing: border-box;}
	.product-bar .comingsoon-section .coming-sec h3, .comingsoon-section .coming-sec h4 { font-weight: 400;}
	.product-bar .comingsoon-section .coming-sec h3 { padding-bottom: 25px;}
	.product-bar .comingsoon-section .coming-sec p { font-size: 15px; line-height: 23px;}
	.product-bar .comingsoon-section .coming-sec .cont { position: relative; z-index:9;}
	
	.newsletter-section { padding: 50px 0 72px; background: url(images/repeat-newsletter-bg.jpg) repeat; background-position: center; background-size: cover; position: relative; z-index:9; text-align: center; color:#fff; box-shadow: 0 -25px 38px 0 rgba(0,0,0,0.2);}
	.newsletter-section h4{ font-weight: 400;}
	.newsletter-section p { font-size: 15px; padding-bottom: 20px;}
	.newsletter-section .newsletter_form.hs-form { max-width: 755px; margin:0 auto;}
	.newsletter-section .newsletter_form.hs-form .hs_email { float: left; width: 560px; margin:0;}
	.newsletter-section .newsletter_form.hs-form .hs_email label { display: none;}
	.newsletter-section .newsletter_form.hs-form .hs_email .input { margin:0;}
	.newsletter-section .newsletter_form.hs-form .hs_email .input input[type="email"] { width: 100%; padding:0 20px; height: 43px; border-radius: 0; max-width: 100%; font-size: 18px; color:#7c8180; font-weight: 400; font-family: 'Karla', sans-serif; box-sizing: border-box;}
	.newsletter-section .newsletter_form.hs-form .hs_email .input input[type="email"].invalid.error { border: 2px solid #ff0000;}
	.newsletter-section .newsletter_form.hs-form ul.hs-error-msgs  { display: none !important;}
	.newsletter-section .newsletter_form.hs-form .actions { margin:0; padding: 0;}
	.newsletter-section .newsletter_form.hs-form .actions .hs-button, .newsletter-section .newsletter_form.hs-form .actions .hs-button:active, .newsletter-section .newsletter_form.hs-form .actions .hs-button:focus { background-color: #019add; font-size: 23px; font-weight: 700; width: 100%; max-width: none; height: 43px; padding: 0; border-radius: 0; border: 0; background-image:none; background-repeat: no-repeat;  box-shadow: none; text-transform: uppercase; padding-right: 10px; box-sizing: border-box; transition: all .2s ease-in-out; }
	.newsletter-section .newsletter_form.hs-form .actions { position: relative;}
	.newsletter-section .newsletter_form.hs-form .actions:after { border-bottom: 4px solid #ffffff; border-left: 4px solid #ffffff; content: ""; float: left; height: 18px; position: absolute; right: 16px; top: 11px; transform: rotate(-135deg); width: 18px; }
	.newsletter-section .newsletter_form.hs-form .actions:hover:after { animation: bounce .6s; -webkit-animation: bounce .6s; -moz-animation: bounce .6s; }
	.newsletter-section .newsletter_form.hs-form .hs_submit { float: left; width: 195px; }
	
	.product-contact-bar { padding: 190px 0 130px; color:#000;}
	.product-contact-bar h4, .product-contact-bar h2, .product-contact-bar p { color:#000;}
	
	.career-bar .career-header{ position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; min-height: 568px; text-align: center; }
	.career-bar .career-header:before { background: rgba(18,71,135,0.68); display: block; height: 100%; width: 100%; position: absolute; content:""; }
	.career-bar .career-header .midd { position: relative; z-index:9; color:#fff; text-align: center; padding-top: 65px;}
	.career-bar .career-header .midd .titles { text-transform: uppercase; font-size: 24px; margin-bottom: 25px;}
	.career-bar .career-header .midd h1 { padding: 0 0 15px; opacity:0; } 
	.career-bar .career-header .midd p { font-size: 16px; line-height: 23px; padding: 0 100px; opacity:0;}
	
	.career-bar .available-positions .rbox-opening-list{ min-height: 600px; background: #ffffff; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.6); margin: -319px 0 70px; position: relative; width: 100%; padding: 154px 110px 60px;}
	
	.career-bar .available-positions h3 { background: #ffffff; color: #000000; font-weight: 400; padding: 40px 0; position: relative; text-align: center; top: -178px; z-index: 9; opacity:0;}
	.career-bar .available-positions .rbox-opening-li { padding: 15px 0;}
	.career-bar .available-positions .rbox-opening-li a.rbox-opening-li-title { color:#124787;}
	.career-bar .available-positions .rbox-opening-detail { background: #fff; margin-top: -130px; position: relative;}
	.career-bar .available-positions .rbox-opening-detail { min-height: 600px; background: #ffffff; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.6); margin: -571px 0 70px; position: relative; width: 100%; padding: 40px 110px 60px; z-index: 9;}
	.career-bar .available-positions .rbox-opening-detail .rbox-top-links { margin-bottom: 70px;}
	.career-bar .available-positions .rbox-opening-detail .rbox-top-links a { background: url(images/back_img.jpg) no-repeat; width: 178px; height: 38px; text-indent: -99999px; display: block;transition: all .2s ease-in-out; position:relative;}
	.career-bar .available-positions .rbox-opening-detail .rbox-top-links a:after { border-bottom: 0px; border-left: 0px; border-top: 4px solid #ffffff; border-right: 4px solid #ffffff; content: ""; float: left; height: 18px; position: absolute; left: 16px; right: auto; top: 11px; transform: rotate(-135deg); width: 18px; }
	.career-bar .available-positions .rbox-opening-detail .rbox-top-links a:hover:after { animation: bounces .6s; -webkit-animation: bounces .6s; -moz-animation: bounces .6s; }
	.career-bar .available-positions .rbox-opening-detail .rbox-bottom-links { display: none;}
	.career-bar .available-positions .rbox-opening-detail .rbox-job-title { color:#000; font-size: 31px; font-weight: 700;}
	.career-bar .available-positions .rbox-opening-detail .rbox-job-shortdesc { color:#000; font-weight: 400; font-size: 21px;}
	.career-bar .available-positions .rbox-opening-detail .rbox-job-longdesc { border:0; padding-top: 40px;}
	.career-bar .available-positions .rbox-opening-detail .rbox-job-longdesc p:empty {display: none !important; margin:0; padding:0;}
	.career-bar .available-positions .rbox-opening-detail .rbox-job-longdesc p { margin:0; padding-bottom: 10px; font-size: 16px; color:#4a4a4a; line-height: 23px;}
	.career-bar .available-positions .rbox-opening-detail .rbox-job-longdesc p strong { color:#000;  font-family: 'Karla', sans-serif; font-size: 31px; color:#000; font-weight: 400;}
	.career-bar .available-positions .rbox-opening-detail .rbox-job-longdesc ul li { font-size: 16px; color:#4a4a4a; line-height: 23px; list-style: none !important; }
	.career-bar .available-positions .rbox-opening-detail .rbox-job-longdesc ul { margin: 0 0 30px 10px; }
	.career-bar .available-positions .rbox-opening-detail .rbox-job-longdesc br { display: none !important; }
	.career-bar .available-positions .rbox-opening-detail .rbox-buttons button  { background: url(images/apply_btn.jpg) no-repeat; width: 178px; height: 38px; display: block; text-indent: -9999px; padding:0; border:0; border-radius:0;transition: all .2s ease-in-out;}
	.career-bar .available-positions .rbox-opening-detail .rbox-application fieldset { width: 50%;}
	.career-bar .available-positions .rbox-opening-detail .rbox-application fieldset label { color:#000; font-size: 18px; margin-bottom: 5px; font-weight: 700;}
	.rbox-widget textarea, .rbox-widget input[type="text"], .rbox-widget input[type="password"], .rbox-widget input[type="datetime"], .rbox-widget input[type="datetime-local"], .rbox-widget input[type="date"], .rbox-widget input[type="month"], .rbox-widget input[type="time"], .rbox-widget input[type="week"], .rbox-widget input[type="number"], .rbox-widget input[type="email"], .rbox-widget input[type="url"], .rbox-widget input[type="search"], .rbox-widget input[type="tel"], .rbox-widget input[type="color"] { width: 100%; background: #fff; height: 43px; border: 1px solid #c1c2c3; padding: 0 10px; font-weight: 400; font-size: 18px; color:#7c8180;  font-family: 'Karla', sans-serif; box-sizing: border-box; margin-bottom: 20px; box-shadow: none !important; border-radius:0;} 
	.career-bar .available-positions .rbox-opening-detail .rbox-application fieldset button.rbox-btn { background-color: #019add; font-size: 23px; font-weight: 700; height: 43px; padding: 0; border-radius: 0; border: 0; background-image: url(images/arrow_submit.png); background-repeat: no-repeat; background-position: 92% center; box-shadow: none; text-transform: uppercase; padding: 0 60px 0 38px; box-sizing: border-box; color:#fff; text-shadow:none; transition: all .2s ease-in-out;}
	.career-bar .available-positions .rbox-opening-detail .rbox-application fieldset .rbox-error-msg { display: none !important;}
	.career-bar .available-positions .rbox-opening-detail .rbox-application fieldset .rbox-error input { border: 1px solid #ff0000 !important;}
	.career-bar .available-positions .rbox-opening-detail .rbox-application fieldset .rbox-submitting-application-form { float: left; width: 100%; margin-top: 10px;}
	
	.techpack-bar .newsletter-section { background: none; padding:0; box-shadow: none;}
	.techpack-bar .newsletter-section h4.widget-title { display: none; }
	.techpack-bar .newsletter-section .textwidget p { padding-bottom: 20px; opacity:1;}
	
	.request-a-catalog { min-height: 500px; background: #ffffff; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.6); margin: -321px 0 70px; position: relative; width: 100%; padding: 40px 110px 10px; z-index: 9;}
	.request-a-catalog h3 { font-weight: 400; color:#000; padding-bottom: 40px;}
	.request-a-catalog br { display: none; }
	.techpack-form.hs-form label { display: none;}
	.techpack-form.hs-form .input { margin-left:0;}
	.techpack-form.hs-form { max-width: 500px;}
	.techpack-form.hs-form input[type="text"], .techpack-form.hs-form input[type="tel"], .techpack-form.hs-form input[type="email"], .techpack-form.hs-form select {background: #ffffff; border: 1px solid #c1c2c3; border-radius: 0; box-sizing: border-box; box-shadow: none !important; color: #7c8180; font-family: "Karla",sans-serif; font-size: 18px; font-weight: 400; height: 43px; margin-bottom: 20px; padding: 0 10px; width: 100%; max-width: none;}
	.techpack-form.hs-form ul.hs-error-msgs { display: none !important;}
	.techpack-form.hs-form .hs-input.invalid.error { border: 1px solid #ff0000;}
	.techpack-form.hs-form input[type="submit"], .techpack-form.hs-form input[type="submit"]:active, .techpack-form.hs-form input[type="submit"]:focus {background-color: #019add !important; font-size: 23px; font-weight: 700; height: 41px; padding: 0; border-radius: 0; border: 0; background-image: none !important; background-repeat: no-repeat; background-position: 92% center; box-shadow: none; text-transform: uppercase; padding: 0 60px 0 38px; box-sizing: border-box; color:#fff; box-shadow: none !important; border:0 !important; transition: all .2s ease-in-out;}
	.techpack-form.hs-form .hs_submit { overflow: hidden; }
	.techpack-form.hs-form .actions { position: relative; padding:0; float: left;}
	.techpack-form.hs-form .actions:after { border-bottom: 4px solid #ffffff; border-left: 4px solid #ffffff; content: ""; float: left; height: 18px; position: absolute; right: 16px; top: 11px; transform: rotate(-135deg); width: 18px; }
	.techpack-form.hs-form .actions:hover:after { animation: bounce .6s; -webkit-animation: bounce .6s; -moz-animation: bounce .6s; }
	
	
	.one_sec { background: url(images/bg-home-prod.jpg) no-repeat center bottom; background-size: cover; padding-bottom: 95px;}
	
	.map-bar { padding: 65px 0;}
	.map-bar .mapss { box-shadow: 0 0 25px 0 rgba(0,0,0,0.5);}
	
	.default_page .single-page-banner .wrapper { height: 300px;}
	.default_page .common-bar.single-page { padding: 70px 109px;}
	.default_page .single-page-banner .color-overlay { background:#7a8ca1; opacity: 0.84;}
	div.wpcf7-mail-sent-ok { background: #398f14 !important; border: 2px solid #398f14 !important; color: #ffffff !important; margin:0 !important;}
	
	.filter_top { text-align: center; padding: 15px 0;}
	.filter_top ul { margin:0; padding: 0;}
	.filter_top ul li { display: inline-block; margin:0 5px;}
	.filter_top ul li a { font-family: "Karla",sans-serif; text-transform: uppercase; font-size: 18px; color:#fff; font-weight: 700; padding:6px 25px; display: block; background:#124787;}
	.filter_top ul li a:hover, .filter_top ul li.current-menu-item a { background:#fff; color:#124787;}
.career-bar.techpack-bar .career-header .midd { padding-top: 155px; }

.home .home-contact-bar { min-height: 703px; } 
.home .newsletter-section { box-shadow: 0 0 20px 13px rgba(0, 0, 0, 0.2) inset;}

.page-template-template-techpacks .product-bar .product-header .midd { padding-top: 105px;}
.page-template-template-techpacks .product-bar .product-header .midd p { font-size: 15px; line-height: 23px; padding:0 145px;}
.page-template-template-techpacks .product-bar .product-header .midd .texts { margin-bottom: 25px; }
.page-template-template-techpacks .product-bar .prod_cont { background: url(images/techpacks-vottom.jpg) no-repeat; background-size: cover; position: relative;}
.page-template-template-techpacks .product-bar .prod_cont:before { background: rgba(117,120,126,0.78); content:""; width: 100%; height: 100%; left:0; top:0; position: absolute;}
.page-template-template-techpacks .product-bar .prod_cont .cond { position: relative;}
.page-template-template-techpacks .product_section .product-list ul li h3 { color:#fff;}
.page-template-template-techpacks .product-bar .product-bg { padding-bottom: 62px; background-position: center !important;}

.contact_text { margin-bottom: 10px; display: block;}

.myIframe {
     position: relative;
     padding-bottom: 65.25%;
     padding-top: 30px;
     height: 0;
     overflow: auto; 
     -webkit-overflow-scrolling:touch; //<<--- THIS IS THE KEY 
     border: solid black 1px;
} 
.myIframe iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

	/*tech pack landing*/
	.top_banner_landing { height: 100vh; width: 100%; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; position: relative;}
	.top_banner_landing .top_banner_landing_container { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); color:#fff;}
	.top_banner_landing .top_banner_landing_container .left_d { float: left; width: 42%;}
	.top_banner_landing .top_banner_landing_container .left_d p { font-size: 16px; }
	.top_banner_landing .top_banner_landing_container .left_d h1 { line-height: 70px; }
	.top_banner_landing .top_banner_landing_container .left_d a.btn { background: none; border: 2px solid #209cd7; text-transform: none; font-size: 16px; padding: 0 45px 0 40px; border-radius: 13px;}
	.top_banner_landing .top_banner_landing_container .left_d a.btn:after { width: 12px; height: 12px; right: 18px; border-bottom: 4px solid #2699FB; border-left: 4px solid #2699FB; top: 13px;}
	
	/*download_with*/
	.download_with { background: #fff; padding: 100px 0 0px;}
	.download_with .wrapper { max-width: 1085px; padding:0;}
	.download_with .lefts { float: left; width: 50%; padding-right: 2%; padding-top: 10px;}
	.download_with .lefts h3 {color:#131928; padding:0 0 25px;}
	.download_with .lefts .icons { margin-bottom: 15px;}
	.download_with .lefts p, .download_with .lefts ul li { font-size: 16px; color:#131928;}
	.download_with .lefts ul { margin:0; padding:0;}
	.download_with .lefts ul li { list-style: none; position: relative; padding-left: 12px;}
	.download_with .lefts ul li:before { background: #131928; width: 6px; height: 6px; content:""; position: absolute; left:0; top:9px; border-radius: 100%;}
	.download_with .rights { float: right; width: 50%; padding-left: 2%;}
	.download_with .rights p { padding-bottom: 10px; }
	.download_with .rights iframe { height: 895px; }
	
	/*full_imgd*/
	.full_imgd { width: 100%; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; text-align: center; background: #fff;}
	.full_imgd img { display: inline-block; }
	
	/*how_it_works*/
	.how_it_works { background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; background-image: url(images/bottom_f.jpg); padding: 120px 0; color:#fff;}
	.how_it_works .left_video {float: left; width: 50%; padding-right: 2%; position: relative; padding-top: 10px;}
	.how_it_works .left_video a { position: relative; display: block;}
	.how_it_works .left_video a:before { content:""; background: url(images/video_icon.png) no-repeat center; width: 100%; height: 100%; position: absolute; background-size: 100px;}
	.how_it_works .left_video a:hover:before { opacity: 0.7;}
	.how_it_works .right_con {float: right; width: 50%; padding-left: 2%;}
	.how_it_works .right_con p, .how_it_works .right_con ul li { font-size: 16px; color:#fff;}
	.how_it_works .right_con h3 {color:#fff; padding:0 0 30px;}
	.how_it_works .right_con ul { margin:0; padding:0;}
	.how_it_works .right_con ul li { list-style: none; position: relative; padding-left: 12px;}
	.how_it_works .right_con ul li:before { background: #fff; width: 6px; height: 6px; content:""; position: absolute; left:0; top:9px; border-radius: 100%; }
	.how_it_works .right_con a.btn { background: none; border: 2px solid #209cd7; text-transform: none; font-size: 16px; color:#3CA5D7; padding: 0 45px 0 40px; border-radius: 13px; margin-top: 20px;}
	.how_it_works .right_con a.btn:after { border:0; background: url(images/icon_vid.png) no-repeat; transform: rotate(0deg); background-size: 9px; right: 11px; top: 10px;}
	
	/*highlights*/
	.highlights {background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; background-image: url(images/last_bottom.jpg); padding: 50px 0 70px; text-align: center; color:#fff;}
	.highlights p { font-size: 16px;}
	.highlights .list_re { margin:25px -15px 0;}
	.highlights .list_re .repaet_s { padding: 0 15px; float: left; width: 33.3%;}
	.highlights .list_re .repaet_s .backsd { background: #fff; text-align: center;  border-radius: 20px; padding: 50px 20px 30px;}
	.highlights .list_re .repaet_s .backsd img { max-width: 110px; display: inline-block; margin-bottom: 20px;}
	.highlights .list_re .repaet_s .backsd h3 { color:#164887; padding-bottom: 15px; }
	.highlights .list_re .repaet_s .backsd p { color:#131928; font-size: 16px;}
	.highlights .list_re .repaet_s .backsd .midls {}

/*image wrapping in wordpress posts*/
img.alignright {float:right; margin:1em 0 1em 1em}
img.alignleft {float:left; margin:1em 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}