*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;}
header, footer, article, section, hgroup, nav, figure {display:block;margin:0px;padding:0px;}
img {border: 0 none;height: auto;max-width: 100%;vertical-align:middle;transition: all 0.5s ease-in-out 0s;}
ul {list-style-type:none;padding:0px;margin:0px;}
a, button{text-decoration:none;outline:none;transition: all 0.5s ease-in-out 0s;color:#000;}
button, input[type="button"]{border:none;cursor:pointer;}
p, td, input, label, form, h1, h2, h3, h4, h5, h6, a {padding:0px;margin:0px;border:none;text-decoration:none;font-weight:400;}
input[type="text"],input[type="button"],input[type="submit"],input[type="email"],input[type="tel"] ,textarea {  -webkit-appearance: none;  -webkit-border-radius: 0;  -webkit-appearance: none;transition: all 0.5s ease-in-out 0s;outline:none;resize: none;}
input[type="submit"], input[type="button"], input[type="reset"]{outline:none;cursor:pointer;}
.clear {clear: both;}
h1, h2, h3, h4, h5, h6{}
.vm{vertical-align: middle;}
.relative{position: relative;}
.left{ float: left;}
.right {float:right !important;}
/*placeholder css*/
input::-webkit-input-placeholder {opacity:1 !important;}
input::-moz-placeholder {opacity:1 !important;}
input:-ms-input-placeholder {opacity:1 !important;}
input:-moz-placeholder {opacity:1 !important;}
/*ends css*/
body{margin:0;padding:0; font-size:16px; line-height:normal; color:#333333; font-family: 'Open Sans', sans-serif; font-weight:400;}


/*======= Common CSS =======*/
p{font-size:16px; line-height:24px; font-weight:400; font-family:'Open Sans', sans-serif; color:#727272;}
h1{font-size:35px; color:#fff; font-weight:300; line-height:45px;}
h2{font-size:36px; color:#333333; font-weight:700; font-family:'Oxygen', sans-serif;}
h3{font-size:30px; color:#fff; font-weight:300; line-height:40px;}
h4{font-size:24px; color:#333333; font-weight:300; line-height:26px;}
h5{font-size:24px; color:#f69a33; font-weight:400;  font-family: 'Oxygen', sans-serif;}
.fixed-wrapper{max-width:1170px;width:100%;margin:0 auto;height:auto;}

strong{font-size:40px; text-transform:uppercase; font-weight:400;} 
.read_btn{text-transform:uppercase; line-height:45px; display:inline-block; color:#fff; font-family: 'Open Sans', sans-serif; background:#19351e; padding:0 27px;} 

header{width:100%; float:left; position:absolute; top:24px; z-index:99;}
.logo{float:left;}
.consultations_outer{float:right; margin-top:4px;}
.consultations_outer a{line-height:42px; color:#fff; background:none; border:1px solid #fff; display:inline-block; padding:0 25px; font-size:14px; margin-left:8px; border-radius:3px;}
.consultations_outer a:hover{background:#f69a33; border:1px solid #f69a33;}

.consultations_btn{background:#f69a33 !important; border:none !important;}
.consultations_btn:hover{background:#0b56a4!important; border:none !important;}


.menu{float:right; margin-right:50px; margin-top:4px;}
.menu ul{float:right;}
.menu li{float:left; padding-left:35px; position:relative;}
.menu li a{color:#fff; font-size:15px; display:block; line-height:42px;}
.menu li a:hover{color:#f69a33;}
.menu li:hover .submenu{opacity:1; visibility:visible;}
.submenu{width:190px; float:left; background:rgba(40, 40, 40, 0.9); position:absolute; top:100%; padding:5px 0; opacity:0; visibility:hidden; transition-duration:1s; border-top:2px solid #fbaf42;}
.submenu li{padding:0; width:100%; border-bottom:1px solid #4f4f4f; padding:0 !important;}
.submenu li:last-child{border:none;}
.submenu li a:hover{color:#fbaf42;}
.submenu li a{line-height:34px !important; padding:0 12px !important; font-size:14px;}

.banner{width:100%; float:left; text-align:center; background:url(../images/banner.jpg) no-repeat center; min-height:710px; position:relative; background-size:cover; z-index:9;}
.banner_shape{width:100%; float:left; min-height:710px; position:relative; z-index:-1;}
.banner_shape:after{background:url(../images/banner-shape.png); height:100%; width:454px; background-size:100% 100%; position:absolute; top:0; left:0; content:""; z-index:-1;}
.banner_shape:before{width:5000px; height:100%; background:rgba(40,40,40,0.85); position:absolute; right:100%; top:0; content:"";}
.banner_text{width:100%; float:left; text-align:center; padding:215px 20% 0;}
.banner_text p{font-size:14px; line-height:22px; color:#fff; padding:20px 10% 40px;}
.banner_text a{line-height:54px; color:#fff; background:none; border:2px solid #fff; display:inline-block; width:195px; border-radius:2px; margin:0 8px;}
.banner_text a:hover{background:#f69a33; border:2px solid #f69a33;}
.page_down{position:absolute; left:0; right:0; margin:auto; bottom:50px; display:block;}

.consultations_form{width:570px; position:absolute; left:0; right:0; z-index:99; background:#fff; margin:auto; padding:45px 35px 40px; top:10%;}
.consultations_form h4{font-weight:400; margin-bottom:20px;}
.name_input{width:100%; margin-bottom:20px; float:left;}
.name_input label{color:#b8b8b8; font-size:14px; margin-bottom:6px;float:left; width:100%; font-family: 'Oxygen', sans-serif;}
.name_input input{width:100%; float:left; height:40px; border:1px solid #b3b3b3; color:#b8b8b8; padding:0 12px; font-size:14px; font-family: 'Oxygen', sans-serif;}
.name_input textarea{width:100%; float:left; height:108px; border:1px solid #b3b3b3; color:#b8b8b8; padding:12px; font-size:14px; font-family: 'Oxygen', sans-serif;}
.consultations_form input[type="submit"]{float:right; color:#fff; font-size:18px; background:#f69a33; width:111px; height:45px; font-family: 'Oxygen', sans-serif;}
.consultations_form span{color:#fff; font-size:30px; font-weight:300; width:48px; height:48px; line-height:48px; border-radius:50%; background:#f69a33; display:block; text-align:center; position:absolute; right:-23px; top:-21px; cursor:pointer;}
.consultations_form input[type="submit"]:hover{background:#0b56a4;}
.consultations_form_outer{position:fixed; width:100%; height:100%; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.7); z-index:999; line-height:100%;}

.wel_come_sec{width:100%; float:left; background:#0b56a4; padding:48px 0;}
.wel_come_left{width:670px; float:left;}
.wel_come_right{width:470px; float:right;}
.wel_come_left p{font-size:16px; color:#fff; line-height:28px; padding-top:18px;}

.edi_sec{width:100%; float:left; padding:50px 0 90px;}
.edi_head{width:100%; float:left; text-align:center;}
.edi_head p{line-height:28px; padding:10px 5% 63px;}
.edi_cell_outer{width:100%; float:left;}
.edi_cell{width:269px; float:left; margin-right:30px;}
.edi_cell h4{padding:14px 0 10px;}
.edi_cell p{font-size:14px; font-family: 'Oxygen', sans-serif; min-height:90px;}
.edi_cell a{font-family: 'Oxygen', sans-serif; font-size:14px; display:inline-block; line-height:43px; padding:0 20px; color:#fff; background:#0b56a4; margin-top:15px; max-width:200px; width:100%; text-align:center;}
.edi_cell a:hover{background:#f69a33;}
.edi_cell:last-child{margin:0;}

.edi_cell > img {
  border: 1px solid #e5e5e5;
}

footer{width:100%; float:left; background:#282828; padding:45px 0 35px;}
footer h5{margin-bottom:20px;}
.footer_left{float:left;}
.footer_left li a{font-family: 'Oxygen', sans-serif; font-size:15px; line-height:28px; color:#fff;}
.footer_left li a:hover, .call:hover{color:#f69a33;}
.footer_resource{margin:0 168px;}
.contact{float:left;}
.contact a{color:#fff;}
.contact a:hover{color:#f69a33;}
.contact p{font-family: 'Oxygen', sans-serif; font-size:15px; color:#fff;}
.contact ul{width:100%; float:left; margin-top:22px;}
.contact ul li{float:left; margin-right:25px;}
.contact ul li a:hover{opacity:0.7;}
.call{font-size:14px; font-family: 'Oxygen', sans-serif; color:#fff; margin-top:25px; display:block; float:left;}
.call i{margin-right:6px;}
.footer_right{float:right; padding-top:74px;}
.copyright{width:100%; float:left; padding:8px 0 18px; background:#2f2f2f; text-align:center;}
.copyright p{color:#f69a33 !important; font-size:14px; font-family: 'Oxygen', sans-serif;}
.copyright p a{color:#f69a33 !important;}

/*solutions CSS*/
.head{background:rgba(40,40,40,0.7); top:0; padding:24px 0;}

.inner_banner{width:100%; float:left; background:url(../images/solutions-bg.jpg) no-repeat center; background-size:cover; min-height:330px;}

.edi_communications{background:url(../images/edi-communications.jpg) no-repeat center; background-size:cover;}
.edi_integration{background:url(../images/edi-integration.jpg) no-repeat center; background-size:cover;}
.edi_portal{background:url(../images/edi-portal.jpg) no-repeat center; background-size:cover;}
.edi_software{background:url(../images/edi-software.jpg) no-repeat center; background-size:cover;}
.hosted_edi{background:url(../images/hosted-edi.jpg) no-repeat center; background-size:cover;}


.inner_banner_text{width:100%; float:left; text-align:center; padding-top:175px;}
.inner_banner_text h1{font-size:56px; margin-bottom:16px;}
.inner_banner_text ul{width:100%; float:left; text-align:center;}
.inner_banner_text ul li{color:#f69a33; font-size:15px; display:inline-block; padding:0 20px; position:relative;}
.inner_banner_text ul li:after{content:"//"; font-size:15px; color:#fff; left:96%; top:1px; position:absolute;}
.inner_banner_text ul li:last-child:after{content:"";}
.inner_banner_text ul li a{color:#fff;}
.inner_banner_text ul li a:hover{color:#f69a33;}

.middle_sec{width:100%; float:left; padding:60px 0;}
.middle_left{float:left; width:770px;}
.middle_left h2{font-weight:300; margin-bottom:30px; line-height:36px;}
.middle_left i{float:left; width:100%; margin-bottom:24px;}
.middle_right{float:right; width:370px;}
.middle_left p{line-height:28px; color:#333333; margin-bottom:20px;}
.solutions_bottom_sec{width:100%; float:left;}
.middle_left h3{color:#333333; font-size:26px; margin-bottom:14px; font-weight:400;}
.solutions_bottom_left{width:370px; float:left; padding-right:15px;}
.solutions_bottom_right{width:400px; float:right;}
.style_wrap{width:100%; float:left;}
.style_wrap li{padding:0 0 14px 25px; position:relative;}
.style_wrap li:after{width:9px; height:12px; position:absolute; left:0; top:7px; content:""; background:url(../images/left-arrow.png);}

.edi_right{width:100%; float:left; background:#f3f3f3; padding:30px; box-shadow:0 0 3px rgba(0,0,0,0.44); text-align:center; margin-bottom:20px;}
.edi_right p{font-family: 'Oxygen', sans-serif; padding:10px 0 40px;}
.edi_right_sec{width:100%; float:left; text-align:left;}
.edi_right_sec i{float:left; margin-bottom:19px;  background:#000;}
.edi_right_sec i img{box-shadow:0 0 4px rgba(0,0,0,0.33);}
.edi_right_sec i img:hover{-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);  opacity:.7;}

.edi_right_sec i a{ padding:0px;}
.edi_right_sec i a:hover{ background:#000;}

.edi_right_sec p{padding:10px 0 20px !important;}
.edi_right_sec a{background:#0b56a4; color:#fff; display:inline-block; font-family: "Oxygen",sans-serif; font-size: 14px; line-height: 43px; padding: 0 22px;}
.edi_right_sec a:hover{background:#f69a33;}

.call_right{width:100%; text-align:center; float:left;}
.call_right a{background:#f69a33; border-radius:2px; color:#fff; display:inline-block; line-height:54px; font-size:20px; width:100%; margin-bottom:10px;}
.call_right a:hover{background:#0b56a4;}
.call_right .free_consultation{background:#0b56a4;}
.call_right .free_consultation:hover{background:#f69a33;}
.consultations_form_outer{display:none;}
.home_cta{max-width:inherit !important; padding:0px !important; width:100%; background:#000 !important;}
.home_cta img:hover{-webkit-filter: grayscale(100%); filter: grayscale(100%);  opacity:.7;}

.contact_address{width:50%; float:left;}
.contact_address h6{font-size: 17px; font-weight:bold;}

.contact_address p a{color: rgb(51, 51, 51);}
.map{width:100%; float:left; padding-top:20px;}
.map iframe{width:100% !important; border:solid 1px #eaeaea !important;}

.fullwidth{width:100% !important;}

.middle_left a{text-decoration:underline; color:#333333;}

.edi_list{background:#f3f3f3; box-shadow:0 0 3px rgba(0, 0, 0, 0.44); padding:15px 15px; width:100%; float:left; margin-bottom:20px;}
.middle_right .edi_right h2{margin-bottom:30px;}
.edi_list{text-align:left;}
.edi_list ul li{padding:0 0 10px 20px; background:url(../images/left-arrow.png) no-repeat left 8px;}
.edi_list ul li a{font-size:16px !important; color:#333333;}
.edi_list ul li a:hover{color:#0b56a4;}

.style_wrap li ul{margin-top:15px;}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.name_input input.redborder, .name_input textarea.redborder {
  border-color: red;
}
.name_input input.greenborder, .name_input textarea.greenborder {
  border-color: green;
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
#form_output {
	margin: 20px 0 0; 
  float: left;
  width: 100%;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}