html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }
body { font-family: 'Droid Sans', sans-serif; font-size: 14px; line-height: 1.42857143; color: #333333; background-color: #ffffff; margin: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color: transparent; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 0.67em 0; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
 height: auto;
}
input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
*, *:before, *:after { background: transparent !important; color: #000 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; }
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
.navbar { display: none; }
.btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; }
.label { border: 1px solid #000; }
.table { border-collapse: collapse !important; }
.table td, .table th { background-color: #fff !important; }
.table-bordered th, .table-bordered td { border: 1px solid #ddd !important; }
}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a { color: #337ab7; text-decoration: none; }
a:hover, a:focus { text-decoration: none; }
a:focus { outline: none; }
figure { margin: 0; }
img { vertical-align: middle; }
.img-responsive { display: block; max-width: 100%; height: auto; }
.img-rounded { border-radius: 6px; }
.img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; }
.img-circle { border-radius: 50%; }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; }
[role="button"] { cursor: pointer; }
.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }

@media (min-width: 768px) {
.container { width: 750px; }
}

@media (min-width: 992px) {
.container { width: 970px; }
}

@media (min-width: 1200px) {
.container { width: 1170px; }
}
.container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.row { margin-left: -15px; margin-right: -15px; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }

@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
.col-sm-12 { width: 100%; }
.col-sm-11 { width: 91.66666667%; }
.col-sm-10 { width: 83.33333333%; }
.col-sm-9 { width: 75%; }
.col-sm-8 { width: 66.66666667%; }
.col-sm-7 { width: 58.33333333%; }
.col-sm-6 { width: 50%; }
.col-sm-5 { width: 41.66666667%; }
.col-sm-4 { width: 33.33333333%; }
.col-sm-3 { width: 25%; }
.col-sm-2 { width: 16.66666667%; }
.col-sm-1 { width: 8.33333333%; }
}

@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
.col-md-12 { width: 100%; }
.col-md-11 { width: 91.66666667%; }
.col-md-10 { width: 83.33333333%; }
.col-md-9 { width: 75%; }
.col-md-8 { width: 66.66666667%; }
.col-md-7 { width: 58.33333333%; }
.col-md-6 { width: 50%; }
.col-md-5 { width: 41.66666667%; }
.col-md-4 { width: 33.33333333%; }
.col-md-3 { width: 25%; }
.col-md-2 { width: 16.66666667%; }
.col-md-1 { width: 8.33333333%; }
}
table { background-color: transparent; }
caption { padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left; }
th { text-align: left; }
.table { width: 100%; max-width: 100%; margin-bottom: 20px; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #dddddd; }
.table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #dddddd; }
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; }
.table > tbody + tbody { border-top: 2px solid #dddddd; }
.table .table { background-color: #ffffff; }
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; }
.table-bordered { border: 1px solid #dddddd; }
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #dddddd; }
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; }
.table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; }
.table-hover > tbody > tr:hover { background-color: #f5f5f5; }
table col[class*="col-"] { position: static; float: none; display: table-column; }
table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; }
.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; }
.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; }
.table-responsive { overflow-x: auto; min-height: 0.01%; }

@media screen and (max-width: 767px) {
.table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #dddddd; }
.table-responsive > .table { margin-bottom: 0; }
.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; }
.table-responsive > .table-bordered { border: 0; }
.table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; }
.table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; }
.table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; }
.cms_con p.cms_img_right{width:100%;}
}
fieldset { padding: 0; margin: 0; border: 0; min-width: 0; }
legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; }
label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; }
input[type="file"] { display: block; }
input[type="range"] { display: block; width: 100%; }
select[multiple], select[size] { height: auto; }
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: none; }
output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555555; }
.form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.form-control::-moz-placeholder {
 color: #999999;
 opacity: 1;
}
.form-control:-ms-input-placeholder {
 color: #999999;
}
.form-control::-webkit-input-placeholder {
 color: #999999;
}
.form-control::-ms-expand {
 border: 0;
 background-color: transparent;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eeeeee; opacity: 1; }
.form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; }
textarea.form-control { height: auto; }
input[type="search"] { -webkit-appearance: none; }
.form-group { margin-bottom: 15px; }
.radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; }
.radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; }
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; }
.radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; }
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; }
.form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px; }
.form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 0; }
.input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }
select.input-sm { height: 30px; line-height: 30px; }
textarea.input-sm, select[multiple].input-sm { height: auto; }
.form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }
.form-group-sm select.form-control { height: 30px; line-height: 30px; }
.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; }
.form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; }
.input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; }
select.input-lg { height: 46px; line-height: 46px; }
textarea.input-lg, select[multiple].input-lg { height: auto; }
.form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; }
.form-group-lg select.form-control { height: 46px; line-height: 46px; }
.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; }
.form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; }
.has-feedback { position: relative; }
.has-feedback .form-control { padding-right: 42.5px; }
.form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; }

@media (min-width: 768px) {
.form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; }
.form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; }
.form-inline .form-control-static { display: inline-block; }
.form-inline .input-group { display: inline-table; vertical-align: middle; }
.form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; }
.form-inline .input-group > .form-control { width: 100%; }
.form-inline .control-label { margin-bottom: 0; vertical-align: middle; }
.form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; }
.form-inline .radio label, .form-inline .checkbox label { padding-left: 0; }
.form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; }
.form-inline .has-feedback .form-control-feedback { top: 0; }
}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; }
.form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; }
.form-horizontal .form-group { margin-left: -15px; margin-right: -15px; }

@media (min-width: 768px) {
.form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; }
}
.form-horizontal .has-feedback .form-control-feedback { right: 15px; }

@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; }
}

@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; }
}
.breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; }
.breadcrumb > li { display: inline-block; }
.breadcrumb > li + li:before { content: "/\00a0"; padding: 0 5px; color: #cccccc; }
.breadcrumb > .active { color: #777777; }
.close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); }
button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; }
.modal-open { overflow: hidden; }
.modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; }
.modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }
.modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.modal-open .modal { overflow-x: hidden; overflow-y: auto; }
.modal-dialog { position: relative; width: auto; margin: 10px; }
.modal-content { position: relative; background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); -webkit-background-clip: padding-box; background-clip: padding-box; outline: 0; }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; }
.modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); }
.modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); }
.modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; }
.modal-header .close { margin-top: -2px; }
.modal-title { margin: 0; line-height: 1.42857143; }
.modal-body { position: relative; padding: 15px; }
.modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; }
.modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; }
.modal-footer .btn-group .btn + .btn { margin-left: -1px; }
.modal-footer .btn-block + .btn-block { margin-left: 0; }
.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

@media (min-width: 768px) {
.modal-dialog { width: 600px; margin: 30px auto; }
.modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
.modal-sm { width: 300px; }
}

@media (min-width: 992px) {
.modal-lg { width: 900px; }
}
.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after { content: " "; display: table; }
.clearfix:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .panel-body:after, .modal-header:after, .modal-footer:after { clear: both; }
.center-block { display: block; margin-left: auto; margin-right: auto; }
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.hide { display: none !important; }
.show { display: block !important; }
.invisible { visibility: hidden; }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.hidden { display: none !important; }
.affix { position: fixed; }
@-ms-viewport {
 width: device-width;
}
.visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; }

@media (max-width: 767px) {
.visible-xs { display: block !important; }
}

@media (max-width: 767px) {
.visible-xs-block { display: block !important; }
}

@media (max-width: 767px) {
.visible-xs-inline { display: inline !important; }
}

@media (max-width: 767px) {
.visible-xs-inline-block { display: inline-block !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
.visible-sm { display: block !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block { display: block !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline { display: inline !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block { display: inline-block !important; }
}

@media (min-width: 992px) and (max-width: 1199px) {
.visible-md { display: block !important; }
}

@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block { display: block !important; }
}

@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline { display: inline !important; }
}

@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block { display: inline-block !important; }
}

@media (min-width: 1200px) {
.visible-lg-block { display: block !important; }
}

@media (min-width: 1200px) {
.visible-lg-inline { display: inline !important; }
}

@media (min-width: 1200px) {
.visible-lg-inline-block { display: inline-block !important; }
}

@media (max-width: 767px) {
.hidden-xs { display: none !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm { display: none !important; }
}

@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md { display: none !important; }
}

@media print {
.hidden-print { display: none !important; }
}
/* custome css start */

* { outline: none; }
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset, p, hr, iframe { margin: 0; padding: 0; border: none; }
a, input, select, textarea { outline: none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a { text-decoration: none; color: #333333; }
a:focus, :focus, input:focus { outline: none; }
img { max-width: 100%; vertical-align: middle; border: none; outline: none; max-height: 100%; border-radius: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; margin: 0; padding: 0; }
input, textarea, select, button { resize: none; border: 0; border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; }
select, input[type="submit"] { cursor: pointer }
p { font-size: 14px; line-height: 20px; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; }
.clear { clear: both; }
label.error { position: absolute; right: 0px; top: -20px; width: auto; height: auto; margin: 0; padding: 0; line-height: normal; font: 11px/11px arial; background: #fb0101; padding: 5px 5px 4px; color: #ffffff; display: none; }
label.error:after { border-color: #fb0101 transparent transparent; border-image: none; border-right: 6px solid transparent; border-style: solid; border-width: 6px; content: " "; height: 0; left: 20px; margin-left: -10px; position: absolute; top: 100%; width: 0; }
.transition { transition: 300ms all; -webkit-transition: 300ms all; -moz-transition: 300ms all; -ms-transition: 300ms all; }
select option { padding: 0 10px; }
.star { position: relative; }
.star:after { position: absolute; right: 15px; top: 10px; content: "*"; color: #ff0000; font: 300 14px/16px 'Titillium Web', sans-serif; }
.input_box_main.star:after { top: 3px; right: 8px; }
.absoImg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }
::-webkit-input-placeholder {
 color:#939598;
}
:-moz-placeholder {
 color:#939598;
 opacity:1;
}
::-moz-placeholder {
 color:#939598;
 opacity:1;
}
:-ms-input-placeholder {
 color:#939598;
}
/* header css start from here */
.header_main { float: left; width: 100%; margin: 0; position: relative }
.header_top { margin-top: 20px; margin-bottom: 20px; }
.sao_logo_bg { position: relative }
.mobile_logo { display: none }
.header_main:before { content: ""; position: absolute; /* right: 0; */ left: 0; top: 0; bottom: 0; background: url(../../Content/images/header-left-bg.png) repeat left top; z-index: -1; margin: 0 0 0 -100px; width: 50%; }
.header_main:after { content: ""; position: absolute; right: 50%; top: 0; bottom: 0; background: #fff; z-index: -1; margin: 0; width: 140px; transform: skewX(18deg); border-left: 8px solid #f1f1f1; }
.right_logo { float: right; text-align: right }
.right_logo a { margin: 5px 0 0 0; display: inline-block }
.menu_main { float: left; width: 100%; background: #12384f; }
.menu_main .navigation { float: left; width: auto; }
.navigation .menu-icon { display: none; float: left; height: 26px; margin: 0; padding: 0; width: 40px; text-transform: uppercase; right: 6px; top: 12px; text-decoration: none; font-family: 'Droid Sans', sans-serif; font-size: 20px; font-weight: 400; color: #fff; font-style: normal; z-index: 999; margin-top: 0; text-align: center; position: relative; overflow: hidden; line-height: 26px; }
.navigation .menu-icon span { width: 100%; height: 3px; background-color: #fff; position: absolute; left: 0; top: 0; transition: all 500ms cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s; -webkit-transition: all 500ms cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s; -moz-transition: all 500ms cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s; -ms-transition: all 500ms cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s; -moz-border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.navigation .menu-icon span.line2 { top: 10px; }
.navigation .menu-icon span.line3 { top: 19px; }
.navigation .menu-active span.line1 { display: inline-block; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; top: 12px; }
.navigation .menu-active span.line2 { opacity: 0; left: -200px; }
.navigation .menu-active span.line3 { display: inline-block; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); top: 12px; }
.menu_main .navigation ul { list-style: none; }
.menu_main .navigation ul li { float: left; width: auto; color: #fff; font-family: 'Droid Sans', sans-serif; font-size: 16px; line-height: 22px; padding: 0; font-weight: 400; }
.menu_main .navigation ul li ul.sub_menu { position: absolute; width: 260px; z-index: 999; opacity: 0; -webkit-transition: opacity 0.5s linear, visibility 0.5s linear; -moz-transition: opacity 0.5s linear, visibility 0.5s linear; -o-transition: opacity 0.5s linear, visibility 0.5s linear; transition: opacity 0.5s linear, visibility 0.5s linear; visibility: hidden }
.menu_main .navigation ul li ul.sub_menu li { float: left; width: 100%; background: #134665; border-top: 1px solid rgb(29, 96, 138); border-bottom: 1px solid #0F374E; }
.menu_main .navigation ul li ul.sub_menu li:first-child { border-top: none }
.menu_main .navigation ul li ul.sub_menu li:last-child { border-bottom: none }
.menu_main .navigation ul li ul.sub_menu li a { width: 100% }
.menu_main .navigation ul li ul.sub_menu li a:after { transform: skewX(0deg); }
.menu_main .navigation ul li a { color: #fff; padding: 12px 20px; display: inline-block; position: relative; z-index: 999; transition: all 0.5s; }
.menu_main .navigation ul li a:after { content: ""; width: 0; height: 100%; background: #1D5E86; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -webkit-transform: skewX(25deg); transform: skewX(25deg); transition: all 0.5s; margin: auto; }
.menu_main ul li a.active:after { opacity: 1; width: 100% }
.con_number { float: right; width: auto; font-family: 'Droid Sans', sans-serif; color: #fff; font-size: 24px; font-weight: 700; line-height: 30px; position: relative; padding-left: 36px; margin: 8px 0; }
.con_number .m_contact { color: #fff; }
.m_contact { display: none }
.con_number:before { content: ""; background: url('../../Content/images/sprite.png') no-repeat -2px -2px; position: absolute; left: 0; width: 29px; height: 29px; }
.home_slider { float: left; width: 100%; text-align: center; }
.home_slider .slick-slide, .mobile_slider .slick-slide { float: left; width: 100%; overflow: hidden }
.slick-slide { display: none; float: left; min-height: 100px; height: 100%; min-height: 1px; }
.mobile_slider img, .home_slider img { max-width: inherit; max-height: inherit; position: relative; left: 50%; transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); }
.home_slider .slick-arrow { position: absolute; top: 50%; width: 50px; height: 50px; margin-top: -38px; background: rgba(255, 255, 255, 0.66); overflow: hidden; font-size: 0px; cursor: pointer; z-index: 1; border-radius: 60%; border: 2px solid rgba(0, 0, 0, 0.5); }
.mobile_slider { display: none }
.home_slider .slick-next { right: 10px; }
.home_slider .slick-next:after { content: ""; left: -3px; display: inline-block; width: 16px; height: 16px; border-right: 3px solid #12384F; border-top: 3px solid #12384F; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-right: 5px; top: 0; position: relative; vertical-align: top; margin: 0 auto; }
.home_slider .slick-prev { left: 10px; }
.home_slider .slick-prev:after { content: ""; right: -3px; display: inline-block; width: 16px; height: 16px; border-left: 3px solid #12384F; border-bottom: 3px solid #12384F; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-right: 5px; top: 1px; position: relative; vertical-align: top; margin: 0 auto; }
.home_slider .slick-dots, .mobile_slider .slick-dots { position: absolute; left: 0; right: 0; bottom: 20px; text-align: center; }
.mobile_slider .slick-dots { bottom: 0 }
.home_slider .slick-dots li, .mobile_slider .slick-dots li { display: inline-block; margin: 0 4px; width: 14px; height: 14px; text-indent: -999; background: rgba(161,161,161,0.5); border-radius: 60%; cursor: pointer; position: relative; text-align: center; border:1px solid #12384F}
.home_slider .slick-dots li.slick-active, .mobile_slider .slick-dots li.slick-active { background: #fff; }
.home_slider .slick-dots li.slick-active:after, .mobile_slider .slick-dots li.slick-active:after { content: ""; width: 6px; height: 6px; background: #12384f; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 60%; }
.home_slider .slick-dots li button, .mobile_slider .slick-dots li button { display: none; }
/* header css end from here */
.content_main { float: left; width: 100%; background: #12384f; overflow: hidden; }
.Craftsman_right { position: relative; z-index: 10; }
.Craftsman_right:before { content: ""; width: 0; height: 0; border-left: 60px solid transparent;  /* left arrow slant */ border-right: 0px solid transparent; /* right arrow slant */ border-top: 695px solid #12384f; /* bottom, add background color here */ font-size: 0; line-height: 0; position: absolute; left: -44px; }
.sap_con { float: left; position: relative }
.sap_con img.sap_con_bg { max-width: inherit; max-height: inherit; width: auto; float: right; z-index: 1; margin-right: -15px; position: absolute; right: 0; top: 0; }
.sap_con .sap_con_main { padding-right: 60px; }
.home_con { float: left; width: 100%; text-align: center; padding: 60px 0; position: relative; z-index: 10; }
.home_con.Craftsman_con_main { padding-left: 40px; }
.home_con .home_con_img { display: inline-block; margin: 0 auto; }
.home_con .home_con_title { float: left; width: 100%; font-family: 'Droid Sans', sans-serif; font-size: 38px; line-height: 34px; font-weight: 700; text-transform: uppercase; margin-top: 10px; color: #000; margin-bottom: 10px; }
.home_con .home_con_title span { color: #ece810; }
.readmore_btn { display: inline-block; position: relative; margin-top: 20px; }
.readmore_btn:before { content: ""; width: 100%; height: 100%; position: absolute; right: -4px; bottom: -4px; border-right: 4px solid #12384f; border-bottom: 4px solid #12384f; z-index: -1 }
.Craftsman_con_main .readmore_btn:before { border-right: 4px solid #fff; border-bottom: 4px solid #fff; }
.readmore_btn a { display: inline-block; font-family: 'Droid Sans', sans-serif; font-weight: 700; text-align: center; padding: 10px 30px; border: 1px solid #12384f; color: #12384f; background-color: transparent; text-transform: uppercase; font-size: 20px; line-height: 26px; position: relative; z-index: 10; box-shadow: 1px 1px 3px rgba(0,0,0,0.34); }
.readmore_btn a span { position: relative; z-index: 10 }
.home_con p { float: left; width: 100%; font-family: 'Droid Sans', sans-serif; font-size: 16px; line-height: 28px; color: #000; }
.home_con .home_con_title .sub_title { display: block; font-size: 16px; text-transform: none; }
.Craftsman_con_main .home_con_title { color: #fff; }
.Craftsman_con_main p { color: #fff }
.Craftsman_con_main .readmore_btn a { border-color: #fff; color: #fff; }
.enquire_main { margin-top: 40px; margin-bottom: 40px; float: left; width: 100%; }
.enquire_main .enquire_title { float: left; width: 100%; text-align: center; font-family: 'Droid Sans', sans-serif; font-weight: 700; font-size: 30px; line-height: 32px; color: #12384f; }
.notes { display: block; text-align: center; font-family: 'Droid Sans', sans-serif; font-size: 12px; color: #333; line-height: 18px; font-weight: 400; float: left; width: 100%; margin-top: 4px; }
.button_main { float: left; width: 100%; text-align: center;  }
.submit_btn { display: inline-block; width: auto; padding: 10px 40px; background-color: transparent; color: #dc6b27; border: 1px solid #dc6b27; font-family: 'Droid Sans', sans-serif; font-size: 20px; text-align: center; line-height: 30px; text-transform: uppercase; font-weight: 700; box-shadow: 1px 1px 3px rgba(0,0,0,0.34); position: relative }
.submit_btn:before { content: ""; width: 100%; height: 100%; border-right: 4px solid #dc6b27; border-bottom: 4px solid #dc6b27; position: absolute; right: -5px; bottom: -5px; z-index: -1; }
.form_main { margin-top: 30px; margin-right:-15px; display:inline-block; min-width:100%;}
.form_main .forlm_list { float: left; width:50%; padding-right: 15px; }

.form_main .forlm_list .input_box_main { float: left; width: 100%; }
.form_main .forlm_list:last-child { padding-right: 0; }
.form_main .forlm_list .input_box { float: left; width: 100%; border: 1px solid #d7d7d7; padding: 10px; background: #f8f8f8; font-family: 'Droid Sans', sans-serif; font-size: 15px; line-height: 20px; margin-bottom: 15px; color:#666;}
.form_main .forlm_list textarea.input_box { min-height: 80px; }
/* css for captcha box start from here  */
.capBox { float: left; width: 100%; height: 80px; padding: 15px 15px 10px; }
.refresh { float: left; width: 20px; height: 20px; background: url(../../Content/images/sprit.png) no-repeat -63px -71px; margin: 5px 10px 0 0; }
.capImg { float: left; }
.equal { float: left; line-height: 28px; color: #000; margin: 0 10px; }
.capInput { float: left; width: 115px; position: relative; background-color: #999999; }
.capInput span { line-height: 28px; color: #fff; }
.capInput .txt { height: 28px; padding: 0; text-align: center; color: #fff; }
.capBox p { float: left; font-size: 12px; padding-left: 29px; }
.captxt { position: absolute; right: 0; bottom: 0; width: 80px; height: 18px; background: url(../../Content/images/sprit.png) no-repeat -128px 0; }
/* css for captcha box end from here  */
/* footer css start from here */
.footer_main { float: left; width: 100%; background: #ebebeb; }
.footer_conbox { margin-top: 40px; margin-bottom: 40px; }
.footer_conbox .footer_title { float: left; width: 100%; font-family: 'Droid Sans', sans-serif; font-weight: 700; font-size: 20px; color: #333; line-height: 26px; border-bottom: 1px solid #b7b7b7; position: relative; margin-bottom: 20px; padding-bottom: 6px }
.footer_conbox .footer_title:after { content: ""; width: 68px; height: 3px; background: #b7b7b7; position: absolute; bottom: -3px; left: 0; }
.footer_con { float: left; width: 100%; }
.footer_con p { float: left; width: 100%; font-family: 'Droid Sans', sans-serif; font-size: 14px; line-height: 22px; color: #333; text-align: justify; padding-bottom: 10px; }
.footer_con .read_more a { display: inline-block; font-family: 'Droid Sans', sans-serif; font-weight: 700; font-size: 14px; color: #12384f; line-height: 18px; position: relative; padding-right: 16px }
.footer_con .read_more a:after { content: ""; position: absolute; right: 0; top: 4px; background: url('../../Content/images/sprite.png') no-repeat -34px -1px; width: 10px; height: 11px; }
.footer_con ul { float: left; width: 100%; list-style: none }
.footer_con ul li { float: left; width: 50%; list-style: none }
.footer_con ul li a { float: left; width: auto; font-family: 'Droid Sans', sans-serif; font-size: 14px; line-height: 22px; color: #333; padding-left: 16px; position: relative; padding-bottom: 8px; }
.footer_con ul li a:before { content: ""; display: inline-block; width: 6px; height: 6px; border-right: 1px solid #58595b; border-top: 1px solid #58595b; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-right: 10px; vertical-align: middle; position: absolute; left: 0; top: 8px; }
.footer_con ul li.active a { color: #dc6b27 }
.footer_con ul li.active a:before { border-color: #dc6b27; }
.ftr_adress { float: left; width: 100%; position: relative; padding-left: 16px; font-family: 'Droid Sans', sans-serif; font-size: 14px; line-height: 20px; color: #333; }
.ftr_adress strong { font-weight: 700; font-size: 16px; color: #000; }
.ftr_adress:before { content: ""; background: url('../../Content/images/sprite.png') no-repeat -49px -1px; width: 9px; height: 15px; position: absolute; left: 0; top: 2px; }
.footer_copyright { float: left; width: 100%; background: #363636; padding: 10px 0; }
.footer_copyright p { color: #fff; text-align: center; font-family: 'Droid Sans', sans-serif; font-size: 14px; line-height: 18px; }
.footer_copyright p a { color: #fcf01a; font-weight: 700; }
.footer_copyright p span.created:before { content: "|"; display: inline-block; padding-right: 5px; }
.footer_copyright .webential_logo { background: url('../../Content/images/sprite.png') no-repeat 0 -33px; width: 45px; height: 16px; display: inline-block; vertical-align: middle; }
/* footer css end from here */

/* about us start*/
.inner_con { float: left; width: 100%; margin: 40px 0; }
.breadcrumb_main { float: left; width: 100%; padding: 40px 0; border-bottom: 2px solid #f1f1f1; position: relative; background-color: #ffffff; background-repeat: no-repeat; background-size: inherit; /*background-attachment: fixed;*/ background-position: center center; background-image: url('../../Content/images/breadcrumb_bg.jpg'); }
/*.breadcrumb_main:after{content:""; width:100px; height:3px; position:absolute; bottom:0; left:0; background:#14547B}*/
.breadcrumb_main .page_title { float: left; width: 100%; font-family: 'Droid Sans', sans-serif; font-size: 36px; line-height: 36px; font-weight: 700; color: #fff; text-transform: uppercase; }
.breadcrumb_main .page_title span { color: #FFF; }
.breadcrumb_main .breadcrumb_list { float: left; width: auto; list-style: none; margin-top: 5px }
.breadcrumb_main .breadcrumb_list li { float: left; padding: 0 10px; position: relative; font-family: 'Droid Sans', sans-serif; font-size: 14px; line-height: 18px; color: #666; }
.breadcrumb_main .breadcrumb_list li a { color: #fff; font-weight: 700; }
.breadcrumb_main .breadcrumb_list li:after { content: ""; display: inline-block; width: 6px; height: 6px; border-right: 1px solid #fff; border-top: 1px solid #fff; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 7px; right: -2px; vertical-align: middle; -moz-transition: all .5s ease-in-out; -ms-transform: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.breadcrumb_main .breadcrumb_list li:first-child { padding-left: 0; }
.breadcrumb_main .breadcrumb_list li:last-child { padding-right: 0; }
.breadcrumb_main .breadcrumb_list li:last-child:after { display: none }
.breadcrumb_main .breadcrumb_list li.active span, .breadcrumb_main .breadcrumb_list li.active a{ color: #fcf01a; font-weight: 700; }
/*------ csm contact style -----*/
.cms_con p { /*float: left; width: 100%; */font-family: 'Droid Sans', sans-serif; font-size: 14px; line-height: 20px; color: #666; padding-bottom: 15px; text-align: justify }
.cms_img_right{float:right; width:auto; margin-left:20px;}
/* css only for hover effect   */
/*----- contact us start -----*/
.contact_main { float: left; width: 100%; margin: 40px 0; }
.contact_info { float: left; min-width: 100%; margin:0 -10px 20px -10px; }
.contact_info .contact_infoBox_main{float:none; display:inline-block; vertical-align:top; width:33.33%; padding:0 10px;margin:0 -2px 15px -2px ;}
.contact_info .contact_infoBox { float: left; width: 100%; height: 73px; border: 1px solid #dadada; padding: 10px; padding-left: 80px; position: relative;  font-family: 'Droid Sans', sans-serif; font-size: 14px; font-weight: 400; color: #333; line-height: 18px; vertical-align: middle; display: table; }
.contact_info .contact_infoBox p { display: table-cell; vertical-align: middle; line-height:17px;}
.contact_info .contact_infoBox.mobile_number p, .contact_info .contact_infoBox.fax_number p, .contact_info .contact_infoBox.phone_call p {font-size:16px;}
.contact_info .contact_infoBox.address strong { display: block }
.contact_info .contact_infoBox.email a { color: #1D5E86; word-break: break-all; display:block}
.contact_info .contact_infoBox:before { content: ""; width: 70px; height: 100%; background: #ececec; position: absolute; left: 0; top: 0; bottom: 0; }

.contact_info .contact_infoBox:after { content: ""; background: url('../../Content/images/sprite.png') no-repeat -64px -2px; width: 44px; height: 47px; position: absolute; left: 13px; top: 0; bottom: 0; margin: auto; }
.contact_info .contact_infoBox.email:after { width: 52px; height: 44px; background-position: -64px -49px; left:10px; }
.contact_info .contact_infoBox.phone_call:after { width: 36px; height:36px; background-position: -72px -99px; left:17px;}
.contact_info .contact_infoBox.fax_number:after { width: 37px; height: 35px; background-position: -74px -146px; left:17px;}
.contact_info .contact_infoBox.mobile_number:after { width: 21px; height: 36px; background-position: -83px -188px; left:22px;}
.map-canvas { float: left; width: 100%; height: 460px; }
.map-canvas img { width: auto !important; max-height: none !important; max-width: none !important; }
.con_formMain { float: left; width: 100%; }
.con_formMain ul { list-style: none; margin: -10px; }
.con_formMain ul li { float: left; width: 50%; padding: 10px; }
.con_formMain ul li .input_box { float: left; width: 100%; border: 1px solid #d5d5d5; padding: 12px 10px; font-family: 'Droid Sans', sans-serif; font-size: 14px; line-height: 22px; color: #333; border-radius: 3px; }
.con_formMain ul li .input_box:focus { border-color: #14547B; -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.14); -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.14); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.14); box-shadow: 0px 0px 6px rgba(0,0,0,0.14); }
/*.con_formMain ul li.message_box { width: 100%; }*/
.con_formMain ul li.message_box .input_box { min-height: 80px; }
.con_formMain ul li.button_main { width: 100%; text-align: center; padding-bottom: 0; }
.productPage { float: left; width: 100%; }
.productMain { border: 1px solid #dddddd; float: left; margin-bottom: 10px; width: 100%; }
.productTitle { cursor: pointer; font-family: "Droid Sans", sans-serif; color: #333; font-size: 18px; font-weight: bold; text-transform: capitalize; line-height: 20px; }
.productDetail.firstOpen { display: block }
.Proarrow { background: url(../../Content/images/sprite.png) no-repeat 0 -174px; width: 64px; height: 49px; display: inline-block; vertical-align: middle; position: relative; margin-right: 10px; }
.Proarrow:after { content: ""; background: url(../../Content/images/sprite.png) no-repeat -2px -230px; width: 16px; height: 16px; display: inline-block; position: absolute; left: 17px; top: 19px; }
.productDetail { display: none; border-top: 1px solid #dddddd; float: left; width: 100%; padding: 15px; color: #666666; font-family: "Droid Sans", sans-serif; font-size: 14px; line-height: 20px; text-align: justify; }
.productDetail ul { float: left; width: 100%; margin-top: 10px; }
.productDetail ul li { list-style-type: none; float: left; width: 100%; position: relative; padding-left: 15px; margin-bottom: 10px; }
.productDetail ul li:last-child, .productMain:last-child { margin-bottom: 0px; }
.productDetail ul li:after { content: ""; position: absolute; border: 1px solid #dc6b27; height: 8px; width: 8px; left: 0; -moz-border-radius:60%; -ms-border-radius:60%; -webkit-border-radius:60%; border-radius:60%; top: 7px; }
.productTitle.active { background-color: #dc6b27; color: #fff; }
.productTitle.active .Proarrow { background-position: 0 -120px; }
.productMain .productTitle.active .Proarrow:after { background-position: -45px -230px; width: 17px; }
.Thanku { text-align: center; font-family: "Droid Sans", sans-serif; font-size: 16px; color: #666; float: left; width: 100%; margin: auto; padding: 50px 0; }
.Tytext { text-align: center; float: left; width: 100%; font-family: "Droid Sans", sans-serif; line-height: 110px; font-size: 100px; color: #14547b; font-weight: 700; text-shadow: 4px 3px 0 #ffffff, 9px 8px 0 rgba(0, 0, 0, 0.15); }
.Txorg { color: #dc6b27; }
.Tysubtxt { background: #f2f2f2; width: auto; display: inline-block; text-align: center; padding: 10px; margin-top: 10px; }
.cms_con h4 { font-family: "Droid Sans", sans-serif; font-size: 22px; color: #666; float: left; width: 100%; margin-bottom: 10px; font-weight: 700; }
.cms_con .ProcesStep h4.ProcesTitle{font-family: "Droid Sans", sans-serif; font-size: 18px; color: #666; float: left; width: 100%; margin-bottom: 10px; font-weight: 700;background: #1d5e86;height: 44px;line-height: 44px; color: #fff; position: relative;padding-left:45px;border-radius: 25px 0 0 25px;text-transform: uppercase;}
.cms_con .ProcesStep h4.ProcesTitle span{position: absolute;background: #dc6b27;content: "";left: -5px;top: 0;height: 44px;width: 44px;border: 4px solid #fff;text-align: center;border-radius: 50%;line-height: 37px;}
.cms_con  .ProcesStep p{padding-left: 20px;}
.cms_con p.lastp { padding-bottom: 0; }
.cms_con a { color: #dc6b27; font-family: "Droid Sans", sans-serif; font-size: 14px; line-height: 22px; }
.cms_con ul { float: left; width: 100%; margin-top: 10px; }
.cms_con ul li { list-style-type: none; float: left; width: 100%; position: relative; padding-left: 15px; margin-bottom: 10px; color: #666666; font-family: "Droid Sans", sans-serif; font-size: 14px; line-height: 22px; }
.cms_con ul li:last-child, .cms_con ol li:last-child { margin-bottom: 0px; }
.cms_con ul li:after { content: ""; position: absolute; border: 1px solid #dc6b27; height: 8px; width: 8px; left: 0; -moz-border-radius:60%; -ms-border-radius:60%; -webkit-border-radius:60%; border-radius:60%; top: 7px; }
.cms_con ol { float: left; width: 100%; margin: 10px 0 0 15px; }
.cms_con ol li { float: left; width: 100%; position: relative; margin-bottom: 10px; color: #666666; font-family: "Droid Sans", sans-serif; font-size: 14px; line-height: 22px; }
/* gallery page */
.GalleryMain { float: left; width: 100%; position: relative; margin: 0 auto; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.GalleryInner { margin: 30px 0; }
.GalleryHeading { float: left; width: 100%; margin-bottom: 20px; }
.dropdown { float: left; width: 100%; position: relative; }
.dropdown dd { float: left; width: 100%; }
.dropdown dt { display: none; }
.dropdown dd, .dropdown ul { margin: 0px; padding: 0px; }
.dropdown dd { position: relative; }
.dropdown a, .dropdown a:visited { color: #816c5b; text-decoration: none; outline: none; }
.dropdown dt span.mobi { background: #e4dfcb url(arrow.png) no-repeat scroll right center; display: block; padding-right: 20px; border: 1px solid #d4ca9a; }
.dropdown dt span { cursor: pointer; display: block; }
.dropdown dd ul { color: #000; display: block; list-style: none; }
.dropdown span.value { display: none; }
.boxHover { float: left; width: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; text-align: center; display: block; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; }
.zoomBtn { border: 2px solid #fff; display: inline-block; height: 44px; position: relative; vertical-align: top; width: 44px; margin: 79px 0; }
.zoomBtn:before { background: url(../../Content/images/sprite.png) no-repeat -29px -50px; content: ""; height: 20px; left: 50%; margin: -10px 0 0 -10px; position: absolute; top: 50%; width: 20px; }
#portfoliolist .portfolio-wrapper a img { -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); transition: all 800ms; }
#filters { padding: 0; list-style: none; float: left; text-align: center; width: 100%; }
#filters li { display: inline-block; }
#filters li span { display: block; padding: 5px 20px; margin: 0px 10px; text-decoration: none; color: #fff; cursor: pointer; font-family: 'Droid Sans', sans-serif; font-size: 16px; font-weight: 400; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; background: #1D5E86; border-radius: 5px; position: relative; }
#filters li span.active { background: #DC6B27; color: #fff; }
#filters li span.active:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-top-color: #DC6B27; border-width: 8px; margin-left: -10px; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
#portfoliolist { margin: 0 -1%; }
#portfoliolist .portfolio { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 23%; margin: 1%; display: none; float: left; overflow: hidden; }
.portfolio-wrapper { overflow: hidden; position: relative !important; cursor: pointer; float:left; width:100%;     border: 1px solid #e2e2e2; text-align:center; padding:4px;}
.portfolio-wrapper a{display:inline-block; margin:auto; max-width:100%; overflow:hidden; position:relative; vertical-align:top}
.portfolio img { max-width: 100%; position: relative; display:inline-block}
.portfolio .label { position: absolute; width: 100%; height: 40px; bottom: -40px; }
.portfolio .label-bg { background: #e95a44; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.portfolio .label-text { color: #fff; position: relative; z-index: 500; padding: 5px 8px; }
.portfolio .text-category { display: block; font-size: 9px; }
/* gallery page end */
/* shyam */
.Error { float: left; width: 100%; text-align: center; }
.ErrorText { float: left; width: 100%; text-align: center; }
.ErrorText p { font-family: 'Droid Sans', sans-serif; font-size: 16px; color: #888; display: inline-block; padding: 10px 20px; border-top: 2px solid #ebebeb; border-bottom: 2px solid #ebebeb; }
.NotFound { margin: 30px 0; }

/* shyam end */
.form_main .forlm_list.message_mainBox {/*padding-right:0;*/}
.form_main .forlm_list .captcha-box{ margin-bottom:15px;}
.captcha-box{float:left; width:100%; min-height:80px; border: 1px solid #D7D7D7; padding:10px; position:relative}
.con_formMain ul li .captcha-box{-moz-border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.captcha-box.star:after{right:6px; top:2px}
.refresh-icon, .captcha-img{float: left;padding: 0 15px 0 0;}
.captcha-img span{padding: 0 0px 0 10px;vertical-align: middle;}
.captcha-input input[type="text"], .captcha-input input[type="tel"]{border: 1px solid #e8e8e8;float: left;width: 65px;height: 30px;text-align: center;padding: 5px;font: 400 14px/16px 'Lato', sans-serif;color: #707070;}
.captcha-input em{font:400 16px/20px 'Droid Sans', sans-serif;padding-left: 2px;}
.avoid-spam{float: left; width:100%;}
.avoid-spam p{width: 100%; font: 14px/18px 'Droid Sans', sans-serif; color:#666; margin-top:5px; margin-bottom:-6px}
.avoid-spam span{background-color: #7a7a7a; bottom: 0; color: #ffffff; float: right; font: bold 11px/18px arial; padding: 0 10px; position: absolute; right: 0;}
.system-error{float: left;
    width: 100%;
    font-family: 'Droid Sans', sans-serif;
    font-size: 14px; line-height:16px;
    color: #FF0000;
    margin-bottom: 6px;}
.footer_con p strong {
    min-width: 50px;
    display: inline-block;
}
.contact_main .con_formMain .system-error{margin-bottom:0;}
/* Sitemap Page Start */

.sitemapMain{float:left;width:100%;background:#f8f8f8;padding:20px;}
.sitemapMain ul{list-style:none;}
.sitemapMain ul li a{color:#12384f;font-family:'Droid Sans', sans-serif;font-size:15px;line-height:22px;font-weight:400;position:relative;padding-left:15px;}
.sitemapMain ul li a:before{content: "";position: absolute;left: 0;top: 3px;background: url(../../Content/images/sprite.png) no-repeat -34px -1px;width: 10px;height: 11px;}
.sitemapMain ul.Quick{width:25%;float:left;}
.sitemapMain ul.Quick li{margin-bottom:10px;}
/* .sitemapMain ul.SubSite{width:75%;float:left;} */
.sitemapMain ul.SubSite{width:100%;float:left;}
/* .sitemapMain ul.SubSite li{float:left;width:50%;} */
.sitemapMain ul.SubSite li{float:left;width:33.33%;}
.sitemapMain ul.SubSite li ul{float:left;width:100%;padding:5px 0 0 20px;}
.sitemapMain ul.SubSite li ul li{float:left;width:100%;margin-bottom:10px;}
.sitemapMain ul.SubSite li ul li:last-child{margin-bottom:0;}
.SubSite li span{color:#12384f;font-family: 'Droid Sans', sans-serif;font-size: 17px;line-height: 22px;font-weight: 700;}

@media only screen and (min-width: 1200px) {
.Craftsman_con_main .readmore_btn a:after { background: #fff }
.Craftsman_con_main .readmore_btn a:hover { color: #12384f }
.readmore_btn a:hover { color: #fff; }
.readmore_btn a:after { position: absolute; left: 0; top: 0; content: ''; width: 0; background-color: #12384f; height: 100%; z-index: 1; transition: 300ms all; -webkit-transition: 300ms all; -moz-transition: 300ms all; -ms-transition: 300ms all; }
.readmore_btn a:hover:after { width: 100%; }
.menu_main .navigation ul li:hover ul.sub_menu { visibility: visible; opacity: 1; display: block }
.menu_main .navigation ul li:hover > a:after { opacity: 1; width: 100% }
.home_slider .slick-arrow:hover { background-color: #fff; border-color: #12384F }
.submit_btn:after { position: absolute; left: 0; top: 0; content: ''; width: 0; background-color: #dc6b27; height: 100%; z-index: -1; transition: 300ms all; -webkit-transition: 300ms all; -moz-transition: 300ms all; -ms-transition: 300ms all; }
.submit_btn:hover:after { width: 100%; left: 0; }
.submit_btn:hover:before { border-right: 4px solid #A2450C; border-bottom: 4px solid #A2450C; }
.submit_btn:hover { color: #fff; }
.footer_con p a:hover { color: #dc6b27 }
.footer_con .read_more a:hover { color: #dc6b27; }
.footer_con .read_more a:hover:after { background-position: -34px -15px }
.footer_con ul li a:hover { color: #dc6b27 }
.footer_con ul li a:hover:before { border-color: #dc6b27; }
.footer_copyright p a:hover { color: #FFF }
.contact_info .contact_infoBox.email a:hover { color: #DC6B27 }
.productTitle:hover { background-color: #dc6b27; color: #fff; }
.productTitle:hover .Proarrow { background-position: 0 -120px; }
.productTitle:hover .Proarrow:after { background-position: -20px -230px; }
.cms_con a:hover { text-decoration: underline; }
.portfolio-wrapper:hover .boxHover { background: rgba(18,56,79,0.70); opacity: 1; }
#portfoliolist .portfolio-wrapper:hover > a img { -moz-transform: scale(1.5); -ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5);}
#filters li span:hover { background: #DC6B27; color: #fff; }
.sitemapMain ul li a:hover{color:#dc6b27;}
.sitemapMain ul li a:hover:before{background-position: -34px -15px;}
}

/* Custome responsive css start from here */
@media only screen and (max-width: 1199px) {
.header_main:before { margin-left: 0; width: 59% }
.header_main:after { margin-right: -140px; }
.home_con { padding: 30px 0; }
.d_contact { display: none }
.m_contact { display: inline-block; }
.menu_main .navigation ul li ul.sub_menu{opacity:1; visibility:visible; display:none;}
#map{pointer-events: none;}
}

@media only screen and (max-width: 991px) {
.Craftsman_right:before { display: none; }
.sap_con img.sap_con_bg { max-height: 100%; }
.form_main .forlm_list { width: 50%; }

.sap_con .sap_con_main { padding-right: 0; }
.contact_info .contact_infoBox_main{width:50%;}
}

/* common css for screen size < 767  */
@media only screen and (max-width: 767px) {
.navigation .menu-icon { display: block }
.main_menu { position: absolute; width: 100%; left: 0; right: 0; display: none; z-index: 999; top: 46px; }
.menu_main .navigation ul li { width: 100%; background: #134665; border-top: 1px solid rgb(29, 96, 138); border-bottom: 1px solid #0F374E; position: relative; }
.menu_main .navigation ul li .arrow { position: absolute; right: 0; top: 0px; width: 36px; height: 46px; cursor: pointer; z-index: 9999; }
.menu_main .navigation ul li .arrow:after { content: ""; position: absolute; right: 10px; top: 50%; margin-top: -9px; background: url('../../Content/images/sprite.png') no-repeat -4px -82px; width: 18px; height: 18px; cursor: pointer; z-index: 99; }
.menu_main .navigation ul li .arrow.minus:after { background-position: -4px -106px; height: 2px; margin-top: -1px; }
.menu_main .navigation ul li ul.sub_menu { position: static; display: none; opacity: 1; visibility: visible; width: 100%; }
.menu_main .navigation ul li ul.sub_menu li { padding-left: 20px; background: #1D587B }
.menu_main .navigation ul li:first-child { border-top: none }
.menu_main .navigation ul li:last-child { border-bottom: none }
.menu_main .navigation ul li:last-child { border-bottom: none }
.menu_main .navigation ul li a { width: 100%; }
.menu_main .navigation ul li a.active { background: #1D5E86 }
.menu_main .navigation ul li a:after { display: none; }
.home_slider { display: none; }
.mobile_slider { display: block; float: left; width: 100% }
.footer_conbox { margin: 0; }
.footer_conbox .footer_title { margin: 10px 0 }
.toggle_body { display: none }
.toggle_title { position: relative; }
.toggle_title:before { background: url(../../Content/images/sprite.png) no-repeat -4px -51px; width: 18px; height: 18px; right: 2px; top: 50%; margin-top: -9px; position: absolute; content: ""; }
.toggle_title.active:before { background-position: -4px -75px; height: 2px; margin-top: -1px; }
.form_main { margin-top: 20px; }
.home_con.Craftsman_con_main { padding-left: 0; }
.home_con .home_con_title { font-size: 28px; }
.home_con p { font-size: 14px; }
.readmore_btn a { border: 2px solid #12384f; }
.breadcrumb_main { padding: 10px 0; }
.breadcrumb_main .page_title { font-size: 22px; }
.breadcrumb_main .breadcrumb_list { display: none }
.productTitle .Proarrow { margin-right: 0; }
div.Thanku { padding: 30px 0; }
.Thanku .Tytext { font-size: 50px; line-height: 70px; }
.Thanku .Tysubtxt { padding: 9px }
#portfoliolist .portfolio { width: 48%; margin: 1%; }
#ads { display: none; }
.mobile-category { display: block; float: left; width: 100%; margin-bottom: 20px; }
#cmbFilters { background: #fff; border: 2px solid #134665; padding: 10px; color: #000; font-size: 16px; font-weight: 400; width: 100%; }
.dropdown dt { display: block; }
.dropdown dd ul { background: #12384F; }
#filters li span.active { background: #DC6B27; }
.dropdown dt span.mobi { background: #12384F; border-color: #12384F; color: #fff; font-size: 16px; }
.dropdown dd ul { position: absolute; top: 2px; width: auto; display: none; left: 0; }
.dropdown dt span.mobi { height: 50px; line-height: 50px; padding: 0 20px; position: relative; }
.dropdown dt span.mobi:before { top: 20px; right: 10px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-top-color: #fff; border-width: 8px; margin-left: -10px; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
#filters li span { padding: 10px 20px; margin: 0px; color: #fff; border-top: 1px solid rgb(29, 96, 138); border-radius: 0px; background-color: inherit; }
#filters li { width: 100%; float: left; text-align: left; }
#filters { z-index: 999; width: 100%; float: left; padding: 0; margin: 0; }
#filters li span.active:before { display: none; }
.sitemapMain ul.Quick, .sitemapMain ul.SubSite{float:left;width:100%;}
.sitemapMain ul.SubSite li ul li:last-child{margin-bottom:10px;}

}
@media only screen and (max-width: 500px) {
.form_main .forlm_list { width: 100%; padding-right: 0; }
.sitemapMain ul.SubSite li{width:100%;}	
.form_main{margin-right:0;}
.footer_con ul li { width: 100%; }
.contact_info .contact_infoBox.email a{display:block; width:100%;}
.contact_info .contact_infoBox_main{width:100%;}
}

/* common css for screen size < 400  */
@media only screen and (max-width: 450px) {
.header_main:after, .header_main:before { display: none }
.footer_copyright p span.created:before { display: none; }
.footer_copyright p span.created { display: block }
.con_number { font-size: 20px; }
.header_top { margin-top: 10px; margin-bottom: 10px; }
.desc_logo { display: none }
.mobile_logo { display: block }
.sao_logo_bg, .right_logo { padding: 0 4PX; }
.right_logo { height: 68px; vertical-align: middle; display: table; }
.right_logo a { display: table-cell; margin: auto; vertical-align: middle }
.con_formMain ul li { width: 100%; }
.contact_info .contact_infoBox.email a:first-child:after {display:none;}

}
/* common css for screen size between  480 to 767  */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* common css for screen size between  568 to 767  */
@media only screen and (min-width: 568px) and (max-width: 767px) {
}

/* common css for screen size between  600 to 767  */
@media only screen and (min-width: 600px) and (max-width: 767px) {
}

/* common css for screen size between  768 to 1199  */
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.footer_con ul li{width:100%;}
}

/* common css for screen size between  768 to 1023  */
@media only screen and (min-width: 768px) and (max-width: 1023px) {

}

/* common css for screen size between  1024 to 1199  */
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
.ipad_boxs { width: 100%; margin-bottom: 20px; }
.ipad_boxs .contact_info { margin-right: -10px; width: auto; min-width: 100%; }
/*.ipad_boxs .contact_info .contact_infoBox { width: 49%; min-height: 82px; margin: 0 9px 15px 0; }*/
.ipad_boxs .contact_info .contact_infoBox:last-child { margin-right: 0; }
.ipad_form { width: 100%; }
}