/* =Import Required styles
========================================================================================*/
@import url(normalize.css);
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,900');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');

/* =Box Sizing 
========================================================================================*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select, input[type="button"], input[type="submit"], button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;  }


/* =Deafult Tag & General Classes
========================================================================================*/
html, body { -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; -ms-font-smoothing:antialiased; font-smoothing:antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust:100%; }
body { font:15px/1.45 'Lato', Arial, Helvetica, sans-serif; color:#505061; }
img { vertical-align:top; border:0; }
a, input[type="button"], input[type="submit"], button, table th, table td { -moz-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -o-transition:background-color 0.2s ease-in, color 0.2s ease-in; -ms-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); }
.allanim, #mainmenu li a:after  { -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -o-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); }
a { color:#f34834; text-decoration:none;}
a:hover { text-decoration:underline; }
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	a:active{ background-color:transparent;}
}
strong { font-weight:bold; }
small, .small { font-size: 85%; }
sub, sup { font-size:80% }

p { margin:0 0 20px 0; }

h1,h2, h3, h4, h5, h6 { line-height:1.3; margin:0 0 10px; font-weight:700; font-family:'Source Sans Pro', Arial, Helvetica, sans-serif;   }
h1,h2 { font-size:44px;  }
h3 { font-size:38px; }
h4 { font-size:30px; }
h5 { font-size:24px; }
h6 { font-size:16px; }

ul li { line-height:24px; }

.cf:before, .cf:after,.wrap:after,.wrap:before { content:""; display:table; }
.cf:after,.wrap:after { clear:both; }
.cf,.wrap { zoom:1; }
.nodisplay { display:none; }
.nodisplay_strict { display:none !important; }
.alignleft { float:left; }
.alignright { float:right; }
:focus { outline:none; }
.text_cont p { padding:0 0 10px 0; }
.nopad p, p.nopad { padding:0; }

.cols { *zoom:1; margin-left:-20px; margin-right:-20px; clear:both; }
.cols:after {content:""; display:table; clear:both; }
.cols .col { float:left; min-height:1px; padding-left:20px; padding-right:20px; }
.cols1 .col { width:100% }
.cols2 .col { width:50% }
.cols3 .col { width:33.333333333333%; }
.cols4 .col { width:25%; }



/* =Blockquote & highlight
========================================================================================*/
blockquote { border-left:solid 6px #e1e1e1; margin-left:0; padding-left:15px; }
blockquote small { font-size:85%; display:block; color:#999; padding:5px 0 0 0; font-style:italic; }
.highlight, mark { background:#fffd64; }

/* =Text Size, color & Custom list style
========================================================================================*/
.text-bigger { font-size:22px;  }
.text-big { font-size:20px; }
.text-small { font-size:12px; }
.text-muted { color:#777; }
.text-primary { color:#f34834; }
.text-secondary { color:#7979a9; }

.bg-muted { background:#777; }
.bg-primary { background:#e34f26; }
.bg-secondary { background:#7979a9; }

.text-lc { text-transform:lowercase; }
.text-uc { text-transform:uppercase; }

.has-show { display:block !important; }
.has-hide { display:none !important; }

.has-error { padding:8px 12px 0; display:block; color:#f34834; }
input.has-error { border:solid 1px #f34834 !important;  }

.tall-space { margin:45px 0; }
.medium-space { margin:20px 0; }

.custom-arrow-list { margin:0; padding:0; list-style:none; }
.custom-arrow-list li { position:relative; padding-left:20px; }
.custom-arrow-list li:before { content:''; border:solid 2px #bbb; border-left:0; border-top:0; position:absolute; left:1px; top:9px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); width:7px; height:7px; }

/* =Divider Width
========================================================================================*/
hr { border:0; border-bottom:solid 1px #e1e1e1; margin:20px 0; position:relative; width:100%; }
hr:before { background:#888; bottom: 0; content: ""; display: block; height: 1px; left: 0; right:0; margin:0 auto; top:0; position: absolute; width: 40px; }
.dashed-border { border-bottom-style:dashed }
.dotted-border { border-bottom-style:dotted; }
.double-border { border-bottom-style:double; border-bottom-width:3px; }
.double-border:before { height:3px; }

/* =Drop Caps
========================================================================================*/
p.drop-caps:first-child:first-letter { float: left; font-size: 75px; line-height: 60px; padding: 4px; margin-right: 5px; margin-top: 5px; font-family: Georgia; }
p.drop-caps.secundary:first-child:first-letter { background-color: #f34834; color: #fff; padding: 6px; margin-right: 5px; border-radius: 4px; }

/* =Image Caps
========================================================================================*/
.image-block { padding:25px 0;  }
.image-block:after { display:table; clear:both; content:''; }
.image-block figure { width:33.33333%; float:left; margin:0; position:relative; border:solid 1px #e5e5e5; padding:5px; background:#fff; margin:0 20px 10px 0; }
.image-block figure img { width:100%; height:auto; }
.image-block.right-align figure { float:right; margin:0 0 10px 20px;  }
.image-block figcaption { display:block; padding:6px 0; font-weight:700; position:absolute; left:5px; right:5px; bottom:5px; margin:0 auto; background:rgba(0,0,0,0.40); padding:13px 10px; color:#fff; text-align:center; line-height:1.25; }
.image-block h3 { margin-bottom:20px; }


/* =Section Caps
========================================================================================*/
.section-block { padding:25px 0; background:#fff; }

/* =Layout Width
========================================================================================*/
#wrapper {  }
.wrap { max-width:1280px; width:100%; margin:0 auto; padding-left:30px; padding-right:30px; }

#main { padding:0; }
#primary { float:left; width:700px; }
#content { }
#sidebar { float:right; width:200px; }
.one-column { width:auto !important; float:none !important; }

.gray-box .about-box  { padding:0 }
.about-box { padding:80px 0 }
.about-box .col figure img { width:100%; }
.about-box h1 { font-size:32px; text-transform:uppercase; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e8e8e8 }
.about-box p { line-height:30px; }
.about-data { max-width:778px; width:100%; margin:0 auto; text-align:center }

/* =Common-Page (common classes for all pages)
========================================================================================*/
#header { background:#FFF; padding:20px 0; -webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.43); -moz-box-shadow:    0px 0px 7px 0px rgba(50, 50, 50, 0.43); box-shadow:0px 0px 7px 0px rgba(50, 50, 50, 0.43); }
#logo { float:left; width:222px; position:relative; }
#logo img { max-width:100%; height:auto; width:auto; }

.contact-details { float:right; }
.contact-details ul { margin:0; padding:50px 0 0 0; }
.contact-details ul li { float:left; list-style:none; padding-left:38px; position:relative; margin-left:45px;}
.contact-details ul li:before { content:''; width:30px; height:28px; background:url(../images/bgi/sprites.png); position:absolute; left:0; display:inline-block; top:50%; margin-top:-14px;} 
.contact-details ul li.call:before { background-position:-105px 0; }
.contact-details ul li.email:before { background-position:-137px 0; }
.contact-details ul li h6 { font-size:15px;  font-weight:700; margin:0; color:#222222; text-transform:uppercase }
.contact-details ul li a { color:#777777;  }
.contact-details ul li a:hover { color:#000; text-decoration:none}

#mainmenu {  font-size:14px; margin:0 0 0;  font-family:'Source Sans Pro', Arial, Helvetica, sans-serif; border-top:1px solid #e8e8e8 }
#mainmenu ul { margin:0; padding:0; list-style:none; }
#mainmenu li { float:left; line-height:50px; }
#mainmenu > .wrap > ul > li { margin:0 35px 0 0; font-weight:bold; text-transform:uppercase; }
#mainmenu li a { text-decoration:none; padding:0; display:block; color:#222222; position:relative; }
#mainmenu > .wrap > ul > li > a:after { content:''; position:absolute; width:0; height:2px; background:#ffd105; top:0; left:0; right:0; margin:0 auto; }
#mainmenu > .wrap > ul > li > a:hover:after, #mainmenu > .wrap > ul > li.active > a:after { width:100%; }

#mainmenu ul li.hasnav{ position:relative }
#mainmenu > .wrap > ul > li > .sub-menu { background: rgba(0,0,0,.5) ; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); display: none; left: 0; list-style: none; margin: 0; padding: 0;  position: absolute; top: 100%; width:200px; /*max-width: 904px; */ z-index:5;}
#mainmenu > .wrap > ul > li > .sub-menu li { display:block; float:none; width:100%; line-height:28px }
#mainmenu > .wrap > ul > li > .sub-menu li a{ padding:10px; display:block; color:#FFF }
#mainmenu > .wrap >  ul > li > .sub-menu li a:hover { background:#000; text-decoration:none }


#footer { background:#16233e; padding:80px 0 0; }
.fmenu { float:left; margin:0; padding:20px 0; list-style:none; }
.fmenu li { float:left; margin-right:35px; }
.fmenu li a { color:#9d9fa7; font-family:'Source Sans Pro', Arial, Helvetica, sans-serif; font-weight:700; font-size:15px; text-transform:uppercase }
.fmenu li a:hover, .fmenu li.active a { text-decoration:none; color:#FFF ; }
.comman-title-border { padding-bottom:25px; border-bottom:1px solid #354057;  }
.comman-title-border h5 { color:#FFF; font-size:18px; margin-top:35px; margin-bottom:0 }
.copyright {  margin:0; padding:15px 0; width:100%; text-align:center; color:#ffffff; background:#121e37; font-size:12px }
.footer-col .cols2 .col.last { width:35%; }
.footer-box { width:15%; float:left }
.footer-box a { display:block }
.footer-box a img { width:100%; }
.footer-box h6 { text-align:center; color:#FFF; margin-top:15px; font-size:20px; }
.footer-col .cols2 .col .formlist { padding:0; margin:20px 0 0; }
.footer-col .cols2 .col .formlist li { list-style:none; width:50%; float:left; padding:0 5px; margin-bottom:10px; }
.footer-col .cols2 .col .formlist li input[type="text"], .footer-col .cols2 .col .formlist li input[type="email"], .footer-col .cols2 .col .formlist li input[type="number"] { background:#4a5266; border:none; color:#abaeb5 }
.footer-col .cols2 .col .formlist li input[type="submit"] { width:100%; padding:0; line-height:48px; background:#ffd105; color:#000000 }
.footer-col .cols2 .col .formlist li input[type="submit"]:hover{ background:#d71802; color:#FFF }

/* =Home-Page (only homepage used classes)
========================================================================================*/
.sprites { background-image: url(../images/bgi/sprites.png);  } 
.sp-after:after { background-image: url(../images/bgi/sprites.png); display: inline-block; width: 25px; height: 25px; margin-left: 10px; content: ''; vertical-align: middle; }
.sp-before:before { background-image: url(../images/bgi/sprites.png); display: inline-block; width: 25px; height: 25px; margin-right: 10px; content: ''; vertical-align: middle;  }

/* =Form Style
========================================================================================*/
button, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select, input[type="submit"], input[type="button"], input[type="number"] { font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle;   }
button, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, input[type="submit"], input[type="button"], input[type="number"] { -webkit-appearance:none; -webkit-border-radius:0;  border-radius:0; }
button, input { line-height:normal; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select, input[type="number"] { background:#e9e9e9; padding:4px 12px; height:48px; line-height:1.55; border:solid 1px #d7d9dd; color:#9e9e9e; width:100%; font-family:'Lato', Arial, Helvetica, sans-serif; -moz-transition:border-color 200ms ease-in; -webkit-transition:border-color 200ms ease-in; transition:border-color 200ms ease-in; }
input[type="text"].input-lg, input[type="password"].input-lg, input[type="email"].input-lg, input[type="tel"].input-lg, input[type="search"].input-lg, input[type="url"].input-lg { height:58px; }
input[type="text"].input-sm, input[type="password"].input-sm, input[type="email"].input-sm, input[type="tel"].input-sm, input[type="search"].input-sm, input[type="url"].input-sm { height:38px; }
textarea { width:100%; height:160px; overflow:auto; resize:vertical; padding:10px 15px;  font-family:'Lato', Arial, Helvetica, sans-serif; }
select { height:auto; padding:12px 42px 12px 12px; font-size:14px; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; position:relative; z-index:1; background:none; line-height:1.25; border-radius:0; }
select::-ms-expand { display:none; }
.custom-select { display:block; margin:0; position:relative; background:#fff; }
.custom-select:before { position:absolute; right:1px; top:1px; width:48px; background:#fff; content:''; height:48px; }
.custom-select:after { content:''; border-top:solid 6px #848690; border-right:solid 6px transparent; border-left:solid 6px transparent; position:absolute; right:18px; top:50%; margin-top:-3px; }
.ie select { padding-right:0; }
.ie .custom-select:before { z-index:2; height:40px; }
.ie .custom-select:after { z-index:3; }
.ie input[type="text"], .ie input[type="password"], .ie input[type="email"], .ie input[type="tel"], .ie input[type="search"], .ie input[type="url"], .ie select { line-height:32px; }

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="url"]:focus, textarea:focus, select:focus { border:solid 1px #acacac;  }
input::-moz-focus-inner, button::-moz-focus-inner {border:0; padding:0;}
input[type="button"], input[type="submit"], button { background:#ffd105; color:#000;  border:0;  cursor:pointer; width:auto; overflow:visible; padding:13px 45px; vertical-align:middle; text-decoration:none; text-transform:uppercase; font-size:16px; line-height:1.25; font-family:'Lato', Arial, Helvetica, sans-serif; font-weight:bold;  }
input[type="button"]:hover, input[type="submit"]:hover, button:hover { background:#d71802; color:#fff; }
input[type="checkbox"], input[type="radio"] { margin:4px 8px 0 ; vertical-align:top;  }

::-webkit-input-placeholder { opacity:1; }
::-moz-placeholder { opacity:1; }
:-ms-input-placeholder { opacity:1; }
:-moz-placeholder { opacity:1; }

.ez-hide { opacity:0; filter:alpha(opacity=0); }
.ez-checkbox { background-position:0 -29px; display:inline-block; }
.ez-checkbox.disabled, .ez-radio.disabled { opacity:0.6 }
.ez-radio {  background-position:-48px -29px; display:inline-block; }
.ez-checked { background-position:-16px -29px; }
.ez-checked.disabled { background-position:-32px -29px; }
.ez-selected { background-position:-64px -29px; }
.ez-selected.disabled { background-position:-80px -29px; }
.ez-checkbox, .ez-radio { zoom:1; *display:inline; vertical-align:middle; margin-right:8px }
.ez-checkbox input, .ez-radio input  { margin:3px 0 0; display:block; width:15px; height:15px; vertical-align:top; }

/* =BreadCrumbs
========================================================================================*/
.breadcrumbs { padding:10px 0; background:#efeded; border-bottom:solid 1px #dedede; font-size:14px; color:#999; }
.breadcrumbs ul { display: inline; margin: 0 0 0 5px; padding: 0; }
.breadcrumbs li { display:inline-block; margin:0 0 0 20px; position:relative; }
.breadcrumbs li:before { content:''; border-left:solid 4px #999; border-bottom:solid 4px transparent; border-top:solid 4px transparent; width:0; height:0; display:inline-block; position:absolute; left:-14px; top:50%; margin-top:-4px; }
.breadcrumbs li a { color:#505061; text-decoration:none; }
.breadcrumbs li a:hover { color:#e34f26; }

/* =Form list
========================================================================================*/
.form-block { margin:10px 0; }
.form-group { padding:10px 0 }
.form-group:after { clear:both; content:''; display:table; }
.formlist .form-group ul { margin:0; padding:0; list-style:none; }
.forgot-link { float:right; }
.form-block .form-group label { display:inline-block; padding:0 0 5px;  }
.form-inline .form-group label { float:left; width:30%; padding:10px 10px 10px 0; line-height:1.5 }
.form-inline .form-group .field-box { width:70%; float:left; }

/* =Common button CSS
========================================================================================*/
.button { background-color:#ffd105; text-transform:uppercase; font-size:16px; color:#fff; display:inline-block; line-height:1.2; padding:8px 30px; vertical-align:bottom; font-weight:600;  }
.button:hover { background-color:#d71802; text-decoration:none; color:#fff; }
.button.btn-lg, input[type="submit"].btn-lg, input[type="button"].btn-lg, button.btn-lg { padding:16px 35px; font-size:18px; }
.button.btn-sm, input[type="submit"].btn-sm, input[type="button"].btn-sm, button.btn-sm { padding:10px 25px; font-size:14px; }
.button.btn-xs, input[type="submit"].btn-xs, input[type="button"].btn-xs, button.btn-xs { padding:8px 20px; font-size:12px; }
.button.btn-lightgray, input[type="submit"].btn-lightgray, input[type="button"].btn-lightgray, button.btn-lightgray { background:#969fb0; color:#fff; }
.button.btn-lightgray:hover, input[type="submit"].btn-lightgray:hover, input[type="button"].btn-lightgray:hover, button.btn-lightgray:hover { background:#757f90; }
.button.btn-secondary, input[type="submit"].btn-secondary, input[type="button"].btn-secondary, button.btn-secondary { background:#555; color:#fff; }
.button.btn-secondary:hover, input[type="submit"].btn-secondary:hover, input[type="button"].btn-secondary:hover, button.btn-secondary:hover { background:#333; }
.button.btn-outline, input[type="submit"].btn-outline, input[type="button"].btn-outline, button.btn-outline { background:#fff; border:solid 2px #f34834; color:#f34834;  }
.button.btn-outline:hover, input[type="submit"].btn-outline:hover, input[type="button"].btn-outline:hover, button.btn-outline:hover { background:#f34834; color:#fff; }

.button.btn-lg.btn-outline, input[type="submit"].btn-lg.btn-outline, input[type="button"].btn-lg.btn-outline {  padding:14px 35px;   }
.button.btn-outline, input[type="submit"].btn-outline, input[type="button"].btn-outline {  padding:11px 30px;   }
.button.btn-sm.btn-outline, input[type="submit"].btn-sm.btn-outline, input[type="button"].btn-sm.btn-outline {  padding:8px 25px;   }
.button.btn-xs.btn-outline, input[type="submit"].btn-xs.btn-outline, input[type="button"].btn-xs.btn-outline {  padding:6px 20px;   }

.button.btn-block { display:block; }
.buttonset .button { margin: 10px 7px; text-align: center; width: 160px; padding-left:10px !important; padding-right:10px !important; }


/* =Table CSS
========================================================================================*/
table { max-width:100%; background-color:transparent; border-collapse:collapse; border-spacing:0; border:1px solid #ddd; }
table { width:100%; margin-bottom:30px; }
table th, table td { padding:14px 15px; line-height:1.32; text-align:left; vertical-align:top; border-top:1px solid #ddd;  border-right:1px solid #ddd;}
table th { background:#ececec; font-weight:700; padding:17px 15px; font-size:16px; }
table tr:hover td { background:#fbfbfb; }
table tr.selected td { background:#fbfbfb; }
table thead th { vertical-align:middle; }
table caption + thead tr:first-child th, table caption + thead tr:first-child td, table colgroup + thead tr:first-child th, table colgroup + thead tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td { border-top:0; }


/* =tabnav CSS
========================================================================================*/
.tabnav { width:100%; margin:0; padding:0; list-style:none; border:solid 1px #e9edee;  }
.tabnav li { float:left; position:relative; margin:0; width:25%; text-align:center; font-weight:600; text-transform:uppercase; }
.tabnav li:first-child { margin:0; }
.tabnav li h2 { margin:0; font-size:15px; }
.tabnav li a { display:block; padding:16px 5px; text-decoration:none; color:#505061; line-height:1.25; background:#e9edee; margin-bottom:-1px; border-left:solid 1px #dde1e2; }
.tabnav li:first-child a { border-left:0; }
.tabnav li.active a, .tabnav li a:hover { background-color:#fff; color:#f34834 }
.tabnav li.active a:after { display:block; }
.tab-container { padding:20px; border:solid 1px #e9edee; border-top:0; }
.tabcontent .quicklist li, .tabcontent .quicklist { margin:0; }
.tabcontent { display:none;  }
.tabcontent p { color:#666; margin:20px 0 0; }
.tabcontent p:first-child { margin-top:0; }
.tabcontent p a, .accordion-data p a { color:#7f97ae; text-decoration:underline; }
.tabcontent p a:hover, .accordion-data p a:hover { color:#00305d }
.tabcontent h4 { margin:0 0 15px; }


/* =Accordian CSS
========================================================================================*/
.accordion-databox .accordion-row { }
.accordion-databox .accordion-row:first-child { border-top:0; }
.accordion-databox .accordion-row h5 { cursor:pointer; margin:0; background:#f3f3f3; color:#555; position:relative; padding:16px 54px 16px 16px; font-weight:600; font-size:15px; margin-bottom:7px; text-transform:uppercase; }
.accordion-databox .accordion-row h5:before { position:absolute; right:0; top:0; content:''; width:54px; height:100%; z-index:1; background:rgba(0,0,0,0.08); } 
.accordion-databox .accordion-row h5:after { content:''; position:absolute; right:18px; top:50%; margin-top:-4px; border-top:solid 8px #818181; border-left:solid 8px transparent; border-right:solid 8px transparent; z-index:2  }
.accordion-databox .accordion-row h5.open { color:#272c2f;}
.accordion-databox .accordion-row h5.open:after { border-top:0; border-bottom:solid 8px #272c2f; }
.accordion-data { display:none; padding:15px 0; }
.accordion-data p { padding:0 6px; margin:20px 0 0; }
.accordion-data p:first-child { margin-top:0; }

/* =Alertbox CSS
========================================================================================*/
.alert { padding:12px 12px 12px 50px; margin:10px 0; color:#fff; position:relative; }
.alert:before { position:absolute; content:''; left:14px; top:11px; width:24px; height:24px; background:url(../images/bgi/sprites.png) no-repeat 0 0; }
.alert-notification { background-color:#5cb1aa; }
.alert-notification:before { background-position:0 0; }
.alert-info { background-color:#db9e3c;  }
.alert-info:before { background-position:-26px 0; }
.alert-warning { background-color:#db524c;}
.alert-warning:before { background-position:-52px 0; }
.alert-success { background-color:#34b166; }
.alert-success:before { background-position:-79px 0; }
.alert-normal { background-color:#999; padding-left:15px; }
.alert-normal:before { display:none; }
.alert-info.grey-info { background:#999; margin:20px 0 0; }


/* =Default page CSS
========================================================================================*/
.heading-listblock { padding:20px 0; }
.heading-listblock p, .heading-listblock blockquote { margin:0 0 35px; }
.heading-listblock p:last-child { margin-bottom:0; } 
.heading-listblock .paragraph-block p { margin:0 0 20px; }
.list-block ul, .list-block ol { padding-left:22px; margin-left:-5px; }
.list-block ul li, .list-block ol li { margin:5px 0; } 
.list-block ul.custom-arrow-list { margin:0; padding:0; }


.gray-box { background:#f5f5f5 url(../images/services-bg.png) center center no-repeat; padding:80px 0; background-size:cover }
.comman-title h3 { text-align:center;    }
.comman-title h3:after { content:''; width:150px; height:1px; background:#cdcdcd; display:block; margin:15px auto 0;  }
.service-data  { padding-top:15px; }
.service-data .col { margin-bottom:20px; }
.service-data .col figure img { width:100%; }
.service-data .col figcaption { width:100%; text-align:center; font-size:24px; padding:20px 0; background:#16233e; color:#FFF; font-weight:700 }


.poptrigger { cursor:pointer }
.popouterbox .popup-block { display: block; position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; z-index: 99999; max-width: 760px; width: 100%; padding: 30px; }
.popouterbox .popup-block img { width: 100%; }
.datadis { padding: 0 15px 25px; }
.close-dialogbox { position: absolute; top: 15px; right: 10px; text-decoration: none; }
.popouterbox .popup-block.taller { top: 0; }
.popouterbox { bottom: 0; display: none; left: 0; overflow: hidden; overflow-x: hidden; overflow-y: auto; position: fixed; right: 0; top: 0; z-index: 999999999; }
.modal-backdrop { display: none; background: #fff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; }
.pop-contentbox { background: #fff; box-shadow: 0 0 8px rgba(0,0,0,0.25); position: relative }
.popup-block .account-box { margin: 0; }
#sizeguide .popup-block { max-width: 540px; }
.pop-contentbox h4 { font-size: 24px; margin-bottom: 20px; font-weight: normal; padding-right: 55px; font-weight: 600; background: #16233e; padding: 15px; color: #FFF }
.pop-contentbox a { color: #FFF; text-decoration: underline; }
.pop-contentbox a:hover { text-decoration: none }
.overflowhidden #wrapper { -webkit-filter: blur(3px); filter: blur(3px); }
/*body.overflowhidden { overflow:hidden }*/
.datadis .cols { margin:0 -5px }
.datadis .cols .col { padding:0 5px; }
.datadis .cols .col p { font-size:13px; }


.banner { background-size:cover; height:268px; position:relative; overflow:hidden }
.main-title { position:relative;  }
.main-title:after { content:''; display:inline-block; vertical-align:middle; height:100%; }
.main-title { display:block; text-align:center; vertical-align:middle; height:100%; }
.common-title-box h1 { z-index:1; position:relative; display:inline-block; vertical-align:middle; color:#FFF; text-transform:uppercase  }
.about-box.about-data .col p { margin-bottom:12px; line-height:24px; }
.mainbanner .item img { width: 100%;}

.photo-gallery ul { margin:0; padding:0; list-style:none }
.photo-gallery ul li { float:left; width:25%; margin-bottom:0; padding: 10px 5px; }
.photo-gallery ul li img { border:1px solid #a7a7a7; width:100%; }
#portfoliolist .portfolio { display:none }

.filter-box ul { padding:0; margin:0; list-style:none; text-align:center  }
.filter-box ul li { display:inline-block; }
.filter-box ul li a { padding:5px 25px; display:block; border:1px solid #172745; font-size:13px; display:block; color:#172745; font-weight:700 }
.filter-box ul li a:hover, .filter-box ul li a.active { background:#172745; color:#FFF; text-decoration:none }

.photo-gallery-box { padding:80px 0; }
.photo-gallery { margin-top:45px; }

.inquiry-box { padding:80px 0; }
.inquiry-databox { max-width:930px; width:auto; margin:0 auto; padding:50px 70px; border:1px solid #e8e8e8 }

.inquiry-databox h2 { text-align:center; font-size:32px; margin-bottom:0; }
.inquiry-databox p { font-weight:300; text-align:center }

.inquiry-databox .formlist:after, .inquiry-databox .formlist:before { content:''; clear:both; display:table }
.inquiry-databox .formlist { padding:0; margin:45px -16px 0; list-style:none }
.inquiry-databox .formlist li { float:left; width:33.333333333%; padding:0 8px; margin-bottom:20px; }
.inquiry-databox .formlist li.wider { width:100%; }
.contactdata { text-align:center; }
.inquiry-databox .formlist li.wider input[type="button"], .inquiry-databox .formlist li.wider input[type="submit"], .inquiry-databox .formlist li.wider button { text-align:center }
.why-choose { padding-top:80px; }
.why-choose .cols2 .col figure img { width:100%; }
.why-choose h3 { font-size:32px; margin:0 }
.why-choose p { font-weight:300; }
.data-box { margin-bottom:20px; }
.data-box:after{ content:''; clear:both; display:table }
.data-box-left { float:left; width:14%; }
.data-box-right { float:left; width:86%; }

.footer-col .contact-details { float:none }
.footer-col .contact-details ul li {  margin-left: 0; margin-right: 12px; padding-left: 38px; vertical-align:middle;   }
.footer-col .contact-details ul li a { color:#FFF }
.footer-col .contact-details ul { padding-top:15px;}
.comman-title-border img { max-width:18%; }

.main-banner-box { position:relative }
.skill-box ul { margin:0; padding:0; text-align:center }
.skill-box ul li { display:inline-block; margin-left:25px; }
.skill-box ul li:first-child { margin:0 }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}

input[type=number]
{
  -moz-appearance: textfield;
}