/* ==========================================================================
	Global Settings
========================================================================== */


/*
* Boxsizing set to border box http://css-tricks.com/box-sizing/
*/

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/

::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}
::selection { background: #b3d4fc; text-shadow: none; }
/*
* Body settings, change it as required
*/

body { font-family: 'Lato', Arial, sans-serif; font-size: 1em; line-height: 1.4; color: #373737; }
/*
* Headings
*/

h1, h2, h3, h4, h5, h6 { font-family: 'Lato', Arial, sans-serif; font-weight: bold; text-rendering: optimizeLegibility; margin-top: 0px; }
h2 { color: #373737; font-size: 35px; }
/*
* Paragraphs
*/

p { font-weight: normal; margin-top: 0px; }
/*
* Links
*/

a { color: #2ba6cb; text-decoration: none; line-height: inherit; }
a:hover { /*color: #2795b6;*/ }
a:focus { color: #2ba6cb; outline: none; }
p a, p a:visited { line-height: inherit; }
/*
* A better looking default horizontal rule
*/

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/

img { vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; }
/*
* Remove default fieldset styles.
*/

fieldset { border: 0; margin: 0; padding: 0; }
/*
* Allow only vertical resizing of textareas.
*/

textarea { resize: vertical; }
/* ==========================================================================
	Helper classes
========================================================================== */


/*
* Floats
*/

.left { float: left; }
.right { float: right; }
/*
* Text Alignment
*/

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
/*
* Image Alignment
*/

img.alignleft { float: left; margin: 0 10px 10px 0; }
img.alignright { float: right; margin: 0 0px 10px 10px; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/

.hidden { display: none !important; visibility: hidden; }
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/*
* Hide visually and from screenreaders, but maintain layout
*/

.invisible { visibility: hidden; }
/*
* Clearfix: contain floats
*/


/*
* More semantic version as described in http://css-tricks.com/snippets/css/clear-fix/
*/

.group:after { content: ""; display: table; clear: both; }
/*
* overflow method for clearing floats
*/

.floatbox { overflow: hidden; }
/*
* older method of adding empty tags for clearing
*/

.clear { clear: both; height: 1px; line-height: 1px; }
/*
* Chromeframe
*/

.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
/*
* Other
*/


/* ==========================================================================
	Layout
========================================================================== */


/* Container ---------------------- */

#container { min-width: 320px; overflow-x: hidden; }
.container-fluid { padding-left: 47px; padding-right: 47px; }
.container { max-width: 1220px; }
#topbar { padding-top: 12px; position: relative; padding-bottom: 11px; margin-bottom: 10px; }
#topbar:after { content: ""; position: absolute; background: #00a1e4; width: 100%; height: 2px; left: 50%; bottom: 0; }
#topbar:before { content: ""; position: absolute; background: #ef343b; width: 100%; height: 2px; right: 50%; bottom: 0; }
 @media screen and (max-width:767px) {
#topbar { /* display: none; */ }
}
/* Header ---------------------- */

#header { padding: 10px 0; width: 100%; z-index: 1000 !important; background: #fff; }
#header-sticky-wrapper.is-sticky #header { border-top: 5px solid #fff; }
#header .container-fluid { padding-left: 47px; padding-right: 25px; }
 @media screen and (max-width:767px) {
#header { padding-top: 10px; }
}
/* Main Navigation ---------------------- */

#main-navigation { padding-top: 45px; }
#main-navigation ul { float: right; }
#main-navigation ul li { display: inline-block; vertical-align: middle; font-size: 15px; line-height: 2.267; margin-right: 15px; font-weight: 400; text-transform: uppercase; }
#main-navigation ul li a { color: #000000; }
#main-navigation ul li a.active, #main-navigation ul li a:hover { color: #c2120d; }
#main-navigation li .btn-primary { color: #ffffff; line-height: 35px; height: 35px; }
#main-navigation li .btn-secondary { color: #2b66ac; line-height: 35px; height: 35px; font-weight: bold; cursor:text; }
#main-navigation li .btn-secondary i { margin-right: 8px; }
#main-navigation li .btn-secondary:hover { color: #2b66ac; }
#main-navigation li .btn-primary:hover { color: #fff; }
.menu-btn { display: none; padding: 0px; border: 0; background: none; position: relative; z-index: 1000; float: right; top: 40px; }
.menu-btn.active { position: relative; top: 46px; }
.menu-btn span.line { display: block; height: 3px; width: 28px; position: relative; margin: 6px 0; background: #00a1e4; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.menu-btn.active span:first-child { left: 0; top: 0px; transform: rotate(45deg); }
.menu-btn.active span:last-child { left: 0; bottom: 18px; transform: rotate(-45deg); }
.menu-btn span:first-child, .menu-btn span:last-child { transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.menu-btn.active span:nth-child(2) { opacity: 0; }
 @media screen and (max-width:1400px) {
#main-navigation ul li { display: inline-block; font-size: 14px; font-weight: 400; line-height: 2.267; margin-right: 10px; text-transform: uppercase; vertical-align: middle; }
#main-navigation li .btn-secondary, #main-navigation li .btn-primary { font-size: 13px; min-width: 110px; }
#main-navigation li .btn-secondary i { margin-right: 5px; }
}
 @media screen and (max-width:992px) {
.menu-btn { display: block; float: right; }
#main-navigation ul { display: none; position: absolute; top: 0; width: 100%; left: 0; background: rgba(194, 18, 13, .7); padding-top: 20px; z-index: 100; }
#main-navigation ul li { display: block; margin-left: 0px; margin-right: 0px; text-align: center; margin-bottom: 25px; font-size: 15px; }
#header .col-md-9 { position: static; }
#header .logo { float: left; }
.container-fluid { padding-left: 15px; padding-right: 15px; }
#header .container-fluid { padding-left: 15px; padding-right: 15px; }
#main-navigation ul li a { color: #fff; }
#main-navigation li .btn-secondary, .btn-secondary .fa { color: #fff; border-color: #fff; }
}
/* Footer ---------------------- */

.footer-nav { background: #0095df; padding-top: 21px; padding-bottom: 26px; text-transform: uppercase; }
.footer-nav li { display: inline-block; margin-left: 15px; margin-right: 15px; }
.footer-nav li a { color: #ffffff; }
 @media screen and (max-width:767px) {
.footer-nav li { margin-left: 5px; margin-right: 5px; }
}
/* ==========================================================================
	Common Functionalities & UI Elements
========================================================================== */


/*
* Post
*/

.post dl, .post dt, .post dd, .post ul, .post ol, .post li, .post h1, .post h2, .post h3, .post h4, .post h5, .post h6, .post pre, .post p, .post blockquote, .post th, .post td { margin: 0; padding: 0; font-size: 14px; direction: ltr; }
.post p { font-family: inherit; font-weight: normal; font-size: 14px; line-height: 1.6; margin-bottom: 17px; }
.post p.lead { font-size: 17.5px; line-height: 1.6; margin-bottom: 17px; }
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 { font-weight: bold; font-style: normal; color: #222222; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 14px; }
.post h1 small, .post h2 small, .post h3 small, .post h4 small, .post h5 small, .post h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; }
.post h1 { font-size: 44px; }
.post h2 { font-size: 37px; }
.post h3 { font-size: 27px; }
.post h4 { font-size: 23px; }
.post h5 { font-size: 17px; }
.post h6 { font-size: 14px; }
.post code { font-weight: bold; background: #ffff99; }
/* Post - Lists ---------------------- */

.post ul, .post ol, .post dl { font-size: 14px; line-height: 1.6; margin-bottom: 17px; list-style-position: outside; }
.post ul li ul, .post ul li ol { margin-left: 20px; margin-bottom: 0; }
.post ol { margin-left: 20px; }
.post ol li ul, .post ol li ol { margin-left: 20px; margin-bottom: 0; }
/* Post - Blockquotes ---------------------- */

.post blockquote, .post blockquote p { line-height: 1.5; color: #6f6f6f; }
.post blockquote { margin: 0 0 17px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
.post blockquote cite { display: block; font-size: 13px; color: #555555; }
.post blockquote cite:before { content: "\2014 \0020"; }
.post blockquote cite a, .post blockquote cite a:visited { color: #555555; }
.btn-secondary { border-width: 1px; border-color: rgb(71, 153, 234); border-style: solid; border-radius: 50px; color: #2b66ac; font-size: 20px; min-width: 180px; text-align: center; display: inline-block; line-height: 1; line-height: 35px; height: 35px; }
.btn-secondary .fa { color: #2b66ac; }
.btn-primary { border-radius: 50px; background-color: rgb(194, 18, 13); min-width: 180px; text-align: center; display: inline-block; line-height: 1; color: #fffffff; }
/*
* Heading
*/

.heading { font-size: 35px; color: rgb(55, 55, 55); line-height: 1.2; position: relative; margin-bottom: 45px; }
.heading:after { content: ""; position: absolute; display: block; width: 66px; height: 4px; background: #000000; left: 50%; margin-left: -33px; bottom: -26px; }
 @media screen and (max-width:992px) {
.heading { font-size: 26px; margin-bottom: 35px; }
}
/*
* Unstyle-list
*/

.list-unstyled { padding-left: 0px; list-style-type: none; margin: 0; }
/*
* list-1
*/

.list-1 li { float: left; font-size: 15px; line-height: 2.267; margin-right: 19px; font-weight: 700; }
.list-1 li a { color: rgb(42, 99, 163); }
.list-1 li i { margin-right: 5px; top:-2px; position:relative; }
 @media screen and (max-width:992px) {
.list-1 { text-align: center; }
.list-1 li { float: none; font-size: 14px; margin-right: 15px; display: inline-block; }
}
.socialable:before { content: "Connect With Us:"; display: inline-block; color: #000000; font-size: 14px; margin-right: 11px; }
.socialable li { display: inline-block; font-size: 15px; line-height: 2.267; margin-right: 10px; font-weight: 700; }
.socialable li:last-child { margin-right: 0px; }
.socialable li .fa { color: #000000; font-size: 20px; }
 @media screen and (max-width:992px) {
.socialable { text-align: center; float: none !important; }
}
#services { padding-top: 50px; margin-bottom: 40px; }
#services .column { margin-bottom: 40px; }
#services .heading { margin-bottom: 91px; }
#services .box1 figure { min-height: 160px; }
.box1 { text-align: center; padding: 30px 25px 0px 25px; border: 1px solid rgb(183, 183, 183); min-height: 100%; }
.box1 h3 { font-size: 24px; color: rgb(239, 52, 59); line-height: 1.2; position: relative; margin-bottom: 45px; }
.box1 h3:after { content: ""; position: absolute; display: block; width: 66px; height: 4px; background: #000000; left: 50%; margin-left: -33px; bottom: -23px; }
 @media screen and (max-width:992px) {
#services { margin-bottom: 0px; }
}
.bottom-bar { background: #2a63a4; padding-top: 23px; }
.bottom-bar p { color: #ffffff; }
#brands { background: url(../images/bg.png); background-repeat: no-repeat; background-size: cover; background-position: center center; padding-top: 63px; padding-bottom: 63px; }
#brands .box2 { min-height: 120px; border: 1px solid #ffffff; margin-bottom: 20px; position: relative; }
#brands .box2 .brand-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#brands .box2 .description { background: #ffffff; padding-top: 13px; padding-bottom: 13px; }
#brands .box2 .description p { font-size: 16.45px; color: #e91e26; font-weight: 700; margin-bottom: 0; }
#brands .box2 .description a { font-size: 33.46px; color: #e91e26; font-weight: 900; cursor:text; }
#brands .heading { color: #ffffff; margin-bottom: 95px; padding-bottom: 20px; }
#brands .heading:after { background: #ffffff; }
#request-call { background: #00a1e4; padding-top: 50px; }
#request-call .heading { color: #ffffff; margin-bottom: 55px; }
#request-call .heading:after { background: #ffffff; bottom: -18px; }
#request-call .form input[type="text"], #request-call .form input[type="email"] { color: #fff; }
.form .row { margin-bottom: 40px; }
.form input[type="text"], .form input[type="email"] { width: 100%; background: transparent; border: 1px solid #ffffff; min-height: 45px; line-height: 45px; padding-left: 15px; border-radius: 5px; }
.form input.error { border:1px solid #F00 !important; }
.form label.error { font-size:12px; color:#f00; }
.form input[type="submit"] { font-size: 18px; color: #ffffff; background: #c2120d; line-height: 41px; height: 42px; text-align: center; width: 212px; border-radius: 50px; border: none; }
 @media screen and (max-width:992px) {
.form input[type="text"], .form input[type="email"] { margin-bottom: 20px; }
}

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

::-moz-placeholder {
 opacity: 1;
}

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

:-moz-placeholder {
 opacity: 1;
}
 #request-call ::-webkit-input-placeholder {
 color: #fff;
}
 #request-call ::-moz-placeholder {
 color: #fff;
}
 #request-call :-ms-input-placeholder {
 color: #fff;
}
 #request-call :-moz-placeholder {
 color: #fff;
}
#help { background-color: #e9e9e9; padding-top: 70px; padding-bottom: 26px; background-image: url(../images/image5.png); background-repeat: no-repeat; background-position: left center; }
#help p { color: #666666; font-style: italic; margin-bottom: 36px; }
#help .lead { color: #373737; font-size: 20px; font-weight: 700; font-style: normal; }
#help .lead a { font-size: 30px; font-weight: 900; color: #373737; }
#help .form input[type="text"], #help .form input[type="email"] { border-color: #b7b7b7; }
 @media screen and (max-width:1440px) {
#help { background-image: none; }
}
#contact { background: #cf130e; padding-bottom: 12px; padding-top: 30px; }
#contact .item { padding-top: 65px; border: 1px solid #ffffff; margin-bottom: 20px; position: relative; padding-bottom: 55px; }
#contact .item figure { margin-bottom: 30px; }
#contact h4 { color: #ffffff; position: relative; margin-bottom: 50px; line-height: 20px; }
#contact h4:after { content: ""; position: absolute; display: block; width: 42px; height: 3px; background: #ffffff; left: 50%; margin-left: -21px; bottom: -10px; }
#contact a { color: #ffffff; }
#contact .tel { font-size: 35px; font-weight: 900; }
#contact .mail { font-size: 23px; font-weight: 700; }
#contact .timing { font-size: 18px; font-weight: 700; margin-bottom: 0px; color: #ffffff; }
#onsite-services { padding-top: 65px; margin-bottom: 51px; }
#onsite-services .row { margin-bottom: 40px; }
#onsite-services .container { max-width: 1055px; }
#onsite-services h3 { color: #cf130e; font-size: 16px; margin-bottom: 0px; font-weight: 400; }
#onsite-services p { color: #2961ad; margin-bottom: 6px; margin-left: 15px; }
#onsite-services p a { color:#2961ad; }
.row { margin-left: -10px; margin-right: -10px; }
.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, .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, .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, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { padding-left: 10px; padding-right: 10px; }
#experts { padding-top: 60px; padding-bottom: 60px; position: relative; margin-bottom: 85px; }
#experts .heading { font-family: 'Alegreya Sans', sans-serif; font-size: 60px; font-weight: 100; color: #ffffff; margin-bottom: 90px; }
#experts p { font-size: 18px; color: #ffffff; margin-bottom: 60px; }
#experts .heading:after { background: #fff none repeat scroll 0 0; left: 0; margin-left: 0; }
#experts .blue-box { background: #00a1e4; position: relative; padding-left: 65px; padding-right: 65px; }
#experts .blue-box:before { content: ""; position: absolute; width: calc( 100% + 140px); left: 0px; bottom: -60px; height: 60px; display: block; background: #00a1e4; }
#experts .blue-box:after { content: ""; position: absolute; width: calc( 100% + 140px); left: 0px; top: -60px; height: 60px; display: block; background: #00a1e4; }
#experts .red-box { background: #cf130e; position: relative; }
#experts .red-box figure img { visibility: hidden; }
#experts .red-box .description { position: absolute; bottom: 35px; width: 100%; text-align: center; }
#experts .red-box .description p { font-size: 30px; font-weight: 700; text-transform: uppercase; margin-bottom: 0; line-height: 1.1 }
#experts .red-box .description a { font-size: 61px; font-weight: 900; color: #ffffff; line-height: 1.1; cursor:text; }
 @media screen and (max-width:992px) {
#experts .blue-box { padding: 25px; }
#contact .item { margin-bottom: 30px; width: 100%; overflow: hidden; }
#experts .blue-box:before, #experts .blue-box:after { display: none; }
#experts .red-box .description a { font-size: 45px; }
#experts .red-box .description p { font-size: 22px; }
}
 @media screen and (max-width:767px) {
#experts .blue-box { padding: 15px; }
#experts .heading { font-size: 30px; }
#experts { padding-bottom: 0; padding-top: 0; }
#experts p { margin-bottom: 0px; }
}
.sectionbg { background-size: cover !important; background-repeat: no-repeat; background-position: center center; }
#our-services .row { margin-left: -47px; margin-right: -47px; }
#our-services .heading { font-family: 'Alegreya Sans', sans-serif; font-size: 90px; font-weight: 100; color: #ffffff; margin-bottom: 20px; }
#our-services .heading:after { background: #fff none repeat scroll 0 0; left: 0; margin-left: 0; bottom: -12px; }
#our-services p { font-style: italic; color: #ffffff; font-size: 19px; margin-bottom: 35px; }
.valign { top: 50%; transform: translate(0%, -50%); position: absolute; margin-top: 10px; left: 00%; padding-left: 80px; }
#our-services .btn-secondary { border-width: 2px; border-color: #ffffff; border-radius: 50px; color: #ffffff; text-transform: uppercase; font-size: 19px; min-width: 250px; line-height: 35px; height: 40px; }
 @media screen and (max-width:1440px) {
#our-services .heading { font-size: 60px; }
.valign { top: 50%; transform: translate(-50%, -50%); position: absolute; margin-top: 10px; left: 50%; width: 420px; padding-left: 0; }
}
 @media screen and (max-width:767px) {
#our-services .heading { font-size: 60px; }
#our-services .column { min-height: 400px; }
.valign { padding: 25px; }
#our-services .heading { font-size: 30px; }
#our-services p { font-size: 16px; }
}
#message1 p , #message2 p { text-align:center; }